/* ฟอนต์ Sarabun เก็บไว้ในเว็บเอง (ใช้ได้ตอนออฟไลน์ และไม่ต้องโหลดจาก Google) */
@font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/sarabun-thai-400.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/sarabun-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/sarabun-thai-500.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/sarabun-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/sarabun-thai-600.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/sarabun-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/sarabun-thai-700.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/sarabun-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#F5F3EE;--card:#FFFFFF;--ink:#1C2629;--muted:#4A5654;--line:#DDD8CE;--teal:#1D5C63;--teal-bg:#E6F0EF;
--amber:#8A4A0B;--amber-bg:#F6ECDD;--red:#B3261E;--red-bg:#FBEDEB;--navy:#3D4F7C;--navy-bg:#EAEDF4}
*{box-sizing:border-box}
body{margin:0;font-family:'Sarabun',sans-serif;font-size:16px;background:var(--bg);color:var(--ink);line-height:1.5}
button,input,select,textarea{font:inherit}
.bar{background:var(--ink);color:#F5F3EE;position:sticky;top:0;z-index:5}
.bar-in{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font-weight:700;font-size:18px}.org{font-size:13px;color:#C9D2D0}
.who{font-size:14px;text-align:right}.who button{background:none;border:1px solid #6B7875;color:#F5F3EE;border-radius:8px;padding:2px 10px;margin-top:4px;cursor:pointer}
.tabs{max-width:960px;margin:0 auto;display:flex;gap:4px;padding:0 12px}
.tabs button{flex:1;background:none;border:none;color:#C9D2D0;padding:10px 4px;border-bottom:3px solid transparent;cursor:pointer;font-weight:600}
.tabs button.on{color:#fff;border-bottom-color:#7FC4BC}
/* ชื่อเมนูอยู่บรรทัดเดียว ไม่ตัดกลางคำ (เช่น Dashboard ผู้บริหาร) · ถ้าจอแคบจนไม่พอ เลื่อนแถบเมนูด้านข้างได้ */
.tabs{overflow-x:auto;scrollbar-width:none}.tabs button{white-space:nowrap;flex:1 0 auto}
main{max-width:960px;margin:0 auto;padding:16px}
.pad{padding:16px}.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}
h2{font-size:19px;margin:18px 0 10px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;cursor:pointer}
.stat b{display:block;font-size:24px}.stat span{font-size:13px;color:var(--muted)}
.stat.red b{color:var(--red)}.stat.amber b{color:var(--amber)}.stat.navy b{color:var(--navy)}.stat.teal b{color:var(--teal)}
.stat.sel{outline:2px solid var(--teal)}
.task{display:flex;flex-direction:column;gap:6px}
.task-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.task-title{font-weight:600}
.meta{font-size:14px;color:var(--muted)}
.chip{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;white-space:nowrap}
.chip.todo{background:#EFEBE3;color:var(--muted)}.chip.doing{background:var(--navy-bg);color:var(--navy)}
.chip.submitted{background:var(--amber-bg);color:var(--amber)}.chip.checked{background:var(--teal-bg);color:var(--teal)}
.due.late{color:var(--red);font-weight:700}.due.soon{color:var(--amber);font-weight:600}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.btn{min-height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:0 16px;cursor:pointer;color:var(--ink)}
.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}
.btn:disabled{opacity:.5;cursor:default}
.field{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.field input,.field select{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}
.list-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #EFEBE3}
.list-row:last-child{border-bottom:none}
.login{max-width:420px;margin:24px auto}
.note{background:var(--amber-bg);color:#6B3A08;border-radius:10px;padding:10px 12px;font-size:14px}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:9}
.person{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer}
.counts{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:520px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.who .pos{display:none}}
.who{max-width:55%}.who button{white-space:nowrap}
.list-row .meta{white-space:nowrap}
@media (max-width:520px){.who{font-size:13px}.brand{font-size:16px}}

/* ---------- คลังโครงการงบประมาณ ---------- */
.tabs button{font-size:15px}
h3{font-size:17px;margin:0 0 8px}
.ok{color:var(--teal);font-weight:700}.bad{color:var(--red);font-weight:700}
.chip.late{background:var(--red-bg);color:var(--red)}
.chip.dec.include,.dec.include{background:var(--teal-bg);color:var(--teal)}
.chip.dec.reduce,.dec.reduce{background:var(--amber-bg);color:var(--amber)}
.chip.dec.defer,.dec.defer{background:#EFEBE3;color:var(--muted)}
small.dec{display:inline-block;font-size:12px;font-weight:700;padding:0 8px;border-radius:999px;margin-top:2px}
.btn.danger{color:var(--red);border-color:#E8B4AE}
.b-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.b-cap{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.b-cap h3{margin:0}.big{font-size:26px}.big small{font-size:15px;font-weight:500}
.cbar{position:relative;display:flex;height:26px;border-radius:8px;overflow:visible;border:1px solid #C9C3B6;background:#FAF8F4}
.seg{height:100%}.seg:first-child{border-radius:7px 0 0 7px}.seg:last-of-type{border-radius:0 7px 7px 0}
.seg.auto,.sw.auto{background:var(--ink)}.seg.under,.sw.under{background:var(--teal)}
.seg.over,.sw.over{background:repeating-linear-gradient(45deg,#B3261E,#B3261E 6px,#E8B4AE 6px,#E8B4AE 12px)}
.cmark{position:absolute;top:-6px;bottom:-6px;width:3px;margin-left:-1px;background:var(--amber)}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;margin-top:10px}
.legend span{display:flex;align-items:center;gap:6px}.sw{width:14px;height:14px;border-radius:3px;display:inline-block}.sw.mark{width:3px;background:var(--amber)}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.pill{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #C9C3B6;background:#fff;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink)}
.pill.red{color:var(--red)}.pill.on{background:var(--ink);border-color:var(--ink);color:#fff}
.btable{padding:4px 16px}
.brow{display:grid;grid-template-columns:44px minmax(0,1fr) 170px 96px 96px 104px 120px;gap:12px;align-items:center;width:100%;
  padding:10px 0;border:none;border-bottom:1px solid #EFEBE3;background:none;text-align:left;font-size:15px;color:var(--ink);cursor:pointer}
.brow:hover{background:#FAF8F4}
.brow.head{font-size:13px;font-weight:600;color:var(--muted);cursor:default;border-bottom:1px solid var(--line)}.brow.head:hover{background:none}
.brow.auto{background:#F7F6F2}.brow.over{background:var(--red-bg)}.brow.deferred{opacity:.7}
.b-rank{font-weight:700}.b-title{display:flex;flex-direction:column}.b-title small{font-size:13px;color:var(--muted)}.b-title small.bad{color:var(--red)}
.b-work{font-size:14px}.b-gate{font-size:14px}.b-prev{color:var(--muted);text-align:right}.b-amt{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.ceiling-line{font-size:13px;font-weight:700;color:var(--red);border-top:2px solid var(--red);padding:6px 0 2px}
.sub-h{font-size:13px;font-weight:700;color:var(--muted);padding:12px 0 2px}.sub-h.bad{color:var(--red)}
.b-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.gate{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;margin-bottom:8px}
.gate.yes{background:var(--teal-bg)}.gate.no{background:var(--red-bg)}
.gate .dot{width:28px;height:28px;flex-shrink:0;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.gate.yes .dot{background:var(--teal)}.gate.no .dot{background:var(--red)}
.tick{display:flex;gap:8px;align-items:center;min-height:44px;font-size:15px;cursor:pointer}.tick input{width:20px;height:20px}
.srow{display:grid;grid-template-columns:minmax(0,1fr) 120px 64px;gap:10px;align-items:center;padding:6px 0;font-size:15px}
.sbar{height:10px;border-radius:999px;background:#EAE6DD}.sbar i{display:block;height:100%;border-radius:999px;background:var(--teal)}
.sinp{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;width:100%;text-align:right}
.sval{text-align:right}
.htable{display:grid;grid-template-columns:52px repeat(5,minmax(0,1fr));gap:6px;font-size:14px}.htable .hh{font-weight:600;color:var(--muted)}
.card.warm{background:var(--amber-bg);border-color:#EBD7BC;color:#4A2A06}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.field textarea{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff}
.irow{display:grid;grid-template-columns:150px minmax(0,1fr) 130px 44px;gap:8px;margin-top:8px}
.irow.crit{grid-template-columns:minmax(0,1fr) 90px}.irow.staff{grid-template-columns:minmax(0,1fr) 140px;align-items:center}
.irow:has([data-s]),.irow:has([data-x]){grid-template-columns:minmax(0,1fr) 130px 44px}
.irow input,.irow select,.hrow input{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;min-width:0}
.hrow{display:grid;grid-template-columns:56px repeat(3,minmax(0,1fr));gap:8px;align-items:center;margin-top:8px}
main{max-width:1120px}.bar-in,.tabs{max-width:1120px}
@media (max-width:760px){
  .brow{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"r t a" "r g s";row-gap:4px}
  .brow .b-rank{grid-area:r}.brow .b-title{grid-area:t}.brow .b-amt{grid-area:a}.brow .b-gate{grid-area:g}.brow .b-score{grid-area:s;text-align:right}
  .brow .b-work,.brow .b-prev{display:none}.brow.head{display:none}
  .b-grid,.two{grid-template-columns:1fr}
  .irow{grid-template-columns:minmax(0,1fr) 110px 44px}.irow select{grid-column:1/-1}
  .srow{grid-template-columns:minmax(0,1fr) 72px 56px}
  .htable{grid-template-columns:44px repeat(5,minmax(0,1fr));font-size:13px}
}
/* แถบสถานะการเชื่อมต่อ งานที่รอส่ง และปุ่มติดตั้งแอป */
.who-wrap{display:flex;align-items:center;gap:10px;flex:none;max-width:62%}
.who-wrap .who{flex:0 1 auto}
@media (min-width:481px){.who-wrap .who{white-space:nowrap}}
.install{background:#7FC4BC;color:var(--ink);border:none;border-radius:8px;padding:4px 12px;font-weight:700;cursor:pointer;white-space:nowrap}
.netbar{padding:8px 16px;font-size:14px;text-align:center;background:var(--amber-bg);color:#6B3A08;border-bottom:1px solid #E7CFA8}
.netbar.off{background:#3A2A12;color:#FBE9C8;border-bottom-color:#3A2A12}
.netbar.ok{background:var(--teal-bg);color:var(--teal);border-bottom-color:#C4DCD9}
.netbar button{margin-left:8px;background:none;border:1px solid currentColor;color:inherit;border-radius:8px;padding:0 10px;cursor:pointer;font-size:13px}
.chip.queued{background:#3A2A12;color:#FBE9C8}
.draft{font-size:13px;color:var(--teal)}
@media (max-width:480px){.install{padding:4px 8px;font-size:13px}.bar-in{gap:8px}}

/* โมดูลแผน */
.plan-row{cursor:pointer;align-items:center}.plan-row:hover{background:#FAF8F4}
.steps{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;counter-reset:s}
.steps li{counter-increment:s;font-size:13px;background:#EFEBE3;color:var(--muted);border-radius:10px;padding:8px}
.steps li::before{content:counter(s,thai) ". ";font-weight:700}
.steps li.done{background:var(--teal-bg);color:var(--teal)}.steps li.now{background:var(--teal);color:#fff;font-weight:600}
.issue{font-size:14px;padding:6px 10px;border-radius:8px;margin-top:6px}
.issue.block{background:var(--red-bg);color:var(--red);font-weight:600}.issue.warn{background:var(--amber-bg);color:#6B3A08}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
details{margin-top:10px}summary{cursor:pointer;color:var(--teal);font-weight:600;min-height:32px}
fieldset.field{border:1px solid var(--line);border-radius:10px;padding:8px 12px}fieldset label{display:block;min-height:32px}
.qbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;text-align:center}
.qbar div{background:#F5F3EE;border-radius:10px;padding:8px}.qbar b{display:block}.qbar span{font-size:12px;color:var(--muted)}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.list-row>span:first-child{min-width:0;overflow-wrap:anywhere}.list-row span .meta{white-space:normal}
/* เมนู ๕ แท็บบนจอแคบ: ให้อยู่บรรทัดเดียว ถ้าไม่พอให้เลื่อนซ้ายขวาได้ */
@media (max-width:520px){.tabs{gap:0;padding:0 4px;overflow-x:auto;scrollbar-width:none}.tabs button{font-size:14px;white-space:nowrap;padding:10px 6px;flex:1 0 auto}}
/* ส่วนกลาง (std.js): ค้นหา/กรอง ยกเลิก กู้คืน */
.std-filter{padding:10px 12px}
.std-search{display:flex;gap:8px}.std-search input{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff;font:inherit}
.std-fields[hidden]{display:none}
.std-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0 12px;align-items:end;margin-top:4px}
.std-fields .btn{margin-top:6px}
.std-filter .meta{margin-top:6px}
.std-cancelled{background:var(--red-bg);border-color:#E8B4AE;color:#5C1A14}.std-cancelled div{margin-top:2px}
.brow.cancelled{background:#F3F1EC;color:var(--muted)}.brow.cancelled .b-title b{text-decoration:line-through}
.std-dialog{border:0;border-radius:14px;padding:16px 18px;width:min(460px,calc(100vw - 32px));box-shadow:0 12px 40px rgba(0,0,0,.25)}
.std-dialog::backdrop{background:rgba(28,38,41,.45)}.std-dialog h3{margin:0 0 6px}.std-dialog textarea{font:inherit;width:100%;box-sizing:border-box}
.std-err{color:var(--red);margin:6px 0 0;font-size:14px}
/* โมดูลแผน (plans.js) */
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 12px}.form-grid .wide{grid-column:1/-1}
.field textarea{font:inherit}.field fieldset,.form-grid fieldset{border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.edit-card{border-color:var(--teal);background:#FBFDFC}.edit-card h3{margin:0 0 4px}
.tree{border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:6px}.tree:last-of-type{border-bottom:0}
.list-row.sub{padding-left:18px}.row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.btn.small{min-height:36px;padding:0 10px;font-size:14px}
.kpi{margin-left:18px;border-left:3px solid var(--teal-bg);padding-left:8px}
.cancelled{opacity:.65}.cancelled>.list-row b{text-decoration:line-through}
button.list-row{width:100%;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
.ov{overflow-x:auto}.ov-row{display:grid;grid-template-columns:minmax(120px,1.2fr) repeat(3,minmax(110px,1fr)) minmax(120px,1fr);gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line);min-width:640px}
.ov-head{font-size:13px;font-weight:600;color:var(--muted)}.as-link{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700}
ol.tight{margin:4px 0;padding-left:22px}
.hist{margin-top:6px}.hist summary{cursor:pointer;font-size:14px;color:var(--muted)}.hist .meta{margin:4px 0 0 12px}
/* บันทึกการแก้ไข (audit.js) */
.au-row .chip{margin-right:6px}.au-tbl{margin-top:8px;border-top:1px solid var(--line);font-size:14px}
.au-tbl>div{display:grid;grid-template-columns:minmax(110px,1fr) 1.5fr 1.5fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.au-tbl .au-h{font-weight:700;color:var(--muted)}
@media (max-width:520px){.au-tbl>div{grid-template-columns:1fr 1fr;}.au-tbl>div>span:first-child{grid-column:1/-1;font-weight:600}}
/* ข้อบัญญัติ (18): ตารางเทียบ ขอ–ได้–ใช้ ปุ่มย่อยในแถว และตัวเลือกแบบเรียงแถว */
.e-scroll{overflow-x:auto}.e-table{border-collapse:collapse;width:100%;font-size:14px;min-width:640px}
.e-table th,.e-table td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}.e-table .n{text-align:right;white-space:nowrap}
.tick-row{display:flex;flex-wrap:wrap;gap:4px 16px}.e-rstd .btn{min-height:32px;padding:2px 10px;font-size:13px;margin-left:6px}
/* Dashboard ผู้บริหาร (exec.js) */
.ex-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.ex-stat{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer}
.ex-stat:disabled{cursor:default;opacity:1}.ex-stat span{font-size:13px;color:var(--muted)}.ex-stat b{font-size:24px;line-height:1.2}.ex-stat small{font-size:12px;color:var(--muted)}
.ex-stat.red b{color:var(--red)}.ex-stat.amber b{color:var(--amber)}.ex-stat.teal b{color:var(--teal)}
.ex-n{font-size:20px;min-width:2ch;text-align:right}
.ex-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.ex-kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.ex-kpi .b-cap{margin:2px 0}.ex-v{font-size:22px;font-weight:700}
.ex-bar{position:relative;height:10px;border-radius:6px;background:#EFEBE3;margin:6px 0;display:flex;overflow:visible}
.ex-bar i{display:block;height:100%;background:var(--teal);border-radius:6px 0 0 6px}.ex-bar em{display:block;height:100%;background:#9CC7C2}
.ex-bar s{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;background:var(--amber);text-decoration:none}
.ex-bar.two{height:14px}.sw.ex-com{background:#9CC7C2}
.ex-brow{padding:4px 0}.ex-big{margin:6px 0}.ex-big b{font-size:26px;color:var(--teal)}
.ex-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.ex-centers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.ex-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.ex-mini span{background:#F5F3EE;border-radius:10px;padding:6px 8px;font-size:12px;color:var(--muted)}
.ex-mini b{display:block;font-size:17px;color:var(--ink)}.ex-mini b.bad{color:var(--red)}
.ex-plan{font-size:14px;padding:3px 0;border-top:1px solid #EFEBE3}
.ex-team tbody tr{cursor:pointer}.ex-team tbody tr:hover{background:#FAF8F4}
@media (max-width:760px){.ex-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-cols,.ex-centers{grid-template-columns:1fr}}
@media (max-width:520px){.ex-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-kpis{grid-template-columns:1fr}}