/* Medical billing visual layer.  It deliberately sits last so existing page logic remains intact. */
:root{--med-navy:#072744;--med-navy-2:#0c355b;--med-blue:#217cf2;--med-green:#19bd72;--med-orange:#f7a228;--med-red:#eb5559;--med-ink:#152238;--med-muted:#65738a;--med-line:#e5ebf2;--med-bg:#fbfcfe}
body{background:var(--med-bg);color:var(--med-ink);font-family:"DM Sans",sans-serif}.app-shell{background:#fff}.sidebar{width:210px;padding:24px 10px 18px;background:linear-gradient(160deg,#082844 0%,#0a3155 56%,#08233e 100%);border:0;box-shadow:none}.main-content{width:calc(100% - 210px);margin-left:210px}.brand{padding:0 7px 31px;gap:12px}.brand-mark{width:46px;height:46px;border:0;border-radius:0;color:#3e91ff;background:transparent;font-size:0;position:relative}.brand-mark:before{content:"✚";display:grid;place-items:center;width:34px;height:34px;border:4px solid currentColor;border-radius:15px 15px 15px 4px;transform:rotate(45deg);font-size:21px}.brand-mark:after{display:none}.brand b{font-size:22px;letter-spacing:-.7px}.brand small{font-size:10px;letter-spacing:0;color:#cfdef0}.main-nav{gap:4px}.nav-item{height:44px;padding:11px 13px;border-radius:7px;color:#e8f2fb;font-size:13px}.nav-item i{width:34px;font-size:18px}.nav-item:hover,.nav-item.active{background:linear-gradient(100deg,#168cff,#2170ec);box-shadow:0 9px 18px #00173452}.upgrade-card{background:#163d62;margin: auto 0 0;border-radius:8px;padding:18px 15px}.upgrade-card span{color:#97bfe7}.upgrade-card h3{font-size:14px}.upgrade-card p{color:#d2e2f3}.outline-btn{background:#187df5;border:0;border-radius:5px}.profile-mini{display:none}.topbar{height:82px;padding:0 31px;background:#fff;border-bottom:1px solid #edf0f5;gap:20px}.menu-toggle{display:block;font-size:0;width:32px;height:36px}.menu-toggle:after{content:"☰";font-size:22px;color:#17263a}.search{order:2;margin-left:auto;margin-right:0;width:min(270px,30vw);height:38px;border-radius:8px;background:#fbfcfe;padding:0 12px}.search span{font-size:19px}.search input{font-size:12px;padding:9px 0}.top-actions{order:3;margin-left:20px;gap:11px}.notification{font-size:19px}.top-avatar{width:38px;height:38px;background:linear-gradient(145deg,#d6dce3,#778493)}.admin-name b{font-size:12px}.admin-name small{font-size:11px}#app{padding:34px 22px 16px;max-width:1420px;margin:auto}.date-btn{border-color:#dde5ee;border-radius:7px;font-size:12px;padding:10px 13px}.primary-btn{border-radius:7px}.page-head h1{font-size:25px}.page-head{margin-bottom:25px}.data-page,.ops-page,.party-screen,.reports-suite{animation:medFade .22s ease-out}.card,.table-card,.ops-card{border-color:var(--med-line);border-radius:11px;box-shadow:0 3px 12px #172e4e08}.data-table th{background:#f8fafc}.data-table tr:hover{background:#f7fbff}.modal{border-radius:13px}.modal-backdrop{background:#09233a80}@keyframes medFade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
/* New dashboard */
.med-dashboard{max-width:1160px;margin:0 auto}.med-welcome{display:flex;align-items:center;gap:16px;margin:0 10px 30px}.med-welcome h1{margin:0;font:800 21px Manrope,sans-serif;letter-spacing:-.5px}.med-welcome p{margin:5px 0 0;font-size:12px;color:var(--med-muted)}.med-welcome .date-btn{margin-left:auto}.med-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.med-metric{min-height:136px;border:1px solid var(--tint);border-radius:10px;padding:18px;display:flex;gap:16px;align-items:flex-start;background:linear-gradient(130deg,#fff,var(--bg-card));box-shadow:0 3px 11px #16346308}.med-metric-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--accent);font-size:22px;flex:none;box-shadow:0 9px 18px color-mix(in srgb,var(--accent) 28%,transparent)}.med-metric small{display:block;font-size:12px;font-weight:700;color:#253043}.med-metric strong{font:800 23px Manrope,sans-serif;display:block;margin-top:12px;letter-spacing:-.7px}.med-metric span{display:block;margin-top:17px;font-size:10px;color:#374255}.med-metric .positive{color:#169c60;font-weight:700}.med-metric .negative{color:#dc4049;font-weight:700}.med-mid-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:23px}.med-panel{background:#fff;border:1px solid var(--med-line);border-radius:10px;overflow:hidden;box-shadow:0 3px 11px #16346308}.med-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}.med-panel h2{margin:0;font:800 14px Manrope,sans-serif}.med-select{border:1px solid #dce4ec;border-radius:5px;padding:7px 11px;background:#fff;font:600 10px "DM Sans";color:#465166}.med-chart-legend{display:flex;gap:19px;padding:10px 35px 0;font-size:11px;color:#4b596e}.med-chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2682f5;margin-right:7px}.med-chart-legend i.green{background:#1dbb70}.med-chart{padding:6px 18px 14px;height:260px}.med-chart svg{display:block;width:100%;height:100%;overflow:visible}.med-chart-label{fill:#6b778a;font-size:9px}.med-grid-line{stroke:#e6ebf0;stroke-dasharray:4 4}.med-claim-body{padding:25px 19px 14px;display:flex;align-items:center;gap:24px}.med-donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#1abe70 0 48%,#f7a22a 48% 73%,#ed4c4e 73% 86%,#2780f3 86%);display:grid;place-items:center;flex:none}.med-donut:after{content:"";width:98px;height:98px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #f5f6f8}.med-donut-core{position:absolute;text-align:center;z-index:1}.med-donut-core b{display:block;font:800 18px Manrope}.med-donut-core small{display:block;font-size:10px;color:#58657a}.med-status-list{display:grid;gap:15px;font-size:11px}.med-status-list span{display:block;color:#637084;margin-top:3px}.med-status-list i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dot);margin-right:9px}.med-link{color:#1681f5;border:0;background:none;font:600 11px "DM Sans";cursor:pointer}.med-panel-footer{padding:6px 18px 15px;text-align:right}.med-bottom-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-top:16px}.med-table{width:100%;border-collapse:collapse;font-size:11px}.med-table th{text-align:left;background:#f7f9fb;padding:12px 18px;color:#364052;font-size:10px}.med-table td{padding:12px 18px;border-top:1px solid #edf0f4}.med-table a{color:#1b7ff1;text-decoration:none}.med-pill{display:inline-block;padding:4px 12px;border-radius:18px;font-size:10px;font-weight:700}.med-pill.paid{background:#e4f8ed;color:#10a960}.med-pill.pending{background:#fff3df;color:#e79418}.med-pill.progress{background:#e8f1ff;color:#287cf2}.med-pill.denied{background:#ffeaeb;color:#e3535c}.med-stock-list{padding:7px 18px 18px;display:grid;gap:16px}.med-stock-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}.med-stock-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e7f3ff;color:#1d80f2;font-size:13px}.med-stock-row b{font-size:11px}.med-stock-row strong{font-size:10px}.med-stock-track{height:4px;background:#edf0f5;border-radius:9px;margin-top:6px;overflow:hidden}.med-stock-track i{display:block;height:100%;width:var(--progress);background:var(--accent);border-radius:inherit}.med-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(110deg,#f7fbff,#fff);border:1px solid #d9e9fd;border-radius:10px;margin-top:16px;padding:16px 18px}.med-kpi{display:flex;gap:12px;padding:0 16px;border-right:1px solid #e0e8f2}.med-kpi:first-child{padding-left:0}.med-kpi:last-child{border:0}.med-kpi-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#e9f3ff;color:#207ff5;font-size:18px}.med-kpi small{display:block;color:#66758a;font-size:10px}.med-kpi b{display:block;font:800 19px Manrope;margin:5px 0 0}.med-kpi span{display:block;font-size:10px;margin-top:7px;color:#344054}.med-kpi .up{color:#16a563;font-weight:800}.med-kpi .down{color:#16a563;font-weight:800}
@media(max-width:1120px){.med-card-grid{grid-template-columns:repeat(2,1fr)}.med-mid-grid,.med-bottom-grid{grid-template-columns:1fr}.med-claim-body{justify-content:center}.med-dashboard{max-width:850px}}@media(max-width:720px){.sidebar{width:260px}.main-content{width:100%;margin-left:0}.topbar{height:68px;padding:0 14px}.search{width:auto;flex:1}.top-actions{margin-left:4px}.admin-name,.top-avatar{display:none}#app{padding:22px 13px 30px}.med-welcome{margin:0 2px 20px;align-items:flex-start}.med-welcome h1{font-size:19px}.med-welcome .date-btn{font-size:9px;padding:9px 7px}.med-card-grid{grid-template-columns:1fr;gap:10px}.med-metric{min-height:112px;padding:15px}.med-mid-grid,.med-bottom-grid{gap:10px;margin-top:10px}.med-chart{height:210px;padding:6px 8px}.med-claim-body{padding:18px 12px;gap:12px}.med-donut{width:130px;height:130px}.med-donut:after{width:78px;height:78px}.med-status-list{gap:9px;font-size:10px}.med-table th:nth-child(3),.med-table td:nth-child(3),.med-table th:nth-child(4),.med-table td:nth-child(4){display:none}.med-table th,.med-table td{padding:10px}.med-kpi-strip{grid-template-columns:1fr 1fr;gap:15px;padding:15px}.med-kpi{padding:0;border:0}.med-kpi:nth-child(odd){border-right:1px solid #e0e8f2}.med-kpi b{font-size:17px}.upgrade-card{margin-top:auto}}
