/* ==========================================================================
   Light minimal theme overrides
   Loaded after app.css / console-v2.css / kakao.css.
   The base files were converted to light colors; this layer refines them:
   white cards, softer lines, larger type, more breathing room, and it
   removes decorative chrome (kickers, fake shortcuts, glow animations).
   ========================================================================== */

:root{
  --bg:#f6f7f9;
  --surface:#ffffff;
  --line:#e7eaef;
  --text:#1c2733;
  --muted:#66727f;
  --cyan:#0e8ba6;
  --green:#19995f;
  --amber:#b07c10;
  --violet:#7857d6;
  --failed:#d5484f;
  --radius:12px;
}

/* ---- Base ---------------------------------------------------------------- */
body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}

/* ---- Sidebar ------------------------------------------------------------- */
.sidebar{background:#ffffff;border-right:1px solid var(--line)}
.brand{font-size:15px;color:#111c28}
.brand-mark{background:var(--cyan);color:#fff}
.workspace{display:none}                    /* decorative widget, no function */
.nav-group{color:#96a1ad;font-size:10px;letter-spacing:.09em;padding:16px 12px 6px}
.nav-item{color:#4a5665;font-size:13.5px;min-height:38px;padding:9px 12px;border-radius:8px}
.nav-item:hover{background:#f2f5f8;color:#17222e}
.nav-item.active{background:#e4f3f7;color:#0b7690;font-weight:600}
.nav-item .shortcut{display:none}           /* fake keyboard shortcuts */
.nav-badge{background:#fdf3e1;border-color:#f0dcb2;color:#9a6c0c}
.mode-card{display:none}
.user-chip{border-top:1px solid var(--line)}
.avatar{background:#e7edf3;color:#51606f}
.user-chip strong{font-size:12px;color:#233040}
.user-chip small{color:var(--muted)}
.logout-btn{color:#8a95a1}
.logout-btn:hover{color:var(--cyan)}

/* ---- Topbar -------------------------------------------------------------- */
.topbar{background:#ffffff;border-bottom:1px solid var(--line);height:60px;padding:0 32px}
.crumb span,.crumb b{display:none}          /* keep just the current page name */
.crumb strong{color:#28323e;font-weight:600;font-size:13.5px}
.help-btn{display:none}                     /* no help center behind it */
.icon-btn{color:#5b6773}
.icon-btn:hover{color:#1c2733}
.lang-switch{background:#f1f4f6;border-color:#e3e8ec}
.lang-switch button{color:#66727f}
.lang-switch button.active{background:#ffffff;color:#17222e;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.payment-method-picker{background:#ffffff;border-color:#dde3ea;color:#66727f}
.payment-method-picker select{background:#f3f5f8;color:#1c2733}

/* ---- Buttons ------------------------------------------------------------- */
.primary-btn{background:var(--cyan);color:#ffffff;border-radius:8px;padding:10px 16px;font-weight:600;box-shadow:none}
.primary-btn:hover{background:#0c7c95}
.secondary-btn{background:#ffffff;color:#333f4d;border:1px solid #d6dde5;border-radius:8px;padding:9px 15px;font-weight:500}
.secondary-btn:hover{border-color:#b9c3cf;background:#f7f9fb}
.text-btn{color:var(--cyan)}
.row-action{background:#ffffff;border:1px solid #d6dde5;color:#3c4856;border-radius:7px;padding:6px 10px;font-size:11px}
.row-action:hover{border-color:var(--cyan);color:var(--cyan)}
.row-action.danger,.danger-action{color:#c2434a;border-color:#ecc8ca}
.danger-action:hover,.row-action.danger:hover{border-color:#d5484f;color:#d5484f}

/* ---- Page headings: calmer, more air ------------------------------------ */
.view{padding:36px 40px}
.eyebrow{display:none}                      /* drop the English kicker labels */
.page-heading{margin-bottom:28px}
.page-heading.compact{margin-bottom:24px}
.page-heading h1{font-size:24px;font-weight:650;color:#141f2b;margin:0 0 7px}
.subheading{font-size:13.5px;color:var(--muted)}
.sync-state{color:#7a8692;font-size:12px}

/* ---- Cards / panels ------------------------------------------------------ */
.panel,.stat-card{background:#ffffff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.panel-head{padding:20px 22px 14px;border-bottom:1px solid #eef1f5}
.panel-head h2{font-size:15px;font-weight:650;color:#1a2531}
.panel-head p{font-size:12px;color:#7a8692}
.stat-card{min-height:118px;padding:18px 20px 16px}
.stat-top{color:#66727f;font-size:12.5px}
.stat-card>strong{font-size:30px;font-weight:650;color:#141f2b;margin:10px 0 8px}
.stat-foot{color:#8a95a1;font-size:11px}
.trend.neutral{color:#8a95a1}
.stat-icon.cyan{color:#0e8ba6;background:#e5f4f8}
.stat-icon.amber{color:#a06f0b;background:#fbf2dd}
.stat-icon.green{color:#178a57;background:#e3f5ec}
.stat-icon.violet{color:#6d4fc4;background:#efeafb}
.stat-grid{gap:16px;margin-bottom:24px}
.content-grid{gap:20px}

/* ---- Tables -------------------------------------------------------------- */
.table-wrap th{background:#fbfcfd;color:#78838f;font-size:11px;letter-spacing:.03em;text-transform:uppercase;padding:11px 22px;border-bottom:1px solid var(--line)}
.table-wrap td{padding:14px 22px;border-bottom:1px solid #f0f2f6;color:#333f4d;font-size:13px}
.table-wrap tbody tr:hover{background:#f8fafb}
.account-email{color:#1c2733;font-weight:600}
.account-sub{color:#8a95a1;font-size:11px}
.account-no{color:#66727f;font-size:12px}
.mail-avatar{background:#e8f3f6;color:#12758d}
.secret-cell{color:#5b6773;font-size:11px}
.empty{color:#8a95a1;padding:52px 20px}
.empty>span{color:#c3ccd4;font-size:28px}
.empty strong{color:#4a5665;font-size:13.5px}
.empty p{font-size:12px}
.table-pager{border-top:1px solid var(--line);color:#78838f;font-size:12px;background:#ffffff}
.table-pager .pager-icon{background:#ffffff;border-color:#d6dde5;color:#4a5665}
.table-pager .pager-icon:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}
.table-pager select{background:#ffffff;border-color:#d6dde5;color:#333f4d}

/* status pills: soft tinted chips */
.status-pill{font-size:11px;padding:4px 9px;border-radius:999px;font-weight:600}
.status-pill.ready,.status-pill.unpaid,.status-pill.scan-pending,.status-pill.canceling{color:#96690a;background:#fdf3dd}
.status-pill.verified,.status-pill.cancelled,.status-pill.scan-completed,.status-pill.scan-active{color:#127a4c;background:#e3f5ec}
.status-pill.processing,.status-pill.registering,.status-pill.scan-claimed{color:#0b7690;background:#e4f3f7}
.status-pill.plus{color:#6d4fc4;background:#efeafb}
.status-pill.free,.status-pill.unknown,.status-pill.scan-cancelled,.status-pill.scan-redeemed{color:#66727f;background:#eef1f4}
.status-pill.failed,.status-pill.error,.status-pill.cancel_failed,.status-pill.scan-rejected,.status-pill.scan-revoked,.status-pill.scan-expired{color:#c2434a;background:#fdeaea}

/* ---- Toolbar / filters ---------------------------------------------------- */
.search{background:#ffffff;border-color:#d6dde5;color:#8a95a1;border-radius:8px}
.search input{color:#1c2733;font-size:13px}
.filter-btn{color:#5b6773;font-size:12.5px;border-radius:7px}
.filter-btn.active,.filter-btn:hover{color:#0b7690;background:#e4f3f7;border-color:#bfe2ea}
.selection-chip{color:#66727f}
.selection-chip strong{color:var(--cyan)}

/* ---- Forms ---------------------------------------------------------------- */
.user-form-panel input,.user-form-panel select,.auth-card input,
.proxy-form-panel input,.proxy-form-panel textarea,.proxy-form-panel select,
.mail-code-form-panel input,.mail-code-form-panel textarea,
.token-qr-form-panel textarea,.modal textarea,.import-format input,
.bulk-user-form input,.account-edit-modal input,.user-password-modal input,
.phone-verify-modal input,.phone-verify-modal select,
.sms-settings-panel input,.sms-country-panel input,
.hme-account-panel input,.hme-account-panel textarea,.hme-create-form input,
.hme-batch-form input,.hme-schedule-fields input,
.scan-form input,.scan-form select,.scan-inline-form input,.scan-reject-form input,
.kakao-connect-form input,.kakao-dispatch-panel textarea,.kakao-interval input{
  background:#ffffff;border:1px solid #d6dde5;color:#1c2733;border-radius:8px;
}
.user-form-panel label,.auth-card label,.proxy-form-panel label,
.mail-code-form-panel label,.token-qr-form-panel label,
.hme-account-panel label,.hme-create-form label,.hme-batch-form label,
.sms-settings-panel label,.sms-country-panel label,.scan-form label{
  color:#4a5665;font-size:12px;
}
::placeholder{color:#9aa5b1}
.modal textarea:focus,.import-format input:focus,
.user-form-panel input:focus,.user-form-panel select:focus,.auth-card input:focus,
.proxy-form-panel input:focus,.proxy-form-panel textarea:focus,.proxy-form-panel select:focus,
.mail-code-form-panel input:focus,.mail-code-form-panel textarea:focus,
.token-qr-form-panel textarea:focus,.bulk-user-form input:focus,
.account-edit-modal input:focus,.user-password-modal input:focus,
.phone-verify-modal input:focus,.phone-verify-modal select:focus,
.sms-settings-panel input:focus,.sms-country-panel input:focus,
.hme-account-panel input:focus,.hme-account-panel textarea:focus,.hme-create-form input:focus,
.hme-batch-form input:focus,.hme-schedule-fields input:focus,
.scan-form input:focus,.scan-form select:focus,.scan-inline-form input:focus,.scan-reject-form input:focus,
.kakao-connect-form input:focus,.kakao-dispatch-panel textarea:focus,.kakao-interval input:focus{
  border-color:var(--cyan);box-shadow:0 0 0 3px rgba(14,139,166,.12);
}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #0e8ba6;outline-offset:2px}
.scan-confirm{background:#fafbfc;border:1px solid var(--line);border-radius:10px}
.scan-confirm strong{color:#333f4d}
.scan-confirm small{color:#7a8692}
.modal-note{color:#7a8692;font-size:11px}
.warning-note{background:#fdf6e4;color:#8a6410!important;border-radius:8px}
.warning-note>span:first-child{color:#b07c10}

/* ---- Modals / auth -------------------------------------------------------- */
.modal,.qr-modal,.auth-card{background:#ffffff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(16,24,40,.16)}
.modal-backdrop,.qr-backdrop,.auth-backdrop{background:rgba(23,32,42,.4);backdrop-filter:blur(4px)}
.modal-head p{color:#7a8692}
.modal-foot{border-top:1px solid #eef1f5}
.close-btn{color:#8a95a1}
.close-btn:hover{color:#1c2733}
.auth-sub{color:#66727f}
.secret-list label{color:#66727f}
.secret-list code,.password-view code{background:#f7f9fa;border:1px solid #e3e8ec;color:#22313f}
.dropzone{background:#fafbfc;border:1px dashed #c3ccd6;color:#4a5665;border-radius:10px}
.dropzone:hover,.dropzone.drag-over{background:#f2f8fa;border-color:var(--cyan);box-shadow:none}
.export-format-grid label{background:#ffffff;border-color:#dde3ea;color:#3c4856}
.export-format-grid label:hover{background:#f6fafb;border-color:#a9d3dd}
.or{color:#9aa5b1}
.or:before,.or:after{background:#e7eaef}

/* ---- Toast ---------------------------------------------------------------- */
.toast{background:#1e2a37;color:#f3f6f9;border:0;border-radius:9px;box-shadow:0 8px 24px rgba(16,24,40,.25);font-size:12.5px}

/* ---- Jobs / activity ------------------------------------------------------ */
.start-task-btn{animation:none;box-shadow:none;font-size:14px}
.jobs-heading-actions .operator-summary{background:#ffffff}
.jobs-heading-actions .operator-summary strong{color:var(--cyan)}
.history-count{background:#f3f5f8;border-color:#e3e8ec;color:#66727f}
.history-item:hover{background:#f6f8fa;border-color:#e7eaef}
.history-main strong{color:#22313f}
.history-main small,.history-time{color:#8a95a1}
.history-avatar.ok{background:#e3f5ec;color:#178a57}
.history-avatar.bad{background:#fdeaea;color:#c2434a}
.history-avatar.run{background:#e4f3f7;color:#0b7690}
.history-avatar.warn{background:#fdf3dd;color:#96690a}
.current-head h3{color:#141f2b}
.current-progress-bar{background:#e9edf2}
.current-progress-pct{color:var(--cyan)}
.stage-steps:before{background:#e3e8ee}
.step-dot{background:#eef1f5;border-color:#d9dfe7}
.step.active .step-dot{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 4px rgba(14,139,166,.15);animation:none}
.step.done .step-dot{background:var(--green);border-color:var(--green)}
.step.done .step-dot:after,.step.active~* {color:inherit}
.step-label{color:#8a95a1}
.step.done .step-label{color:#5b6773}
.step.active .step-label{color:var(--cyan)}
.current-empty-icon{color:#c3ccd4}
.current-empty strong{color:#4a5665}
.spinner{border-color:#e3e8ee;border-top-color:var(--cyan)}
.current-error{background:#fdf1f1;border-color:#f2cfd1;color:#a03a40}
.current-error strong{color:#8f3338}
.job-error{background:#fdf1f1;border-color:#f2cfd1;color:#a03a40}
.job-error strong{color:#8f3338}
.current-done-banner{background:#e9f7f0;border-color:#bfe6d2;color:#127a4c}
.queue-banner{background:#eef7f9;border-color:#c4e2ea;color:#175b6b}
.queue-banner span{color:#578693}
.activity strong{color:#22313f}
.activity small{color:#8a95a1}
.activity time{color:#9aa5b1}
.event-row{color:#4a5665}
.event-row time{color:#8a95a1}
.event-kind{color:var(--cyan)}
.event-detail strong{color:#22313f}
.event-detail small{color:#7a8692}
.live-label{color:var(--green)}

/* ---- Scan customer view: flatten the "flat black desk" to light ---------- */
body.scan-mode{--scan-accent:#c96f0b;--scan-accent-hover:#b26309;--scan-accent-soft:#fdf1de;--scan-bg:#f6f7f9;--scan-surface:#ffffff;--scan-surface-2:#ffffff;--scan-border:#e7eaef;--scan-copy:#1c2733;--scan-dim:#66727f;background:var(--scan-bg)}
body.scan-mode .sidebar,body.scan-mode .topbar{background:#ffffff;border-color:var(--line)}
body.scan-mode .nav-item{color:#4a5665}
body.scan-mode .nav-item:hover{background:#f2f5f8;color:#17222e}
body.scan-mode .nav-item.active{background:#fdf1de;color:#a05a08}
body.scan-mode .nav-badge{border-color:#f0dcb2;background:#fdf3e1;color:#9a6c0c}
body.scan-mode .primary-btn{background:var(--scan-accent);border-color:var(--scan-accent);color:#fff}
body.scan-mode .primary-btn:hover{background:var(--scan-accent-hover);border-color:var(--scan-accent-hover)}
body.scan-mode .secondary-btn{background:#ffffff;border-color:#d6dde5;color:#333f4d}
.scan-view,.scan-subview{--scan-ink:#1c2733;--scan-muted:#66727f;--scan-line:#e7eaef;--scan-line-bright:#d6dde5;--scan-card:#ffffff;--scan-card-soft:#fafbfc;--scan-green:#19995f}
.scan-view .panel,.scan-subview .panel,.scan-subview .stat-card{background:#ffffff;border-color:var(--line);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.scan-kicker,.scan-section-kicker{display:none}
.scan-view .scan-hero h1{color:#141f2b}
.scan-view .scan-hero .subheading{color:var(--muted)}
.scan-view .scan-trust-row{color:#7a8692}
.scan-view .last-scan-chip{background:#ffffff;border-color:#eadfc4;border-radius:12px}
.scan-view .last-scan-icon{background:#fdf1de;color:#a05a08;border-radius:10px}
.scan-view .last-scan-copy small{color:#9a8557}
.scan-view .last-scan-copy strong{color:#7c5710}
.scan-view .scan-live-pulse{background:#c96f0b;box-shadow:0 0 0 4px rgba(201,111,11,.12)}
.scan-view .scan-live-pulse:after{border-color:rgba(201,111,11,.3)}
.scan-view .scan-balance-grid,.scan-workbench-stats,.scan-subview .scan-admin-stats{background:#ffffff;border-color:var(--line)}
.scan-view .scan-wallet-main strong{color:#141f2b}
.scan-view .scan-wallet-meta{background:#fafbfc;border-color:var(--line)}
.scan-view .scan-wallet-meta>div+div{border-color:var(--line)}
.scan-view .scan-wallet-meta strong{color:#22313f}
.scan-view .scan-card-icon{background:#fdf1de;border-color:#eadfc4;color:#a05a08}
.scan-view .scan-redeem-copy h2,.scan-view .panel-head h2{color:#1a2531}
.scan-view .scan-redeem-card{border-color:var(--line)}
.scan-view .scan-input-shell{background:#ffffff;border-color:#d6dde5}
.scan-view .scan-input-shell:focus-within{border-color:#c96f0b;box-shadow:0 0 0 3px rgba(201,111,11,.12)}
.scan-view .scan-redeem-card input{color:#1c2733}
.scan-view .scan-customer-layout{border-color:var(--line)}
.scan-view .scan-connect-panel{border-color:var(--line)}
.scan-view .scan-field-label{color:#4a5665}
.scan-view .scan-field-label b{color:#a3690f}
.scan-view .scan-url-input>span{border-color:var(--line);color:#9aa5b1}
.scan-view .scan-url-input input{color:#1c2733}
.scan-view .scan-or-divider{color:#9aa5b1}
.scan-view .scan-or-divider:before,.scan-view .scan-or-divider:after{background:#e7eaef}
.scan-view .scan-file-picker{background:#fafbfc!important;border-color:#c3ccd6!important}
.scan-view .scan-file-picker:hover,.scan-view .scan-file-picker.dragging{background:#fcf7ee!important;border-color:#c96f0b!important}
.scan-view .scan-upload-icon{background:#fdf1de;border-color:#eadfc4;color:#a05a08}
.scan-view .scan-upload-copy strong{color:#333f4d}
.scan-view .scan-upload-copy small{color:#8a95a1}
.scan-view .scan-upload-action{border-color:#d6dde5;color:#5b6773}
.scan-view .scan-confirm{background:#fafbfc;border-color:var(--line)}
.scan-view .scan-integration-card{background:#fafbfc;border-color:var(--line)}
.scan-view .scan-integration-logo.telegram{background:#e8f3f9;color:#2b7bb4}
.scan-view .scan-integration-logo.api{background:#efeafb;color:#6d4fc4}
.scan-view .scan-integration-head strong{color:#22313f}
.scan-view .scan-integration-head small{color:#8a95a1}
.scan-view .scan-ready-dot{color:#178a57}
.scan-view .scan-integration-card>code{background:#ffffff;border-color:#e3e8ec;color:#5b6773}
.scan-view .scan-integration-card>.secondary-btn,.scan-view .scan-integration-card .scan-form .secondary-btn{background:#ffffff;border-color:#d6dde5;color:#333f4d}
.scan-view .scan-integration-card>.secondary-btn:hover,.scan-view .scan-integration-card .scan-form .secondary-btn:hover{border-color:#c96f0b;background:#fcf7ee}
.scan-view .scan-integration-card .scan-form input{background:#ffffff;border-color:#d6dde5}
.scan-view .scan-orders-panel,.scan-view .scan-secondary-panel{background:#ffffff}
.scan-view .scan-refresh-indicator{background:#e9f7f0;border-color:#bfe6d2;color:#127a4c}
.scan-view .table-wrap th{color:#78838f;border-color:var(--line)}
.scan-view .table-wrap td{color:#333f4d;border-color:#f0f2f6}
.scan-view .table-wrap tbody tr:hover{background:#f8fafb}
.scan-view .scan-order-id>span{background:#fdf1de;border-color:#eadfc4;color:#a05a08}
.scan-view .scan-source{background:#f3f5f8;border-color:#e3e8ec;color:#5b6773}
.scan-view .row-action{background:#ffffff;border-color:#d6dde5;color:#3c4856}
.scan-view .row-action:hover{border-color:#c96f0b;background:#fcf7ee;color:#a05a08}
.scan-view .status-pill.scan-pending{color:#96690a;background:#fdf3dd}
.scan-view .status-pill.scan-completed,.scan-view .status-pill.scan-active{color:#127a4c;background:#e3f5ec}
.scan-view .scan-url{color:#0e8ba6}
.scan-view .scan-url:hover{color:#0b7690}
.scan-work-qr,.scan-subview .scan-work-qr{background:#fff;border-color:#fff;box-shadow:0 4px 16px rgba(16,24,40,.12)}
.scan-operator-online{background:#e9f7f0;border-color:#bfe6d2;color:#127a4c}
.scan-operator-online i{background:#19995f;box-shadow:0 0 0 4px rgba(25,153,95,.12)}
.scan-operator-online strong{color:#127a4c}
.scan-operator-online small{color:#4e8a6d}
.scan-operator-online b{background:#d5efe2;color:#116e45}
.scan-operator-online:hover{border-color:#8fd4b2;background:#def2e8}
.scan-operator-online.offline{background:#f3f5f8;border-color:#d6dde5;color:#66727f}
.scan-operator-online.offline strong{color:#4a5665}
.scan-operator-online.offline small{color:#8a95a1}
.scan-operator-online.offline b{background:#fdf3dd;color:#96690a}
.scan-workbench-stats span{color:#4a5665}
.scan-workbench-stats small{color:#8a95a1}
.scan-workbench-stats strong{color:#141f2b}
.scan-claim-section{background:#ffffff;border:1px solid var(--line)}
.scan-claim-section p{color:#7a8692}
.scan-subview .scan-current-empty{border-color:#eef1f5;background:transparent}
.scan-current-empty-icon{background:#f3f5f8;border-color:#e3e8ec;color:#8a95a1}
.scan-subview .scan-current-empty strong{color:#4a5665}
.scan-subview .scan-current-empty small{color:#8a95a1}
.scan-subview .scan-work-item{border-color:#eef1f5}
.scan-subview .scan-work-meta>span{color:#7a8692}
.scan-subview .scan-work-meta>a{color:#b26309}
.scan-subview .table-wrap th{border-color:var(--line);color:#78838f}
.scan-subview .table-wrap td{border-color:#f0f2f6;color:#333f4d}
.scan-subview .scan-order-id>span{background:#fdf1de;border-color:#eadfc4;color:#a05a08}
.scan-subview .status-pill.scan-completed{color:#127a4c;background:#e3f5ec}
.scan-subview .status-pill.scan-rejected{color:#c2434a;background:#fdeaea}
.scan-subview .scan-admin-stats .stat-card:before{background:#e3e8ee}
.scan-subview .scan-admin-stats .stat-card:last-child:before{background:#19995f}
.scan-subview .scan-form input,.scan-subview .scan-form select,.scan-subview .scan-reject-form input{background:#ffffff;border-color:#d6dde5}
.scan-health dt{color:#7a8692}
.scan-health dd{color:#333f4d}
.scan-health dl>div{border-color:#f0f2f6}
.launch-switch{background:#ffffff;border-color:#d6dde5}
.launch-switch small{color:#8a95a1}
.scan-connect-body pre,.scan-admin-controls pre{background:#f7f9fa;border-color:#e3e8ec;color:#22585f}
.scan-table-empty>span{background:#f3f5f8;border-color:#e3e8ec;color:#8a95a1}
.scan-table-empty strong{color:#66727f}
.scan-table-empty small{color:#9aa5b1}
.scan-empty-cell{color:#8a95a1!important}
.last-scan-chip{background:#ffffff;border-color:var(--line)}

/* ---- Kakao view ----------------------------------------------------------- */
.kakao-runtime-bar{background:#ffffff;border-color:var(--line);color:#66727f}
.kakao-runtime-bar code{color:#0e8ba6}
.kakao-device-item{background:#fafbfc;border-color:#e3e8ec}
.kakao-device-item:hover{border-color:#a9d3dd}
.kakao-device-copy strong{color:#22313f}
.kakao-device-copy small{color:#8a95a1}
.kakao-badge.online,.kakao-badge.completed,.kakao-badge.opened{color:#127a4c;background:#e3f5ec}
.kakao-badge.offline,.kakao-badge.failed{color:#c2434a;background:#fdeaea}
.kakao-badge.queued,.kakao-badge.waiting_user{color:#96690a;background:#fdf3dd}
.kakao-badge.running{color:#0b7690;background:#e4f3f7}
.kakao-mode{border-color:#d6dde5}
.kakao-mode span{color:#5b6773}
.kakao-mode input:checked+span{background:#e4f3f7;color:#0b7690}
.kakao-upload-row{border-color:#eef1f5}
.kakao-upload-row.dragging,.kakao-upload-row:focus-visible{background:#f2f8fa;box-shadow:inset 0 0 0 2px rgba(14,139,166,.25)}
.kakao-complete-job{background:#e4f3f7;border-color:#bfe2ea;color:#0b7690}
.kakao-empty{color:#8a95a1}
.kakao-qr-dialog{background:#ffffff;border-color:var(--line);color:#1c2733}
.kakao-service-state{color:#66727f}

/* ---- HME / misc views ------------------------------------------------------ */
#view-icloud-hme{--hme-panel:#ffffff;--hme-panel-soft:#fafbfc;--hme-line:#e7eaef;--hme-copy:#1c2733;--hme-muted:#66727f;--hme-accent:#0e8ba6;--hme-warm:#b07c10}
#view-icloud-hme .sync-state{background:#e4f3f7;border-color:#bfe2ea;color:#0b7690}
.hme-account-row{background:#fafbfc;border-color:#e3e8ec}
.hme-workspace-v2 .hme-account-row{background:#fafbfc;border-color:#e3e8ec}
.hme-workspace-v2 .hme-account-row.selected{background:#eef7fa;border-color:#8fc6d4;box-shadow:inset 3px 0 0 var(--hme-accent)}
.hme-account-summary,.hme-content-tabs,.hme-create-zone,.hme-workspace-v2 .hme-inbox-head{background:#fbfcfd}
.hme-summary-main strong{color:#141f2b}
.hme-content-tabs button{color:#66727f}
.hme-content-tabs button.active{color:#0b7690}
.hme-data-section{background:#ffffff}
.hme-workspace-v2 .table-wrap tr:hover td{background:#f8fafb}
.hme-form-lockbar{background:#f7f9fa;border-color:#e3e8ec;color:#66727f}
.hme-code-chip,.hme-message-otp{background:#e4f3f7;border-color:#bfe2ea;color:#0b7690}
.hme-code-chip code,.hme-inline-code,.hme-message-otp code{color:#0a6076}
.hme-gpt-badge{background:#e4f3f7;border-color:#bfe2ea;color:#0b7690}
.hme-message-body{background:#f7f9fa;border-color:#e3e8ec;color:#333f4d}
.collection-pager{background:#fbfcfd;color:#78838f}
.collection-pager .pager-icon,.collection-pager select{background:#ffffff;border-color:#d6dde5;color:#4a5665}

.sms-credential-state{background:#e4f3f7;border-color:#bfe2ea;color:#0b7690}
.sms-country-option{background:#ffffff;border-color:#dde3ea;color:#3c4856}
.sms-country-option:hover,.sms-country-option.active{background:#eef7fa;border-color:#8fc6d4;color:#0b7690}
.sms-selected-row{background:#fafbfc;border-color:#e3e8ec}
.sms-query-result{background:#fafbfc;border-color:#e3e8ec;color:#4a5665}

.browser-capacity-grid{background:#ffffff;border-color:var(--line)}
.capacity-item strong{color:#141f2b}
.source-chip{background:#e4f3f7;border-color:#bfe2ea;color:#0b7690}
.browser-policy-note{background:#fbfcfd;color:#66727f}
.browser-policy-note strong{color:#333f4d}
.toggle-control>span{background:#e3e8ee;border-color:#d0d7df}
.toggle-control>span:after{background:#98a3ae}
.toggle-control input:checked+span{background:#c7e6ee;border-color:#7cbecd}
.toggle-control input:checked+span:after{background:#0e8ba6}
.browser-trace-item{background:#fafbfc;border-color:#e3e8ec}
.browser-matrix select{background:#ffffff;border-color:#d6dde5;color:#1c2733}

.account-drawer{background:#ffffff;border-color:var(--line)}
.account-detail-list dd{color:#333f4d}

.failure-reason-item{background:#fafbfc;color:#5b6773}
.failure-reason-item strong{color:#c2434a}
.stats-total-chip{background:#ffffff}
.stats-total-chip strong{color:var(--cyan)}
.rank-badge{background:#f3f5f8;color:#66727f}
.rank-badge.top{background:#fdf3dd;color:#96690a}
.operator-summary{background:#ffffff}
.operator-summary strong{color:var(--green)}

.phone-flow-card{background:#fafbfc;border-color:#e3e8ec}
.phone-flow-card strong{color:#22313f}
.phone-flow-card.ready{background:#e9f7f0;border-color:#bfe6d2}
.phone-flow-card.ready strong{color:#127a4c}
.phone-flow-card.attention{background:#fdf6e4;border-color:#ecdcb0}
.phone-flow-card.attention strong{color:#96690a}
.phone-flow-card.blocked{background:#fdf1f1;border-color:#f2cfd1}
.phone-flow-card.blocked strong{color:#c2434a}
.phone-flow-steps li{background:#fafbfc;border-color:#e3e8ec}
.phone-flow-steps li>span{background:#e4f3f7;color:#0b7690}
.phone-flow-steps strong{color:#333f4d}
.phone-flow-steps small{color:#7a8692}
.mail-code-result>code{color:var(--cyan)}
.mail-code-result dl{border-color:#e3e8ec}
.mail-code-result dl>div{border-color:#f0f2f6}
.mail-code-result dt{color:#7a8692}
.mail-code-result dd{color:#333f4d}
.token-qr-batch-actions{background:#fbfcfd;border-color:var(--line)}
.token-qr-batch-actions>div strong{color:#22313f}
.token-qr-batch-card{background:#ffffff;border-color:var(--line)}
.token-qr-link-ready{color:#178a57}
.token-qr-empty>span,.mail-code-empty>span:not(.spinner){color:#c3ccd4}
.token-qr-empty strong{color:#4a5665}
.account-origin-tag.token-quick-tag{color:#0b7690;background:#e4f3f7;border-color:#bfe2ea;box-shadow:none}
.account-error{color:#c2434a}
.credential-table code{color:#22585f}
.proxy-table-panel code{color:#22585f}
#cdkPlaintext{color:#0a6076}
.login-error{color:#c2434a}
.login-error.success{color:var(--green)}
.bulk-divider{background:#eef1f5}
.queue-next-ready{color:var(--green)}

/* ---- Fix conversion artifacts on mobile bars ------------------------------ */
@media(max-width:680px){
  .topbar{background:#ffffffee;border-bottom:1px solid var(--line)}
  .sidebar{background:#ffffff}
  .heading-actions{background:#ffffffee;border-color:var(--line)}
  .table-pager{background:#ffffff}
  .modal-foot{background:#ffffff}
}

/* ---- Small fixes ----------------------------------------------------------- */
/* Panel-head buttons must never squeeze into vertical text. */
.panel-head{gap:14px}
.panel-head button,.panel-head .primary-btn,.panel-head .secondary-btn,.heading-actions button{flex:none;white-space:nowrap}
/* Give unstyled selects/inputs (register form, import modal, scan admin) the
   same look as the rest of the forms. */
select{border:1px solid #d6dde5;background:#ffffff;color:#1c2733;border-radius:8px;padding:9px 10px;font:13px inherit;outline:0}
select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(14,139,166,.12)}
.token-qr-form-panel input,.token-qr-form-panel select{width:100%;border:1px solid #d6dde5;background:#ffffff;color:#1c2733;border-radius:8px;padding:10px 12px;font:13px inherit;outline:0}
.token-qr-form-panel input:focus,.token-qr-form-panel select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(14,139,166,.12)}
.import-format select{width:100%}
.lang-switch button,.payment-method-picker select,.kakao-mode input,.filter-btn{box-shadow:none}
.payment-method-picker select{border:0;padding:6px 25px 6px 8px}
.lang-switch{padding:3px}

/* ---- Reduce visual noise --------------------------------------------------- */
.panel,.stat-card{transition:none}
.job-card:hover{transform:none;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.scan-submit-btn{box-shadow:none!important}
.scan-submit-btn:hover{transform:none;box-shadow:none!important}
.scan-file-picker:hover{transform:none}
.table-wrap{scrollbar-color:#c9d1da #f3f5f8}
.table-wrap::-webkit-scrollbar-track{background:#f3f5f8}
.table-wrap::-webkit-scrollbar-thumb{background:#c9d1da}
