*{box-sizing:border-box}:root{--bg:#f3f6fb;--panel:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--brand:#123052;--brand2:#1e4f82;--soft:#edf4fb;--danger:#b42318;--warn:#b54708;--ok:#067647}html{font-size:16px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.primary{background:var(--brand);color:white;border-radius:10px;padding:11px 16px;font-weight:750}.secondary{background:#eef2f6;color:#344054;border-radius:10px;padding:11px 16px;font-weight:700}.full{width:100%}.app-header{height:78px;background:#0b1324;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30}.header-title{display:flex;align-items:center;gap:12px}.app-logo,.brand-mark{display:grid;place-items:center;background:#fff;color:var(--brand);border-radius:14px;font-weight:900}.app-logo{width:42px;height:42px}.header-title h1{font-size:19px;margin:0 0 4px}.header-title p{font-size:12px;color:#cbd5e1;margin:0}.header-actions{display:flex;gap:8px}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 78px)}.sidebar{background:#fff;border-left:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:78px;height:calc(100vh - 78px)}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{background:transparent;color:#475467;padding:12px 14px;border-radius:10px;text-align:right;font-weight:700}.sidebar nav button.active{background:var(--soft);color:var(--brand)}.sidebar nav span{display:inline-block;width:24px}.sidebar-foot{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;padding:10px}.sidebar-foot a{color:var(--brand)}.content{padding:26px;max-width:1500px;width:100%;margin:0 auto}.tab{display:none}.tab.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}.section-head h2{font-size:24px;margin:0 0 5px}.section-head p{margin:0;color:var(--muted);font-size:13px}.date-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 3px rgba(16,24,40,.03)}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:28px;font-weight:850;margin:7px 0 3px}.kpi .sub{font-size:11px;color:var(--muted)}.kpi.danger .value{color:var(--danger)}.kpi.ok .value{color:var(--ok)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 1px 3px rgba(16,24,40,.03);margin-bottom:14px}.panel.slim{padding:11px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h3,.panel h3{margin:0 0 4px;font-size:16px}.panel-head p,.hint{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.filters,.report-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:end}.filters input{min-width:240px;flex:2}.filters select{min-width:150px;flex:1}.report-filters label{font-size:11px;color:var(--muted)}.report-filters input,.report-filters select{min-width:135px}.preset-buttons{display:flex;gap:5px}.preset-buttons button,.report-tabs button{background:#f2f4f7;color:#475467;border-radius:9px;padding:9px 11px;font-weight:700}.preset-buttons button.active,.report-tabs button.active{background:var(--brand);color:white}input,select,textarea{border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;background:white;color:var(--ink);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#84adcf;box-shadow:0 0 0 3px #edf4fb}.table-wrap{overflow:auto;padding:0}.data-table{width:100%;border-collapse:collapse;min-width:860px}.data-table th,.data-table td{text-align:right;border-bottom:1px solid #eaecf0;padding:12px 13px;font-size:12px;vertical-align:middle}.data-table th{background:#f9fafb;color:#475467;font-size:11px;position:sticky;top:0}.data-table tr:hover td{background:#fcfcfd}.subject-main{font-weight:750;margin-bottom:4px}.small{font-size:10px;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;background:#f2f4f7;color:#475467}.badge.done{background:#ecfdf3;color:#067647}.badge.late{background:#fef3f2;color:#b42318}.badge.wait{background:#fffaeb;color:#b54708}.badge.high{background:#fff4ed;color:#c4320a}.row-actions{display:flex;gap:5px}.row-actions button{background:#f2f4f7;color:#344054;border-radius:8px;padding:7px 9px;font-size:11px}.link-btn{background:transparent;color:var(--brand);font-weight:750}.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entity-card{background:white;border:1px solid var(--line);border-radius:14px;padding:15px}.entity-card .entity-top{display:flex;justify-content:space-between;gap:10px}.entity-card h3{font-size:15px;margin:0 0 5px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.metric{background:#f9fafb;border-radius:10px;padding:9px}.metric span{display:block;font-size:10px;color:var(--muted)}.metric b{font-size:16px}.bar-row{display:grid;grid-template-columns:130px 1fr 65px;gap:10px;align-items:center;margin:11px 0}.bar-name{font-size:12px;font-weight:700}.bar-track{height:9px;background:#eaecf0;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--brand2);border-radius:999px}.bar-value{text-align:left;font-size:11px;font-weight:750}.aging-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.aging-box{background:#f9fafb;border-radius:12px;padding:12px;text-align:center}.aging-box strong{display:block;font-size:25px}.aging-box span{font-size:10px;color:var(--muted)}.attention-card{display:grid;grid-template-columns:1.5fr 1fr .7fr .7fr auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #eaecf0}.attention-card:last-child{border:0}.report-tabs{display:flex;gap:6px;margin:0 0 14px;overflow:auto}.report-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.report-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}.day-toggle{background:#f2f4f7;padding:11px 6px;border-radius:9px;text-align:center;font-size:11px}.day-toggle.active{background:var(--brand);color:#fff}.inline-form{display:flex;gap:7px;margin:12px 0}.chip-list{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#f2f4f7;border-radius:999px;padding:7px 10px;font-size:11px}.chip button{background:transparent;color:var(--danger);padding:0 5px}.stack-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.file-button{background:#eef2f6;color:#344054;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.file-button input{display:none}.modal-overlay{position:fixed;inset:0;background:rgba(11,19,36,.55);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:white;border-radius:18px;padding:20px;width:min(720px,96vw);max-height:90vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-card.compact{width:min(430px,94vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{margin:0}.close-modal{background:transparent;font-size:24px;color:#667085}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label,.modal-card>label{font-size:11px;color:#475467;font-weight:700}.fullcol{grid-column:1/-1}.toggle-label{display:flex!important;align-items:center;gap:8px;margin-top:10px}.toggle-label input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.routing-history{margin-top:15px;background:#f9fafb;border-radius:10px;padding:10px}.route-row{font-size:11px;padding:7px;border-bottom:1px solid #eaecf0}.route-row:last-child{border:0}.lock-screen{position:fixed;inset:0;background:#0b1324;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.lock-card{width:min(390px,94vw);background:#fff;border-radius:22px;padding:26px;text-align:center}.brand-mark{width:55px;height:55px;margin:0 auto 12px;font-size:24px;background:var(--brand);color:white}.lock-card h1{font-size:20px}.lock-card input{margin:6px 0;text-align:center;font-size:18px}.security-note{font-size:10px;color:var(--muted);line-height:1.6}.error{color:var(--danger);font-size:11px;margin-top:8px;min-height:15px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#101828;color:white;border-radius:10px;padding:10px 15px;z-index:2000;opacity:0;pointer-events:none;transition:.2s;font-size:12px}.toast.show{opacity:1}

body.force-mobile .layout{display:block}body.force-mobile .sidebar{position:fixed;bottom:0;top:auto;width:100%;height:auto;z-index:50;padding:6px;border-top:1px solid var(--line)}body.force-mobile .sidebar nav{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}body.force-mobile .sidebar nav button{font-size:9px;text-align:center;padding:8px 2px}body.force-mobile .sidebar nav span{display:block;width:auto;font-size:17px}body.force-mobile .sidebar-foot{display:none}body.force-mobile .content{padding:15px 12px 88px}body.force-mobile .app-header{height:auto;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;position:sticky}body.force-mobile .header-title p{display:none}body.force-mobile .header-actions .secondary{display:none}body.force-mobile .kpi-grid{grid-template-columns:repeat(2,1fr)}body.force-mobile .dashboard-grid{grid-template-columns:1fr}body.force-mobile .entity-grid{grid-template-columns:1fr}body.force-mobile .settings-grid{grid-template-columns:1fr}body.force-mobile .report-grid{grid-template-columns:1fr}body.force-mobile .section-head{align-items:flex-start}body.force-mobile .attention-card{grid-template-columns:1fr 1fr}.force-mobile .attention-card .hide-mobile{display:none}.force-mobile .bar-row{grid-template-columns:90px 1fr 52px}.force-mobile .aging-list{grid-template-columns:repeat(2,1fr)}

@media(max-width:820px){body:not(.force-desktop) .layout{display:block}body:not(.force-desktop) .sidebar{position:fixed;bottom:0;top:auto;width:100%;height:auto;z-index:50;padding:6px;border-top:1px solid var(--line)}body:not(.force-desktop) .sidebar nav{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}body:not(.force-desktop) .sidebar nav button{font-size:9px;text-align:center;padding:8px 2px}body:not(.force-desktop) .sidebar nav span{display:block;width:auto;font-size:17px}body:not(.force-desktop) .sidebar-foot{display:none}body:not(.force-desktop) .content{padding:15px 12px 88px}body:not(.force-desktop) .app-header{height:auto;padding:calc(12px + env(safe-area-inset-top)) 12px 12px}body:not(.force-desktop) .header-title p{display:none}body:not(.force-desktop) .header-actions .secondary{display:none}body:not(.force-desktop) .kpi-grid{grid-template-columns:repeat(2,1fr)}body:not(.force-desktop) .dashboard-grid{grid-template-columns:1fr}body:not(.force-desktop) .entity-grid{grid-template-columns:1fr}body:not(.force-desktop) .settings-grid{grid-template-columns:1fr}body:not(.force-desktop) .report-grid{grid-template-columns:1fr}body:not(.force-desktop) .form-grid{grid-template-columns:1fr}body:not(.force-desktop) .fullcol{grid-column:auto}body:not(.force-desktop) .attention-card{grid-template-columns:1fr 1fr}body:not(.force-desktop) .attention-card .hide-mobile{display:none}body:not(.force-desktop) .aging-list{grid-template-columns:repeat(2,1fr)}}
@media print{.app-header,.sidebar,.section-head .export-buttons,.report-filters,.report-tabs{display:none!important}.layout{display:block}.content{padding:0}.tab{display:none!important}#reports{display:block!important}.panel,.report-card,.kpi{box-shadow:none;break-inside:avoid}body{background:white}}/* Executive dashboard */
.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.dash-ranges{display:flex;gap:6px;flex-wrap:wrap}.dash-ranges button{background:#f2f4f7;color:#475467;border-radius:9px;padding:9px 12px;font-weight:750}.dash-ranges button.active{background:var(--brand);color:#fff}.dashboard-toolbar select{max-width:240px}.executive-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.executive-kpis .kpi{position:relative;overflow:hidden}.executive-kpis .kpi:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#d0d5dd}.executive-kpis .kpi.ok:before{background:#12b76a}.executive-kpis .kpi.danger:before{background:#f04438}.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.highlight-card{background:linear-gradient(145deg,#102a49,#173e69);color:#fff;border-radius:16px;padding:17px;min-height:112px;box-shadow:0 8px 24px rgba(16,42,73,.12)}.highlight-card span,.highlight-card small{display:block;color:#c9d8e8;font-size:11px}.highlight-card strong{display:block;font-size:18px;margin:12px 0 5px}.highlight-card.warn{background:linear-gradient(145deg,#7a2e0e,#b54708)}.dashboard-grid-main{grid-template-columns:2fr 1fr}.chart-legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:2px;background:var(--brand2)}.chart-legend i:nth-child(2){background:#98a2b3}.trend-chart{height:230px;display:flex;gap:10px;align-items:end;padding:12px 6px 0;border-bottom:1px solid var(--line)}.trend-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;text-align:center}.trend-bars{height:170px;display:flex;gap:4px;align-items:end;justify-content:center}.trend-bars i{display:block;width:min(24px,35%);border-radius:6px 6px 2px 2px;background:var(--brand2);min-height:3px}.trend-bars i.completed{background:#98a2b3}.trend-col b{font-size:10px;margin-top:5px}.trend-col span{font-size:10px;color:var(--muted);margin-top:3px}.status-ring{width:145px;height:145px;border-radius:50%;margin:8px auto 18px;background:conic-gradient(#12b76a 0 var(--done),#eaecf0 var(--done) 360deg);display:grid;place-items:center}.status-ring:before{content:"";position:absolute}.status-ring>div{width:105px;height:105px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.status-ring strong{font-size:25px}.status-ring span{font-size:10px;color:var(--muted)}.status-list>div{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid #f2f4f7;font-size:11px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:7px;background:#98a2b3}.status-dot.done{background:#12b76a}.status-dot.late{background:#f04438}.status-dot.wait{background:#f79009}.status-dot.progress{background:#2e90fa}.rank-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f2f4f7}.rank-no{width:26px;height:26px;border-radius:8px;background:#eef4fb;display:grid;place-items:center;font-weight:850;color:var(--brand)}.rank-row b,.eff-row b{font-size:12px;display:block}.rank-row small,.eff-row small{font-size:9px;color:var(--muted)}.rank-row>strong{font-size:18px}.eff-row{display:grid;grid-template-columns:1.2fr 1fr 42px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #f2f4f7}.eff-meter{height:7px;background:#eaecf0;border-radius:99px;overflow:hidden}.eff-meter i{display:block;height:100%;background:#12b76a;border-radius:99px}.eff-row>strong{font-size:11px;text-align:left}.empty-success{padding:24px;text-align:center;background:#ecfdf3;color:#067647;border-radius:12px;font-weight:750}
@media(max-width:1100px){.executive-kpis{grid-template-columns:repeat(3,1fr)}.highlight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.dashboard-toolbar{align-items:stretch;flex-direction:column}.dashboard-toolbar select{max-width:none}.dash-ranges{display:grid;grid-template-columns:repeat(2,1fr)}.executive-kpis{grid-template-columns:repeat(2,1fr)!important}.highlight-grid{grid-template-columns:1fr 1fr;gap:8px}.highlight-card{min-height:104px;padding:13px}.highlight-card strong{font-size:15px}.dashboard-grid-main{grid-template-columns:1fr}.trend-chart{height:205px}.trend-bars{height:145px}}

.identity-panel{margin-bottom:14px}.identity-layout{display:grid;grid-template-columns:170px 170px 1fr;gap:16px;align-items:start}.logo-upload{text-align:center}.logo-preview{height:105px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:11px;margin-bottom:8px;overflow:hidden}.logo-preview img{max-width:100%;max-height:95px;object-fit:contain}.identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.identity-fields label,.report-builder-options label{font-size:11px;color:#475467;font-weight:700}.mini{padding:7px 10px;font-size:10px;margin-top:5px}.report-builder-card{width:min(560px,95vw)}.report-builder-options{display:grid;gap:11px}.report-preview-shell{width:min(1100px,98vw);height:96vh;overflow:auto;background:#d0d5dd;border-radius:14px}.report-preview-toolbar{position:sticky;top:0;z-index:4;background:#101828;padding:10px;display:flex;gap:8px;justify-content:flex-start}.official-report-paper{width:210mm;min-height:297mm;background:#fff;margin:18px auto;padding:15mm 14mm;color:#101828;box-shadow:0 8px 35px rgba(0,0,0,.18);font-family:Tahoma,Arial,sans-serif}.report-letterhead{display:grid;grid-template-columns:110px 1fr 110px;align-items:center;border-bottom:2px solid #123052;padding-bottom:12px;margin-bottom:18px;min-height:90px}.report-letterhead .report-logo{height:78px;display:flex;align-items:center;justify-content:center}.report-letterhead img{max-width:105px;max-height:76px;object-fit:contain}.report-org{text-align:center}.report-org h2{font-size:17px;margin:0 0 6px}.report-org p{font-size:11px;margin:3px;color:#475467}.report-title-box{text-align:center;margin:18px 0}.report-title-box h1{font-size:21px;margin:0 0 8px}.report-title-box p{font-size:11px;color:#475467}.official-summary{border:1px solid #d0d5dd;border-radius:10px;padding:12px;margin:14px 0;font-size:12px;line-height:1.9}.official-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.official-kpi{border:1px solid #d0d5dd;border-radius:9px;padding:10px;text-align:center}.official-kpi span{font-size:9px;color:#667085;display:block}.official-kpi strong{font-size:19px;display:block;margin-top:5px}.official-section{margin:18px 0}.official-section h3{font-size:14px;border-right:4px solid #123052;padding-right:8px;margin-bottom:10px}.official-table{width:100%;border-collapse:collapse;font-size:9.5px}.official-table th,.official-table td{border:1px solid #d0d5dd;padding:6px;text-align:right}.official-table th{background:#f2f4f7}.official-notes{background:#f8fafc;border:1px solid #d0d5dd;border-radius:9px;padding:10px;font-size:11px;line-height:1.8}.report-footer{border-top:1px solid #d0d5dd;margin-top:22px;padding-top:8px;display:flex;justify-content:space-between;font-size:9px;color:#667085}
@media(max-width:820px){.identity-layout{grid-template-columns:1fr 1fr}.identity-fields{grid-column:1/-1;grid-template-columns:1fr}.official-report-paper{transform-origin:top center;width:210mm}.report-preview-shell{border-radius:0;width:100vw;height:100vh}}
@media print{body.print-official *{visibility:hidden!important}body.print-official #reportPreviewModal,body.print-official #reportPreviewModal *,body.print-official #officialReportPaper,body.print-official #officialReportPaper *{visibility:visible!important}body.print-official #reportPreviewModal{display:block!important;position:absolute;inset:0;background:white;padding:0}body.print-official .report-preview-shell{width:auto;height:auto;background:white;overflow:visible}body.print-official .report-preview-toolbar{display:none!important}body.print-official #officialReportPaper{position:absolute;top:0;right:0;margin:0;box-shadow:none;width:210mm;min-height:297mm;padding:12mm}@page{size:A4;margin:0}}


/* iOS-safe PIN fields */
.pin-field{
  direction:ltr;
  text-align:center!important;
  font-size:24px!important;
  letter-spacing:6px!important;
  font-variant-numeric:tabular-nums;
  caret-color:#123052;
  -webkit-user-select:text;
  user-select:text;
}
.pin-field::placeholder{
  direction:rtl;
  letter-spacing:0!important;
  font-size:18px!important;
}

.pin-feedback{font-size:11px;color:#667085;margin:4px 0 8px;text-align:center}

.cloud-status{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;color:#d1fadf;white-space:nowrap}
@media(max-width:820px){.cloud-status{display:none}}

.server-state-hint{font-size:11px;color:#667085;margin:8px 0;text-align:center;line-height:1.6}

/* iPhone-safe setup password fields */
.setup-password-field{
  direction:ltr;
  text-align:center!important;
  font-size:20px!important;
  letter-spacing:1px!important;
  -webkit-user-select:text!important;
  user-select:text!important;
  pointer-events:auto!important;
  touch-action:manipulation;
  caret-color:#123052!important;
  opacity:1!important;
  position:relative;
  z-index:2;
}
.setup-password-field::placeholder{
  direction:rtl;
  text-align:center;
  letter-spacing:0!important;
}

/* V8.8 iPhone-safe credential fields */
.ios-safe-password{
  direction:ltr!important;
  text-align:center!important;
  font-size:20px!important;
  letter-spacing:1px!important;
  -webkit-user-select:text!important;
  user-select:text!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  caret-color:#123052!important;
  opacity:1!important;
}
.ios-safe-password::placeholder{
  direction:rtl;
  text-align:center;
  letter-spacing:0!important;
}

/* V9.0 iOS password editor: avoids Safari input-field keyboard bug */
.ios-password-editor{
  min-height:54px;
  margin:6px 0;
  border:1px solid #d0d5dd;
  border-radius:9px;
  padding:12px 14px;
  background:#fff;
  color:#101828;
  width:100%;
  outline:none;
  direction:ltr!important;
  unicode-bidi:plaintext;
  text-align:center!important;
  font-size:20px!important;
  line-height:28px;
  letter-spacing:1px;
  white-space:nowrap;
  overflow:hidden;
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default;
  touch-action:manipulation;
  caret-color:#123052!important;
}
.ios-password-editor:focus{
  border-color:#84adcf;
  box-shadow:0 0 0 3px #edf4fb;
}
.ios-password-editor:empty::before{
  content:attr(data-placeholder);
  color:#98a2b3;
  direction:rtl;
  unicode-bidi:plaintext;
  letter-spacing:0;
  pointer-events:none;
}

/* V9.3 dashboard drill-down */
.dashboard-clickable,.clickable-kpi{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.dashboard-clickable:active,.clickable-kpi:active{transform:scale(.985)}
.drill-hint{display:block;margin-top:8px;font-size:11px;opacity:.72;font-style:normal}
.highlight-card .drill-hint{color:inherit}
.drilldown-modal-card{max-width:880px!important}
.drilldown-list{display:grid;gap:10px;max-height:68vh;overflow:auto;padding:2px}
.drilldown-email-card{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff}
.drilldown-main{margin-bottom:12px}
.drilldown-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.drilldown-meta>div{background:#f8fafc;border-radius:10px;padding:9px}
.drilldown-meta span{display:block;color:#667085;font-size:11px;margin-bottom:3px}
.drilldown-meta b{font-size:13px}
.drilldown-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #eef2f6}
.drilldown-footer button{border:0;border-radius:9px;padding:9px 13px;background:#17395f;color:#fff;font-weight:700}
.remaining-label{font-size:12px;margin-inline-start:8px;color:#667085}
.danger-text{color:#b42318;font-weight:700}
@media(max-width:700px){
  .drilldown-meta{grid-template-columns:1fr 1fr}
  .drilldown-footer{align-items:flex-start}
  .drilldown-modal-card{width:94vw!important;max-height:86vh}
}

/* V9.4 OCR email-from-image */
.choice-card{max-width:560px!important}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.choice-option{border:1px solid #d9e2ec;background:#fff;border-radius:16px;padding:18px;text-align:right;display:flex;flex-direction:column;gap:6px}
.choice-option strong{font-size:18px;color:#10233f}
.choice-option span{font-size:12px;color:#667085;line-height:1.6}
.primary-choice{background:#17395f;border-color:#17395f}
.primary-choice strong,.primary-choice span{color:#fff}
.ocr-modal-card{max-width:720px!important}
.ocr-upload-box{border:1.5px dashed #98a2b3;border-radius:14px;padding:18px;text-align:center;background:#f8fafc}
.ocr-upload-box input{position:absolute;opacity:0;pointer-events:none}
.ocr-upload-box label{display:inline-block;background:#17395f;color:#fff;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer}
.ocr-upload-box .small{margin-top:10px;word-break:break-word}
.ocr-progress-wrap{margin-top:14px}
.ocr-progress-track{height:9px;background:#e9eef5;border-radius:999px;overflow:hidden}
.ocr-progress-bar{height:100%;width:0;background:#17395f;transition:width .2s ease}
.ocr-progress-wrap .small{margin-top:7px}
.ocr-actions{display:flex;gap:8px;margin-top:14px}
.ocr-preview-details{margin-top:12px}
.ocr-preview-details summary{cursor:pointer;color:#344054}
.ocr-preview-details textarea{width:100%;margin-top:8px;font-size:12px;direction:ltr;text-align:left}
@media(max-width:700px){
  .choice-grid{grid-template-columns:1fr}
  .ocr-modal-card{width:94vw!important;max-height:86vh;overflow:auto}
}

/* V9.5 interaction fixes */
[data-drill]{cursor:pointer}
[data-drill]:active{transform:scale(.985)}
.choice-option{cursor:pointer;-webkit-tap-highlight-color:transparent}
#newEmailChoiceModal .choice-card,
#ocrEmailModal .ocr-modal-card{position:relative;z-index:2}

/* V9.6 clean interaction layer */
#addEmailTop,#addEmailBtn{touch-action:manipulation}
.choice-card{max-width:560px!important}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.choice-option{min-height:120px;cursor:pointer;touch-action:manipulation}
.choice-option strong{font-size:18px}
.dashboard-clickable,[data-drill],.clickable-kpi{cursor:pointer;touch-action:manipulation}
.dashboard-clickable .drill-hint{opacity:.85}
@media(max-width:700px){
  .choice-grid{grid-template-columns:1fr}
  .choice-option{min-height:105px}
}

#addEmailTop,#addEmailBtn,#manualEmailChoice,#ocrEmailChoice{touch-action:manipulation;-webkit-tap-highlight-color:transparent}