:root{--primary-navy:#0a1c3d;--primary-gold:#f2a900;--gold-darker:#d99800;--white:#FFFFFF;--light-gray-bg:#f8fafc;--sidebar-active-bg:#E8EDF5;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#cbd5e1;--info-orange:#f59e0b;--status-blue:#3b82f6;--status-green-dark:#15803d;--status-green-light:#22c55e;--status-yellow-green:#a3e635;--status-yellow:#facc15;--status-orange:#fbbf24;--status-red:#ef4444;--primary:var(--primary-navy);--accent:var(--primary-gold);--bg-body:var(--light-gray-bg);--bg-card:var(--white);--border:var(--border-light);--text:var(--text-primary);--font-stack:"Inter","Roboto",system-ui,-apple-system,sans-serif;--nav-upper-height:52px;--nav-menu-height:44px;--nav-total-height:96px;--sidebar-width:260px;--radius:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 8px rgba(10,28,61,0.06);--shadow-md:0 8px 16px rgba(10,28,61,0.08)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg-body);font-family:var(--font-stack);color:var(--text);line-height:1.6;font-size:14px;letter-spacing:0.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow:hidden}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#94a3b8}
.app-container{display:flex;height:100vh;width:100vw}
#sidebarShellMount{display:flex;flex:0 0 auto;min-width:var(--sidebar-width)}
#mainWorkspaceShellMount{display:flex;flex:1 1 auto;min-width:0}
.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--primary-navy);height:100%;overflow-y:auto;display:flex;flex-direction:column;z-index:101}
.main-wrapper{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}
.navbar{height:var(--nav-total-height);background:var(--white);display:flex;flex-direction:column;z-index:100;border-bottom:2px solid var(--primary-gold)}
.content-area{flex:1;overflow-y:auto;padding:24px;background:var(--bg-body)}
h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;padding-bottom:12px;border-bottom:2px solid var(--primary-gold);margin-bottom:20px}
h2{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--primary-gold);display:inline-block;min-width:200px}
.wrap{max-width:100%;margin:0;padding:0}
.divider{height:1px;background:var(--border);margin:20px 0}
.nav-upper{height:var(--nav-upper-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--white);box-shadow:0 2px 4px rgba(0,0,0,0.05);position:relative;z-index:102}
.nav-menu{height:var(--nav-menu-height);background:var(--primary-navy);display:flex;align-items:center;padding:0 24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:32px;height:32px}
.brand-text{font-size:24px;font-weight:800;color:var(--primary-navy);letter-spacing:-1px}
.nav-util-bar{display:flex;align-items:center;gap:16px}
.nav-user-info{text-align:right}
.nav-user-name{font-size:13px;font-weight:700;color:var(--text-primary)}
.nav-user-ts{font-size:11px;color:var(--text-muted)}
.sidebar-user{padding:24px 20px;background:var(--primary-navy);color:var(--white);border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;gap:16px}
.sidebar-avatar{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.1);border:2px solid var(--primary-gold);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.sidebar-user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}
.sidebar-name{font-size:15px;font-weight:700;color:var(--white);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.5px}
.sidebar-role-badge{font-size:10px;font-weight:600;color:var(--primary-gold);background:rgba(251,191,36,0.15);padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content;text-transform:uppercase;letter-spacing:0.5px}
.sidebar-hdr{font-size:11px;font-weight:800;color:var(--text-muted);padding:24px 20px 8px;text-transform:uppercase;letter-spacing:1px}
.sidebar-item{padding:10px 20px;font-size:13px;color:var(--white);cursor:pointer;display:block;transition:all 0.2s;text-decoration:none}
.sidebar-item:hover{background:rgba(255,255,255,0.1)}
.sidebar-item.active{background:rgba(255,255,255,0.15);color:var(--white);font-weight:700;border-left:4px solid var(--primary-gold);padding-left:16px}
.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px;margin-bottom:24px}
label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:7px;letter-spacing:0.01em}
input,select,textarea{height:42px;padding:0 14px;font-size:15px;font-family:'Arial','Calibri',sans-serif;border:1px solid var(--border);border-radius:4px;background:var(--white);color:var(--text-primary);transition:all 0.2s;letter-spacing:0.01em}
textarea{height:auto;min-height:80px;padding:10px 14px;font-size:15px;font-family:'Arial','Calibri',sans-serif;line-height:1.6}
select{padding:0 14px;cursor:pointer}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px rgba(242,169,0,0.1)}
button{height:42px;padding:0 18px;font-size:14px;font-weight:700;border-radius:var(--radius);border:1px solid var(--border);background:var(--white);color:var(--primary-navy);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 2px rgba(0,0,0,0.05)}
button:hover{background:var(--light-gray-bg);border-color:#cbd5e1;transform:translateY(-1px)}
button.primary{background:var(--primary-navy);color:var(--white);border:1px solid var(--primary-navy);box-shadow:0 4px 6px -1px rgba(15,23,42,0.1),0 2px 4px -2px rgba(15,23,42,0.1)}
button.primary:hover{background:#1e3a8a;border-color:#1e3a8a;box-shadow:0 10px 15px -3px rgba(15,23,42,0.2)}
button.export-xls{background:#0f172a;color:#fbbf24;border:1px solid #fbbf24;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;padding:0 20px}
button.export-xls:hover{background:#fbbf24;color:#0f172a;box-shadow:0 0 15px rgba(251,191,36,0.4)}
button.gold{background:var(--primary-gold);color:var(--primary-navy);border:1px solid var(--gold-darker)}
button.gold:hover{background:var(--gold-darker);transform:translateY(-1px);box-shadow:0 4px 6px rgba(224,150,0,0.2)}
button.small{height:32px;padding:0 12px;font-size:13px}
button.ghost{background:transparent;border:1px solid transparent}
button.ghost:hover{background:rgba(28,43,74,0.05);border-color:rgba(28,43,74,0.1)}
button.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
button.danger:hover{background:#fecaca;color:#7f1d1d}
.btn-icon{width:32px;height:32px;padding:0;justify-content:center;border-radius:4px;color:#616161}
.btn-icon.xls{color:#388E3C}
.btn-icon.pdf{color:#D32F2F}
.btn-icon.doc{color:#616161}
.hero{background:#0f172a;background:radial-gradient(at 0% 0%,#1e3a8a 0,transparent 50%),radial-gradient(at 50% 0%,#172554 0,transparent 50%),radial-gradient(at 100% 0%,#1e3a8a 0,transparent 50%),radial-gradient(at 0% 100%,#1e3a8a 0,transparent 50%),radial-gradient(at 50% 100%,#fbbf24 0,transparent 50%),radial-gradient(at 100% 100%,#1e3a8a 0,transparent 50%);background-size:200% 200%;animation:meshGradient 15s ease infinite;height:180px;border-radius:20px;display:flex;align-items:center;padding:0 60px;margin-bottom:32px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.1);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5)}
@keyframes meshGradient{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}
.hero-glass{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,0.1);padding:24px 32px;display:flex;align-items:center;gap:40px;width:100%;z-index:2;box-shadow:0 8px 32px 0 rgba(0,0,0,0.37)}
.hero-brand-glam{font-size:64px;font-weight:950;background:linear-gradient(to bottom,#fff 30%,#fbbf24 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-3px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3));position:relative}
.hero-brand-glam::after{content:"TANDA";position:absolute;left:0;top:0;z-index:-1;filter:blur(20px);opacity:0.5;background:#fbbf24;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-content-stack{display:flex;flex-direction:column;gap:6px}
.hero-pretitle{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#fbbf24;margin-bottom:4px}
.hero-headline{font-size:26px;font-weight:700;color:#fff;line-height:1.2;max-width:600px}
.hero-desc{font-size:14px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:4px}
.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}
.table-actions{display:flex;gap:4px}
.btn-table-util{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--border-light);border-radius:4px;cursor:pointer;font-size:14px;transition:all 0.2s}
.btn-table-util:hover{background:var(--light-gray-bg);border-color:var(--border)}
.btn-create-new{background:var(--primary-gold);color:var(--primary-navy);border:1px solid var(--gold-darker);padding:0 16px;height:36px;border-radius:4px;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}
.btn-create-new:hover{background:var(--gold-darker)}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end;background:#f8fafc;padding:20px;border-radius:12px;border:1px solid var(--border-light);margin-bottom:20px}
.filter-group{display:flex;flex-direction:column;gap:6px}
.filter-group label{margin:0;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}
.filter-control{width:100%;background:var(--white);border:1px solid #e2e8f0;border-radius:8px;padding:0 14px;height:42px;font-size:15px;font-family:'Arial','Calibri',sans-serif;transition:all 0.2s}
.filter-control:focus{border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,0.1);outline:none}
.table-container{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow-sm)}
.tableWrap{max-height:500px;overflow:auto;position:relative;border:1px solid var(--border-light);border-radius:var(--radius)}
.tableWrap--spaced{margin-top:10px}
.tableWrap thead th{position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--gold-darker)}
table{width:100%;border-collapse:collapse;font-size:13px}
thead th{background:var(--primary-gold);color:var(--primary-navy);font-weight:700;text-align:left;padding:12px 16px;border-bottom:2px solid var(--gold-darker);white-space:nowrap}
.filter-row{background:#FFFDE7}
.filter-row td{padding:6px 12px;border-bottom:1px solid var(--border)}
.filter-input{width:100%;padding:7px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;font-family:'Arial','Calibri',sans-serif;background:var(--white);transition:border-color 0.2s}
.filter-input:focus{border-color:var(--primary-gold);outline:none;box-shadow:0 0 0 2px rgba(245,166,35,0.1)}
.form-step-container{max-width:1040px;margin:0 auto;padding:18px 0 24px}
.step-card-premium{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border-radius:10px;border:1px solid #cfd8e3;padding:34px 36px 32px;box-shadow:0 10px 26px rgba(15,23,42,.05);position:relative}
.step-card-premium::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,var(--primary-navy) 0%,#1d4ed8 58%,var(--primary-gold) 100%)}
tbody tr{background:var(--white);border-bottom:1px solid var(--border);transition:background 0.2s}
tbody tr:nth-child(even){background:#F9FAFB}
tbody tr:hover{background:#FFF8E1}
td{padding:12px 16px;color:var(--text-primary);vertical-align:middle}
.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;white-space:nowrap;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.tag.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.tag.warn{background:#fef9c3;color:#854d0e;border-color:#fef08a}
.tag.bad,.tag.err{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.status-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 12px;border-radius:4px;background:var(--light-gray-bg);border:1px solid var(--border-light)}
.status-dot{width:8px;height:8px;border-radius:2px}
.status-CANCELLED .status-dot{background:var(--status-blue)}
.status-AMENDED .status-dot{background:var(--status-green-dark)}
.status-CREATED .status-dot{background:var(--status-green-light)}
.status-SAVED .status-dot{background:var(--status-yellow-green)}
.status-DELETED .status-dot{background:var(--status-yellow)}
.status-WAITING .status-dot{background:var(--status-orange)}
.status-REJECTED .status-dot{background:var(--status-red)}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;color:var(--text-secondary);background:var(--white);border:1px dashed var(--border);border-radius:var(--radius);margin:20px 0}
.empty-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px;opacity:0.5}
.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.kpi-card{background:var(--white);border:1px solid var(--border);border-radius:4px;padding:16px;text-align:center}
.kpi-num{font-size:24px;font-weight:800;color:var(--primary-navy);margin-bottom:4px}
.kpi-lbl{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}
.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:var(--white);color:var(--text-primary);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10000;display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--primary-navy);animation:slideIn 0.3s ease-out}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}
.modal-content{background:var(--white);border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;position:relative}
#connStatus{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}
.dot{width:8px;height:8px;border-radius:50%;background:#ccc}
.online .dot{background:var(--status-green-light);box-shadow:0 0 6px var(--status-green-light)}
.offline .dot{background:var(--status-red)}
#app-loader{position:fixed;inset:0;background:rgba(255,255,255,0.9);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:99999}
#app-loader.active{display:flex}
.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-gold);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.steps{display:flex;gap:0;margin-bottom:24px;background:#f1f5f9;border-radius:4px;overflow:hidden;border:1px solid var(--border-light)}
.step{flex:1;padding:12px 16px;text-align:center;font-size:12px;font-weight:700;color:var(--text-secondary);border-right:1px solid var(--border-light);background:#f1f5f9;transition:all 0.2s;position:relative}
.step:last-child{border-right:none}
.step.active{background:var(--primary-navy);color:var(--white)}
.step.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-gold)}
.dashboard-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}
.chart-box{background:#fff;padding:24px;border-radius:12px;border:1px solid var(--border-light);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);display:flex;flex-direction:column;gap:16px;min-height:350px;transition:transform 0.3s ease,box-shadow 0.3s ease}
.chart-box:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}
.quick-actions-card{background:#f8fafc;padding:24px;border-radius:12px;border:1px solid var(--border-light);margin-bottom:24px}
.chart-box h3{font-size:16px;font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:8px}
.chart-box .chart-container{flex:1;position:relative}
.triage-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.choice-card{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border:1px solid #cfd8e3;border-radius:8px;padding:18px 18px 16px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;position:relative;display:flex;flex-direction:column;gap:10px;height:100%}
.choice-card:hover{border-color:#94a3b8;background:#fffef8;transform:none;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.choice-card.selected{border-color:var(--primary-navy);background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);box-shadow:0 10px 20px rgba(10,28,61,.08)}
.choice-card.selected::before{content:"Dipilih";position:absolute;top:12px;right:12px;padding:4px 10px;background:var(--primary-navy);color:var(--white);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.choice-card .icon{font-size:28px;margin-bottom:6px;color:var(--primary-navy)}
.choice-card .title{font-size:17px;font-weight:900;color:var(--primary-navy);padding-bottom:8px;border-bottom:1px solid #e2e8f0;line-height:1.3}
.choice-card .desc{font-size:13px;color:#475569;line-height:1.75;font-weight:500}
.sop-box{background:#f8fafc;border:1px solid var(--border-light);border-left:4px solid var(--primary-gold);border-radius:6px;padding:16px 20px;margin-bottom:24px}
.warnBox{background:#fffcf0;border:1px solid var(--border-light);border-left:4px solid var(--primary-gold);border-radius:6px;padding:16px 20px;margin-bottom:16px;font-size:13px;color:var(--text-primary)}
.warnBox--bootstrap{margin-top:32px;max-width:480px}
.sop-box h4{margin:0 0 12px;font-size:14px;font-weight:800;color:var(--primary-navy);display:flex;align-items:center;gap:10px}
.triage-card{background:var(--white);border:1px solid var(--border-light);border-radius:6px;padding:16px;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;gap:8px;position:relative}
.triage-card:hover{border-color:var(--primary-gold);box-shadow:0 4px 8px rgba(0,0,0,0.05)}
.triage-card.selected{border-color:var(--primary-gold);background:#fffcf0}
.triage-card .check-indicator{position:absolute;top:10px;right:10px;width:18px;height:18px;border:2px solid var(--border-light);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:all 0.2s}
.triage-card.selected .check-indicator{background:var(--primary-gold);border-color:var(--primary-gold);color:var(--primary-navy)}
.triage-card .icon-wrapper{font-size:24px;margin-bottom:4px}
.triage-card .title{font-size:13px;font-weight:700;color:var(--primary-navy)}
.triage-card .desc{font-size:11px;color:var(--text-secondary);line-height:1.4}
.detail-container{max-width:980px;margin:0 auto}
.detail-layout{align-items:flex-start;gap:32px}
.detail-layout-main{min-width:0}
.detail-layout-side{min-width:0}
.detail-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:18px;border-bottom:2px solid #d9e2ec}
.detail-id-box{background:linear-gradient(180deg,#17315d 0%,#10264a 100%);color:var(--white);padding:12px 18px;border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.04em;box-shadow:0 10px 18px rgba(16,38,74,.14)}
.detail-card{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);border:1px solid #d4dde7;border-radius:8px;padding:22px 22px 20px;margin-bottom:20px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.detail-card--service{display:grid;gap:16px}
.detail-section-title{font-size:12px;font-weight:800;color:var(--primary-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.detail-section-title--navy{color:var(--primary-navy)}
.detail-section-title::after{content:"";flex:1;height:1px;background:var(--border-light);opacity:0.5}
.detail-field{display:grid;gap:6px}
.detail-label--field{display:block;margin-bottom:0}
.detail-input{width:100%;min-height:40px}
.detail-input--strong{font-weight:600}
.detail-input--compact{min-height:38px}
  .detail-input--textarea{min-height:100px;font-size:15px;font-weight:600;line-height:1.7}
.detail-input--accent{border-color:var(--primary-gold);margin-top:8px}
.detail-input--flex{flex:1}
.detail-input--doc-number{flex:1 1 0;min-width:0}
.detail-input--datetime{min-width:0;padding-right:42px;font-size:12px;letter-spacing:0}
.detail-input--hidden{display:none}
.detail-row{display:grid;grid-template-columns:180px 1fr;padding:10px 0;border-bottom:1px solid #f8f9fa;align-items:baseline;gap:16px}
.detail-row:last-child{border-bottom:none}
.detail-label{font-size:12px;color:var(--text-secondary);font-weight:600}
.detail-value{font-size:13px;color:var(--primary-navy);font-weight:700}
.detail-value.mono{font-family:var(--font-mono);letter-spacing:0.5px}
.detail-note-box{background:#f8fafc;padding:16px;border-radius:6px;border:1px solid var(--border-light);font-size:12px;color:var(--text-primary);line-height:1.6;margin-top:8px}
.detail-note-group{margin-top:16px}
.detail-label--stacked{display:block;margin-bottom:8px}
.detail-label--tight{margin-bottom:4px}
.detail-highlight-note{margin-top:12px;padding:12px;background:#fffcf0;border-radius:6px;border-left:4px solid var(--primary-gold)}
.detail-value--gold{color:var(--gold-darker)}
.detail-preview-card{margin-top:20px;border:1px solid var(--border-light);border-radius:8px;overflow:hidden;background:#fff}
.detail-preview-title{background:#f8fafc;padding:8px 12px;border-bottom:1px solid var(--border-light);font-size:11px;font-weight:700;color:var(--text-secondary)}
.detail-preview-body{padding:12px;text-align:center}
.detail-preview-image{max-height:120px;border-radius:4px}
.detail-operator-card{margin-top:20px;padding:12px;background:var(--primary-navy);border-radius:10px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px}
.detail-operator-label{font-size:10px;opacity:.8;text-transform:uppercase;letter-spacing:1px}
.detail-operator-name{font-size:12px;font-weight:800}
.detail-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}
.btn-group-right{display:flex;gap:10px;align-items:center}
.detail-footer-btn{height:42px;padding:0 20px;font-weight:700}
.detail-footer-btn--back{padding:0 24px;font-weight:600}
.detail-footer-btn--save{padding:0 32px}
.detail-footer-btn--wa{background:#25D366;border:none;color:#fff;border-radius:4px;cursor:pointer}
.detail-footer-btn--wa:hover{background:#1fb855;border:none;color:#fff}
.detail-print-select{height:42px;font-size:12px;border-color:var(--border-light);width:200px}
.detail-page-title{margin:0;border:none;padding:0}
.detail-header-badges{gap:8px;margin-top:8px}
.detail-id-value{color:var(--primary-gold)}
.t3-admin-box{background:linear-gradient(180deg,#fffdf5 0%,#fff9ea 100%);border:1px solid rgba(242,169,0,.45);padding:24px;border-radius:16px;margin-top:16px;display:grid;gap:18px}
.t3-admin-layout{display:grid;gap:16px}
.t3-admin-grid{display:grid;gap:16px}
.t3-admin-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.t3-admin-grid--witness{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.t3-admin-grid--docs{grid-template-columns:minmax(0,1fr)}
.t3-admin-grid--docs .detail-field,.t3-admin-grid--docs .filter-group{min-width:0}
.t3-admin-grid--spaced{margin-bottom:20px}
.t3-setup-box{display:grid;gap:20px}
.t3-setup-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.t3-setup-title{font-size:15px;color:var(--primary-navy)}
.t3-progress-card{background:#fff;border:1px solid var(--primary-gold);padding:20px;border-radius:12px;box-shadow:var(--shadow-sm)}
.t3-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.t3-progress-label{font-size:11px;font-weight:800;color:var(--primary-navy);letter-spacing:.5px}
.t3-progress-state{font-size:11px;font-weight:800;color:var(--primary-gold)}
.t3-progress-track{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}
.t3-progress-bar{height:100%;background:var(--primary-gold);width:40%}
@media print{.sidebar,.navbar,.nav-upper,.nav-menu,.app-loader,#app-loader,[class*="toast"]{display:none!important}.app-container{display:block!important}.main-wrapper{overflow:visible!important}.content-area{padding:0!important;overflow:visible!important}}
body{min-height:100vh}
.app-container{min-height:100vh}
.main-wrapper{min-height:0;min-width:0}
.content-area{flex:1 1 auto;min-height:0;min-width:0}
.app-footer{flex:0 0 auto;min-height:68px;padding:12px 28px;border-top:3px solid var(--primary-gold);background:var(--primary-navy);color:var(--white);display:flex;justify-content:flex-end;align-items:center;position:relative;overflow:hidden}
.app-footer::before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,0.03) 0%,transparent 100%);pointer-events:none}
.app-meta-hidden{display:none}
.app-footer-meta{position:relative;z-index:2;text-align:right;display:flex;flex-direction:column;gap:4px}
.app-footer-badge{font-weight:600;font-size:11px;background:rgba(255,255,255,0.03);padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);color:var(--white);white-space:nowrap}
:root{--surface-soft:#f1f5f9;--surface-muted:#eef3f8;--border-strong:#b8c5d6;--focus-ring:0 0 0 3px rgba(242,169,0,0.2);--reading-width:1280px}
html{scroll-behavior:smooth}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(242,169,0,0.06),transparent 20%),linear-gradient(180deg,#f8fafc 0%,#f3f6fb 100%)}
p,li,td,.detail-note-box,.hero-desc,.choice-card .desc,.triage-card .desc{line-height:1.65}
h1{font-size:clamp(1.6rem,1.3rem + 1vw,2rem);line-height:1.2;margin-bottom:24px;padding-bottom:14px;letter-spacing:-0.02em;border-bottom-width:3px}
h2{font-size:clamp(1.05rem,0.95rem + 0.35vw,1.2rem);line-height:1.3;margin-bottom:18px;padding-bottom:10px;min-width:0;letter-spacing:-0.01em}
.app-container{background:linear-gradient(180deg,rgba(10,28,61,0.02),transparent 22%)}
.sidebar{box-shadow:18px 0 40px rgba(10,28,61,0.14)}
.sidebar-user{padding:26px 20px 22px;gap:14px;border-bottom:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.04),transparent)}
.sidebar-avatar{width:48px;height:48px;box-shadow:0 10px 20px rgba(0,0,0,0.18)}
.sidebar-hdr{padding-top:22px;padding-bottom:10px;color:rgba(226,232,240,0.68)}
.sidebar-item{position:relative;display:flex;align-items:center;gap:10px;padding:11px 20px;margin:0 10px 4px;border-radius:10px;font-weight:600}
.sidebar-item i{width:18px;text-align:center;font-style:normal;opacity:0.9}
.sidebar-item i svg{width:18px;height:18px;display:block}
.ui-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle}
.ui-icon svg{width:100%;height:100%;display:block}
.ui-icon--warn{width:16px;height:16px;margin-right:8px;flex:0 0 auto}
.ui-icon--avatar{width:22px;height:22px;color:#f8fafc}
.ui-icon--nav{width:18px;height:18px}
.ui-icon--result{width:40px;height:40px}
.ui-icon--triage{width:24px;height:24px}
.ui-icon--heading{width:18px;height:18px;margin-right:6px}
.ui-icon--tiny{width:12px;height:12px;margin-right:4px}
.auth-title{display:flex;align-items:center;gap:8px}
.dashboard-action-icon{display:block;margin:0 auto 6px}
.chart-title-icon{margin-right:8px;vertical-align:middle}
  #offline-indicator{display:none;align-items:center}
  #offline-indicator:not(:empty){display:flex}
.sidebar-item:hover{background:rgba(255,255,255,0.12)}
.sidebar-item.active{border-left:none;padding-left:20px;background:linear-gradient(90deg,rgba(242,169,0,0.24),rgba(255,255,255,0.12));box-shadow:inset 0 0 0 1px rgba(242,169,0,0.2)}
.navbar{box-shadow:0 12px 30px rgba(15,23,42,0.06)}
.nav-upper{padding:0 28px;box-shadow:none}
.nav-menu{padding:0 28px}
.content-area{padding:28px;background:transparent}
.content-area>*{width:min(100%,var(--reading-width));margin-left:auto;margin-right:auto}
.content-area>*+*{margin-top:24px}
.card,.detail-card,.kpi-card,.quick-actions-card,.chart-box,.step-card-premium,.modal-content,.table-container,.tableWrap,.empty-state,.sop-box,.warnBox,.t3-admin-box{border-radius:12px;border-color:rgba(148,163,184,0.28);box-shadow:0 12px 30px rgba(15,23,42,0.06)}
.card,.detail-card,.quick-actions-card,.chart-box,.step-card-premium,.modal-content{padding:24px}
.detail-card,.quick-actions-card,.chart-box,.step-card-premium{background:linear-gradient(180deg,rgba(255,255,255,0.99),rgba(252,253,255,0.97)),var(--white)}
label,.detail-label,.filter-group label{font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#64748b}
input,select,textarea,.filter-control,.filter-input{border-radius:10px;border-color:#d7dee8;min-height:44px;background:rgba(255,255,255,0.98);color:var(--text-primary)}
textarea{min-height:112px;padding-top:12px;padding-bottom:12px}
input:hover,select:hover,textarea:hover,.filter-control:hover,.filter-input:hover{border-color:var(--border-strong)}
input:focus,select:focus,textarea:focus,.filter-control:focus,.filter-input:focus{box-shadow:var(--focus-ring);border-color:var(--primary-gold)}
button,.btn-create-new,.btn-table-util,.side-btn{min-height:42px;border-radius:10px;font-weight:700}
.btn-table-util{min-height:36px;width:36px}
.btn-table-util-success{color:#2e7d32}
.btn-table-util-danger{color:#d32f2f}
button:active,.btn-create-new:active,.btn-table-util:active,.side-btn:active,.sidebar-item:active{transform:translateY(0)}
button:focus-visible,.btn-create-new:focus-visible,.btn-table-util:focus-visible,.side-btn:focus-visible,.sidebar-item:focus-visible,.choice-card:focus-visible,.triage-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.hero{min-height:204px;height:auto;padding:0 34px;margin-bottom:28px;border-radius:24px;box-shadow:0 28px 60px rgba(15,23,42,0.28)}
.hero-glass{padding:28px 32px;gap:28px}
.hero-brand-glam{font-size:clamp(2.8rem,2rem + 2vw,4.5rem)}
.hero-pretitle{font-size:11px;letter-spacing:0.24em}
.hero-headline{font-size:clamp(1.45rem,1.1rem + 1vw,1.9rem);max-width:34ch}
.hero-desc{max-width:58ch;color:rgba(255,255,255,0.8)}
.dashboard-kpi-grid,.dashboard-charts-grid,.triage-result-grid,.filter-grid{gap:18px}
.kpi-card{padding:20px 18px;border-radius:14px;text-align:left;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.kpi-num{font-size:clamp(1.6rem,1.2rem + 0.8vw,2rem);line-height:1.1;margin-bottom:8px}
.kpi-lbl{line-height:1.5;letter-spacing:0.08em}
.table-toolbar{margin-bottom:16px;gap:14px;flex-wrap:wrap}
.tableWrap,.table-container{background:rgba(255,255,255,0.98)}
table{font-size:13px}
thead th{padding:14px 16px;font-size:12px;letter-spacing:0.04em;text-transform:uppercase}
td{padding:14px 16px;color:#334155}
tbody tr:hover{background:#fff9ea}
.filter-row td{padding-top:10px;padding-bottom:10px;background:#fffef4}
.empty-state{padding:72px 32px;border-style:solid;border-width:1px;background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(248,250,252,0.98));text-align:center}
.empty-icon{margin-bottom:18px}
.detail-header,.detail-footer{gap:16px;flex-wrap:wrap}
.detail-row{grid-template-columns:minmax(160px,200px) 1fr;gap:18px;padding:14px 0}
.detail-id-box{border-radius:12px;padding:12px 18px}
.toast{border-radius:14px;padding:14px 18px;box-shadow:0 18px 45px rgba(15,23,42,0.18)}
.modal-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.steps{border-radius:12px;overflow:auto}
.step{min-width:150px}
.choice-card,.triage-card{border-radius:10px;padding:18px}
.choice-card .title,.triage-card .title{line-height:1.35}
.choice-card.selected,.triage-card.selected{box-shadow:0 12px 24px rgba(10,28,61,0.08)}
@media (max-width:1180px){.nav-upper,.nav-menu,.content-area{padding-left:20px;padding-right:20px}.hero{padding:0 24px}.hero-glass{gap:20px}.reports-filter-card .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-filter-search,.reports-filter-actions{grid-column:1 / -1}.reports-filter-actions-row{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media (max-width:960px){body{height:auto;overflow:auto}.app-container{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;min-width:0;height:auto;overflow:visible;box-shadow:0 14px 32px rgba(10,28,61,0.16)}.sidebar-user{padding-bottom:18px}#sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}#sidebar>.sidebar-user,#sidebar>.sidebar-hdr,#sidebar>[id],#sidebar>.sidebar-section,#sidebar>#qaSection{grid-column:1 / -1}.sidebar-item{margin-left:16px;margin-right:16px}.main-wrapper{min-height:0}.navbar{height:auto}.nav-upper{min-height:72px;height:auto;padding-top:14px;padding-bottom:14px;align-items:flex-start;gap:16px;flex-wrap:wrap}.nav-menu{height:auto;min-height:48px;padding-top:10px;padding-bottom:10px}.brand{align-items:flex-start}.brand-text{font-size:21px}.nav-util-bar{width:100%;justify-content:space-between;flex-wrap:wrap;row-gap:10px}.content-area{padding-top:20px;overflow:visible}.hero-glass{flex-direction:column;align-items:flex-start}.dashboard-charts-grid,.triage-result-grid,.t3-admin-grid--two{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr;gap:6px}.detail-footer,.btn-group-right,.table-toolbar{flex-direction:column;align-items:stretch}.twoCol{grid-template-columns:1fr}.dashboard-alert-layout{align-items:flex-start;flex-direction:column}.nav-status-group{margin-right:0}.reports-filter-card .filter-grid{grid-template-columns:1fr}.reports-filter-search,.reports-filter-actions{grid-column:1 / -1}.reports-filter-actions-row{grid-template-columns:1fr}}
@media (max-width:640px){body{font-size:14px}.nav-upper,.nav-menu,.content-area{padding-left:14px;padding-right:14px}.sidebar-user{padding-left:16px;padding-right:16px}.sidebar-item{margin-left:12px;margin-right:12px;padding:12px 14px}#sidebar{grid-template-columns:1fr}.content-area>*+*{margin-top:18px}.hero{padding:18px;min-height:0;margin-bottom:20px}.hero-glass{padding:20px 18px}.hero-headline br{display:none}.card,.detail-card,.quick-actions-card,.chart-box,.step-card-premium,.modal-content,.empty-state{padding:18px}.filter-grid{grid-template-columns:1fr;padding:16px}.reports-filter-actions-label{text-align:left}.btn-export-full{height:62px;padding:10px 14px}.reports-export-title{font-size:14px}.reports-export-subtitle{font-size:10px}.steps{display:grid}.step{min-width:0;text-align:left}.tableWrap,.table-container{border-radius:14px}thead th,td{padding-left:12px;padding-right:12px}.toast{left:14px;right:14px;bottom:14px;width:auto}}
.auth-page{width:min(100%,960px);margin:0 auto}
.auth-page .warnBox--bootstrap{max-width:560px}
.auth-stack{display:grid;gap:20px;width:min(100%,640px);margin:0 auto}
.auth-card{background:rgba(255,255,255,0.96);border:1px solid rgba(148,163,184,0.26);border-radius:18px;box-shadow:0 16px 32px rgba(15,23,42,0.08);padding:24px}
.auth-card input{width:100%}
.auth-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.auth-actions .primary{min-width:160px}
.auth-inline-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.auth-inline-inputs>*{min-width:0}
.auth-inline-inputs button{grid-column:1 / -1;justify-self:start}
.row{display:flex;gap:16px;flex-wrap:wrap}
.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.twoCol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hint{font-size:13px;color:var(--text-secondary);line-height:1.6}
.hint--spaced-sm{margin-top:8px}
.hint--spaced-md{margin-top:10px}
.settings-page{width:min(100%,1320px);margin:0 auto;padding:24px 20px 48px}
.settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.settings-page-title{margin:0;font-size:clamp(1.9rem,1.5rem + .8vw,2.35rem);line-height:1.05;color:var(--primary-navy)}
.settings-page-subtitle{margin:10px 0 0;max-width:72ch;color:var(--text-secondary);font-size:14px;line-height:1.7}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:28px;align-items:start}
.settings-main{display:grid;gap:24px;min-width:0}
.settings-card{padding:28px}
.settings-card-header{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:18px;border-bottom:2px solid rgba(242,169,0,.8)}
.settings-card-kicker{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:32px;padding:0 12px;border-radius:999px;background:rgba(242,169,0,.12);color:#a16207;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.settings-card-title{margin:0;font-size:1.05rem;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-navy)}
.settings-card-copy{margin:-4px 0 0}
.settings-section{display:grid;gap:16px}
.settings-section--divided{padding-top:22px;margin-top:22px;border-top:1px solid rgba(148,163,184,.22)}
.settings-section-label{margin:0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.settings-field-grid{display:grid;gap:16px}
.settings-field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-field-grid--contact{grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) minmax(110px,.7fr)}
.settings-field-grid--signatory{grid-template-columns:minmax(0,1.5fr) minmax(220px,.9fr)}
.settings-field-grid--coordinator{grid-template-columns:minmax(0,1.3fr) minmax(220px,.85fr) minmax(0,1.15fr)}
.settings-field-grid--policy{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-field-grid--target{grid-template-columns:repeat(4,minmax(0,1fr))}
.settings-field{display:grid;gap:8px;min-width:0}
.settings-field--unit{max-width:560px}
.settings-field input,.settings-field select,.settings-field textarea{width:100%}
.settings-persona{display:grid;gap:12px}
.settings-persona + .settings-persona{margin-top:18px}
.settings-persona-title{margin:0;font-size:13px;font-weight:700;color:var(--primary-navy)}
.settings-persona-note{font-weight:500;color:#64748b;font-size:11px}
.settings-aside{position:sticky;top:24px}
.settings-control-card{margin:0;padding:28px;border:none;background:linear-gradient(180deg,#1b2550 0%,#162042 100%);color:#fff;box-shadow:0 22px 44px rgba(15,23,42,.22)}
.settings-control-header h3{margin:0 0 10px;font-size:1.3rem;color:var(--primary-gold)}
.settings-control-header p{margin:0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.8}
.settings-control-actions{display:grid;gap:14px;margin-top:26px}
.settings-control-button{width:100%;min-height:50px}
.settings-control-button--save{background:var(--primary-gold);color:var(--primary-navy);border-color:var(--primary-gold)}
.settings-control-button--save:hover{background:#f1b635;border-color:#f1b635;color:var(--primary-navy)}
.settings-control-button--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.settings-control-button--secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.44)}
.settings-control-button--ghost{background:transparent;color:rgba(255,255,255,.82);border-color:transparent;box-shadow:none}
.settings-control-button--ghost:hover{background:rgba(255,255,255,.06);color:#fff}
.settings-device-meta{display:grid;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.settings-device-meta div{display:grid;gap:4px}
.settings-device-meta span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.settings-device-meta strong{font-size:13px;color:#fff;word-break:break-word}
.settings-device-meta .mono{font-size:12px}
@media (max-width:1180px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-aside{position:static}.settings-field-grid--target{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.settings-page{padding-left:14px;padding-right:14px}.settings-card{padding:20px}.settings-card-header{align-items:flex-start;flex-direction:column}.settings-field-grid--two,.settings-field-grid--contact,.settings-field-grid--signatory,.settings-field-grid--coordinator,.settings-field-grid--policy,.settings-field-grid--target{grid-template-columns:1fr}.settings-field--unit{max-width:none}}
.okBox{padding:16px 18px;border-radius:14px;border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff 0%,#f8fbff 100%);color:#1e3a8a}
.okBox--spaced{margin-bottom:16px}
.microcopy{display:block;font-size:12px;line-height:1.5;color:var(--text-secondary);margin-top:6px}
.mono{font-family:Consolas,"Courier New",monospace;letter-spacing:.04em}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:10px;font-weight:600;background:#fff;color:var(--text-secondary);border:1px solid var(--border-light);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.hero-divider{width:2px;height:80px;background:rgba(255,255,255,.15);border-radius:2px}
.kpi-level-breakdown{font-size:20px}
.kpi-level-breakdown-sep{font-size:14px;color:#cbd5e1}
.dashboard-alert-row{margin-bottom:24px}
.dashboard-alert-row--compact{margin-bottom:16px}
.dashboard-alert-card{width:100%;border-left-width:4px}
.dashboard-alert-card--superadmin{border-left-color:#8b5cf6;background:#f5f3ff}
.dashboard-alert-card--retention{border-left-color:#f59e0b;background:#fffbeb}
.dashboard-alert-card--overdue{border-left-color:#ef4444;background:#fff5f5;padding:12px 16px}
.dashboard-alert-card--backup{border-left-color:#3b82f6;background:#eff6ff}
.dashboard-alert-title{border:none;margin-bottom:4px}
.dashboard-alert-copy{margin-bottom:12px}
.dashboard-alert-title--superadmin,.dashboard-alert-copy--superadmin{color:#6d28d9}
.dashboard-alert-title--retention,.dashboard-alert-copy--retention{color:#b45309}
.dashboard-alert-title--backup,.dashboard-alert-copy--backup{color:#1e40af}
.dashboard-alert-layout{display:flex;justify-content:space-between;align-items:center;gap:16px}
.dashboard-alert-title--overdue{color:#b91c1c;border:none;margin:0;font-size:15px;display:flex;align-items:center;gap:8px}
.dashboard-alert-copy--overdue{color:#b91c1c;margin:4px 0 0 24px;font-size:13px}
.dashboard-alert-action--flush{margin:0}
.dashboard-alert-actions{gap:8px}
.sidebar-section{padding:0 16px;margin-bottom:16px}
.sidebar-section--flush{margin-bottom:0}
.sidebar-section-title{font-size:11px;margin-bottom:8px;color:var(--text-muted);text-transform:uppercase}
.sidebar-row-compact{display:flex;gap:8px;flex-wrap:wrap}
.sidebar-chart-period{font-size:11px;color:var(--text-muted);margin-bottom:10px;font-weight:500}
.sidebar-chart-container{height:120px;width:100%}
.sig--plain{background:none;padding:0;border:none}
.inline--compact{margin-bottom:8px;gap:8px}
.tag--chain{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#94a3b8;font-weight:500}
.brand-logo-img{width:100%;height:100%;object-fit:contain}
.brand-tagline{font-size:13px;margin-left:4px;border-left:1px solid var(--border-light);padding-left:8px;opacity:.8}
.nav-locale{font-size:11px;color:var(--text-muted);font-weight:500;cursor:pointer;padding-right:12px;border-right:1px solid var(--border-light);margin-right:4px}
.nav-icon-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.nav-badge-new{position:absolute;top:0;right:0;background:var(--primary-gold);color:var(--primary-navy);font-size:9px;padding:1px 4px;border-radius:4px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.nav-status-group{display:flex;align-items:center;gap:8px;margin-right:12px}
#connStatus{display:inline-flex;height:24px;padding:0 12px;border-radius:12px;font-size:10px;letter-spacing:.5px;background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:inset 0 1px 2px rgba(0,0,0,.02);transition:all .3s ease}
#connStatus .dot{width:6px;height:6px;box-shadow:0 0 4px rgba(0,0,0,.2)}
.profile-button{display:flex;align-items:center;gap:12px;padding:4px 16px;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;background:var(--light-gray-bg);box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}
.profile-meta{text-align:right}
.profile-npwp{font-size:11px;font-weight:800;color:var(--primary-navy);line-height:1.2}
.profile-name{font-size:10px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}
.text-muted-icon{color:var(--text-muted)}
.logout-button{min-width:112px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;background:linear-gradient(180deg,#fff8ec 0%,#fff1d6 100%);border:1px solid rgba(226,169,39,0.42);border-radius:12px;cursor:pointer;color:#9a3412;box-shadow:0 10px 20px rgba(148,163,184,0.18);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;font-weight:800}
.logout-button:hover{background:linear-gradient(180deg,#fff4dc 0%,#ffe7b8 100%);border-color:rgba(217,119,6,0.55);box-shadow:0 14px 24px rgba(217,119,6,0.18);color:#7c2d12;transform:translateY(-1px)}
.logout-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(245,158,11,0.18),0 14px 24px rgba(217,119,6,0.18)}
.logout-button-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.nav-menu-quote{font-size:13px;color:var(--white);opacity:.9}
.app-footer-accent{color:var(--primary-gold)}
.auth-card--recovery{background:#fffaf0}
.btn-recovery-mode{background:#8b5cf6;border-color:#8b5cf6}
.btn-recovery-mode:hover{background:#7c3aed;border-color:#7c3aed}
.triage-step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:16px}
.triage-step-title,.step1-shell-title,.step-section-title{margin:0;font-size:26px;line-height:1.2;color:#10264a;font-weight:900;letter-spacing:-.025em}
.triage-step-title::before,.step1-shell-title::before,.step-section-title::before{content:"Form layanan";display:block;margin-bottom:8px;font-size:12px;letter-spacing:.02em;color:#64748b;font-weight:800}
  button.triage-step-reset,
  .triage-step-actions .triage-step-reset{
    position:relative;
    color:#ffffff !important;
    border:1px solid #991b1b !important;
    padding:0 20px 0 44px;
    min-height:46px;
    font-size:13px;
    white-space:nowrap;
    font-weight:900;
    letter-spacing:.01em;
    background:linear-gradient(180deg,#dc2626 0%,#b91c1c 100%) !important;
    box-shadow:0 14px 24px rgba(185,28,28,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.28);
  }
  button.triage-step-reset::before,
  .triage-step-actions .triage-step-reset::before{
    content:"!";
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:12px;
    font-weight:900;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  }
  button.triage-step-reset::after,
  .triage-step-actions .triage-step-reset::after{
    content:"Perhatian";
    position:absolute;
    top:-10px;
    right:12px;
    padding:2px 8px;
    border-radius:999px;
    background:#fff7ed;
    color:#9a3412;
    border:1px solid #fdba74;
    font-size:10px;
    font-weight:900;
    letter-spacing:.02em;
    text-transform:none;
    box-shadow:0 6px 12px rgba(154,52,18,.14);
  }
  button.triage-step-reset:hover,
  .triage-step-actions .triage-step-reset:hover{
    background:linear-gradient(180deg,#ef4444 0%,#b91c1c 100%) !important;
    border-color:#7f1d1d !important;
    color:#ffffff !important;
    box-shadow:0 18px 30px rgba(185,28,28,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.32);
    transform:translateY(-1px);
  }
  button.triage-step-reset:focus-visible,
  .triage-step-actions .triage-step-reset:focus-visible{
    box-shadow:0 0 0 4px rgba(220,38,38,.18),0 18px 30px rgba(185,28,28,.28) !important;
  }
  button.triage-step-reset span,
  button.triage-step-reset .btn-label,
  .triage-step-actions .triage-step-reset span,
  .triage-step-actions .triage-step-reset .btn-label{
    color:#ffffff !important;
    font-weight:900;
    opacity:1;
  }
.triage-step-copy,.step1-shell-copy,.step-section-copy{margin-bottom:24px;font-size:14px;line-height:1.72;color:#334155;font-weight:500;max-width:72ch}
.triage-step-copy--compact{margin-bottom:16px}
.triage-step-label{font-size:14px;margin-bottom:10px;font-weight:800;letter-spacing:0;color:#1e293b}
.triage-step-label--compact{margin-bottom:4px}
.triage-step-notes{margin:8px 0 28px;padding:18px 18px 16px;border:1px solid #f2c45a;border-radius:12px;background:linear-gradient(180deg,#fffdf5 0%,#fff7dd 100%);box-shadow:0 14px 28px rgba(242,169,0,.10);position:relative}
.triage-step-notes::before{content:"Perhatian";position:absolute;top:-12px;left:16px;padding:4px 10px;border-radius:999px;background:#9a3412;color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}
.triage-step-notes .triage-step-label,
.triage-step-notes label{
  color:#8a4b00;
  font-size:15px;
  font-weight:900;
  margin-bottom:10px;
  text-transform:none !important;
  letter-spacing:0 !important;
}
  .triage-step-textarea{width:100%;min-height:116px;padding:14px 15px;font-size:16px;font-weight:600;line-height:1.75;border:1px solid #e7c67b;border-radius:10px;background:#fffdf8;box-shadow:inset 0 1px 2px rgba(146,64,14,.04);color:#1f2937}
  .triage-step-textarea::placeholder{color:#8a8173;opacity:1}
  .triage-step-notes .triage-step-textarea:focus{border-color:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.14)}
  .triage-step-notes .triage-step-textarea,
  .triage-step-notes textarea{
    font-size:16px;
    font-weight:600;
    line-height:1.75;
    color:#1f2937;
    -webkit-text-fill-color:#1f2937;
  }
.triage-step-category-panel{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);padding:24px;border-radius:8px;border:1px solid #d7e0ea}
.triage-step-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.triage-step-other-category{margin-top:20px}
.triage-step-other-input{width:100%;border-color:#94a3b8;background:#fff}
.triage-step-actions{justify-content:flex-end;gap:12px}
.triage-step-next{padding:0 32px}
.step1-shell-grid{gap:36px}
.step1-shell-grid>div,.step-consent-stack,.step-consent-side{position:relative}
.step1-shell-grid>div,.step-consent-stack .consent-panel,.step-consent-side .t3-setup-box,.detail-container .detail-card{overflow:hidden}
.step1-shell-grid>div{background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);border:1px solid #d4dde7;border-radius:10px;padding:22px}
.step1-shell-section-title{font-size:17px;margin-bottom:18px;color:#10264a;padding-bottom:10px;display:flex;align-items:center;gap:10px;font-weight:900;border-bottom:1px solid #d9e2ec}
.step1-shell-section-title::before{content:"";width:10px;height:10px;border-radius:2px;background:linear-gradient(180deg,var(--primary-navy),#1d4ed8)}
.step1-shell-textarea{min-height:104px}
.step1-shell-accent-input{border-color:#cbd5e1}
.step1-shell-service-detail{margin-top:-10px;margin-bottom:16px}
.step1-shell-next{padding:0 40px}
.users-shell-card{padding:24px;border-top:4px solid #fbbf24}
.users-shell-title{margin:0;border:none;display:flex;align-items:center;gap:8px}
.users-shell-title-text{font-size:24px}
.users-shell-copy{margin-bottom:24px}
.users-shell-layout{display:grid;grid-template-columns:350px 1fr;gap:32px;align-items:start;margin-top:24px}
.users-shell-panel{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid var(--border-light)}
.users-shell-panel--edit{padding:24px}
.users-shell-section-title{margin-top:0;font-size:15px;font-weight:800;color:#0f172a;margin-bottom:16px}
.users-shell-field{margin-bottom:12px}
.users-shell-field--spaced{margin-bottom:20px}
.users-shell-actions{display:flex;gap:10px}
.users-shell-action-grow{flex:1}
.users-shell-col-action{width:60px}
.users-shell-edit-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;align-items:start}
.users-shell-action-full{width:100%}
.users-shell-security-column{display:flex;flex-direction:column;gap:24px}
.users-shell-security-card{background:#fffcf2;padding:24px;border-radius:12px;border:1px solid #fef3c7}
.users-shell-security-title{margin-top:0;font-size:15px;font-weight:800;color:#92400e;margin-bottom:16px}
.users-shell-security-copy{font-size:12px;margin-bottom:16px}
.users-shell-warn{margin:0;border-radius:12px}
.users-shell-warn-title{color:#991b1b;display:flex;align-items:center;gap:6px}
.users-shell-warn-copy{margin-top:10px}
.users-shell-warn-list{margin:0 0 0 18px;line-height:1.7}
.inbox-shell-alert{background:rgba(139,0,0,0.1);border:2px solid #8b0000;padding:12px;border-radius:8px;margin-bottom:16px}
.inbox-shell-alert-title{color:#dc2626}
.inbox-shell-alert-list{margin:8px 0 0 20px;line-height:1.7}
.approval-detail-actions{margin-top:12px}
.approval-detail-decision{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:13px}
.approval-detail-decision-label{display:inline}
.approval-detail-decision-name{margin-left:6px}
.approval-detail-decision-time{margin-left:10px}
.approval-detail-warning{background:rgba(239,68,68,0.1);border:2px solid #ef4444;padding:12px;border-radius:8px;margin:16px 0}
.approval-detail-warning-title{color:#dc2626}
.approval-detail-warning-copy{margin:8px 0 0;line-height:1.6}
.recovery-shell-banner{border-left:4px solid #8b5cf6;background:#f5f3ff}
.recovery-shell-banner-title{color:#6d28d9;border:none}
.recovery-shell-banner-copy{color:#6d28d9}
.recovery-shell-grid{margin-top:16px}
.recovery-shell-card--dashboard{border-color:#10b981}
.recovery-shell-card--restore{border-color:#f59e0b}
.recovery-shell-card--reset{border-color:#ef4444}
.recovery-shell-title{border:none}
.recovery-shell-title--dashboard{color:#059669}
.recovery-shell-title--restore{color:#d97706}
.recovery-shell-title--reset{color:#dc2626}
.recovery-shell-btn--dashboard{background:#10b981;border-color:#10b981}
.recovery-shell-btn--dashboard:hover{background:#059669;border-color:#059669}
.recovery-shell-warn{margin-bottom:12px}
.auth-status-text{font-size:13px}
.offline-banner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.offline-banner-emphasis{text-decoration:underline}
.btn-retry-sync{padding:4px 12px;min-height:auto;height:auto;font-size:12px;background:#fff;color:#dc2626;border:none;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.status-note{font-size:11px;color:rgba(255,255,255,.7);padding:10px}
.approval-badge{display:inline-flex;align-items:center;background:#ef4444;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;margin-left:4px;font-weight:700}
.quick-actions-title{font-size:16px;margin:0 0 12px;border:none;color:var(--text)}
.chart-period-note{font-size:12px;color:var(--text-muted);margin:-8px 0 12px 32px;font-weight:500}
.sop-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sop-summary-title{margin:0}
.sop-summary-button{padding:4px 8px;min-height:auto;height:auto;font-size:11px;margin:0;cursor:pointer}
.sop-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px;line-height:1.6}
.sop-summary-list{margin:0;padding-left:18px}
.sop-summary-list-danger{color:var(--status-red);font-weight:700}
.triage-group-header{grid-column:1/-1;margin-top:24px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-light);display:flex;align-items:center}
.triage-group-title{font-weight:800;color:var(--primary-navy);font-size:14px;letter-spacing:.02em;text-transform:uppercase}
.reports-generator-card{margin-top:20px;border-left:4px solid var(--status-blue);padding:24px}
.reports-generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.reports-generator-title{margin:0;border:none;font-size:18px}
.reports-generator-subtitle{margin:4px 0 0;font-size:13px}
.reports-generator-layout{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.reports-period-panel{flex:0 0 220px;background:var(--surface-soft);padding:16px;border-radius:10px;border:1px solid var(--border)}
.reports-period-label{margin-top:0;color:var(--text-primary);font-size:13px}
.reports-period-input{font-weight:600;color:var(--primary);font-family:var(--font-stack);font-size:14px;margin-bottom:12px}
.reports-date-preview{font-size:11.5px;color:var(--text-secondary);line-height:1.6}
.reports-actions-panel{flex:1;min-width:260px}
.reports-actions-label{margin-top:0;font-size:13px}
.reports-action-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.reports-action-btn{flex:1;min-width:180px;min-height:86px;display:flex;align-items:center;justify-content:center;padding:16px 18px;flex-direction:column;gap:8px;border-radius:14px;border:2px solid var(--border);background:#fff;color:var(--text-primary);box-shadow:0 8px 20px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.reports-action-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(15,23,42,.1);border-color:#b8c5d6}
.reports-action-btn-primary{background:linear-gradient(180deg,#1f2c57 0%,#182245 100%);border-color:#182245;color:#fff;box-shadow:0 14px 24px rgba(24,34,69,.22)}
.reports-action-btn-primary:hover{border-color:#101935;background:linear-gradient(180deg,#243364 0%,#182245 100%);color:#fff}
.reports-action-btn-secondary{background:#fff;border:2px solid var(--border);color:var(--text-primary)}
.reports-action-icon{width:22px;height:22px;margin:0 auto}
.reports-action-text{font-size:13px;font-weight:800;text-align:center;line-height:1.35}
.inline-action-field{gap:10px;align-items:stretch}
.inline-action-field--tight{gap:8px}
.inline-action-field--doc{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
.inline-action-field--doc .action-generate-btn{justify-self:end}
.action-generate-btn{height:40px;min-width:112px;padding:0 16px;font-size:12px;font-weight:800;white-space:nowrap;flex:0 0 auto}
.action-generate-btn--wide{min-width:124px;height:44px}
.action-generate-btn--compact{min-width:104px}
.action-generate-btn--doc{min-width:104px;padding:0 14px}
.t3-inline-input{flex:1;height:40px;font-size:13px}
.t3-inline-input--doc{width:100%;min-width:0}
.reports-stats-card{padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.reports-stats-copy{font-size:13px;color:var(--text-muted)}
.reports-stats-strong{color:var(--text-primary)}
.reports-stats-number{font-weight:700;color:var(--primary)}
.reports-stats-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn-backup-json{background:#f1f5f9;color:var(--text-primary);border:1px solid var(--border)}
.btn-update-cloud{background:#0f766e;color:#fff;border:none}
.report-preview{margin-top:16px}
.reports-filter-card{padding:24px;margin-top:0;border-top:4px solid #fbbf24}
.reports-filter-title{margin:0 0 20px;font-size:16px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px}
.reports-filter-title-icon{font-size:20px}
.reports-filter-card .filter-grid{grid-template-columns:minmax(280px,2.35fr) repeat(4,minmax(0,1fr));gap:14px 16px;align-items:end;background:linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%)}
.reports-filter-card .filter-group{min-width:0}
.reports-filter-search{grid-column:auto}
.reports-filter-actions{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;padding-top:4px;border-top:1px solid rgba(148,163,184,.22)}
.reports-filter-actions-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:0 4px}
.reports-filter-actions-row{display:grid;grid-template-columns:repeat(2,minmax(220px,260px));gap:12px;justify-content:start}
.btn-export-full{height:68px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:12px;padding:10px 16px;letter-spacing:.04em;line-height:1.1;box-shadow:0 8px 18px rgba(15,23,42,.08);white-space:normal}
.reports-export-title{display:block;font-size:16px;font-weight:900}
.reports-export-subtitle{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.88}
.btn-export-internal{background:linear-gradient(180deg,#17315d 0%,#112748 100%);color:#fff;border-color:#17315d}
.btn-export-internal:hover{background:linear-gradient(180deg,#24457d 0%,#17315d 100%);color:#fff;border-color:#24457d;box-shadow:0 12px 24px rgba(23,49,93,0.22)}
.reports-filter-card .filter-control{width:100%;min-width:0}
.reports-table-wrap{margin-top:16px;overflow-x:auto}
.reports-date-preview-box{margin-top:8px;border-top:1px solid var(--border);padding-top:10px}
.reports-date-preview-title{font-weight:700;color:var(--text-primary);margin-bottom:6px;font-size:11px;display:flex;align-items:center;gap:6px}
.reports-date-preview-grid{display:grid;grid-template-columns:65px 1fr;gap:4px;font-size:11px}
.reports-date-preview-value{font-weight:600}
.reports-table{min-width:700px}
.reports-col-id{white-space:nowrap;width:140px}
.reports-col-time{white-space:nowrap;width:120px}
.reports-col-level{width:70px}
.reports-col-status{width:90px}
.reports-col-nik{white-space:nowrap;width:140px}
.reports-col-reg{white-space:nowrap;width:160px}
.reports-col-action{width:60px}
.reports-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap;gap:8px}
.reports-footer-hint{margin:0}
.btn-back-dashboard{font-size:13px}
.qr-modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}
.qr-modal-card{position:relative;width:90%;max-width:400px;background:#000;border:2px solid #22c55e;border-radius:12px;overflow:hidden}
.qr-modal-video{width:100%;height:auto;display:block}
.qr-modal-overlay{position:absolute;inset:0;box-shadow:inset 0 0 40px rgba(0,0,0,.5);pointer-events:none}
.qr-modal-title{position:absolute;top:10px;left:0;width:100%;text-align:center;color:#22c55e;font-weight:700;text-shadow:0 1px 2px #000}
.qr-modal-help{color:#fff;margin-top:10px;font-size:12px;text-align:center}
.qr-modal-close{margin-top:20px;background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer}
.report-analytics-empty{color:#64748b;font-size:12px;margin:0}
.report-analytics-empty--italic{font-style:italic}
.report-analytics-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;margin:10px 0}
.report-analytics-table-wrap--compact{border-radius:6px}
.report-analytics-table-wrap--danger{border-color:#fecaca;box-shadow:0 1px 3px rgba(239,68,68,.05)}
.report-analytics-table{width:100%;border-collapse:collapse;min-width:600px}
.report-analytics-table--compact{min-width:500px}
.report-analytics-table--danger{min-width:750px;border-left:4px solid #ef4444}
.report-analytics-table--consultation{min-width:1150px}
.report-analytics-head-row{background:#f8fafc;border-bottom:2px solid #e2e8f0}
.report-analytics-head-row--danger{background:#fef2f2;border-bottom-color:#fee2e2}
.report-analytics-th{padding:10px;font-size:12px;border:1px solid #e2e8f0;color:#475569;text-align:left}
.report-analytics-th--compact{padding:8px;font-size:11px}
.report-analytics-th--danger{border-color:#fee2e2;color:#b91c1c;text-transform:uppercase;font-size:11px}
.report-analytics-th--center{text-align:center}
.report-analytics-th--right{text-align:right}
.report-analytics-th--rank{width:40px}
.report-analytics-th--rank-compact{width:36px}
.report-analytics-th--count{width:80px}
.report-analytics-th--count-wide{width:100px}
.report-analytics-th--progress{width:160px}
.report-analytics-th--progress-compact{width:150px}
.report-analytics-th--duration{width:90px}
.report-analytics-th--indicator{width:42%}
.report-analytics-th-note{font-weight:400;font-size:9px;text-transform:none}
.report-analytics-td{padding:10px;border:1px solid #e2e8f0;color:#334155}
.report-analytics-td--compact{padding:8px;font-size:11px}
.report-analytics-td--danger{padding:10px 8px;border:1px solid #fee2e2}
.report-analytics-cell-rank{text-align:center;font-weight:700;color:#64748b}
.report-analytics-cell-name{color:#1e293b}
.report-analytics-cell-name--strong{font-weight:700}
.report-analytics-cell-count{text-align:center;font-weight:700;color:#1e293b}
.report-analytics-cell-progress{width:140px}
.report-analytics-cell-progress--compact{width:130px}
.report-analytics-progress{background:#f1f5f9;border-radius:6px;height:12px;overflow:hidden;border:1px solid #e2e8f0;margin-bottom:3px}
.report-analytics-progress--compact{border-radius:4px;height:10px;margin-bottom:2px}
.report-analytics-progress-bar{height:100%;min-width:2px}
.report-analytics-progress-bar--top{background:#1e3a8a}
.report-analytics-progress-bar--second{background:#3b82f6}
.report-analytics-progress-bar--high{background:#10b981}
.report-analytics-progress-bar--base{background:#94a3b8}
.report-analytics-progress-label{font-size:10px;color:#64748b;font-weight:600}
.report-analytics-total-row{background:#f8fafc;font-weight:700}
.report-analytics-total-label,.report-analytics-total-value,.report-analytics-total-pct{color:#1e3a8a}
.report-analytics-total-value{text-align:center}
.report-analytics-total-pct{text-align:right}
.report-analytics-section{margin-bottom:18px}
.report-analytics-section-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.report-analytics-section-title{font-size:12px;color:#1e293b}
.report-analytics-section-subtitle{font-size:11px;color:#64748b}
.report-analytics-section-total{margin-left:auto;font-size:11px;font-weight:700;color:#1e3a8a}
.report-analytics-summary-strip{display:flex;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;margin-bottom:14px;font-size:11px;flex-wrap:wrap}
.report-analytics-summary-strip strong{color:inherit}
.report-analytics-summary-item--pb{color:#1e3a8a}
.report-analytics-summary-item--assist{color:#059669}
.report-analytics-narrative{font-size:12px;color:#334155;margin:0 0 12px;line-height:1.7;border-left:3px solid #1e3a8a;padding-left:10px}
.report-analytics-alert{color:#b91c1c}
.report-analytics-compare-highlight{background:#f0f9ff}
.report-analytics-compare-label{font-weight:600;font-size:11px}
.report-analytics-compare-value{font-size:11px;text-align:center}
.report-analytics-compare-subtle{color:#64748b}
.report-analytics-compare-muted{color:#94a3b8}
.report-analytics-compare-danger{color:#b91c1c}
.report-analytics-top-grid{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}
.report-analytics-top-card{flex:1;min-width:220px;border:1px solid;border-radius:6px;padding:10px}
.report-analytics-top-card--pb{background:#eff6ff;border-color:#bfdbfe}
.report-analytics-top-card--assist{background:#f0fdf4;border-color:#bbf7d0}
.report-analytics-top-title{font-size:11px;font-weight:700;margin:0 0 6px}
.report-analytics-top-title--pb{color:#1e3a8a}
.report-analytics-top-title--assist{color:#059669}
.report-analytics-top-list{margin:0;padding-left:18px;font-size:11px;color:#1e293b}
.report-analytics-top-empty{color:#94a3b8;font-style:italic}
.report-analytics-top-count{color:#1e3a8a}
.report-analytics-subhead{display:flex;align-items:center;gap:8px;margin:24px 0 12px}
.report-analytics-subhead--consultation{justify-content:space-between;margin-top:16px}
.report-analytics-subhead-accent{width:4px;height:18px;border-radius:2px;background:var(--accent-blue)}
.report-analytics-subhead-accent--danger{background:#ef4444}
.report-analytics-subhead-title{margin:0;font-size:15px;color:#1e3a8a;display:flex;align-items:center;gap:8px}
.report-analytics-subhead-title--danger{color:#b91c1c}
.report-analytics-hint{font-size:11px;margin-top:8px;font-style:italic;padding-left:12px}
.report-analytics-danger-tag{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}
.report-analytics-outlier-id{font-size:10px;white-space:nowrap}
.report-analytics-danger-duration{color:#b91c1c}
.report-analytics-danger-diff{color:#b91c1c;font-weight:700;text-align:right}
.report-analytics-danger-target{color:#94a3b8;font-weight:400}
.report-analytics-consult-wrap{overflow:auto;max-height:500px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.05);position:relative}
.report-analytics-consult-head{position:sticky;top:0;z-index:10;background:#f8fafc}
.report-analytics-consult-col-id{width:85px}
.report-analytics-consult-col-time{width:100px}
.report-analytics-consult-col-person{width:155px}
.report-analytics-consult-col-address{width:145px}
.report-analytics-consult-col-category{width:165px}
.report-analytics-consult-col-officer{width:125px}
.report-analytics-consult-id{font-size:11px;color:#64748b;text-align:center}
.report-analytics-consult-time{font-size:12px;white-space:nowrap}
.report-analytics-consult-time small,.report-analytics-consult-person small{color:#94a3b8}
.report-analytics-consult-person{font-size:12px}
.report-analytics-consult-address{font-size:11px;color:#475569}
.report-analytics-consult-category{font-size:12px}
.report-analytics-consult-badge{display:inline-block;padding:2px 6px;background:#eff6ff;color:#1e40af;border-radius:4px;font-size:10px;font-weight:700;margin-bottom:4px}
.report-analytics-consult-note{font-size:11px;color:#334155;min-width:180px}
.report-analytics-consult-officer{font-size:12px;font-weight:600;color:#1e3a8a}
@media (max-width:640px){.auth-card{padding:20px}.auth-actions{align-items:stretch}.auth-actions .primary,.auth-inline-inputs button{width:100%}.auth-inline-inputs{grid-template-columns:1fr}}
.side-btn{height:28px;padding:0 12px;font-size:11px;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0.3px}
.side-btn-gold{background:linear-gradient(135deg,var(--primary-gold),#d4af37);color:var(--primary-navy);border:1px solid #cfaa34;box-shadow:0 2px 4px rgba(0,0,0,0.15)}
.side-btn-gold:hover{background:#e0b938;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,0.2)}
.side-btn-ghost{background:rgba(255,255,255,0.06);color:#f8fafc;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(4px)}
.side-btn-ghost:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.5);transform:translateY(-1px)}
.side-btn-danger{background:rgba(239,68,68,0.1);color:#fca5a5;border:1px solid rgba(239,68,68,0.4);backdrop-filter:blur(4px)}
.side-btn-danger:hover{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.6);color:#fef2f2;transform:translateY(-1px)}
.premium-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);border-color:#93c5fd!important}
.premium-card:has(input:checked){border-color:#2563eb!important;background-color:#eff6ff!important}
.premium-card:has(input:checked).hover-glow{border-color:#2563eb}
.consent-check{display:block;position:relative;cursor:pointer}
.consent-check input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.consent-check-card{display:flex;align-items:flex-start;gap:16px;padding:18px 18px 18px 16px;border-radius:14px;border:1px solid var(--border-light);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:0 10px 24px rgba(15,23,42,0.05);transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease,background 0.18s ease}
.consent-check:hover .consent-check-card{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 14px 28px rgba(37,99,235,0.08)}
.consent-check-mark{width:28px;min-width:28px;height:28px;margin-top:2px;border-radius:9px;border:2px solid #cbd5e1;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px rgba(15,23,42,0.04);transition:all 0.18s ease}
.consent-check-mark::after{content:"";width:7px;height:13px;border-right:3px solid transparent;border-bottom:3px solid transparent;transform:rotate(45deg) translate(-1px,-1px)}
.consent-check-copy{flex:1;min-width:0}
.consent-check-title{display:block;font-size:18px;line-height:1.25;font-weight:800;color:var(--primary-navy);margin-bottom:6px}
.consent-check-desc{display:block;font-size:14px;line-height:1.6;color:var(--text-secondary)}
.consent-check-meta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;background:#e2e8f0;color:#475569}
.consent-check input:checked + .consent-check-card{border-color:#2563eb;background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);box-shadow:0 14px 30px rgba(37,99,235,0.16)}
.consent-check input:checked + .consent-check-card .consent-check-mark{border-color:#1d4ed8;background:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,0.28)}
.consent-check input:checked + .consent-check-card .consent-check-mark::after{border-right-color:#fff;border-bottom-color:#fff}
.consent-check input:checked + .consent-check-card .consent-check-meta{background:rgba(37,99,235,0.12);color:#1d4ed8}
.consent-check--navy .consent-check-card{background:linear-gradient(180deg,#10224c 0%,#0a1c3d 100%);border-color:rgba(255,255,255,0.12);box-shadow:0 16px 32px rgba(10,28,61,0.22)}
.consent-check--navy .consent-check-title{color:#fff}
.consent-check--navy .consent-check-desc{color:rgba(255,255,255,0.78)}
.consent-check--navy .consent-check-mark{border-color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.1)}
.consent-check--navy .consent-check-meta{background:rgba(255,255,255,0.12);color:#bfdbfe}
.consent-check--navy input:checked + .consent-check-card{border-color:#60a5fa;background:linear-gradient(180deg,#163468 0%,#0f2d5c 100%);box-shadow:0 18px 36px rgba(37,99,235,0.25)}
.consent-check--navy input:checked + .consent-check-card .consent-check-meta{background:rgba(96,165,250,0.18);color:#dbeafe}
.consent-check--warm .consent-check-card{background:linear-gradient(180deg,#fffdf4 0%,#fff7db 100%);border-color:#fcd34d;box-shadow:0 14px 28px rgba(217,119,6,0.10)}
.consent-check--warm .consent-check-title{color:#92400e}
.consent-check--warm .consent-check-desc{color:#9a3412}
.consent-check--warm .consent-check-meta{background:rgba(245,158,11,0.14);color:#b45309}
.consent-check--warm input:checked + .consent-check-card{border-color:#f59e0b;background:linear-gradient(180deg,#fef3c7 0%,#fde68a 100%);box-shadow:0 16px 32px rgba(245,158,11,0.16)}
.consent-check input:disabled + .consent-check-card{cursor:not-allowed;opacity:0.72;box-shadow:none}
.consent-panel{margin:0;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid #d4dde7;position:relative}
.consent-panel::before,.t3-setup-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#17315d 0%,#1d4ed8 72%,#f2a900 100%)}
.consent-panel--t1{background:linear-gradient(180deg,#fbfefb 0%,#f8fcf8 100%);border-left-color:var(--status-green-light)}
.consent-panel--disabled{opacity:.4;pointer-events:none;filter:grayscale(100%)}
.consent-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #dde5ee}
.consent-panel-icon{width:28px;height:28px}
.consent-panel-title,.t3-setup-title{font-size:18px;color:#10264a;font-weight:900}
.consent-readonly-box{background:#fff;padding:12px;border-radius:8px;border:1px solid #d5dee8;font-size:13px;color:#475569;min-height:44px}
.consent-check--spaced{margin-bottom:20px}
.consent-code-card{background:linear-gradient(180deg,#17315d 0%,#10264a 100%);padding:16px;border-radius:8px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 10px 20px rgba(16,38,74,.16);gap:16px;flex-wrap:wrap}
.consent-code-label{font-size:12px;opacity:.92;font-weight:800;letter-spacing:0}
.consent-code-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.consent-code-value{font-family:monospace;font-size:22px;font-weight:800;color:#ffe082}
.consent-code-btn{height:32px;padding:0 12px}
.consent-divider{margin:24px 0}
.consent-section-title{display:block;margin-bottom:16px;font-size:14px;color:#1e293b;letter-spacing:0;font-weight:800}
.consent-tab-strip{display:flex;border:1px solid #d5dee8;border-radius:8px;overflow:hidden;margin-bottom:16px;background:#f8fafc}
.consent-tab-btn{flex:1;border:none;border-radius:0;height:36px;font-size:13px;font-weight:600}
.consent-tab-btn:hover{transform:none}
.consent-tab-btn--active{background:linear-gradient(180deg,#17315d 0%,#10264a 100%);color:#fff}
.consent-tab-btn--disabled{background:#eee;color:#999}
.consent-tab-btn--inactive{background:#fff;color:var(--text-secondary)}
.signature-pad-shell{border:1px solid #d5dee8;border-radius:8px;background:#fff;overflow:hidden;box-shadow:inset 0 2px 4px rgba(15,23,42,.04)}
.signature-pad-canvas{width:100%;height:auto;display:block;touch-action:none;background:#fff}
.signature-pad-actions{display:flex;justify-content:space-between;margin-top:16px;gap:12px}
.signature-status{margin-top:12px}
.signature-manual-card{display:none;background:#fff;padding:20px;border:1px solid #d5dee8;border-radius:8px;text-align:center}
.signature-manual-copy{font-size:12px;margin-bottom:16px}
.signature-manual-btn{width:100%}
.t3-setup-box--full{margin-bottom:0;min-height:100%;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid #d4dde7;position:relative}
.t3-field-block{margin-bottom:20px}
.t3-field-input{height:40px}
.t3-field-input--muted{color:var(--text-secondary)}
.step-consent-layout{align-items:flex-start;gap:28px}
.step-consent-stack{display:flex;flex-direction:column;gap:24px}
.step-consent-side{flex:1}
.step-section-divider{margin:34px 0;border-color:#d9e2ec}
.step-section-actions{justify-content:flex-end;gap:16px}
.step-action-btn--back{padding:0 32px}
.step-action-btn--next{padding:0 40px}
.detail-section-title{font-size:16px;font-weight:900;letter-spacing:-.01em;color:#10264a;padding-bottom:10px;border-bottom:1px solid #d9e2ec;margin-bottom:16px}
.detail-label{font-size:13px;font-weight:800;color:#475569;letter-spacing:0}
.detail-value{font-size:15px;color:#0f172a;font-weight:600}
.detail-row{padding:8px 0;border-bottom:1px dashed #e2e8f0}
.detail-row:last-child{border-bottom:none}
.detail-note-box{background:#f8fafc;border:1px solid #d9e2ec;border-radius:8px;padding:14px 16px;color:#334155;line-height:1.8;font-size:14px;font-weight:500}
.detail-highlight-note{background:#fff9eb;border:1px solid #f6d17a;border-radius:8px;padding:14px 16px}
.detail-preview-card{border:1px solid #d9e2ec;background:#f8fafc;border-radius:8px;padding:14px;margin-top:16px}
.detail-preview-title{font-size:13px;font-weight:800;letter-spacing:0;color:#334155;margin-bottom:10px}
.detail-preview-body{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:14px;min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center}
.detail-operator-card{background:linear-gradient(180deg,#17315d 0%,#10264a 100%);border-radius:8px;padding:16px 18px;color:#fff;box-shadow:0 12px 20px rgba(16,38,74,.14)}
.detail-operator-label{font-size:12px;font-weight:700;letter-spacing:0;color:rgba(255,255,255,.84)}
.detail-operator-name{font-size:16px;font-weight:900;color:#ffe082;margin-top:4px}
.detail-input,.filter-control{border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:none}
.detail-input:focus,.filter-control:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.10)}
.filter-group label,.detail-label--field{font-size:13px;font-weight:800;letter-spacing:0;color:#1e293b;margin-bottom:8px;display:block}
.step-section-actions button,.triage-step-actions button,.detail-footer button,.detail-footer select{min-height:46px;border-radius:8px}
.primary,.gold,.ghost{font-weight:700}
.ghost{background:#fff}
.warnBox,.t3-admin-box{border:1px solid #d4dde7}
.detail-header h2{font-size:26px;line-height:1.2;color:#10264a;font-weight:900}

@media (max-width:960px){
  .step-card-premium{padding:28px 24px 24px}
  .step1-shell-grid{gap:20px}
  .step-consent-layout{gap:20px}
  .triage-step-title,.step1-shell-title,.step-section-title,.detail-header h2{font-size:23px}
}

@media (max-width:640px){
  .form-step-container{padding:10px 0 20px}
  .step-card-premium{padding:22px 18px 18px}
  .triage-step-header{flex-direction:column;align-items:stretch}
  .triage-step-title,.step1-shell-title,.step-section-title,.detail-header h2{font-size:21px}
  .step1-shell-grid>div{padding:18px}
  .consent-check-card{padding:16px 14px}
  .consent-check-title{font-size:17px}
}

/* Wizard readability hardening: keep government tone without washing out disabled panels */
.form-step-container .filter-group label,
.form-step-container .triage-step-label,
.form-step-container .consent-code-label,
.form-step-container .consent-section-title,
.form-step-container .detail-label--field,
.detail-container .detail-label,
.detail-container .detail-section-title{
  text-transform:none !important;
  letter-spacing:0 !important;
}
.form-step-container .filter-group label,
.form-step-container .triage-step-label,
.form-step-container .detail-label--field{
  font-size:14px;
  font-weight:800;
  color:#24364d;
}
.form-step-container .consent-code-label,
.form-step-container .consent-section-title,
.detail-container .detail-label,
.detail-container .detail-section-title{
  color:#24364d;
}
.form-step-container .consent-panel--disabled{
  opacity:.88;
  filter:none;
}
.form-step-container .consent-panel--disabled .consent-check-card,
.form-step-container .consent-panel--disabled .consent-readonly-box,
.form-step-container .consent-panel--disabled .consent-code-card{
  border-color:#d7dee7;
  background:linear-gradient(180deg,#f8fafc 0%,#f3f6f9 100%);
  box-shadow:none;
}
.form-step-container .consent-panel--disabled .consent-check-title,
.form-step-container .consent-panel--disabled .consent-panel-title,
.form-step-container .consent-panel--disabled .consent-section-title,
.form-step-container .consent-panel--disabled .filter-group label,
.form-step-container .consent-panel--disabled .consent-code-label{
  color:#506176;
}
.form-step-container .consent-panel--disabled .consent-check-desc,
.form-step-container .consent-panel--disabled .consent-readonly-box,
.form-step-container .consent-panel--disabled .consent-check-meta{
  color:#66788d;
}
.form-step-container .consent-check-title{
  font-size:18px;
  font-weight:900;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.form-step-container .consent-check-desc{
  font-size:15px;
  line-height:1.7;
  font-weight:700;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.form-step-container .consent-check-meta{
  text-transform:none;
  letter-spacing:0;
  font-size:12px;
  font-weight:800;
}
.form-step-container .consent-code-value{
  font-size:24px;
  letter-spacing:.08em;
}
.form-step-container .detail-value,
.form-step-container .consent-readonly-box,
.form-step-container .filter-control,
.form-step-container .detail-input{
  font-weight:600;
}
.form-step-container .consent-panel-title,
.form-step-container .t3-progress-label,
.form-step-container .t3-progress-state{
  text-transform:none !important;
  letter-spacing:0 !important;
}
.form-step-container .t3-progress-label,
.form-step-container .t3-progress-state{
  font-size:14px;
  font-weight:800;
}
.detail-container .consent-check-title,
.detail-container .consent-check-desc,
.detail-container .consent-check-meta,
.detail-container .detail-operator-label{
  text-transform:none !important;
  letter-spacing:0 !important;
}
.detail-container .consent-check-title{
  font-size:18px;
  font-weight:900;
}
.detail-container .consent-check-desc{
  font-size:15px;
  line-height:1.7;
  font-weight:700;
}
  .detail-container .consent-check-meta{
    font-size:12px;
    font-weight:800;
  }
  .detail-container .detail-input--textarea{
    font-size:15px;
    font-weight:600;
    line-height:1.7;
    color:#1f2937;
  }
  .detail-container .detail-input--textarea::placeholder{
    font-weight:500;
    color:#64748b;
    opacity:1;
  }
.account-reset-alert{margin-bottom:20px}
.account-reset-actions{margin-top:12px}
.account-password-shell{padding:2.5rem;max-width:600px;margin:0 auto}
.account-password-header{margin-bottom:2rem}
.account-password-title{color:var(--primary-navy);margin:0}
.account-password-subtitle{margin-top:5px}
.account-password-divider{margin:2rem 0}
.account-password-card{padding:2.5rem}
.account-password-field{margin-bottom:24px}
.account-password-field--last{margin-bottom:32px}
.account-password-label{font-weight:700;font-size:13px}
.account-password-input-row{margin-top:8px}
.account-password-input{flex:1}
.account-password-toggle{height:48px;width:48px;border-radius:12px}
.account-password-actions{display:flex;gap:16px}
.account-password-btn{height:52px;border-radius:12px}
.account-password-btn--primary{flex:2;font-weight:700}
.account-password-btn--secondary{flex:1}
.account-password-security{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}
.account-password-security-title{font-size:12px;color:var(--primary-navy);display:block;margin-bottom:8px}
.account-password-security-list{margin:0;padding-left:20px;font-size:11px;color:var(--text-secondary);line-height:1.6}