@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--plum:#360d2a;--plum2:#531339;--wine:#76234e;--coral:#f38e78;--pink:#ed6888;--paper:#faf8fa;--ink:#251624;--muted:#837987;--line:#e9e5e9;--white:#fff;--green:#218568;--red:#c84657;--shadow:0 10px 35px #3d18310d}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.032em}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{color:#b04f74;font-weight:800;letter-spacing:.13em;font-size:11px}.eyebrow.light{color:#f9a08d}.brand-badge{background:linear-gradient(145deg,#f9b49e,#ed708d);color:#3c0c27;font-size:43px;font-weight:900;width:76px;height:76px;display:grid;place-items:center;border-radius:22px;letter-spacing:-.12em}.brand-badge span{color:#fff}.brand-badge.small{font-size:24px;width:42px;height:42px;border-radius:13px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr 0.85fr}.login-hero{background:radial-gradient(circle at 70% 15%,#87385d 0%,transparent 45%),linear-gradient(145deg,#300a26,#511535 65%,#3e0c2b);color:white;display:flex;align-items:center;padding:9%;position:relative;overflow:hidden}.login-hero:after{content:'';position:absolute;right:-170px;bottom:-240px;border:100px solid #ee77951c;border-radius:50%;width:450px;height:450px}.login-hero h1{font-size:clamp(36px,4vw,64px);line-height:1.15;margin:30px 0 24px;max-width:650px}.login-hero h1 em{font-style:normal;color:#ff9f87}.login-hero p{color:#e6d3df;line-height:1.75;font-size:16px;max-width:520px}.hero-stats{display:flex;gap:40px;border-top:1px solid #ffffff30;padding-top:32px;margin-top:60px}.hero-stats div{display:grid;gap:7px}.hero-stats b{font-size:34px}.hero-stats small{color:#dcc2d1}.login-card{background:#fff;max-width:580px;width:100%;padding:clamp(24px,8vw,100px) clamp(25px,5vw,80px);margin:auto}.login-card h2{font-size:32px;margin:10px 0}.login-card>p{margin-bottom:24px}.login-card form{display:grid;gap:18px}.login-card label,.field{display:grid;gap:7px;font-weight:700;font-size:13px}.login-card input,.login-card select,input,select,textarea{border:1px solid #ddd6de;border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink);outline-color:#b5507f;min-width:0}.login-card input:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #ea769225}.login-card input,.login-card select{width:100%;margin-top:5px}.notice{background:#fff7e9;border:1px solid #f8e5c0;border-radius:12px;padding:13px;color:#7e5925;line-height:1.55;margin:24px 0;font-size:12px}.btn{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#55243b;transition:.15s}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{background:#641942;color:white;border-color:#641942}.btn.coral{background:#f18777;color:#fff;border-color:#f18777}.btn.outline{border-color:#a87191;color:#682343}.btn.danger{color:#a32943;border-color:#f0cdd2}.btn.soft{background:#faf0f5;border-color:#f4dce7}.btn.full{width:100%}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.42;cursor:default}.separator{font-size:11px;font-weight:800;color:#9a8b99;text-align:center;margin:23px 0 14px;letter-spacing:.1em}.demo-login label{display:grid;gap:6px}.demo-login button{margin-top:12px}.mobile-brand{display:none}.app{display:flex;min-height:100vh}.sidebar{width:253px;background:#360d2a;color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:24px 15px;z-index:20}.sb-header{display:flex;align-items:center;gap:10px;padding:4px 10px 26px}.sb-header b{font-size:18px;letter-spacing:.09em}.sb-header small{display:block;font-size:10px;color:#d9b7c9;margin-top:4px}.sb-tag{font-size:10px;color:#ae87a4;font-weight:800;letter-spacing:.1em;padding:15px 12px;border-top:1px solid #ffffff17}.sidebar nav{display:grid;gap:5px;margin-top:7px;overflow:auto}.nav-btn{border:none;background:transparent;color:#d8b6cc;border-radius:11px;padding:12px 13px;text-align:left;width:100%;display:flex;align-items:center;gap:12px;font-weight:650}.nav-btn:hover,.nav-btn.active{background:#6d2b51;color:#fff}.nav-icon{font-size:17px;width:22px;text-align:center}.sb-bottom{margin-top:auto;border-top:1px solid #ffffff17;padding-top:18px}.user-chip{display:flex;gap:10px;align-items:center;padding:8px;margin-bottom:10px}.user-chip>span{background:#e98a89;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;font-weight:900}.user-chip strong{font-size:13px;display:block}.user-chip small{font-size:11px;color:#b9a0b0}.main{margin-left:253px;width:calc(100% - 253px);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.crumb{font-weight:800;color:#4d2b40;font-size:15px}.topright{display:flex;align-items:center;gap:14px}.connection{font-size:12px;font-weight:800;color:var(--green)}.pill{border:1px solid #f2dfe8;background:#fff8fa;border-radius:50px;padding:8px 11px;color:#943c65;font-weight:800;font-size:10px;letter-spacing:.07em}.menu-btn{display:none}.screen{padding:32px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:18px;flex-wrap:wrap}.page-title h1{font-size:clamp(24px,2.4vw,33px);margin:5px 0 6px}.page-title p{color:var(--muted);margin:0}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.card{background:#fff;border:1px solid #efe9ed;border-radius:17px;padding:21px;box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{padding:20px;min-height:135px}.stat .stat-head{display:flex;align-items:center;justify-content:space-between;color:#7d6c7b;font-weight:700;font-size:12px}.stat .stat-head span:last-child{font-size:19px;color:#b37b9a}.stat strong{display:block;font-size:36px;font-family:Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0 3px}.stat small{color:#837c87}.stat.highlight{background:var(--plum);color:#fff;border-color:var(--plum)}.stat.highlight .stat-head,.stat.highlight small{color:#e1bbd0}.stat.highlight .stat-head span:last-child{color:#ffa28b}.columns{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.columns.equal{grid-template-columns:1fr 1fr}.card h3{font-size:17px;margin:0 0 6px}.sub{color:var(--muted);font-size:12px;margin:0 0 18px}.progress-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.progress-label strong{font-size:13px}.progress-label small{color:var(--muted);font-size:12px}.bar{height:9px;background:#f1e9ee;border-radius:40px;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,#9e396c,#f18e78);border-radius:40px}.district-item{margin:18px 0 23px}.footer-detail{display:flex;justify-content:space-between;font-size:12px;color:#877583;margin-top:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a7b88;font-size:11px;letter-spacing:.03em;text-transform:uppercase;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid #f4f0f3;vertical-align:middle}tbody tr:hover{background:#fdfafd}td strong{color:#4a2540}.badge{font-size:11px;font-weight:800;padding:5px 9px;border-radius:50px;display:inline-block;white-space:nowrap}.badge.validated{background:#e4f5ee;color:#147755}.badge.completed,.badge.under_review{background:#fff3db;color:#96620e}.badge.draft{background:#f1edf4;color:#75627b}.badge.observed{background:#fff0e8;color:#ad5d33}.badge.rejected,.badge.annulled{background:#fee9ea;color:#bb3546}.badge.pilot{background:#e9efff;color:#5570a3}.badge.official{background:#f5e6ee;color:#a14774}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filters select,.filters input{flex:1;min-width:140px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-tile{padding:13px;background:#fcf7fa;border:1px solid #f2e9ee;border-radius:12px}.mini-tile b{display:block;font-size:20px;margin-bottom:4px}.mini-tile small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide{grid-column:1/-1}.form-grid label,.field{font-weight:800;font-size:12px;display:grid;gap:6px}.section-bar{margin:26px 0 13px;display:flex;justify-content:space-between;align-items:center}.section-bar h3{margin:0}.stepper{display:flex;gap:6px}.stepper span{width:34px;height:6px;border-radius:9px;background:#eadce5}.stepper span.on{background:#a34b78}.question{border:1px solid #eee7ec;padding:16px;border-radius:13px;margin-bottom:14px}.question h4{font-size:14px;line-height:1.6;margin:0 0 8px}.question h4 small{font-size:11px;color:#9e708c;margin-left:6px}.question .help{font-size:12px;color:var(--muted)}.choice{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid #ede4e9;border-radius:10px;margin:7px 0;cursor:pointer}.choice:has(input:checked){border-color:#ae5b85;background:#fcf3f8}.choice input{accent-color:#792951;margin:0}.question textarea{width:100%;min-height:85px;resize:vertical}.question input[type=number],.question input[type=text]{width:100%}.headerline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.notice.info{background:#f9f0f7;border-color:#f1dce9;color:#763a5d}.notice.error{background:#fff0f0;border-color:#f0cece;color:#b23845}.notice.success{background:#eafaef;border-color:#bce9d4;color:#237253}.checkbox-row{display:flex;align-items:flex-start;gap:10px;background:#fcf8fb;padding:13px;border-radius:12px;margin:10px 0;line-height:1.55}.checkbox-row input{margin-top:4px;accent-color:var(--wine)}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}.record-row{padding:14px;border:1px solid #eae1e7;border-radius:13px;background:#fff;margin:13px 0}.recording{border-color:#f19ba7;background:#fff8f8}.record-row .head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.record-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.audio-hint{font-size:11px;color:#9d7279;margin-top:8px}.record-row audio{width:100%;margin-top:10px;height:36px}.tip{font-size:12px;color:var(--muted);line-height:1.65}.code{font-family:ui-monospace,monospace;background:#fbf0f6;padding:3px 6px;border-radius:6px;color:#793053}.todo-card{background:linear-gradient(105deg,#3b112e,#682b50);color:#fff;padding:22px;border-radius:18px}.todo-card h3{font-size:21px}.todo-card p{color:#ead3de}.transcript{min-height:75px;width:100%;margin-top:9px}.stack{display:grid;gap:16px}.empty{text-align:center;padding:42px 15px;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:8px}.empty .symbol{font-size:37px;margin-bottom:13px}.modal{position:fixed;inset:0;background:#140a13b9;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{width:min(770px,98vw);max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden}.modal-header{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0}.modal-content{padding:22px;overflow:auto}.icon-btn{border:0;background:#f6eff4;width:32px;height:32px;border-radius:10px;font-size:20px}.toast-visible{position:fixed;right:20px;bottom:20px;z-index:200;background:#3b1430;color:white;padding:14px 20px;border-radius:12px;box-shadow:0 12px 40px #0005;font-weight:650;max-width:400px}.list-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;border-bottom:1px solid #f3eaf0}.dot{height:8px;width:8px;background:#6ac7a0;display:inline-block;border-radius:50%;margin-right:5px}.dot.warning{background:#eca75b}.mic-live{color:#d82948;font-weight:800;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.45}}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}pre{white-space:pre-wrap;word-break:break-word;background:#2b1727;color:#fff;padding:15px;border-radius:12px;font-size:12px}.hint{border-left:3px solid #ed8d87;padding-left:10px;color:#776c77}.btn-link{border:0;background:none;color:#903b66;font-weight:800;padding:5px}.tiny{font-size:11px;color:#8b7b87}.wave{font-size:28px;color:#ee8091}.session-banner{background:#fff8ea;border:1px solid #f4dda1;padding:10px 13px;border-radius:10px;color:#85582a;margin-bottom:16px;font-size:12px}.offline-banner{background:#fff0dc;border:1px solid #e9cfa0;padding:12px;border-radius:12px;margin-bottom:16px}.spacer{height:12px}
@media(max-width:1120px){.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.screen{padding:20px}.sidebar{width:225px}.main{margin-left:225px;width:calc(100% - 225px)}}
@media(max-width:750px){.login-wrap{display:block}.login-hero{display:none}.login-card{min-height:100vh;padding:40px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:265px}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{height:59px;padding:0 16px}.menu-btn{border:0;background:none;display:block;font-size:22px;color:#672448}.topright .pill{display:none}.screen{padding:17px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:13px;min-height:110px}.stat strong{font-size:27px}.columns.equal,.form-grid,.mini-grid,.grid4,.grid2{grid-template-columns:1fr}.card{padding:16px}.page-title{margin-bottom:16px}.page-actions{width:100%}.page-actions .btn{flex:1}.form-grid .wide{grid-column:auto}td,th{padding:9px 7px}.modal-content{padding:16px}.topright{gap:5px}}


/* IDENTIDAD MARABÚ — basada en el logotipo oficial de la agencia */
:root {
 --plum:#0A1648; --plum2:#122E73; --wine:#144CE7; --coral:#2265F5;
 --pink:#2769FF; --paper:#F5F8FF; --ink:#10234C; --muted:#70819F;
 --line:#E2EAF7; --white:#fff; --green:#16876A; --red:#C94560;
 --shadow:0 10px 32px rgba(15,39,91,.055)
}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:Inter,'DM Sans',system-ui,sans-serif}
h1,h2,h3,h4{font-family:Manrope,Inter,system-ui,sans-serif}
.marabu-logo{display:block;height:auto;object-fit:contain;max-width:100%}
.login-wrap{grid-template-columns:minmax(0,1.14fr) minmax(430px,.86fr);background:#f6f9ff}
.login-hero{
 background:radial-gradient(ellipse at 90% 4%,rgba(20,99,245,.13),transparent 48%),
 linear-gradient(135deg,#ffffff 12%,#f4f8ff 60%,#e5f1ff 100%);
 color:#081744;align-items:center;padding:clamp(38px,6.8vw,106px);isolation:isolate
}
.login-hero:before{content:'';position:absolute;left:-19%;bottom:-56%;width:96%;aspect-ratio:1;border-radius:50%;border:64px solid rgba(29,100,235,.065);z-index:-1;pointer-events:none}
.login-hero:after{content:'';position:absolute;right:-135px;top:-180px;bottom:auto;width:410px;height:410px;border:80px solid rgba(30,97,232,.055);border-radius:50%;pointer-events:none;z-index:-1}
.login-hero-inner{position:relative;z-index:1;max-width:610px;width:100%}
.hero-logo{width:365px;max-width:min(80%,430px);margin:0 0 35px;filter:drop-shadow(0 3px 8px rgba(0,34,90,.04))}
.login-hero h1{font-size:clamp(39px,4.1vw,66px);line-height:1.11;letter-spacing:-.055em;margin:22px 0 24px;color:#071743}
.login-hero h1 em{color:#1558EB}
.login-hero p{color:#586C8F;font-size:16px;line-height:1.7;max-width:530px}
.login-hero .eyebrow.light{color:#185BE4;letter-spacing:.19em;font-size:11px}
.hero-stats{border-top:1px solid #cbdaf1;gap:46px;margin-top:50px;padding-top:24px}
.hero-stats b{color:#091A51;font-size:35px}
.hero-stats small{color:#6e82a2}
.login-card{background:#fff;box-shadow:-28px 0 75px rgba(15,45,90,.038);padding:clamp(26px,7vw,80px) clamp(24px,5vw,74px);max-width:590px;border-left:1px solid #e7eefd}
.login-card h2{color:#0A194B;font-size:clamp(28px,3vw,35px)}
.login-card>.eyebrow{color:#155AF6}
.login-card>p{color:#687D9D}
.login-card label{color:#21345A}
.login-card input,.login-card select,input,select,textarea{border-color:#D8E2F2;color:#132952;outline-color:#2466F5}
.login-card input:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #2A65ED22;border-color:#3772F4}
.btn{color:#1b427a;border-color:#dce5f4}
.btn.primary{background:#125AF1;border-color:#125AF1;color:#fff;box-shadow:0 7px 17px rgba(25,82,218,.15)}
.btn.coral{background:#2166EE;border-color:#2166EE;color:white}
.btn.outline{border-color:#bed1f9;color:#1759d5;background:#f8fbff}
.btn.soft{border-color:#deebfc;background:#f2f7ff;color:#1d59b8}
.btn.danger{border-color:#f2cbd4;color:#c84560}
.notice.info{background:#eff6ff;border-color:#cddffb;color:#1b4e9a}
.notice{background:#f6faff;border-color:#dbe7fb;color:#36619d}
.sidebar{background:linear-gradient(175deg,#091846 0%,#102963 55%,#0c2258 100%);box-shadow:4px 0 23px rgba(4,24,75,.055)}
.sb-header{padding:3px 6px 20px;display:block}
.sidebar-logo-wrap{background:#fff;border-radius:13px;padding:10px 10px 8px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;min-height:64px}
.sidebar-logo{width:175px}
.sb-header .sb-subtitle{display:block;text-align:center;color:#bfd0f6;font-size:10px;letter-spacing:.09em;font-weight:700}
.sb-tag{color:#8dabdf;border-top-color:#ffffff17}
.nav-btn{color:#b8caea}
.nav-btn:hover,.nav-btn.active{background:#1765ED;color:#fff;box-shadow:0 6px 19px rgba(7,42,135,.16)}
.user-chip>span{background:#2474F5}
.user-chip small{color:#aec1e7}
.topbar{border-color:#e5edf8;background:#fff}
.crumb{color:#09215b}
.menu-btn{color:#154bb5}
.pill{background:#f0f6ff;border-color:#d8e8ff;color:#2662C0}
.eyebrow{color:#2262DA}
.page-title h1{color:#0b1c50}
.card{border-color:#e7eef9;box-shadow:0 7px 22px rgba(14,40,91,.045)}
.stat.highlight{background:linear-gradient(125deg,#0b225f,#1143a8);border-color:#124293}
.stat.highlight .stat-head,.stat.highlight small{color:#bfd4fa}
.stat.highlight .stat-head span:last-child{color:#80c8ff}
.stat .stat-head span:last-child{color:#367ce8}
.bar{background:#e5efff}
.bar i{background:linear-gradient(90deg,#0e54dd,#3588ff)}
.card h3,td strong{color:#172e5a}
th{color:#7287a6;border-color:#e9effa}
td{border-color:#eff3fa}
tbody tr:hover{background:#f5f9ff}
.badge.pilot{background:#eaf1ff;color:#2d5bb0}
.badge.official{background:#e5f0ff;color:#1651ba}
.badge.draft{background:#eff3f9;color:#5e7298}
.choice{border-color:#dfe9f7}
.choice:has(input:checked){border-color:#2c75eb;background:#eff6ff}
.choice input,.checkbox-row input{accent-color:#1d63e5}
.question{border-color:#e7eef9}
.checkbox-row{background:#f5f9ff}
.stepper span{background:#d9e4f5}
.stepper span.on{background:#2368f1}
.mini-tile{background:#f6f9ff;border-color:#e6effc}
.todo-card{background:linear-gradient(115deg,#0a225d,#1558d5)}
.todo-card p{color:#d1e0ff}
.code{background:#edf5ff;color:#0d4eaa}
.tip,.sub{color:#70819f}
.hint{border-left-color:#2368ed}
.icon-btn{background:#eef5ff;color:#1656ba}
.toast-visible{background:#102e73}
.modal-card{box-shadow:0 16px 55px #09184633}
.session-banner{background:#fff9e8}
.wave{color:#1e6ff0}
.btn-link{color:#1a5ac7}
.mobile-logo{width:180px}
@media(max-width:950px){.login-wrap{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)}.login-hero{padding:48px}.login-hero h1{font-size:40px}.hero-stats{gap:18px}}
@media(max-width:750px){
 .login-wrap{display:block}
 .login-hero{display:none}
 .login-card{min-height:100vh;padding:28px 24px 52px;border:0;max-width:none;box-shadow:none}
 .mobile-brand{display:flex;flex-direction:column;align-items:start;margin-bottom:36px;gap:9px}
 .mobile-logo{width:216px}
 .mobile-brand .mobile-sub{font-size:10px;color:#2666df;letter-spacing:.15em;font-weight:800}
 .screen{padding:17px}
 .stat strong{font-size:27px}
 .sidebar{width:264px}
}

/* Gráficos en el panel MARABÚ */
.dashboard-charts{margin:0 0 20px}
.trend-chart{display:block;width:100%;height:auto;max-height:260px}
.donut-layout{display:flex;align-items:center;justify-content:space-evenly;gap:25px;min-height:192px}
.status-donut{width:165px;height:165px;flex:0 0 165px;border-radius:50%;display:grid;place-items:center}
.donut-inner{width:107px;height:107px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}
.donut-inner strong{font-size:33px;color:#10234c;font-weight:850}
.donut-inner small{font-size:12px;color:#7887a0}
.donut-legend{flex:1;max-width:200px}
.donut-line{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;color:#5d7197}
.donut-line b{margin-left:auto;color:#15305e;font-size:14px}
.dot-color{height:10px;width:10px;border-radius:50%;flex:0 0 10px}
@media(max-width:480px){.donut-layout{gap:13px}.status-donut{width:140px;height:140px;flex-basis:140px}.donut-inner{width:94px;height:94px}.donut-inner strong{font-size:29px}}