/* ÜTS-inspired pilot shell. A separate mark and persistent demo label distinguish it from the official service. */
:root{font-family:Arial,Helvetica,sans-serif;color:#24313e;background:#f2f5f9;font-size:14px}
body{background:#f2f5f9}
.system-header{height:51px;background:#2b3743;color:#eef3f5;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 52px;border-bottom:1px solid #25313c}
.system-header .brand{padding:0;border:0;gap:8px}
.system-header .brand-mark{width:29px;height:29px;border-radius:2px;background:linear-gradient(135deg,#daab44,#11a0aa);color:#fff;font-size:20px;font-weight:700;box-shadow:none}
.system-header .brand strong{font-size:21px;letter-spacing:-.03em;color:#fff;line-height:1}
.system-header .brand-green{font-size:16px;color:#82d7ce;font-weight:600;letter-spacing:0}
.system-header .brand small{font-size:8px;letter-spacing:.11em;color:#d0d9df;margin-top:2px}
.system-header-right{display:flex;align-items:center;gap:20px;color:#c5d4dd;font-size:12px}
.system-header-right span:not(:first-child){font-size:21px;color:#91a8ba}
.shell{grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 51px)}
.sidebar{position:sticky;top:0;height:calc(100vh - 51px);padding:0;background:#344150;color:#d7e1e9;border-right:1px solid #263542}
.sidebar-caption{font-size:11px;color:#92a9ba;letter-spacing:.05em;margin:0;padding:14px 15px;border-bottom:1px solid #455262}
.nav{display:block;gap:0}
.nav-item{border:0;border-bottom:1px solid #455261;border-radius:0;padding:14px 16px;color:#d5dce8;font-size:14px;line-height:1.35;font-weight:400;gap:10px}
.nav-item span{font-size:16px;opacity:1;color:#8fa6bb;min-width:18px}
.nav-item:hover{background:#415063;color:#fff}
.nav-item.active{background:#088b9e;color:#fff;box-shadow:none}
.nav-item.active span{color:#f4fdff}
.sidebar-bottom{font-size:11px;line-height:1.5;color:#adbfcb;padding:14px 16px;border-top:1px solid #53616e}
.main{max-width:none;width:100%;padding:0 20px 50px;margin:0;background:#f2f5f9}
.topbar{height:40px;display:flex;align-items:center;border-bottom:1px solid #e6ecf0;background:#fff;margin:0 -20px 11px;padding:0 20px;gap:15px}
.topbar h1{font-size:16px;letter-spacing:0;font-weight:500;color:#00728a;margin:0}
.topbar h1:before{content:'»';padding-right:2px}
.demo-pill{margin-left:auto;border-radius:2px;background:#fff4d9;border:1px solid #efd69b;color:#7a5d22;padding:5px 8px;letter-spacing:0;font-size:10px;font-weight:700}
.view{animation:none}
.lead{font-size:14px;color:#5a6c7d;margin:8px 0 16px;max-width:none}
.panel{border:1px solid #e4eaf0;border-radius:0;box-shadow:none;background:#fff;padding:17px}
.listing-panel{padding:10px 0 0;margin-top:0}
.pilot-alert{margin:0 0 12px;padding:17px 16px;background:#fff9fa;border-left:4px solid #ed828a;color:#333c45;line-height:1.5;font-size:13px}
.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;row-gap:8px;padding:4px 10px 0}
.filters label{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:9px;font-size:12px;color:#27333f;min-height:35px}
.filters input,.filters select{height:31px;border:1px solid #c7cdd4;border-radius:4px;background:#fff;color:#27333f;padding:5px 9px;width:100%;font-size:12px}
.filters input:focus,.filters select:focus{border-color:#178da3;outline:1px solid #178da3;outline-offset:0}
.filter-actions{display:flex;justify-content:flex-end;gap:6px;padding:14px 5px 8px}
.filter-actions button,.table-action{border:0;border-radius:2px;background:#07899f;color:#fff;padding:7px 13px;font-size:12px;font-weight:500}
.filter-actions #product-clear{background:#e4edf0;color:#246078}
.filter-actions button:hover,.table-action:hover{filter:brightness(.9)}
.table-scroll{overflow-x:auto;border-top:1px solid #e5ebf1}
.product-table{width:100%;border-collapse:collapse;min-width:870px;table-layout:auto;font-size:12px}
.product-table th,.product-table td{border-right:1px solid #e0e9f1;border-bottom:1px solid #e0e9f1;padding:11px 8px;text-align:left;vertical-align:middle}
.product-table th{font-size:12px;line-height:1.15;font-weight:500;color:#344553;background:#f8fafc;white-space:normal}
.product-table td{color:#2c3c48;background:#fff}
.product-table tr:hover td{background:#f2fafd}
.product-table tr.selected td{background:#edf8fa}
.product-table td.number{font-variant-numeric:tabular-nums;white-space:nowrap}
.product-choice{border:0;border-radius:0;background:transparent;text-align:left;padding:0;color:#087da0;font-size:12px;text-decoration:none;font-weight:500;white-space:nowrap}
.product-choice:hover{text-decoration:underline;background:transparent}
.table-status{display:inline-block;background:#d5f2d6;color:#2d6840;border-radius:0;padding:6px 8px;font-size:11px;white-space:nowrap}
.table-status.pending{background:#fff1d5;color:#7b5c23}
.table-action{padding:6px 9px}
.empty-row{text-align:center!important;color:#607789!important;padding:25px!important}
.listing-footer{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;font-size:11px;color:#617c8e}
.product-detail{margin-top:12px;min-height:0}
.detail-hero{padding-bottom:10px;border-bottom:1px solid #e5edf3}
.detail-hero h2{font-size:18px;margin:4px 0}
.detail-hero p{font-size:12px}
.overline{color:#16849a;font-size:10px;letter-spacing:.06em}
.grade-pill{border-radius:2px;font-size:11px}
.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.detail-field{background:#f9fbfd;border:1px solid #e0e9f0;padding:10px;border-radius:0}
.detail-field strong{font-size:12px;font-weight:500}
.detail-field span{font-size:10px}
.factor-box{border-radius:0;background:#e9f5f6;border-left:4px solid #0991a1;padding:12px;color:#25414d}
.factor-box strong{font-size:24px;color:#078397}
.factor-box span,.factor-box small{color:#53717d}
.evidence-box{font-size:12px;margin-top:14px}
.evidence-box h3{font-size:13px}
.primary-btn,.subtle-btn{border-radius:2px;font-size:12px;padding:8px 12px}
.primary-btn{background:#07899f;border-color:#07899f}
.primary-btn:hover{background:#056f82}
.subtle-btn{border-color:#c8d8e1;color:#32788a}
.stat-grid{gap:10px}
.stat{border-radius:0;padding:14px;border:1px solid #e2eaf0;box-shadow:none}
.stat strong{font-size:25px;margin:7px 0}
.stat.highlight{background:#e8f6f7;color:#25414d;border-color:#cfebee}
.stat.highlight strong,.stat.highlight span{color:#25414d}
.stat.highlight small{color:#738b93}
.overview-grid{gap:10px}
.flow>div{border-radius:0;background:#f7fbfc;border:1px solid #e5eef1;min-height:140px}
.flow b{border-radius:2px;background:#d7f0f2;color:#087e90}
.record-link{border-radius:0}
.context-note{border-radius:0}
.form-panel input,.form-panel select,.form-panel textarea,.hospital-toolbar select,.add-form input,.add-form select{border-radius:4px;font-size:12px}
.form-panel label,.hospital-toolbar label,.add-form label{font-size:12px}
.explanation-panel .review-steps b{border-radius:2px}
.hospital-toolbar,.result-card,.hospital-line{border-radius:0}
.result-card{box-shadow:none}
.result-card.featured{background:#e7f6f7;border-color:#d1ecee;color:#24505f}
.result-card.featured span,.result-card.featured small{color:#577d8a}
.result-card strong{font-size:25px}
.coverage-pill{border-radius:2px;background:#e3f4f4;color:#1a7783}
.hospital-line{background:#fff}
.hospital-line.added{background:#eef8f7}
.hospital-line input{border-radius:3px;font-size:12px}
.hospital-actions a{color:#067b95}
@media(max-width:1200px){.filters{column-gap:15px}.filters label{grid-template-columns:145px minmax(0,1fr)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.system-header{height:49px;padding:0 14px}.system-header .brand strong{font-size:17px}.system-header .brand-green{font-size:13px}.system-header .brand small{font-size:7px}.system-header-right span:first-child{display:none}.system-header-right{gap:10px}.shell{display:block}.sidebar{position:static;height:auto;padding:0}.sidebar-caption,.sidebar-bottom{display:none}.nav{display:flex;overflow:auto;white-space:nowrap}.nav-item{width:auto;flex:0 0 auto;padding:11px 12px;border-right:1px solid #455261;border-bottom:0;font-size:12px}.nav-item span{display:inline;font-size:13px;min-width:0}.main{padding:0 10px 35px}.topbar{height:auto;min-height:44px;margin:0 -10px 10px;padding:7px 10px}.topbar h1{font-size:14px}.demo-pill{font-size:9px;white-space:normal;text-align:right;max-width:175px}.filters{grid-template-columns:1fr;padding:0 9px}.filters label{grid-template-columns:135px minmax(0,1fr)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-footer{display:block}.listing-footer span{display:block}.listing-footer span+span{margin-top:4px}}
@media(max-width:480px){.filters label{display:block;min-height:0}.filters label input,.filters label select{margin-top:5px}.filter-actions{padding-right:9px}.detail-grid{grid-template-columns:1fr}.system-header-right span:not(:first-child){font-size:17px}}
