:root{
  --navy-950:#0a1c2b;--navy-900:#0e2a3f;--navy-800:#143b55;--navy-700:#1b4d6d;
  --teal-600:#0f8f89;--teal-500:#15a39b;--teal-100:#dff7f4;
  --blue-600:#2b6de5;--blue-100:#eaf1ff;--green-600:#21865b;--green-100:#e6f6ee;
  --orange-600:#b66a16;--orange-100:#fff2df;--red-600:#b63b45;--red-100:#fdebec;
  --ink:#18232e;--muted:#667581;--line:#e5ebef;--surface:#ffffff;--surface-2:#f5f8fa;--surface-3:#edf2f5;
  --shadow:0 14px 38px rgba(15,42,63,.09);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--surface-2);color:var(--ink);-webkit-font-smoothing:antialiased}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,var(--navy-950),var(--navy-900));color:#dce8ef;display:flex;flex-direction:column;z-index:40;box-shadow:8px 0 30px rgba(10,28,43,.08)}.brand{height:92px;padding:20px 24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--teal-500),#37c0b5);display:grid;place-items:center;color:white;box-shadow:0 8px 18px rgba(21,163,155,.26)}.brand-mark span{font-weight:800;font-size:14px;letter-spacing:-.3px}.brand strong{display:block;color:#fff;font-size:17px;letter-spacing:.1px}.brand small{display:block;color:#8fa8b8;font-size:12px;margin-top:2px}.sidebar-nav{padding:18px 14px;overflow:auto}.nav-caption{font-size:10px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;color:#6f899a;padding:18px 14px 8px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:4px 0;border-radius:12px;color:#b9cbd6;font-weight:600;font-size:14px;transition:.18s}.nav-link:hover{background:rgba(255,255,255,.06);color:white}.nav-link.active{background:linear-gradient(90deg,rgba(21,163,155,.24),rgba(21,163,155,.09));color:#fff;box-shadow:inset 3px 0 0 var(--teal-500)}.sidebar-foot{margin-top:auto;padding:18px 24px 24px;display:flex;align-items:center;gap:9px;color:#8fa8b8;font-size:12px}.secure-dot{width:8px;height:8px;border-radius:50%;background:#3dd6a2;box-shadow:0 0 0 4px rgba(61,214,162,.12)}.main{margin-left:270px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:92px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}.page-heading .eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--teal-600);margin-bottom:3px}.page-heading h1{font-size:24px;margin:0;letter-spacing:-.55px;font-weight:750}.top-actions{display:flex;align-items:center;gap:12px}.user-chip{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid var(--line);border-radius:14px;background:#fff}.avatar{width:34px;height:34px;border-radius:10px;background:var(--navy-900);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}.user-meta strong{display:block;font-size:13px}.user-meta small{display:block;font-size:11px;color:var(--muted);margin-top:1px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;color:#526673;cursor:pointer}.icon-btn:hover{background:var(--surface-2);color:var(--navy-900)}.mobile-menu{display:none}.content{padding:28px 30px 40px;max-width:1600px;width:100%;margin:0 auto}.footer{margin-top:auto;display:flex;justify-content:space-between;gap:12px;padding:18px 30px;color:#85939d;font-size:12px;border-top:1px solid var(--line);background:#fff}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 4px rgba(20,50,70,.02);overflow:hidden}.card-pad{padding:22px}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-24px;top:-28px;background:linear-gradient(145deg,rgba(21,163,155,.10),rgba(43,109,229,.05))}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.65px}.stat-icon{width:38px;height:38px;border-radius:12px;background:var(--teal-100);color:var(--teal-600);display:grid;place-items:center}.stat-value{font-size:29px;font-weight:800;letter-spacing:-1px;margin-top:10px}.stat-sub{font-size:12px;color:var(--muted);margin-top:3px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line)}.section-title h2{font-size:17px;margin:0;letter-spacing:-.3px}.section-title p{font-size:12px;color:var(--muted);margin:4px 0 0}.section-body{padding:22px}.btn{border:0;border-radius:11px;padding:10px 15px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.btn .ico{width:17px;height:17px}.btn-primary{background:var(--navy-900);color:#fff;box-shadow:0 7px 15px rgba(14,42,63,.16)}.btn-primary:hover{background:var(--navy-800)}.btn-teal{background:var(--teal-600);color:#fff}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-soft{background:var(--surface-3);color:var(--navy-800)}.btn-danger{background:var(--red-100);color:var(--red-600)}.btn-sm{padding:7px 10px;font-size:12px;border-radius:9px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-2{grid-column:span 2}.field label{display:block;font-size:12px;font-weight:750;color:#41535f;margin:0 0 7px}.req{color:#d04a55}.input,.select,.textarea{width:100%;border:1px solid #d9e2e7;background:#fff;color:var(--ink);border-radius:11px;padding:10px 12px;font:inherit;font-size:13px;outline:none;transition:.15s}.input:focus,.select:focus,.textarea:focus{border-color:#78b8b5;box-shadow:0 0 0 3px rgba(15,143,137,.10)}.textarea{min-height:92px;resize:vertical}.help{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.45}.form-section{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:18px;overflow:visible}.form-section-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.form-section-num{width:29px;height:29px;border-radius:9px;background:var(--navy-900);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.form-section-head h3{font-size:15px;margin:0}.form-section-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.form-section-body{padding:20px}.inline-choice{display:flex;gap:9px;flex-wrap:wrap}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.choice input:checked+label{border-color:var(--teal-600);background:var(--teal-100);color:#0d6e69}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.55px;color:#74848e;text-align:left;padding:11px 14px;background:#f8fafb;border-bottom:1px solid var(--line);white-space:nowrap}.table td{font-size:13px;padding:13px 14px;border-bottom:1px solid #edf1f3;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fbfcfd}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.strong{font-weight:750}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.badge-blue{background:var(--blue-100);color:var(--blue-600)}.badge-green{background:var(--green-100);color:var(--green-600)}.badge-orange{background:var(--orange-100);color:var(--orange-600)}.badge-gray{background:#eef2f4;color:#697a85}.badge-red{background:var(--red-100);color:var(--red-600)}.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;font-size:13px;border:1px solid}.alert-success{background:var(--green-100);border-color:#cbead9;color:#176846}.alert-error{background:var(--red-100);border-color:#f6d2d5;color:#9f303a}.alert-warning{background:var(--orange-100);border-color:#f4dfbf;color:#8f5817}.alert-info{background:var(--blue-100);border-color:#d6e3ff;color:#285ab8}.filters{padding:16px 18px;background:#fbfcfd;border-bottom:1px solid var(--line)}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px}.search-box{position:relative}.search-box .ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8a99a3}.search-box .input{padding-left:36px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px}.pager{display:flex;gap:6px}.pager a,.pager span{min-width:34px;height:34px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:12px;background:#fff}.pager .current{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.empty{padding:42px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:5px}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:190px;padding:10px 2px 0}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:20px}.bar{width:100%;max-width:34px;background:linear-gradient(180deg,var(--teal-500),var(--navy-700));border-radius:8px 8px 3px 3px;min-height:3px;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:10px;background:var(--navy-950);color:#fff;padding:4px 6px;border-radius:6px;white-space:nowrap}.bar-label{font-size:10px;color:#798994;margin-top:7px}.rank-list{display:flex;flex-direction:column;gap:13px}.rank-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px}.rank-no{width:28px;height:28px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;font-weight:800;font-size:11px;color:#5f7481}.rank-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-value{font-size:12px;color:var(--muted);font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.detail-item{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:74px}.detail-item:nth-child(3n){border-right:0}.detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#80909a;font-weight:800;margin-bottom:5px}.detail-value{font-size:13px;font-weight:650;line-height:1.45}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:7px 9px;background:#f0f5f7;border:1px solid #e0e8ec;border-radius:9px;font-size:11px;font-weight:650}.form-actions{position:sticky;bottom:0;z-index:20;background:rgba(245,248,250,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);margin:24px -30px -40px;padding:14px 30px;display:flex;justify-content:flex-end;gap:10px}.autocomplete{position:relative}.suggestions{position:absolute;z-index:60;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:250px;overflow:auto;display:none}.suggestions.show{display:block}.suggestion{padding:10px 12px;border-bottom:1px solid #eef2f4;cursor:pointer;font-size:12px}.suggestion:last-child{border-bottom:0}.suggestion:hover{background:#f5f9fa}.suggestion strong{color:var(--navy-800)}.repeat-list{display:flex;flex-direction:column;gap:9px}.repeat-row{display:grid;grid-template-columns:1fr auto;gap:8px}.remove-row{width:40px;height:40px;border:1px solid #f0d4d7;background:#fff5f6;color:#b63b45;border-radius:10px;cursor:pointer}.staff-group{border:1px solid var(--line);border-radius:12px;padding:12px}.staff-group-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#657783;margin-bottom:10px}.check-scroll{max-height:160px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check-item{display:flex;align-items:flex-start;gap:8px;font-size:11px;padding:6px;border-radius:8px}.check-item:hover{background:#f5f8fa}.check-item input{margin-top:2px}.tabs{display:flex;gap:7px;overflow:auto;padding:0 0 14px}.tab{white-space:nowrap;padding:9px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:700;color:#5c6f7b}.tab.active{background:var(--navy-900);border-color:var(--navy-900);color:white}.kpi-strip{display:flex;gap:10px;flex-wrap:wrap}.kpi-pill{padding:8px 10px;border-radius:10px;background:#f1f6f7;font-size:11px}.kpi-pill strong{font-size:13px;margin-right:5px}.login-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(21,163,155,.20),transparent 34%),radial-gradient(circle at 90% 85%,rgba(43,109,229,.13),transparent 32%),linear-gradient(145deg,#081a28,#10334b 60%,#0b2537);display:grid;place-items:center;padding:24px}.login-wrap{width:min(1040px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.26)}.login-brand{padding:54px;background:linear-gradient(145deg,#0c2c41,#123f59);color:white;position:relative;overflow:hidden}.login-brand:after{content:"119";position:absolute;right:-20px;bottom:-45px;font-size:190px;font-weight:900;color:rgba(255,255,255,.035);letter-spacing:-12px}.login-brand .brand-mark{width:58px;height:58px;border-radius:18px}.login-brand h1{font-size:37px;line-height:1.08;margin:28px 0 12px;letter-spacing:-1.3px}.login-brand p{color:#b9cedb;line-height:1.7;font-size:14px;max-width:470px}.login-bullets{margin-top:32px;display:grid;gap:12px}.login-bullet{display:flex;gap:10px;align-items:center;color:#dbe8ef;font-size:12px}.login-bullet .dot{width:25px;height:25px;border-radius:8px;background:rgba(21,163,155,.18);display:grid;place-items:center;color:#49d5ca}.login-panel{padding:54px;display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:25px;margin:0 0 7px;letter-spacing:-.6px}.login-panel>p{font-size:13px;color:var(--muted);margin:0 0 28px}.login-panel .field{margin-bottom:14px}.login-foot{margin-top:22px;font-size:11px;color:#8a98a1;text-align:center}.setup-page{min-height:100vh;background:#f3f7f8;padding:40px 20px}.setup-card{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px}.setup-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.setup-head h1{margin:0;font-size:22px}.setup-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.sidebar-overlay{display:none}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:2fr 1fr 1fr auto}.filter-grid>*:nth-child(4){display:none}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-item:nth-child(3n){border-right:1px solid var(--line)}.detail-item:nth-child(2n){border-right:0}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:grid}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,18,28,.5);z-index:35;opacity:0;pointer-events:none;transition:.2s}.sidebar-overlay.show{opacity:1;pointer-events:auto}.topbar{padding:0 18px;height:82px}.content{padding:20px 18px 32px}.footer{padding:16px 18px}.form-actions{margin:20px -18px -32px;padding:12px 18px}.user-meta{display:none}.page-heading h1{font-size:20px}.page-heading .eyebrow{font-size:9px}.grid-3{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:36px}.form-grid{gap:12px}.col-8,.col-6,.col-4,.col-3,.col-2{grid-column:span 12}.check-scroll{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-item{border-right:0!important}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .search-box{grid-column:span 2}.filter-grid>*:nth-child(4){display:block}}
