:root{--font-scale:1}
/*
 * Font scaling is deliberately based only on the user's selected scale.
 * Do not use vw/vh, zoom, transform or rem here: those couple text size to
 * viewport/browser scaling and make the whole interface appear to resize.
 */
body{font-size:calc(14px * var(--font-scale))}
button,input,select,textarea{font-size:calc(14px * var(--font-scale))}
table{font-size:calc(14px * var(--font-scale))}
nav button{font-size:calc(14px * var(--font-scale))}
.display-controls{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #ffffff55;border-radius:10px;background:#ffffff12}
.font-controls{display:flex;gap:3px}
.display-controls button{min-width:42px;padding:8px 10px;font-weight:800}
.display-controls label{display:flex;align-items:center;gap:6px;font-size:calc(12px * var(--font-scale));font-weight:700}
.display-controls select{height:36px;min-width:104px;padding:0 27px 0 9px;border:1px solid #d7e1eb;border-radius:7px;background:#fff;color:#17324d;font-weight:700}
#fontReset{min-width:58px}

html[data-theme="dark"]{color-scheme:dark;background:#0b1220}
html[data-theme="dark"] body,
html[data-theme="dark"] :root{background:#0b1220;color:#e6edf7}
html[data-theme="dark"] header{background:#07101e}
html[data-theme="dark"] nav{background:#111c2d;border-color:#334155}
html[data-theme="dark"] nav button{background:#172337;border-color:#46566d;color:#dfe8f5}
html[data-theme="dark"] nav button:hover,
html[data-theme="dark"] nav button.active{background:#2977b8;border-color:#4e9ad7;color:#fff}
html[data-theme="dark"] .panel,
html[data-theme="dark"] #panel{color:#e6edf7}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4{color:#f1f6fd}
html[data-theme="dark"] .hint,
html[data-theme="dark"] small,
html[data-theme="dark"] .menu-period span{color:#aebdd0}
html[data-theme="dark"] button{background:#172337;border-color:#506078;color:#e5edf7}
html[data-theme="dark"] button:hover,
html[data-theme="dark"] button.active{background:#2977b8;color:#fff}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#101a2a!important;border-color:#526279!important;color:#ecf2fa!important}
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] textarea:disabled{background:#1b2637!important;color:#96a5b9!important}
html[data-theme="dark"] .menu-period,
html[data-theme="dark"] .support-section,
html[data-theme="dark"] .support-calendar-section,
html[data-theme="dark"] .support-day-editor,
html[data-theme="dark"] .meeting-two>section,
html[data-theme="dark"] .meeting-ranking,
html[data-theme="dark"] .manager-comment,
html[data-theme="dark"] .manager-review,
html[data-theme="dark"] .request-card,
html[data-theme="dark"] .incentive-annual-detail,
html[data-theme="dark"] .result-card,
html[data-theme="dark"] .support-card{background:#121e30;border-color:#3b4c63;color:#e6edf7;box-shadow:none}
html[data-theme="dark"] .support-guide{background:#142a41;border-left-color:#4f9dd9}
html[data-theme="dark"] .meeting-note{background:#0d1726;color:#e6edf7}
html[data-theme="dark"] .meeting-kpis>div{background:linear-gradient(135deg,#132238,#172d47);border-color:#3a506c}
html[data-theme="dark"] .meeting-kpis span,
html[data-theme="dark"] .support-card span,
html[data-theme="dark"] .support-card small{color:#adbed1}
html[data-theme="dark"] .meeting-kpis b,
html[data-theme="dark"] .support-section h2,
html[data-theme="dark"] .support-day-editor h3,
html[data-theme="dark"] .support-calendar-heading h2{color:#a9d6ff}
html[data-theme="dark"] table{background:#111b2b;color:#e6edf7}
html[data-theme="dark"] th{background:#23344a!important;color:#f4f8fd;border-color:#46566d}
html[data-theme="dark"] td{background:#111b2b!important;color:#e2eaf4;border-color:#34445a}
html[data-theme="dark"] tr.summary td{background:#263951!important}
html[data-theme="dark"] .annual-yoy-row td{background:#172337!important}
html[data-theme="dark"] .calendar-weekdays span{background:#22344a;color:#d7e2ef;border-color:#43536a}
html[data-theme="dark"] .calendar-day{background:#101a29;color:#e5edf7;border-color:#334359}
html[data-theme="dark"] .calendar-day.empty{background:#0b1421}
html[data-theme="dark"] .calendar-day:hover,
html[data-theme="dark"] .calendar-day.selected{background:#1e4161;color:#fff}
html[data-theme="dark"] .calendar-day small{color:#b7c5d6}
html[data-theme="dark"] .calendar-notices{background:#151d2c;border-color:#58476c}
html[data-theme="dark"] .notice-chip{background:#3a2a50;color:#ead9ff}
html[data-theme="dark"] .detail-summary span{background:#0e1928;border-color:#3e5067}
html[data-theme="dark"] .display-controls{background:#ffffff0d;border-color:#ffffff44}
html[data-theme="dark"] .display-controls select{background:#172337!important}
html[data-theme="dark"] .result-card.primary{background:#1768ad}
html[data-theme="dark"] .result-card.deduction{background:#3b2416}
html[data-theme="dark"] a,
html[data-theme="dark"] label,
html[data-theme="dark"] .meeting-section-title span,
html[data-theme="dark"] .meeting-channel-label,
html[data-theme="dark"] .meeting-editor label{color:#d9e5f2}
html[data-theme="dark"] .meeting-person-table tbody th b,
html[data-theme="dark"] .meeting-person-table tbody th small,
html[data-theme="dark"] .meeting-person-table td small{color:#e8f1fb}
html[data-theme="dark"] .meeting-report-summary tbody td:nth-child(6),
html[data-theme="dark"] .meeting-report-summary tbody td:nth-child(7),
html[data-theme="dark"] .meeting-report-summary .meeting-region-cell{background:#1a3041!important;color:#eef6ff!important}
html[data-theme="dark"] .knowledge-card,
html[data-theme="dark"] .knowledge-article,
html[data-theme="dark"] .knowledge-attachment,
html[data-theme="dark"] .ceo-columns>section,
html[data-theme="dark"] .briefing-comparison>section,
html[data-theme="dark"] .briefing-insights,
html[data-theme="dark"] .briefing-insight{background:#111e30;border-color:#465b73;color:#e9f1fb}
html[data-theme="dark"] .briefing-insight.warning{background:#352717;border-left-color:#f0a34a}html[data-theme="dark"] .briefing-insight.good{background:#163326;border-left-color:#4bc982}
html[data-theme="dark"] .briefing-insight span,html[data-theme="dark"] .knowledge-card p,html[data-theme="dark"] .knowledge-heading p{color:#b9c8d9}
html[data-theme="dark"] .calendar-grid{background:#52657b;border-color:#52657b}
html[data-theme="dark"] .support-percent-input{background:#101a2a;border-color:#60748c}html[data-theme="dark"] .support-percent-input b{background:#24344a;border-color:#60748c;color:#f0f6fd}
html[data-theme="dark"] .meeting-report-summary tbody tr:nth-child(2) .meeting-region-cell{color:#eef6ff!important}

html[data-theme="meeting"]{color-scheme:light;background:#f4f0e4}
html[data-theme="meeting"] body{background:#f4f0e4;color:#14241a}
html[data-theme="meeting"] header{background:#17492f}
html[data-theme="meeting"] nav{background:#fffdf6;border-bottom:2px solid #9d7a32}
html[data-theme="meeting"] nav button{border-color:#879b8c;background:#fffdf6;color:#173e2a;font-weight:800}
html[data-theme="meeting"] nav button:hover,
html[data-theme="meeting"] nav button.active{background:#b66a16;border-color:#b66a16;color:#fff}
html[data-theme="meeting"] .panel{color:#14241a}
html[data-theme="meeting"] h2,
html[data-theme="meeting"] h3{color:#173e2a}
html[data-theme="meeting"] .menu-period{background:#fff7dc;border:2px solid #b58935}
html[data-theme="meeting"] .result-card,
html[data-theme="meeting"] .support-card,
html[data-theme="meeting"] .support-section,
html[data-theme="meeting"] .support-calendar-section,
html[data-theme="meeting"] .meeting-two>section,
html[data-theme="meeting"] .meeting-ranking,
html[data-theme="meeting"] .incentive-annual-detail{background:#fffef9;border:2px solid #b8a36e;box-shadow:0 3px 0 #75612b22}
html[data-theme="meeting"] .result-card strong,
html[data-theme="meeting"] .support-card strong,
html[data-theme="meeting"] .meeting-kpis b{font-size:calc(25px * var(--font-scale));color:#143f2a}
html[data-theme="meeting"] .result-card.primary{background:#1d6844;border-color:#1d6844}
html[data-theme="meeting"] .result-card.deduction{background:#fff1cf;border-color:#c48a25}
html[data-theme="meeting"] table{background:#fffef9;color:#14241a}
html[data-theme="meeting"] th{background:#315c43!important;color:#fff!important;border-color:#173e2a;font-weight:900}
html[data-theme="meeting"] td{background:#fffef9!important;color:#111b14;border-color:#8d9c91;font-weight:600}
html[data-theme="meeting"] tr:nth-child(even) td{background:#f4f1e5!important}
html[data-theme="meeting"] tr.summary td{background:#eadcaf!important;color:#102d1e;font-weight:900}
html[data-theme="meeting"] .annual-sales-row td{background:#e7f1e8!important}
html[data-theme="meeting"] .annual-yoy-row td{background:#f4ecd6!important}
html[data-theme="meeting"] input,
html[data-theme="meeting"] select,
html[data-theme="meeting"] textarea{border:2px solid #708679;background:#fffef9;color:#14241a}
html[data-theme="meeting"] button{font-weight:800}
html[data-theme="meeting"] .support-guide{background:#eef5e8;border-left-color:#b66a16}
html[data-theme="meeting"] .calendar-weekdays span{background:#315c43;color:#fff;border-color:#173e2a}
html[data-theme="meeting"] .calendar-day{background:#fffef9;color:#14241a;border-color:#9aa79e}
html[data-theme="meeting"] .calendar-day.empty{background:#ebe8df}
html[data-theme="meeting"] .calendar-day:hover,
html[data-theme="meeting"] .calendar-day.selected{background:#fff0c4;color:#14241a;box-shadow:inset 0 0 0 3px #b66a16}
html[data-theme="meeting"] .calendar-notices{background:#fff9e8;border-color:#b8a36e}
html[data-theme="meeting"] .display-controls{background:#ffffff18;border-color:#ffffff77}
html[data-theme="meeting"] .hint,
html[data-theme="meeting"] small,
html[data-theme="meeting"] label,
html[data-theme="meeting"] .meeting-section-title span,
html[data-theme="meeting"] .meeting-channel-label{color:#304f3c}
html[data-theme="meeting"] .meeting-person-table tbody th b,
html[data-theme="meeting"] .meeting-person-table tbody th small,
html[data-theme="meeting"] .meeting-person-table td small{color:#173e2a}
html[data-theme="meeting"] .meeting-report-summary tbody td:nth-child(6){background:#dbead2!important}
html[data-theme="meeting"] .meeting-report-summary tbody td:nth-child(7){background:#d3e7dc!important}
html[data-theme="meeting"] .panel{max-width:1800px;margin:0 auto}
html[data-theme="meeting"] .ceo-columns>section,
html[data-theme="meeting"] .briefing-comparison>section,
html[data-theme="meeting"] .briefing-insights,
html[data-theme="meeting"] .briefing-insight,
html[data-theme="meeting"] .knowledge-card,
html[data-theme="meeting"] .knowledge-article{border:2px solid #9c8a56;background:#fffdf5;box-shadow:none}
html[data-theme="meeting"] .briefing-insight{border-left:7px solid #2f6548}html[data-theme="meeting"] .briefing-insight.warning{border-left-color:#c46412;background:#fff1d8}html[data-theme="meeting"] .briefing-insight.good{border-left-color:#26754c;background:#eaf6ee}
html[data-theme="meeting"] .tablebox{border:2px solid #526f5c}html[data-theme="meeting"] th,html[data-theme="meeting"] td{padding-top:10px;padding-bottom:10px;font-size:calc(14px * var(--font-scale))}
html[data-theme="meeting"] .meeting-channel-tabs{border:2px solid #315c43;background:#fffdf6}html[data-theme="meeting"] .meeting-channel-tabs button.active{background:#b66a16}
html[data-theme="meeting"] .support-percent-input{border:2px solid #708679;background:#fffef9}html[data-theme="meeting"] .support-percent-input b{background:#eadcaf;border-color:#708679;color:#173e2a}
html[data-theme="meeting"] .calendar-grid{background:#738778;border-color:#738778}

/* v1.13.73: 장시간 업무에 맞춘 고대비 다크 모드 */
html[data-theme="dark"]{
  --dark-canvas:#08111f;--dark-surface:#101c2c;--dark-raised:#162438;
  --dark-line:#344a63;--dark-line-strong:#55708d;--dark-text:#edf4fb;
  --dark-muted:#b7c7d8;--dark-accent:#53b6e8;--dark-accent-strong:#197fbd;
  color-scheme:dark;background:var(--dark-canvas)
}
html[data-theme="dark"] body{background:radial-gradient(circle at 50% -20%,#18314b 0,#0b1726 38%,var(--dark-canvas) 72%);color:var(--dark-text)}
html[data-theme="dark"] header{background:linear-gradient(115deg,#071321,#102b44);border-bottom:1px solid #46637e;box-shadow:0 8px 24px #0007}
html[data-theme="dark"] nav{background:#0c1827;border-color:#354d66;box-shadow:0 5px 16px #0005}
html[data-theme="dark"] nav button{background:transparent;border-color:transparent;color:#cad8e6}
html[data-theme="dark"] nav button:hover{background:#172b40;border-color:#45647f;color:#fff}
html[data-theme="dark"] nav button.active{background:#1479b6;border-color:#62c2ee;color:#fff;box-shadow:0 0 0 1px #87d6f433,0 5px 14px #07111f}
html[data-theme="dark"] .panel{color:var(--dark-text)}
html[data-theme="dark"] .toolbar,html[data-theme="dark"] .menu-period,html[data-theme="dark"] .closure-calendar,html[data-theme="dark"] .support-home-head{background:#101d2d!important;border-color:var(--dark-line)!important;box-shadow:0 8px 22px #0003}
html[data-theme="dark"] button{background:#1b2b3e;border-color:#526a83;color:#eaf2fa;box-shadow:none}
html[data-theme="dark"] button:hover{background:#25415a;border-color:#75b9df;color:#fff}
html[data-theme="dark"] button.primary,html[data-theme="dark"] .button.primary{background:#167dbb!important;border-color:#6fc7ee!important;color:#fff!important}
html[data-theme="dark"] button.danger{background:#43212a;border-color:#a95b6a;color:#ffdce3}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0b1726!important;border-color:#4c647d!important;color:#f1f6fb!important;box-shadow:inset 0 1px 0 #0006}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{border-color:#6fc7ee!important;outline:2px solid #3ca9dd55;outline-offset:1px}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8197ad}
html[data-theme="dark"] .tablebox{background:#0d1827;border-color:var(--dark-line-strong);box-shadow:0 9px 24px #0004}
html[data-theme="dark"] table{background:#0e1a29;color:var(--dark-text)}
html[data-theme="dark"] th{background:#20364d!important;color:#f7fbff;border-color:#526a82}
html[data-theme="dark"] td{background:#101c2b!important;color:#e7eff7;border-color:#2e4359}
html[data-theme="dark"] tbody tr:nth-child(even) td{background:#132133!important}
html[data-theme="dark"] tbody tr:hover td{background:#1a3046!important}
html[data-theme="dark"] tr.summary td{background:#28445e!important;color:#fff}
html[data-theme="dark"] .result-card,html[data-theme="dark"] .support-card,html[data-theme="dark"] .ceo-kpis>div,html[data-theme="dark"] .meeting-summary-cards>div{background:linear-gradient(145deg,#16263a,#101c2b)!important;border-color:#405a73!important;color:var(--dark-text);box-shadow:0 10px 28px #0004}
html[data-theme="dark"] .ceo-columns>section,html[data-theme="dark"] .briefing-comparison>section,html[data-theme="dark"] .briefing-insights,html[data-theme="dark"] .meeting-two>section,html[data-theme="dark"] .meeting-ranking,html[data-theme="dark"] .knowledge-card,html[data-theme="dark"] .knowledge-article,html[data-theme="dark"] .knowledge-attachment,html[data-theme="dark"] .request-section,html[data-theme="dark"] .meeting-manual-target{background:#111f30!important;border-color:#405a74!important;box-shadow:0 10px 25px #0003;color:var(--dark-text)}
html[data-theme="dark"] .briefing-insight{background:#17273a!important;border-color:#435c75!important}
html[data-theme="dark"] .briefing-insight.warning{background:#362817!important;border-left-color:#f0a34a!important}
html[data-theme="dark"] .briefing-insight.good{background:#153326!important;border-left-color:#4bc982!important}
html[data-theme="dark"] .hint,html[data-theme="dark"] small,html[data-theme="dark"] .briefing-insight span{color:var(--dark-muted)!important}
html[data-theme="dark"] .bad{color:#ff9ca9!important}html[data-theme="dark"] .good{color:#70dda4!important}
html[data-theme="dark"] .margin-custom{background:#101d2d;border-color:#49637c}
html[data-theme="dark"] ::-webkit-scrollbar{width:12px;height:12px}html[data-theme="dark"] ::-webkit-scrollbar-track{background:#0a1421}html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#3b536b;border:3px solid #0a1421;border-radius:10px}

/* 회의전용: 장식은 줄이고 큰 수치와 표의 구획을 또렷하게 */
html[data-theme="meeting"] body{background:#f3f5f1;color:#16251c}
html[data-theme="meeting"] header{background:linear-gradient(110deg,#174b35,#286747);box-shadow:0 6px 18px #19382830}
html[data-theme="meeting"] nav{background:#fbfcf8;border-bottom:2px solid #5e816c}
html[data-theme="meeting"] nav button.active{background:#245e42;border-color:#245e42}
html[data-theme="meeting"] .result-card,html[data-theme="meeting"] .support-card,html[data-theme="meeting"] .support-section,html[data-theme="meeting"] .support-calendar-section,html[data-theme="meeting"] .meeting-two>section,html[data-theme="meeting"] .meeting-ranking,html[data-theme="meeting"] .incentive-annual-detail,html[data-theme="meeting"] .meeting-manual-target{background:#fff;border:1px solid #91aa99;box-shadow:0 5px 16px #19382816}
html[data-theme="meeting"] th{background:#295d43!important;border-color:#1e4733}
html[data-theme="meeting"] td{border-color:#a8b7ad;font-size:calc(15px * var(--font-scale))}
html[data-theme="meeting"] tr:nth-child(even) td{background:#f3f7f3!important}
html[data-theme="meeting"] tr.summary td{background:#dbe9dd!important}
html[data-theme="meeting"] .ceo-kpis strong,html[data-theme="meeting"] .meeting-summary-cards b,html[data-theme="meeting"] .result-card strong{font-size:calc(27px * var(--font-scale));letter-spacing:-.02em}

@media(max-width:720px){
  .display-controls{width:100%;justify-content:space-between;flex-wrap:wrap}
  .display-controls label{margin-left:auto}
  .header-actions{justify-content:space-between!important}
}
@media(max-width:520px){
  .display-controls{gap:5px;padding:5px}
  .display-controls button{min-width:38px;padding:7px}
  .display-controls select{min-width:96px}
  #logoutButton{margin-left:auto}
}