@media(max-width:620px){.grid-4,.grid-2{grid-template-columns:1fr}.stat-value{font-size:26px}.top-actions .icon-btn{display:none}.content{padding-top:16px}.section-head{padding:16px}.section-body,.card-pad{padding:16px}.form-section-body{padding:16px}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1;min-width:130px}.filter-grid{grid-template-columns:1fr}.filter-grid .search-box{grid-column:span 1}.footer{flex-direction:column}.pagination{align-items:flex-start;flex-direction:column}.login-panel{padding:28px 22px}.login-page{padding:14px}.login-wrap{border-radius:20px}}
@media print{
  .sidebar,.topbar,.footer,.filters,.form-actions,.btn,.tabs,.sidebar-overlay{display:none!important}
  .main{margin:0!important}.content{padding:0!important;max-width:none!important}.card{box-shadow:none!important;break-inside:avoid}.grid{break-inside:avoid}body{background:#fff!important}
}

/* ============================================================
   SIPSC 119 v1.1.0 — responsive & data-quality polish
   ============================================================ */
html{scroll-behavior:smooth}
body{min-width:0}
.card{box-shadow:0 10px 30px rgba(18,51,73,.045)}
.stat-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,42,63,.08);border-color:#d8e4e9}
.section-head{background:linear-gradient(180deg,#fff,#fcfdfd)}
.table td{line-height:1.35}.table .actions-cell{white-space:nowrap}
.quality-banner{margin-top:18px;padding:14px 16px;border:1px solid #f0dfbd;background:linear-gradient(135deg,#fff9ee,#fffdf8);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.quality-banner-main{display:flex;gap:11px;align-items:flex-start;min-width:0}.quality-banner-icon{width:36px;height:36px;border-radius:11px;background:var(--orange-100);color:var(--orange-600);display:grid;place-items:center;flex:0 0 auto}.quality-banner-icon .ico{width:18px;height:18px}.quality-banner strong{font-size:13px;display:block}.quality-banner p{font-size:11px;color:#7d684b;margin:3px 0 0;line-height:1.5}.quality-banner .btn{flex:0 0 auto}
.quality-note{margin-top:6px;font-size:10px;color:#8a5f24;display:flex;align-items:center;gap:5px}.quality-note .ico{width:13px;height:13px}
.badge-quality{background:#fff0db;color:#9d5b10}.badge-anomaly{background:#fdebec;color:#a7333d}
.mobile-only{display:none!important}
.record-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}
.table .cell-title{font-weight:760;color:var(--ink)}
.table .cell-sub{font-size:11px;color:var(--muted);margin-top:3px}
.table .diagnosis-cell{max-width:270px}
.filter-secondary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}
.filter-secondary .select{width:auto;min-width:150px}
.filter-secondary .btn{min-height:40px}
.form-section{box-shadow:0 8px 24px rgba(18,51,73,.035)}
.input,.select,.textarea{min-height:42px}
.textarea{min-height:100px}
.form-actions{box-shadow:0 -12px 28px rgba(22,52,72,.05)}
.mobile-table-hint{display:none;padding:9px 14px;border-bottom:1px solid var(--line);background:#f9fbfc;color:var(--muted);font-size:11px}
.anomaly-row td{background:#fffdf9}.anomaly-row:hover td{background:#fff9ef}
.detail-quality{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.detail-quality-item{padding:8px 10px;border-radius:9px;background:#fff6e9;color:#81521d;font-size:11px;border:1px solid #f2dfc4}

/* Tablet / small desktop: menu becomes off-canvas earlier so content keeps real width. */
@media(max-width:1180px){
  .sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:14px 0 40px rgba(4,18,28,.2)}
  .sidebar.open{transform:translateX(0)}
  .main{margin-left:0}
  .mobile-menu{display:grid}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,18,28,.48);z-index:35;opacity:0;pointer-events:none;transition:.2s}
  .sidebar-overlay.show{opacity:1;pointer-events:auto}
  .topbar{padding:0 20px;height:80px}
  .content{padding:22px 20px 34px;max-width:1180px}
  .footer{padding:16px 20px}
  .form-actions{margin:20px -20px -34px;padding:12px 20px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{gap:13px}
  .col-3,.col-4{grid-column:span 6}
  .col-8{grid-column:span 12}
  .filter-grid{grid-template-columns:2fr 1fr 1fr auto}
  .filter-grid>*:nth-child(4){display:block}
  .page-heading h1{font-size:21px}
}
/* Android/phone browsers sometimes expose a desktop-like CSS viewport. Coarse pointer keeps the navigation mobile anyway. */
@media(max-width:1400px) and (hover:none) and (pointer:coarse){
  .sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:14px 0 40px rgba(4,18,28,.2)}
  .sidebar.open{transform:translateX(0)}
  .main{margin-left:0}
  .mobile-menu{display:grid}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,18,28,.48);z-index:35;opacity:0;pointer-events:none;transition:.2s}
  .sidebar-overlay.show{opacity:1;pointer-events:auto}
  .topbar{height:78px;padding:0 18px}
  .content{padding:20px 18px 32px}
  .footer{padding:16px 18px}
  .form-actions{margin:20px -18px -32px;padding:12px 18px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .col-3,.col-4{grid-column:span 6}
  .col-8{grid-column:span 12}
  .input,.select,.textarea{font-size:14px}
  .btn{min-height:42px}
  .user-meta{display:none}
}

@media(max-width:760px){
  .topbar{height:72px;padding:0 14px;gap:10px}
  .mobile-menu,.icon-btn{width:38px;height:38px;border-radius:11px}
  .page-heading{min-width:0;flex:1}.page-heading .eyebrow{font-size:8px;letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-heading h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-actions{gap:7px}.user-chip{padding:5px;border-radius:11px}.avatar{width:32px;height:32px}.top-actions>a.icon-btn{display:grid}
  .content{padding:14px 12px 28px}.footer{padding:14px 12px;flex-direction:column}.footer span:last-child{font-size:10px}
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:12px}
  .grid[style*="margin-top:18px"]{margin-top:12px!important}
  .card{border-radius:15px}.stat-card{padding:16px}.stat-value{font-size:27px}.stat-label{font-size:10px}.stat-icon{width:34px;height:34px}
  .section-head{padding:15px 14px;align-items:center}.section-title h2{font-size:15px}.section-title p{font-size:11px}.section-body,.card-pad{padding:14px}
  .section-head>.btn{padding:9px 11px;font-size:11px}
  .quality-banner{padding:12px;margin-top:12px;align-items:flex-start;flex-direction:column}.quality-banner .btn{width:100%}
  .form-section{margin-bottom:12px;border-radius:15px}.form-section-head{padding:13px 14px}.form-section-head h3{font-size:14px}.form-section-body{padding:14px}
  .form-grid{gap:12px}.col-8,.col-6,.col-4,.col-3,.col-2{grid-column:span 12}
  .field label{font-size:11px}.input,.select,.textarea{font-size:16px;min-height:45px;border-radius:10px}.help{font-size:10px}.textarea{min-height:94px}
  .check-scroll{grid-template-columns:1fr;max-height:210px}.staff-group{padding:10px}
  .choice label{min-height:42px;padding:10px 11px}.inline-choice{gap:7px}
  .repeat-row{grid-template-columns:minmax(0,1fr) 42px}.remove-row{width:42px;height:45px}
  .form-actions{position:sticky;bottom:0;margin:16px -12px -28px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(250,252,253,.97)}
  .form-actions .btn{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:11px}.form-actions .btn-teal{grid-column:1/-1}.form-actions .btn-light{order:4}.form-actions .btn-soft{order:3}.form-actions .btn-primary{order:1}.form-actions .btn-teal{order:2}
  .filters{padding:12px}.filter-grid{grid-template-columns:1fr;gap:8px}.filter-grid .search-box{grid-column:auto}.filter-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-secondary .select{width:100%;min-width:0}.filter-secondary .btn{grid-column:1/-1}
  .pagination{padding:13px 12px;flex-direction:column;align-items:stretch}.pager{justify-content:center;flex-wrap:wrap}.pager a,.pager span{min-width:32px;height:32px}
  .mobile-table-hint{display:block}
  .desktop-table-scroll{overflow:visible}
  .responsive-table{min-width:0;border-collapse:separate;border-spacing:0;background:transparent}
  .responsive-table thead{display:none}
  .responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}
  .responsive-table tr{margin:0 10px 11px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(18,51,73,.035);width:calc(100% - 20px)}
  .responsive-table tr.anomaly-row{border-color:#efd8b8;background:#fffaf2}
  .responsive-table td{border:0!important;border-bottom:1px solid #eef2f4!important;padding:10px 12px!important;background:transparent!important;display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:start;font-size:12px}
  .responsive-table td:last-child{border-bottom:0!important}
  .responsive-table td::before{content:attr(data-label);font-size:9px;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.55px;color:#81909a;padding-top:2px}
  .responsive-table td[data-label=""]::before{display:none}.responsive-table td[data-label=""]{grid-template-columns:1fr}
  .responsive-table .actions-cell .toolbar{justify-content:flex-end}.responsive-table .actions-cell .btn{min-width:42px}
  .table .diagnosis-cell{max-width:none}
  .record-meta{margin-top:4px}
  .bar-chart{height:165px;gap:6px}.bar{max-width:28px}.bar-label{font-size:9px}
  .rank-item{gap:8px}.rank-name{font-size:11px}
  .detail-grid{grid-template-columns:1fr!important}.detail-item{border-right:0!important}
}

@media(max-width:420px){
  .top-actions .user-chip{display:none}
  .quality-banner-main{gap:9px}.quality-banner-icon{width:32px;height:32px}
  .filter-secondary{grid-template-columns:1fr}
  .filter-secondary .btn{grid-column:auto}
  .responsive-table td{grid-template-columns:92px minmax(0,1fr);padding:9px 10px!important}
  .form-actions{grid-template-columns:1fr 1fr}.form-actions .btn{font-size:10.5px}
}
@media(max-width:760px){.mobile-only{display:inline!important}}
@media(max-width:520px){
  .section-head{align-items:flex-start;flex-wrap:wrap}
  .section-head>.btn,.section-head>.toolbar{width:100%}
  .section-head>.toolbar .btn{flex:1}
}


/* ===== SIPSC 119 v1.2.0 polishing ===== */
.filter-field{min-width:0}.filter-field>label{display:block;margin:0 0 6px;font-size:10px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;color:#71828d}.filters-v12 .filter-grid{align-items:end}.filters-v12 .filter-submit{display:flex;align-items:flex-end}.filters-v12 .filter-submit .btn{min-height:42px}.filters-v12 .filter-secondary{align-items:end}.filters-v12 .filter-secondary .filter-field{min-width:190px}.filters-v12 .filter-secondary .filter-field .select{width:100%;min-width:0}.filter-reset{display:flex;align-items:flex-end;padding-bottom:1px}
.form-actions-v12{align-items:center;justify-content:space-between}.form-actions-primary,.form-actions-secondary{display:flex;align-items:center;gap:9px}.form-actions-primary{margin-left:auto}
.quality-banner-v12 .quality-count{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 7px;margin-right:5px;border-radius:9px;background:#fff0db;color:#9d5b10;font-size:13px}.quality-banner-v12 strong{display:flex;align-items:center;gap:2px}
.stat-card .stat-sub{line-height:1.4}

@media(max-width:760px){
  .filters-v12{padding:12px 12px 13px}.filters-v12 .filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters-v12 .filter-search{grid-column:1/-1}.filters-v12 .filter-field>label{font-size:9px;margin-bottom:5px}.filters-v12 .filter-grid .filter-field:nth-child(4){grid-column:1/-1}.filters-v12 .filter-submit{grid-column:1/-1}.filters-v12 .filter-submit .btn{width:100%;min-height:42px}.filters-v12 .filter-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.filters-v12 .filter-secondary .filter-field{min-width:0}.filters-v12 .filter-reset{grid-column:1/-1;padding:0}.filters-v12 .filter-reset .btn{width:100%}
  .form-actions-v12{margin:14px -12px -28px;padding:8px 12px 9px;display:flex;flex-direction:column;gap:7px;background:rgba(250,252,253,.98)}.form-actions-v12 .form-actions-primary,.form-actions-v12 .form-actions-secondary{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.form-actions-v12 .form-actions-primary{order:1}.form-actions-v12 .form-actions-secondary{order:2}.form-actions-v12 .btn{min-height:39px!important;height:39px;padding:7px 9px!important;font-size:10.5px!important;border-radius:10px}.form-actions-v12 .btn-teal{grid-column:auto!important}
  .quality-banner-v12{padding:10px 11px;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.quality-banner-v12 .quality-banner-main{gap:9px}.quality-banner-v12 .quality-banner-icon{width:32px;height:32px}.quality-banner-v12 strong{font-size:12px;line-height:1.25}.quality-banner-v12 p{font-size:10px;line-height:1.4;margin-top:2px}.quality-banner-v12 .btn{width:auto!important;min-height:36px;padding:7px 10px;align-self:center}.quality-banner-v12 .quality-count{min-width:24px;height:24px;border-radius:8px;font-size:11px}
  .stat-card{padding:14px 15px}.stat-value{margin-top:6px}.stat-sub{font-size:10px}.stat-head{min-height:34px}
  .mobile-table-hint{padding:8px 12px;font-size:10px}
}
@media(max-width:430px){
  .filters-v12 .filter-secondary{grid-template-columns:1fr}.quality-banner-v12{grid-template-columns:1fr}.quality-banner-v12 .btn{width:100%!important}.form-actions-v12 .btn{font-size:10px!important}.form-actions-v12 .form-actions-primary{grid-template-columns:.8fr 1.2fr}
}

/* ===== SIPSC 119 v1.3.0 service modules ===== */
.inline-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.8fr);gap:8px}.col-12{grid-column:span 12}.compact-input{min-width:220px;min-height:40px}.service-hero .section-head{align-items:center}.service-count{display:flex;flex-direction:column;align-items:flex-end;min-width:92px}.service-count strong{font-size:32px;line-height:1;color:var(--navy);letter-spacing:-1px}.service-count span{margin-top:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.service-context{margin-bottom:14px}.service-anchor{scroll-margin-top:88px}.service-form-title{display:flex;gap:12px;align-items:center;margin:22px 2px 13px}.service-form-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e6f7f5;color:var(--teal)}.service-form-title>span .ico{width:20px}.service-form-title h2{margin:0;font-size:18px}.service-form-title p{margin:3px 0 0;font-size:11px;color:var(--muted)}.service-summary-head{margin-bottom:11px}.service-summary-head h2{font-size:17px;margin:2px 0 0}.service-module-card{padding:16px 17px;display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease}.service-module-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,51,73,.08)}.service-module-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e8faf8,#edf6fb);color:var(--teal)}.service-module-icon .ico{width:21px}.service-module-card>div{min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:end;flex:1}.service-module-card span:not(.service-module-icon){font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.45px}.service-module-card strong{font-size:25px;color:var(--navy);line-height:1}.service-module-card small{grid-column:1/-1;margin-top:5px;color:var(--muted);font-size:10px}.check-line{display:flex!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;font-size:12px!important}.check-line input{width:17px;height:17px}.info-strip{margin-bottom:14px;padding:11px 13px;border:1px solid #cfe7f4;background:#edf7ff;border-radius:12px;color:#345e79;font-size:11px}.info-strip strong{font-weight:800}.service-form .form-section:first-child{margin-top:0}
@media(max-width:760px){.inline-two{grid-template-columns:1fr 125px}.compact-input{min-width:0;width:100%}.service-hero .section-head{align-items:flex-start}.service-count{align-items:flex-start;min-width:70px}.service-count strong{font-size:27px}.service-module-grid{gap:9px}.service-module-card{padding:13px 14px;border-radius:14px}.service-module-icon{width:38px;height:38px}.service-module-card>div{grid-template-columns:1fr auto}.service-module-card strong{font-size:22px}.service-form-title{margin:17px 2px 10px}.service-form-title h2{font-size:16px}.service-form-title p{font-size:10px}.service-form-title>span{width:38px;height:38px}.service-hero .section-head{flex-wrap:nowrap}.service-count span{font-size:9px}.service-summary-head h2{font-size:15px}}
@media(max-width:430px){.inline-two{grid-template-columns:1fr 110px}.service-hero .section-head{gap:10px}.service-count{min-width:58px}.service-count strong{font-size:24px}.service-module-card strong{font-size:20px}}
.section-divider-label{margin:20px 2px 8px;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}