:root{--bg:#0b1220;--panel:#111a2e;--panel2:#16223a;--text:#eaf0ff;--muted:#93a4c7;--brand:#22c55e;--accent:#38bdf8;--danger:#ef4444;--warn:#f59e0b;--line:#24324f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#07111f,#0f172a 55%,#07111f);color:var(--text);font-family:'Segoe UI',Tahoma,Arial,sans-serif}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:rgba(17,26,46,.96);border-left:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:900;margin-bottom:6px}.brand span{color:var(--brand)}.sub{color:var(--muted);font-size:13px;margin-bottom:22px}.nav a{display:flex;align-items:center;gap:10px;color:#dbe7ff;text-decoration:none;padding:12px 14px;border-radius:16px;margin-bottom:7px;transition:.15s}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(34,197,94,.22),rgba(56,189,248,.12));transform:translateX(-2px)}.main{padding:24px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title h1{margin:0;font-size:28px}.page-title p{margin:7px 0 0;color:var(--muted)}.actions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:14px;padding:10px 16px;cursor:pointer;font-weight:800;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--brand),#16a34a);color:#03130a}.btn-soft{background:#1d2b47;color:#dbe7ff}.btn-danger{background:var(--danger);color:white}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.card,.panel,.pos-panel{background:rgba(17,26,46,.86);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.card small{color:var(--muted);font-weight:700}.card .num{font-size:28px;font-weight:900;margin-top:8px}.card.good{border-color:rgba(34,197,94,.35)}.card.warn{border-color:rgba(245,158,11,.45)}.card.danger{border-color:rgba(239,68,68,.45)}.two{grid-template-columns:1.35fr .65fr}.three{grid-template-columns:repeat(3,1fr)}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:right}th{color:var(--muted);font-size:13px}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.success{background:rgba(34,197,94,.16);color:#86efac}.warning{background:rgba(245,158,11,.18);color:#facc15}.danger{background:rgba(239,68,68,.18);color:#fca5a5}.search-card,.filters{display:flex;gap:10px;margin-bottom:16px}.search-card input,.filters input,.filters select,input,select,textarea{background:#0b1326;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px;outline:none}.search-card input{flex:1}.pos-shell{display:grid;grid-template-columns:1fr 360px;gap:18px}.scan-box{display:flex;gap:10px;margin-bottom:14px}.scan-box input{flex:1;font-size:18px}.invoice-total{font-size:34px;font-weight:900;color:#86efac}.shortcut{display:inline-block;border:1px solid var(--line);background:#0b1326;padding:5px 9px;border-radius:8px;color:#bcd0ff;margin:3px}.chart{height:220px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);padding-top:18px}.bar{flex:1;background:linear-gradient(180deg,#38bdf8,#22c55e);border-radius:12px 12px 0 0;min-height:16px;position:relative}.bar span{position:absolute;bottom:-25px;right:0;left:0;text-align:center;color:var(--muted);font-size:12px}.mobile-frame{max-width:420px;margin:auto;border:12px solid #020617;border-radius:36px;background:#0b1220;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.5)}.mobile-head{padding:20px;background:linear-gradient(135deg,#16a34a,#0ea5e9)}.mobile-body{padding:16px}.toggle{display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.alert{padding:12px 14px;border-radius:16px;margin-bottom:12px}.alert.ok{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.3)}@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.cards,.two,.three,.pos-shell{grid-template-columns:1fr}.main{padding:16px}.nav{display:grid;grid-template-columns:1fr 1fr}.topbar{display:block}.actions{margin-top:12px;flex-wrap:wrap}}
.card{text-decoration:none;color:var(--text);display:block}.card:hover{transform:translateY(-2px);transition:.15s;box-shadow:0 22px 50px rgba(0,0,0,.35)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-head h3{margin:0}.section-head a{color:#86efac;text-decoration:none;font-weight:800}.table-wrap{overflow:auto}


/* Phase 6 UI polish */
.dashboard-hero .card{background:radial-gradient(circle at top right,rgba(56,189,248,.18),rgba(17,26,46,.9) 45%),linear-gradient(135deg,rgba(17,26,46,.96),rgba(11,19,38,.96));min-height:118px;position:relative;overflow:hidden}.dashboard-hero .card:after{content:"";position:absolute;left:-35px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.04)}.glossy{background:linear-gradient(145deg,rgba(22,34,58,.95),rgba(11,19,38,.92));border:1px solid rgba(147,164,199,.22)}.pro-filter{background:rgba(17,26,46,.65);border:1px solid var(--line);border-radius:20px;padding:12px;align-items:center;flex-wrap:wrap}.inline-form{display:grid;grid-template-columns:1.1fr 1.1fr .5fr auto;gap:10px}.inline-form select{min-width:160px}.form-pro{display:grid;gap:14px;max-width:760px}.form-pro label{display:grid;gap:8px;color:var(--muted);font-weight:800}.shelf-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.zone-box{background:#0b1326;border:1px solid var(--line);border-radius:20px;padding:16px}.zone-box h4{margin:0 0 6px;color:#86efac}.zone-box p{margin:0 0 12px;color:var(--muted);font-size:13px}.shelf-list{display:grid;gap:10px}.shelf-card{border:1px solid rgba(56,189,248,.25);background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(34,197,94,.06));border-radius:16px;padding:12px;display:grid;gap:5px}.shelf-card span{font-size:12px;color:var(--muted)}.btn-sm{padding:7px 10px;border-radius:10px;font-size:12px}.actions-cell{white-space:nowrap;display:flex;gap:6px;flex-wrap:wrap}.page-title h1{background:linear-gradient(90deg,#eaf0ff,#86efac);-webkit-background-clip:text;color:transparent}.panel h3{margin-top:0}@media(max-width:1100px){.shelf-board{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}
.smart-form{display:grid;gap:12px}.smart-form label{font-weight:800;color:#cfe0ff}.smart-form input,.smart-form select{width:100%}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chips-list{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#0b1326;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#dbe7ff}.alert.success,.alert.ok{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.3);color:#86efac}.alert.danger,.alert.bad{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.btn-sm{padding:7px 10px;font-size:12px}.location-search-box{display:flex;gap:12px;align-items:center;margin:12px 0}.location-search-box input{flex:1}.pager-actions{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px}.shelf-card .btn{margin-top:10px}.table-wrap{overflow:auto}@media(max-width:1000px){.compact-grid{grid-template-columns:1fr}.location-search-box{display:block}.location-search-box input{width:100%;margin-bottom:8px}}


/* UX fixes: real sidebar scrolling + hidden class + searchable dropdowns */
.hidden{display:none!important}.sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar .nav{overflow-y:auto;scroll-behavior:smooth;padding-left:4px;flex:1}.sidebar .nav::-webkit-scrollbar{width:8px}.sidebar .nav::-webkit-scrollbar-thumb{background:#314263;border-radius:999px}.side-scroll{border:1px solid var(--line);background:#0b1326;color:#dbe7ff;border-radius:12px;padding:7px 10px;font-weight:900;cursor:pointer;margin:5px 0}.side-down{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(56,189,248,.12));color:#86efac}.filters-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.supplier-picker{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.supplier-picker input{width:100%}.suggestions{display:grid;gap:8px;margin:8px 0}.suggestion{border:1px solid var(--line);background:#0b1326;color:var(--text);border-radius:14px;padding:10px;text-align:right;cursor:pointer}.suggestion:hover{border-color:rgba(34,197,94,.55);background:#10203a}.suggestion small{display:block;color:var(--muted);margin-top:4px}.purchase-layout{display:grid;grid-template-columns:1fr 320px;gap:16px}.sticky-side-panel{position:sticky;top:18px;align-self:start}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.comparison-chart{height:260px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);padding:20px 10px 34px;overflow-x:auto}.comparison-bar{min-width:54px;flex:1;background:linear-gradient(180deg,#38bdf8,#22c55e);border-radius:12px 12px 0 0;position:relative;min-height:10px}.comparison-bar span{position:absolute;bottom:-28px;right:0;left:0;text-align:center;font-size:11px;color:var(--muted);white-space:nowrap}.comparison-bar b{position:absolute;top:-22px;right:0;left:0;text-align:center;font-size:11px;color:#eaf0ff}.kpi-line{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi-mini{padding:12px;border-radius:14px;background:#0b1326;border:1px solid var(--line)}.kpi-mini span{display:block;color:var(--muted);font-size:12px}.kpi-mini strong{font-size:20px}@media(max-width:1100px){.purchase-layout,.comparison-grid,.kpi-line{grid-template-columns:1fr}.sticky-side-panel{position:relative;top:auto}}
.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#03130a}

/* Dashboard integrated charts */
.dashboard-charts-panel{margin:18px 0;overflow:hidden}
.chart-actions{display:flex;gap:8px;align-items:center}
.chart-scroller{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:8px 2px 14px;scroll-snap-type:x mandatory}
.chart-card{min-width:420px;max-width:520px;flex:1;background:rgba(15,27,49,.88);border:1px solid rgba(95,130,190,.25);border-radius:18px;padding:16px;scroll-snap-align:start;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.comparison-chart.compact{min-height:220px;height:240px;align-items:flex-end;display:flex;gap:10px;border-bottom:1px solid rgba(158,190,255,.18);padding:10px 8px 24px;overflow-x:auto}
.comparison-chart.compact .comparison-bar{min-width:54px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#25d36f,#2b8cff);position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;color:white;font-size:11px;box-shadow:0 0 18px rgba(40,180,255,.24)}
.comparison-chart.compact .comparison-bar.purchase{background:linear-gradient(180deg,#ffb84d,#22c55e)}
.comparison-chart.compact .comparison-bar.top{background:linear-gradient(180deg,#a855f7,#22d3ee)}
.comparison-chart.compact .comparison-bar span{position:absolute;bottom:-22px;white-space:nowrap;font-size:10px;color:#b7c8ee;max-width:80px;overflow:hidden;text-overflow:ellipsis}
.comparison-chart.compact .comparison-bar b{font-size:10px}
.empty-state{width:100%;text-align:center;color:#9db0d7;padding-top:80px}
@media (max-width: 900px){.chart-card{min-width:340px}.comparison-chart.compact .comparison-bar{min-width:44px}}

/* Dashboard size + duplication cleanup + scrollable charts */
.compact-filter{padding:8px 10px;margin-bottom:12px}.compact-filter .btn{padding:8px 12px;border-radius:11px}.compact-filter select{padding:9px 12px}.compact-cards{gap:12px;margin-bottom:12px}.compact-cards .card{min-height:86px;padding:14px 16px;border-radius:18px}.compact-cards .card .num{font-size:23px;margin-top:5px}.compact-cards .card .muted{font-size:12px}.compact-dashboard-panel{margin:12px 0;padding:14px;border-radius:18px}.compact-dashboard-panel .section-head{margin-bottom:6px}.compact-dashboard-panel h3{font-size:17px}.compact-dashboard-panel small{color:var(--muted)}.dashboard-chart-strip{gap:12px;padding-bottom:8px}.compact-chart-card{min-width:360px;max-width:430px;padding:12px;border-radius:16px}.compact-chart-card h4{margin:0;font-size:14px}.mini-head{margin-bottom:4px}.dashboard-summary{grid-template-columns:1.1fr .9fr .75fr;gap:12px;margin-top:12px}.compact-panel{padding:14px;border-radius:18px}.compact-panel h3{font-size:16px}.compact-table-wrap{max-height:285px;overflow:auto}.compact-table th,.compact-table td{padding:9px 10px}.empty-row{text-align:center;color:var(--muted);padding:18px!important}.mini-list{display:grid;gap:9px}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(147,164,199,.18);background:#0b1326;border-radius:14px;padding:10px}.mini-row b{color:#eaf0ff}.mini-row span{color:var(--muted);font-size:12px}.warning-row{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}

.chart-scroll{overflow-x:auto!important;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#41557b #0b1326;direction:ltr}.chart-scroll::-webkit-scrollbar{height:10px}.chart-scroll::-webkit-scrollbar-track{background:#0b1326;border-radius:999px}.chart-scroll::-webkit-scrollbar-thumb{background:#41557b;border-radius:999px}.chart-scroll .comparison-bar{flex:0 0 70px;min-width:70px;max-width:70px}.comparison-chart.compact.chart-scroll{height:180px;min-height:180px;padding:8px 8px 28px}.comparison-chart.compact.chart-scroll .comparison-bar{min-width:70px;max-width:70px}.comparison-chart.compact.chart-scroll .comparison-bar span,.chart-scroll .comparison-bar span{direction:rtl;max-width:94px;overflow:hidden;text-overflow:ellipsis}.chart-actions .btn{padding:7px 10px;border-radius:10px}.details-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.details-chart-panel{margin-bottom:14px}.details-chart{height:215px!important;min-height:215px!important}.details-chart .comparison-bar{flex-basis:78px;min-width:78px;max-width:78px}.danger-bar{background:linear-gradient(180deg,#ef4444,#f59e0b)!important}.chart-panel{overflow:hidden}.chart-panel .comparison-chart{height:235px;padding:16px 8px 34px}.chart-panel .chart-scroll .comparison-bar{flex-basis:74px;min-width:74px;max-width:74px}.better-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-chart-panel{grid-column:1 / -1}.compact-kpis{gap:12px}.compact-kpis .kpi-mini{padding:10px 12px}.compact-kpis .kpi-mini strong{font-size:18px}

@media(max-width:1200px){.dashboard-summary,.better-comparison-grid{grid-template-columns:1fr}.wide-chart-panel{grid-column:auto}.compact-chart-card{min-width:330px}.chart-scroll .comparison-bar,.comparison-chart.compact.chart-scroll .comparison-bar{flex-basis:64px;min-width:64px;max-width:64px}}
@media(max-width:700px){.compact-cards{grid-template-columns:1fr}.compact-chart-card{min-width:300px}.details-chart .comparison-bar{flex-basis:66px;min-width:66px;max-width:66px}.section-head{align-items:flex-start;flex-direction:column}.chart-actions{align-self:flex-end}}

/* Dashboard metric cards + medicine analytics refresh */
.metric-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.metric-card{min-height:132px;position:relative;overflow:hidden}.metric-card .metric-link{margin-top:12px;color:#c7f9d4;font-size:13px;font-weight:800}.metric-card.revenue{border-color:rgba(34,197,94,.35);background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(17,26,46,.96) 42%,rgba(56,189,248,.12))}.metric-card.profit{border-color:rgba(168,85,247,.35);background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(17,26,46,.96) 42%,rgba(34,211,238,.12))}.metric-card.expense{border-color:rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(17,26,46,.96) 42%,rgba(34,197,94,.10))}.metric-card.refund{border-color:rgba(239,68,68,.35);background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(17,26,46,.96) 42%,rgba(245,158,11,.10))}.dashboard-home-grid{grid-template-columns:1.1fr .9fr .9fr;gap:12px}.home-kpis-2{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.quick-link-tile{display:block;text-decoration:none;color:var(--text);border:1px solid rgba(147,164,199,.22);background:#0b1326;border-radius:16px;padding:14px}.quick-link-tile:hover{border-color:rgba(34,197,94,.4);transform:translateY(-2px);transition:.15s}.quick-link-tile small{display:block;color:var(--muted);margin-top:6px}.metric-details-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.medicine-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.medicine-comparison-grid{margin-top:14px}.medicine-comparison-grid .wide-chart-panel{grid-column:1 / -1}@media(max-width:1200px){.metric-cards-grid,.dashboard-home-grid,.metric-details-kpis,.medicine-kpis,.home-kpis-2,.quick-links-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.metric-cards-grid,.dashboard-home-grid,.metric-details-kpis,.medicine-kpis,.home-kpis-2,.quick-links-grid{grid-template-columns:1fr}}

/* Restored rich dashboard UI */
.dashboard-filter{margin-bottom:14px}.dashboard-metric-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-metric-cards .metric-card{min-height:112px;padding:15px 17px;border-radius:18px}.dashboard-metric-cards .metric-card .num{font-size:25px}.dashboard-metric-cards .metric-link{font-size:12px;color:#b6f7cb}.compact-kpi-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 12px}.kpi-link{text-decoration:none;color:var(--text);display:block}.kpi-link:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.45);transition:.15s}.restore-chart-panel{padding:14px 14px 10px;margin:12px 0}.restore-chart-strip{gap:12px}.restore-chart-card{min-width:360px;max-width:430px;padding:12px;background:linear-gradient(145deg,rgba(13,25,47,.95),rgba(18,31,54,.92));border-color:rgba(92,126,190,.28)}.restore-chart-card .mini-head h4{font-size:14px;margin:0}.inline-chart-actions{gap:6px}.inline-chart-actions a{font-size:12px}.chart-arrow-btn{padding:5px 8px!important;font-size:11px}.dashboard-restored-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.dashboard-restored-grid .compact-panel{min-height:242px}.alert-mini-row{align-items:flex-start}.alert-mini-row b{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-restored-grid .mini-list{max-height:190px;overflow:auto;padding-left:2px}.restore-chart-panel .comparison-chart.compact.chart-scroll{height:175px;min-height:175px}.restore-chart-panel .comparison-chart.compact.chart-scroll .comparison-bar{flex-basis:68px;min-width:68px;max-width:68px}.restore-chart-panel .empty-state{padding-top:55px}@media(max-width:1300px){.dashboard-restored-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.dashboard-metric-cards,.dashboard-restored-grid,.compact-kpi-strip{grid-template-columns:1fr}.restore-chart-card{min-width:310px}.dashboard-restored-grid .compact-panel{min-height:auto}}

/* Final dashboard layout: old dashboard tables + new finance cards, no charts on home */
.dashboard-finance-cards{margin-bottom:14px}.dashboard-stock-panel{margin-bottom:14px}.stock-mini-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-metric-box{background:#0b1326;border:1px solid var(--line);border-radius:16px;padding:16px}.mini-metric-box span{display:block;color:var(--muted);font-size:13px}.mini-metric-box strong{display:block;margin-top:6px;font-size:18px}.dashboard-link-lines{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:12px}.dashboard-link-lines a{color:#c084fc;text-decoration:underline;font-size:14px}.dashboard-tables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-alert-list .mini-row{align-items:flex-start}.dashboard-alert-list .mini-row div{display:grid;gap:5px}.dashboard-alert-list .mini-row span:last-child{display:inline-block}.dashboard-tables-grid .compact-panel{min-height:300px}.dashboard-tables-grid .section-head h3{font-size:18px}.dashboard-tables-grid .table-wrap{overflow:auto}.dashboard-tables-grid .empty-row{padding:22px!important}.metric-card .num{line-height:1.1}
@media(max-width:1100px){.stock-mini-cards,.dashboard-tables-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.stock-mini-cards,.dashboard-tables-grid{grid-template-columns:1fr}.dashboard-link-lines{align-items:flex-start}}

/* Inventory indicators must be real cards like finance cards */
.inventory-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.inventory-card{min-height:118px;padding:16px 18px;border-radius:20px;position:relative;overflow:hidden;text-decoration:none;color:var(--text);background:radial-gradient(circle at bottom left,rgba(255,255,255,.05),transparent 34%),linear-gradient(135deg,rgba(17,26,46,.96),rgba(11,19,38,.96))}.inventory-card:after{content:"";position:absolute;left:-38px;bottom:-38px;width:115px;height:115px;border-radius:50%;background:rgba(255,255,255,.04)}.inventory-card small{color:var(--muted);font-weight:800}.inventory-card .num{font-size:26px;font-weight:900;margin-top:8px}.inventory-card .metric-link{margin-top:10px;color:#c7f9d4;font-size:13px;font-weight:800}.inventory-card.low-stock{border-color:rgba(245,158,11,.45)}.inventory-card.expiry-stock{border-color:rgba(239,68,68,.42)}.inventory-card.stock-value{border-color:rgba(56,189,248,.35)}.inventory-card.all-meds{border-color:rgba(34,197,94,.35)}
@media(max-width:1200px){.inventory-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.inventory-card-grid{grid-template-columns:1fr}}

/* Dashboard final fix: real card rows, improved alerts, no duplicated top medicines */
.dashboard-finance-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashboard-finance-cards .metric-card{min-height:122px;border-radius:20px}.inventory-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.inventory-card{min-height:122px;padding:16px 18px;border-radius:20px;position:relative;overflow:hidden;text-decoration:none;color:var(--text);background:radial-gradient(circle at bottom left,rgba(255,255,255,.05),transparent 34%),linear-gradient(135deg,rgba(17,26,46,.96),rgba(11,19,38,.96))}.inventory-card:after{content:"";position:absolute;left:-38px;bottom:-38px;width:115px;height:115px;border-radius:50%;background:rgba(255,255,255,.04)}.inventory-card small{color:var(--muted);font-weight:800}.inventory-card .num{font-size:28px;font-weight:900;margin-top:8px}.inventory-card .metric-link{margin-top:10px;color:#c7f9d4;font-size:13px;font-weight:800}.inventory-card.low-stock{border-color:rgba(245,158,11,.45);background:linear-gradient(135deg,rgba(245,158,11,.13),rgba(17,26,46,.96) 45%,rgba(239,68,68,.09))}.inventory-card.expiry-stock{border-color:rgba(239,68,68,.42);background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(17,26,46,.96) 45%,rgba(245,158,11,.08))}.inventory-card.stock-value{border-color:rgba(56,189,248,.35);background:linear-gradient(135deg,rgba(56,189,248,.13),rgba(17,26,46,.96) 45%,rgba(34,197,94,.08))}.inventory-card.all-meds{border-color:rgba(34,197,94,.35);background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(17,26,46,.96) 45%,rgba(56,189,248,.08))}.dashboard-tables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-tables-grid .compact-panel{min-height:285px}.wide-dashboard-panel{grid-column:1 / -1}.notification-cards{display:grid;gap:10px;max-height:270px;overflow:auto;padding-left:2px}.notification-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border:1px solid rgba(147,164,199,.18);background:#0b1326;border-radius:16px;padding:12px}.notification-card.danger{border-color:rgba(239,68,68,.38);background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(11,19,38,.92))}.notification-card.warning{border-color:rgba(245,158,11,.38);background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(11,19,38,.92))}.notification-card.success{border-color:rgba(34,197,94,.32);background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(11,19,38,.92))}.notification-icon{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:18px}.notification-body{display:grid;gap:4px;min-width:0}.notification-title{font-weight:900;color:#eaf0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{color:var(--muted);font-size:12px;line-height:1.45}.notification-date{color:#7182a6;font-size:11px}.notification-empty{border:1px dashed rgba(147,164,199,.28);border-radius:16px;padding:22px;text-align:center;color:var(--muted);display:grid;gap:6px}.notification-empty strong{color:#eaf0ff}
@media(max-width:1200px){.dashboard-finance-cards,.inventory-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-tables-grid{grid-template-columns:1fr}.wide-dashboard-panel{grid-column:auto}}
@media(max-width:760px){.dashboard-finance-cards,.inventory-card-grid{grid-template-columns:1fr}.notification-card{grid-template-columns:auto 1fr}.notification-card .badge{grid-column:1 / -1;justify-self:start}}

/* Restore notifications to old compact owner-alerts style */
.old-alerts-panel{min-height:220px}.owner-alerts-box{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;min-height:165px;padding:8px 4px}.owner-alerts-title{font-weight:900;color:#f1f5ff;font-size:24px;margin-bottom:14px;text-align:right}.owner-alerts-list{display:grid;gap:10px;width:100%;max-width:430px}.owner-alert-item{display:flex;align-items:center;justify-content:flex-end;gap:10px}.owner-alert-text{color:#dce7ff;font-size:15px;text-align:right}.old-alerts-panel .badge{min-width:54px;text-align:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.old-alerts-panel .badge.danger{background:rgba(239,68,68,.2);color:#ffb1b1;border:1px solid rgba(239,68,68,.38)}.old-alerts-panel .badge.warning{background:rgba(245,158,11,.18);color:#ffd88f;border:1px solid rgba(245,158,11,.35)}.old-alerts-panel .badge.success{background:rgba(34,197,94,.18);color:#aff5c7;border:1px solid rgba(34,197,94,.32)}

/* Clickable dashboard alerts + notifications page action cards */
.owner-alert-link{text-decoration:none;color:inherit;border-radius:12px;padding:2px 4px}.owner-alert-link:hover{background:rgba(255,255,255,.03)}.notification-list-page{display:grid;gap:12px;margin-top:14px}.notification-row-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid rgba(147,164,199,.18);background:linear-gradient(145deg,rgba(14,24,43,.96),rgba(11,19,38,.96));border-radius:18px;padding:16px}.notification-row-card.focused{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 2px rgba(34,197,94,.12),0 12px 30px rgba(0,0,0,.18)}.notification-row-main{display:grid;gap:8px}.notification-row-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notification-read-state{font-size:12px;color:#9db0d7}.notification-row-title{font-size:17px;font-weight:900;color:#eef4ff}.notification-row-message{font-size:14px;color:#c2d0eb;line-height:1.65}.notification-row-date{font-size:12px;color:#7e91b8}.notification-row-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.notification-row-actions .btn{white-space:nowrap}
@media(max-width:760px){.notification-row-card{grid-template-columns:1fr}.notification-row-actions{justify-content:flex-start}}

/* EXACT old compact alerts block on dashboard */
.dashboard-tables-grid .owner-alerts-panel.old-alerts-panel{min-height:190px!important;height:190px!important;padding:18px 20px!important;overflow:hidden}.owner-alerts-panel .owner-alerts-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important}.owner-alerts-panel .owner-alerts-header h3{margin:0!important;font-size:16px!important;line-height:1.2!important;color:#f1f5ff!important;text-align:right!important;font-weight:900!important}.owner-alerts-panel .owner-alerts-header a{color:#86efac!important;text-decoration:none!important;font-weight:900!important;font-size:14px!important}.owner-alerts-panel .old-style-alerts-list{display:grid!important;gap:10px!important;margin-top:4px!important;width:100%!important;max-width:none!important}.owner-alerts-panel .owner-alert-item{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:0!important;background:transparent!important;border:0!important;text-decoration:none!important;color:inherit!important}.owner-alerts-panel .owner-alert-text{color:#e5edff!important;font-size:13px!important;line-height:1.25!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:calc(100% - 76px)!important;order:1!important}.owner-alerts-panel .badge{order:2!important;min-width:54px!important;text-align:center!important;border-radius:999px!important;padding:4px 9px!important;font-size:10px!important;font-weight:900!important}.owner-alerts-panel .owner-alert-link:hover .owner-alert-text{color:#86efac!important}.owner-alerts-panel .badge.danger{background:rgba(239,68,68,.23)!important;color:#ffb4b4!important}.owner-alerts-panel .badge.warning{background:rgba(245,158,11,.22)!important;color:#ffe08a!important}.owner-alerts-panel .badge.success{background:rgba(34,197,94,.2)!important;color:#a7f3c1!important}

/* exact old dashboard alerts block - final override */
.dashboard-alerts-exact{min-height:188px!important;height:188px!important;padding:16px 18px!important;overflow:hidden!important}
.dashboard-alerts-exact__head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:14px!important}
.dashboard-alerts-exact__head a{color:#86efac!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;line-height:1!important}
.dashboard-alerts-exact__head h3{margin:0!important;color:#f4f7ff!important;font-size:16px!important;font-weight:900!important;line-height:1.15!important;text-align:right!important}
.dashboard-alerts-exact__body{display:flex!important;justify-content:flex-end!important;align-items:flex-start!important;width:100%!important;height:calc(100% - 28px)!important}
.dashboard-alerts-exact__stack{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important;width:100%!important;max-width:430px!important;margin-top:2px!important}
.dashboard-alerts-exact__row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;text-decoration:none!important;background:transparent!important;border:0!important;padding:0!important;color:#e8efff!important}
.dashboard-alerts-exact__row:hover .dashboard-alerts-exact__text{color:#ffffff!important}
.dashboard-alerts-exact__text{display:block!important;flex:1 1 auto!important;min-width:0!important;color:#e8efff!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dashboard-alerts-exact__badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:58px!important;padding:4px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;line-height:1!important}
.dashboard-alerts-exact__badge.danger{background:rgba(239,68,68,.24)!important;color:#ffb3b3!important;border:1px solid rgba(239,68,68,.34)!important}
.dashboard-alerts-exact__badge.warning{background:rgba(245,158,11,.22)!important;color:#ffd98b!important;border:1px solid rgba(245,158,11,.32)!important}
.dashboard-alerts-exact__badge.success{background:rgba(34,197,94,.2)!important;color:#b8f7ca!important;border:1px solid rgba(34,197,94,.28)!important}

/* FINAL: keep dashboard table cards in the same old 2-column layout and owner alerts exact compact style */
.dashboard-tables-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.dashboard-owner-alerts-card{background:linear-gradient(145deg,rgba(22,34,58,.95),rgba(11,19,38,.92))!important;border:1px solid rgba(147,164,199,.22)!important;border-radius:18px!important;box-shadow:0 18px 40px rgba(0,0,0,.25)!important}.dashboard-owner-alerts-card a:hover{filter:brightness(1.12)}
@media(max-width:900px){.dashboard-tables-grid{grid-template-columns:1fr!important}}

/* dashboard split layout: alerts + low stock side-by-side, others full width */
.dashboard-content-layout{display:grid;gap:16px;margin-top:16px}.dashboard-top-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-low-stock-card,.dashboard-owner-alerts-card{min-height:190px}.dashboard-single-stack{display:grid;gap:16px}.dashboard-single-panel{width:100%}.dashboard-single-panel .table-wrap{overflow:auto}
@media(max-width:980px){.dashboard-top-pair{grid-template-columns:1fr}}

/* force dashboard first row split */
.dashboard-content-layout > .dashboard-top-pair{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;width:100%!important;direction:rtl!important}.dashboard-content-layout > .dashboard-top-pair > .panel{width:100%!important;min-width:0!important}.dashboard-single-stack{display:grid!important;gap:16px!important}.dashboard-single-panel{grid-column:1 / -1!important;width:100%!important}
@media(max-width:900px){.dashboard-content-layout > .dashboard-top-pair{grid-template-columns:1fr!important}}

/* medicines page stock cards + sort/filter */
.medicine-page-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.medicine-search-form{align-items:center;flex-wrap:wrap}.medicine-search-form select{min-width:170px}.medicines-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.medicines-table-head h3{margin:0}.medicines-table-head small{color:var(--muted)}.medicine-filter-state{display:flex;gap:8px;flex-wrap:wrap}.empty-row{text-align:center;color:var(--muted)}
@media(max-width:1100px){.medicine-page-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.medicine-page-cards{grid-template-columns:1fr}.medicine-search-form{display:grid;grid-template-columns:1fr}.medicine-search-form .btn{width:100%}}

/* medicines improved cards + smart search + pager */
.medicine-dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.medicine-summary-card{text-decoration:none;color:var(--text);min-height:122px;border-radius:20px;padding:16px 18px}.medicine-summary-card .num{font-size:28px;font-weight:900;margin-top:8px}.medicine-summary-card .muted{margin-top:6px}.medicine-search-form{align-items:flex-start;flex-wrap:wrap}.medicine-search-box{position:relative;flex:1;min-width:280px}.medicine-search-box input{width:100%}.medicine-search-form select{min-width:170px}.medicine-suggestions{position:absolute;top:54px;right:0;left:0;z-index:60;background:#0f1b2d;border:1px solid rgba(120,160,255,.25);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.35);max-height:330px;overflow:auto;padding:8px}.medicine-suggestion-item{width:100%;border:0;background:transparent;color:var(--text);display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;cursor:pointer;text-align:right}.medicine-suggestion-item:hover,.medicine-suggestion-item.active{background:rgba(34,197,94,.12)}.medicine-suggestion-title{font-weight:800;color:#fff}.medicine-suggestion-title small{color:#b9c9e6}.medicine-suggestion-meta{font-size:12px;color:#9fb3d9;margin-top:4px}.pager-wrap{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.pager-pages{display:flex;gap:8px;flex-wrap:wrap}.pager-page{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:12px;background:#0b1326;border:1px solid var(--line);color:#dbe7ff;text-decoration:none;font-weight:800}.pager-page.active{background:linear-gradient(135deg,var(--brand),#16a34a);color:#04130b;border-color:rgba(34,197,94,.4)}.disabled-link{pointer-events:none;opacity:.45}.empty-row{text-align:center;color:var(--muted)}
@media(max-width:1100px){.medicine-dashboard-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.medicine-dashboard-cards{grid-template-columns:1fr}.medicine-search-form{display:grid;grid-template-columns:1fr}.medicine-search-form .btn,.medicine-search-form select{width:100%}.medicine-search-box{min-width:0}}

/* medicines UI cleanup */
.refined-medicine-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}.refined-medicine-cards .medicine-summary-card{min-height:132px!important;padding:18px 20px!important;display:flex;flex-direction:column;justify-content:flex-start;text-decoration:none}.refined-medicine-cards .medicine-summary-card small{font-size:15px!important;font-weight:800!important;color:#d9e7ff!important;line-height:1.4!important;display:block}.refined-medicine-cards .medicine-summary-card .num{font-size:18px!important;margin-top:10px!important}.refined-medicine-cards .medicine-summary-card .muted{font-size:14px!important;color:#c7d7f4!important;margin-top:8px!important}.refined-medicine-cards .medicine-summary-card .metric-link{font-size:14px!important;margin-top:6px!important;color:#dffbe6!important}
.medicine-search-panel{margin-bottom:14px}.medicine-toolbar{display:grid;gap:14px}.medicine-toolbar-row{display:grid;grid-template-columns:minmax(0,2fr) 220px 220px;gap:12px;align-items:center}.medicine-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.medicine-search-box{position:relative;min-width:0}.medicine-search-box input{width:100%;height:50px;border-radius:16px;padding:0 16px;font-size:15px}.medicine-toolbar select{height:50px;border-radius:16px;padding:0 14px;font-size:14px}.medicine-toolbar .btn{height:46px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}.medicine-suggestions{position:absolute;top:56px;right:0;left:0;z-index:80;background:#0f1b2d;border:1px solid rgba(120,160,255,.25);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.35);max-height:360px;overflow:auto;padding:8px}.medicine-suggestion-item{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;cursor:pointer;text-align:right}.medicine-suggestion-item:hover,.medicine-suggestion-item.active{background:rgba(34,197,94,.1)}.medicine-suggestion-content{display:grid;gap:4px}.medicine-suggestion-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.medicine-suggestion-brand{font-size:15px;font-weight:900;color:#fff}.medicine-suggestion-sub{font-size:13px;color:#cae0ff}.medicine-suggestion-meta{font-size:12px;color:#9fb3d9;line-height:1.4}.medicine-suggestion-meta.secondary{color:#7f97c4}.medicine-suggestion-stock{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900}.medicine-suggestion-state{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900}.medicine-suggestion-stock.success,.medicine-suggestion-state.success{background:rgba(34,197,94,.18);color:#aef0c0}.medicine-suggestion-stock.warning,.medicine-suggestion-state.warning{background:rgba(245,158,11,.18);color:#ffd88f}.medicine-suggestion-stock.danger,.medicine-suggestion-state.danger{background:rgba(239,68,68,.2);color:#ffb5b5}
@media(max-width:1180px){.medicine-toolbar-row{grid-template-columns:1fr 1fr}.medicine-search-box{grid-column:1 / -1}}
@media(max-width:900px){.refined-medicine-cards{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.refined-medicine-cards{grid-template-columns:1fr!important}.medicine-toolbar-row{grid-template-columns:1fr}.medicine-toolbar-actions{display:grid;grid-template-columns:1fr}.medicine-toolbar .btn,.medicine-toolbar select{width:100%}}

/* medicines exact cleanup requested */
.medicine-cards-fixed{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.medicine-fixed-card,.medicine-fixed-card:link,.medicine-fixed-card:visited{color:#eaf2ff!important;text-decoration:none!important}
.medicine-fixed-card{min-height:122px!important;padding:16px 18px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-end!important;text-align:right!important;overflow:hidden!important}
.medicine-fixed-card small{display:block!important;width:100%!important;font-size:14px!important;font-weight:700!important;color:#b8c8e8!important;line-height:1.4!important;margin:0!important;text-align:right!important}
.medicine-fixed-card .num{font-size:21px!important;font-weight:900!important;color:#f4f8ff!important;line-height:1.1!important;margin-top:8px!important}
.medicine-fixed-card .muted{margin-top:8px!important;font-size:14px!important;color:#d8e4fb!important;text-align:right!important}
.medicine-fixed-card .metric-link{margin-top:8px!important;font-size:13px!important;color:#dcfce7!important;text-decoration:none!important}

.medicines-search-classic{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.medicines-search-classic .btn{height:42px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}
.medicines-search-classic select{height:42px;min-width:150px;border-radius:14px;padding:0 12px;background:#0b1326;border:1px solid var(--line);color:#dbe7ff}
.medicines-search-input-wrap{position:relative;flex:1;min-width:320px}
.medicines-search-input-wrap input{width:100%;height:42px;border-radius:14px;padding:0 14px;background:#0b1326;border:1px solid rgba(147,164,199,.22);color:#eaf2ff}
.medicines-search-input-wrap input::placeholder{color:#86a1ca}

.medicine-suggestions.classic{top:46px!important;right:0;left:0;z-index:90;background:#ffffff!important;border:1px solid #d7deeb!important;border-radius:0 0 10px 10px!important;box-shadow:0 12px 24px rgba(0,0,0,.18)!important;max-height:300px;overflow:auto;padding:0!important;direction:ltr}
.medicine-suggestion-item.classic{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;width:100%!important;padding:6px 10px!important;border-radius:0!important;background:#fff!important;color:#111827!important;border-bottom:1px solid #edf1f7!important;text-align:left!important}
.medicine-suggestion-item.classic:hover,.medicine-suggestion-item.classic.active{background:#f4f8ff!important}
.medicine-suggestion-main{text-align:left!important;display:grid;gap:2px}
.medicine-suggestion-brand-line{font-size:14px;font-weight:800;color:#111827;line-height:1.25}
.medicine-suggestion-arabic{font-size:12px;color:#334155;line-height:1.25}
.medicine-suggestion-info{font-size:12px;color:#111827;line-height:1.25}
.medicine-suggestion-info.secondary{color:#475569}
.medicine-suggestion-side{display:flex;align-items:center;justify-content:center}
.medicine-suggestion-stock.classic{display:inline-flex;min-width:34px;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}
.medicine-suggestion-stock.classic.success{background:#dcfce7;color:#166534}.medicine-suggestion-stock.classic.warning{background:#fef3c7;color:#92400e}.medicine-suggestion-stock.classic.danger{background:#fee2e2;color:#b91c1c}

@media(max-width:1200px){.medicine-cards-fixed{grid-template-columns:1fr 1fr}.medicines-search-classic{display:grid;grid-template-columns:1fr 1fr}.medicines-search-input-wrap{grid-column:1 / -1;min-width:0}}
@media(max-width:760px){.medicine-cards-fixed{grid-template-columns:1fr}.medicines-search-classic{grid-template-columns:1fr}.medicines-search-classic .btn,.medicines-search-classic select,.medicines-search-input-wrap{width:100%;min-width:0}}

/* ===== Dashboard owner alerts cleanup ===== */
.dashboard-owner-alerts-card{height:190px;min-height:190px;padding:18px 20px;overflow:hidden;width:100%!important;min-width:0!important;display:flex;flex-direction:column;justify-content:flex-start}
.dashboard-owner-alerts-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.dashboard-owner-alerts-head h3{margin:0;color:#f1f5ff;font-size:16px;font-weight:900;line-height:1.2;text-align:right}
.dashboard-owner-alerts-head a{color:#86efac;text-decoration:none;font-weight:900;font-size:14px;line-height:1}
.dashboard-owner-alerts-list{margin-right:auto;width:100%;max-width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.dashboard-owner-alert-item{width:100%;max-width:360px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#e5edff;text-decoration:none;font-size:13px;font-weight:700;line-height:1.35;text-align:right}
.dashboard-owner-alert-text{display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.dashboard-owner-alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:900;line-height:1;flex-shrink:0}
.dashboard-owner-alert-item.danger .dashboard-owner-alert-badge{background:rgba(239,68,68,.22);color:#ffb4b4}
.dashboard-owner-alert-item.warning .dashboard-owner-alert-badge{background:rgba(245,158,11,.22);color:#ffe08a}
.dashboard-owner-alert-item.success .dashboard-owner-alert-badge{background:rgba(34,197,94,.20);color:#a7f3c1}

/* ===== Medicines cards text cleanup ===== */
.medicine-fixed-card small{color:#f8fbff!important}
.medicine-fixed-card .muted{color:#eef4ff!important}
.inventory-card small{color:#f8fbff!important}
.inventory-card .muted{color:#eef4ff!important}

/* ===== Medicines search UI refinement ===== */
.medicines-search-classic{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;direction:rtl;background:rgba(11,19,38,.72);border:1px solid rgba(147,164,199,.16);padding:14px;border-radius:20px;box-shadow:0 16px 32px rgba(0,0,0,.18)}
.medicines-search-input-wrap{position:relative;flex:1;min-width:340px}
.medicines-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#95a9d4;font-size:16px;pointer-events:none;z-index:2}
.medicines-search-input-wrap input{width:100%;height:50px;border-radius:16px;padding:0 46px 0 16px;background:#091322;border:1px solid rgba(147,164,199,.28);color:#f8fbff;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}
.medicines-search-input-wrap input:focus{border-color:rgba(34,197,94,.6);box-shadow:0 0 0 4px rgba(34,197,94,.12);background:#0b1730}
.medicines-search-input-wrap input::placeholder{color:#89a1cb}
.medicines-search-classic select{height:50px;min-width:180px;border-radius:16px;padding:0 14px;background:#091322;border:1px solid rgba(147,164,199,.22);color:#edf4ff;font-weight:700}
.medicines-search-classic .btn{height:48px;padding:0 18px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;white-space:nowrap}
.medicine-suggestions.classic{top:56px!important;right:0;left:0;z-index:90;background:#0d1728!important;border:1px solid rgba(147,164,199,.20)!important;border-radius:18px!important;box-shadow:0 18px 35px rgba(0,0,0,.35)!important;max-height:320px;overflow:auto;padding:8px!important;direction:rtl}
.medicine-suggestion-item.classic{display:grid!important;grid-template-columns:auto 1fr!important;gap:12px!important;align-items:center!important;width:100%!important;padding:11px 12px!important;border-radius:14px!important;background:transparent!important;color:#eef4ff!important;border-bottom:1px solid rgba(147,164,199,.12)!important;text-align:right!important}
.medicine-suggestion-item.classic:last-child{border-bottom:0!important}
.medicine-suggestion-item.classic:hover,.medicine-suggestion-item.classic.active{background:rgba(34,197,94,.10)!important}
.medicine-suggestion-main{text-align:right!important;display:grid;gap:4px}
.medicine-suggestion-brand-line{font-size:14px;font-weight:900;color:#f8fbff;line-height:1.35}
.medicine-suggestion-arabic{font-size:12px;color:#cddaf1;line-height:1.35}
.medicine-suggestion-info{font-size:12px;color:#e7eefb;line-height:1.35}
.medicine-suggestion-info.secondary{color:#9ab0d4}
.medicine-suggestion-side{display:flex;align-items:center;justify-content:center}
.medicine-suggestion-stock.classic{display:inline-flex;min-width:40px;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900}
@media(max-width:1200px){.medicines-search-classic{display:grid;grid-template-columns:1fr 1fr}.medicines-search-input-wrap{grid-column:1/-1;min-width:0}}
@media(max-width:760px){.dashboard-owner-alerts-card{height:auto;min-height:0}.dashboard-owner-alert-item,.dashboard-owner-alert-text{max-width:100%;white-space:normal}.medicines-search-classic{grid-template-columns:1fr}.medicines-search-classic .btn,.medicines-search-classic select,.medicines-search-input-wrap{width:100%;min-width:0}}

/* ===== corrective hotfix per feedback ===== */
/* medicines cards: make all copy plain white */
.medicine-fixed-card small,
.medicine-fixed-card .num,
.medicine-fixed-card .muted,
.medicine-fixed-card .metric-link,
.inventory-card small,
.inventory-card .num,
.inventory-card .muted,
.inventory-card .metric-link{
    color:#ffffff !important;
}

/* medicines search: keep it simple and stable */
#medicineSearchForm.medicines-search-classic{
    direction:rtl;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:14px;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
}
#medicineSearchForm .medicines-search-input-wrap{
    position:relative;
    flex:1 1 380px;
    min-width:320px;
}
#medicineSearchForm .medicines-search-icon{
    position:absolute;
    left:14px;
    right:auto;
    top:50%;
    transform:translateY(-50%);
    color:#8ea4cd;
    font-size:14px;
    pointer-events:none;
    z-index:2;
}
#medicineSearchForm .medicines-search-input-wrap input{
    width:100%;
    height:44px;
    border-radius:14px;
    padding:0 14px 0 36px;
    background:#0b1326;
    border:1px solid rgba(147,164,199,.22);
    color:#ffffff;
    font-size:14px;
    box-shadow:none;
}
#medicineSearchForm .medicines-search-input-wrap input:focus{
    border-color:rgba(34,197,94,.45);
    box-shadow:0 0 0 3px rgba(34,197,94,.10);
    outline:none;
}
#medicineSearchForm .medicines-search-input-wrap input::placeholder{color:#86a1ca}
#medicineSearchForm select{
    height:44px;
    min-width:150px;
    border-radius:14px;
    padding:0 12px;
    background:#0b1326;
    border:1px solid var(--line);
    color:#dbe7ff;
}
#medicineSearchForm .btn{
    height:44px;
    padding:0 16px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
#medicineSearchForm .medicine-suggestions.classic{
    top:46px !important;
    right:0;
    left:0;
    z-index:120;
    background:#ffffff !important;
    border:1px solid #d7deeb !important;
    border-radius:0 0 12px 12px !important;
    box-shadow:0 12px 24px rgba(0,0,0,.18) !important;
    max-height:300px;
    overflow:auto;
    padding:0 !important;
    direction:rtl;
}
#medicineSearchForm .medicine-suggestion-item.classic{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
    padding:8px 10px !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#111827 !important;
    border-bottom:1px solid #edf1f7 !important;
    text-align:right !important;
}
#medicineSearchForm .medicine-suggestion-item.classic:hover,
#medicineSearchForm .medicine-suggestion-item.classic.active{background:#f4f8ff !important}
#medicineSearchForm .medicine-suggestion-main{text-align:right !important;display:grid;gap:2px}
#medicineSearchForm .medicine-suggestion-brand-line{font-size:14px;font-weight:800;color:#111827;line-height:1.25}
#medicineSearchForm .medicine-suggestion-arabic{font-size:12px;color:#334155;line-height:1.25}
#medicineSearchForm .medicine-suggestion-info{font-size:12px;color:#111827;line-height:1.25}
#medicineSearchForm .medicine-suggestion-info.secondary{color:#475569}
#medicineSearchForm .medicine-suggestion-side{display:flex;align-items:center;justify-content:center}
#medicineSearchForm .medicine-suggestion-stock.classic{display:inline-flex;min-width:34px;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}

/* dashboard alerts: revert to stacked list and just move it to the right */
.dashboard-owner-alerts-card{
    height:190px;
    min-height:190px;
    padding:18px 20px;
    overflow:hidden;
    width:100% !important;
    min-width:0 !important;
}
.dashboard-owner-alerts-head{
    direction:ltr;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:12px;
    width:100%;
}
.dashboard-owner-alerts-head h3{
    margin:0;
    color:#f1f5ff;
    font-size:16px;
    font-weight:900;
    line-height:1.2;
    text-align:right;
}
.dashboard-owner-alerts-head a{
    color:#86efac;
    text-decoration:none;
    font-weight:900;
    font-size:14px;
    line-height:1;
}
.dashboard-owner-alerts-body{
    display:flex;
    justify-content:flex-end;
    width:100%;
}
.dashboard-owner-alerts-body .dashboard-owner-alerts-list{
    direction:rtl;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
    width:360px;
    max-width:100%;
}
.dashboard-owner-alerts-body .dashboard-owner-alert-item{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    width:100%;
    color:#e5edff;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
    white-space:nowrap;
}
.dashboard-owner-alerts-body .dashboard-owner-alert-text{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:right;
}
.dashboard-owner-alerts-body .dashboard-owner-alert-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    padding:4px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    line-height:1;
}
.dashboard-owner-alerts-body .dashboard-owner-alert-item.warning .dashboard-owner-alert-badge{min-width:58px}
.dashboard-owner-alerts-body .dashboard-owner-alert-item.danger .dashboard-owner-alert-badge{background:rgba(239,68,68,.22);color:#ffb4b4}
.dashboard-owner-alerts-body .dashboard-owner-alert-item.warning .dashboard-owner-alert-badge{background:rgba(245,158,11,.22);color:#ffe08a}
.dashboard-owner-alerts-body .dashboard-owner-alert-item.success .dashboard-owner-alert-badge{background:rgba(34,197,94,.20);color:#a7f3c1}

@media(max-width:1200px){
    #medicineSearchForm.medicines-search-classic{display:grid;grid-template-columns:1fr 1fr}
    #medicineSearchForm .medicines-search-input-wrap{grid-column:1 / -1;min-width:0}
}
@media(max-width:760px){
    #medicineSearchForm.medicines-search-classic{grid-template-columns:1fr}
    #medicineSearchForm .btn,
    #medicineSearchForm select,
    #medicineSearchForm .medicines-search-input-wrap{width:100%;min-width:0}
    .dashboard-owner-alerts-card{height:auto;min-height:0}
}

/* ===== requested polish v3 ===== */
/* move dashboard alerts list fully to the right side */
.dashboard-owner-alerts-body .dashboard-owner-alerts-list{
    margin-left:auto !important;
    margin-right:0 !important;
}

/* medicines cards order + custom colors */
.medicine-fixed-card,
.medicine-fixed-card:link,
.medicine-fixed-card:visited{
    text-decoration:none !important;
    color:#ffffff !important;
}
.medicine-total-card,
.medicine-available-card,
.medicine-low-card,
.medicine-out-card{
    min-height:122px !important;
    padding:16px 18px !important;
    border-radius:20px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-end !important;
    text-align:right !important;
    overflow:hidden !important;
    border:1px solid rgba(147,164,199,.24) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.25) !important;
}
.medicine-total-card{
    background:radial-gradient(circle at bottom left,rgba(255,255,255,.05),transparent 34%),linear-gradient(135deg,rgba(17,26,46,.96),rgba(11,19,38,.96)) !important;
    border-color:rgba(147,164,199,.24) !important;
}
.medicine-available-card{
    background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(17,26,46,.96) 45%,rgba(56,189,248,.08)) !important;
    border-color:rgba(34,197,94,.38) !important;
}
.medicine-low-card{
    background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(17,26,46,.96) 45%,rgba(250,204,21,.08)) !important;
    border-color:rgba(245,158,11,.42) !important;
}
.medicine-out-card{
    background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(17,26,46,.96) 45%,rgba(245,158,11,.08)) !important;
    border-color:rgba(239,68,68,.42) !important;
}
.medicine-total-card small,
.medicine-total-card .num,
.medicine-total-card .muted,
.medicine-total-card .metric-link,
.medicine-available-card small,
.medicine-available-card .num,
.medicine-available-card .muted,
.medicine-available-card .metric-link,
.medicine-low-card small,
.medicine-low-card .num,
.medicine-low-card .muted,
.medicine-low-card .metric-link,
.medicine-out-card small,
.medicine-out-card .num,
.medicine-out-card .muted,
.medicine-out-card .metric-link{
    color:#ffffff !important;
}
.medicine-total-card .num,
.medicine-available-card .num,
.medicine-low-card .num,
.medicine-out-card .num{font-size:21px !important;font-weight:900 !important;line-height:1.1 !important;margin-top:8px !important}
.medicine-total-card small,
.medicine-available-card small,
.medicine-low-card small,
.medicine-out-card small{display:block !important;width:100% !important;font-size:14px !important;font-weight:700 !important;line-height:1.4 !important;margin:0 !important;text-align:right !important}
.medicine-total-card .muted,
.medicine-available-card .muted,
.medicine-low-card .muted,
.medicine-out-card .muted{margin-top:8px !important;font-size:14px !important;text-align:right !important}
.medicine-total-card .metric-link,
.medicine-available-card .metric-link,
.medicine-low-card .metric-link,
.medicine-out-card .metric-link{margin-top:8px !important;font-size:13px !important;text-decoration:none !important}

/* search suggestions: show only medicine name */
#medicineSearchForm .medicine-suggestions.classic{padding:4px 0 !important}
#medicineSearchForm .medicine-suggestion-item.classic.medicine-suggestion-name-only{
    grid-template-columns:1fr !important;
    padding:10px 14px !important;
}
#medicineSearchForm .medicine-suggestion-name{
    font-size:14px;
    font-weight:800;
    color:#111827;
    text-align:right;
    line-height:1.3;
}
#medicineSearchForm .medicine-suggestion-item.classic.medicine-suggestion-name-only .medicine-suggestion-side,
#medicineSearchForm .medicine-suggestion-item.classic.medicine-suggestion-name-only .medicine-suggestion-arabic,
#medicineSearchForm .medicine-suggestion-item.classic.medicine-suggestion-name-only .medicine-suggestion-info,
#medicineSearchForm .medicine-suggestion-item.classic.medicine-suggestion-name-only .medicine-suggestion-stock{
    display:none !important;
}

/* ===== expenses feature ===== */
.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#03130a}
.expense-kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.expense-neutral-card{min-height:118px}.expense-form-panel{margin-bottom:16px}.expense-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.expense-form-grid button{height:46px}.expense-filter-row{margin-bottom:14px}.inline-edit-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:center}.inline-edit-grid input,.inline-edit-grid select{width:100%}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-form input{min-width:260px}
@media(max-width:1100px){.expense-form-grid,.inline-edit-grid{grid-template-columns:1fr 1fr}.expense-kpi-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.expense-form-grid,.inline-edit-grid,.expense-kpi-cards{grid-template-columns:1fr}.inline-form input{min-width:0;width:100%}}

/* ===== Shelf details smart multi-select assignment ===== */
.shelf-add-medicines{margin:16px 0 18px;padding:16px;border:1px solid rgba(147,164,199,.18);background:rgba(11,19,38,.55);border-radius:18px}
.shelf-add-head{margin-bottom:12px!important}.shelf-add-head h3{margin:0}.shelf-add-head small{display:block;margin-top:5px;line-height:1.6}
.shelf-add-grid{display:grid;grid-template-columns:minmax(320px,1.6fr) minmax(180px,.7fr) minmax(180px,.7fr) auto;gap:12px;align-items:end}
.shelf-add-grid label{display:grid;gap:7px;font-weight:800;color:#dbe7ff}.shelf-add-grid input{width:100%;height:44px;border-radius:14px}
.shelf-smart-select{position:relative;display:grid;gap:7px}.shelf-smart-select label{font-weight:800;color:#dbe7ff}
.shelf-medicine-dropdown{position:absolute;top:74px;right:0;left:0;z-index:150;background:#0d1728;border:1px solid rgba(147,164,199,.22);border-radius:16px;box-shadow:0 18px 38px rgba(0,0,0,.36);max-height:310px;overflow:auto;padding:8px}
.shelf-picker-option{width:100%;border:0;background:transparent;color:#f8fbff;display:grid;gap:4px;text-align:right;padding:10px 12px;border-radius:12px;cursor:pointer;border-bottom:1px solid rgba(147,164,199,.10)}
.shelf-picker-option:hover{background:rgba(34,197,94,.11)}.shelf-picker-option.assigned{background:rgba(245,158,11,.08)}.shelf-picker-option.assigned:hover{background:rgba(245,158,11,.14)}
.shelf-picker-name{font-weight:900;color:#fff}.shelf-picker-option small{color:#9fb3d9;font-size:12px}.shelf-picker-option.assigned small{color:#ffd88f}
.shelf-picker-empty{padding:14px;text-align:center;color:#9fb3d9}.selected-shelf-medicines{display:flex;gap:8px;flex-wrap:wrap;min-height:34px;align-items:center;margin-top:3px}
.selected-medicine-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.12);color:#dcfce7;border-radius:999px;padding:6px 10px;font-weight:800;cursor:pointer}.selected-medicine-pill.move{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.12);color:#ffe8a6}.selected-medicine-pill small{font-size:10px;background:rgba(245,158,11,.24);border-radius:999px;padding:2px 6px}.selected-medicine-pill b{font-size:14px;line-height:1;color:#fff}.shelf-primary-toggle{height:44px;align-content:center;white-space:nowrap}.shelf-add-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
@media(max-width:1100px){.shelf-add-grid{grid-template-columns:1fr 1fr}.shelf-smart-select{grid-column:1/-1}.shelf-primary-toggle{height:auto}}
@media(max-width:760px){.shelf-add-grid{grid-template-columns:1fr}.shelf-medicine-dropdown{top:74px}.shelf-add-actions .btn{width:100%}}

/* ===== branches management ===== */
.branch-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.branch-layout{align-items:start;margin-bottom:14px}
.branch-form label{display:grid;gap:7px;font-weight:800;color:#dbe7ff}
.branch-form input,.branch-form textarea{width:100%}
.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.form-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.branch-checks{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.toggle-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px;border:1px solid var(--line);background:#0b1326;border-radius:14px;padding:10px 12px;color:#dbe7ff!important}
.toggle-check input[type="checkbox"]{width:auto!important;height:auto!important;accent-color:#22c55e}
.branch-table td{vertical-align:top}
@media(max-width:1100px){.branch-summary-cards{grid-template-columns:1fr 1fr}.form-grid-3,.form-grid-4{grid-template-columns:1fr 1fr}.branch-layout{grid-template-columns:1fr}}
@media(max-width:760px){.branch-summary-cards,.form-grid-3,.form-grid-4{grid-template-columns:1fr}.branch-checks{display:grid}.toggle-check{width:100%}}


/* ===== AI Alternatives smart search ===== */
.ai-alt-smart-search{position:relative;align-items:center;gap:10px;flex-wrap:wrap}
.ai-alt-search-wrap{position:relative;flex:1;min-width:320px}
.ai-alt-search-wrap input[type="text"],
.ai-alt-search-wrap input[name="query"]{width:100%;height:46px;border-radius:14px;background:#0b1326;border:1px solid rgba(147,164,199,.24);color:#fff;padding:0 14px;outline:none}
.ai-alt-search-wrap input[name="query"]:focus{border-color:rgba(34,197,94,.55);box-shadow:0 0 0 3px rgba(34,197,94,.10)}
.ai-alt-suggestions{position:absolute;top:52px;right:0;left:0;z-index:130;background:#0f1b2d;border:1px solid rgba(147,164,199,.24);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.35);padding:8px;max-height:330px;overflow:auto}
.ai-alt-suggestion-item{width:100%;display:grid;gap:4px;border:0;background:transparent;color:#eef4ff;text-align:right;padding:11px 12px;border-radius:12px;cursor:pointer;border-bottom:1px solid rgba(147,164,199,.10)}
.ai-alt-suggestion-item:last-child{border-bottom:0}
.ai-alt-suggestion-item:hover,.ai-alt-suggestion-item.active{background:rgba(34,197,94,.12)}
.ai-alt-suggestion-name{font-weight:900;color:#fff;font-size:14px;line-height:1.35}
.ai-alt-suggestion-meta{color:#9fb3d9;font-size:12px;line-height:1.35}
.ai-alt-picker-panel{margin-bottom:14px}
@media(max-width:760px){.ai-alt-search-wrap{min-width:0;width:100%}.ai-alt-smart-search .btn{width:100%}}

/* ===== AI purchase suggestions upgrade ===== */
.ai-reorder-filter{margin-bottom:14px}
.ai-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.ai-filter-head h3{margin:0;color:#f4f8ff;font-size:18px;font-weight:900}
.ai-filter-head p{margin:6px 0 0;color:var(--muted);font-size:13px}
.ai-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}
.ai-filter-grid label{display:grid;gap:6px;color:#dbe7ff;font-weight:800;font-size:12px}
.ai-filter-grid label span{color:#cfe0ff}
.ai-filter-grid input,.ai-filter-grid select{width:100%;height:44px;border-radius:14px;background:#0b1326;border:1px solid var(--line);color:#f8fbff;padding:0 12px}
.ai-filter-grid .btn{height:44px;border-radius:14px}
.ai-reorder-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ai-reorder-explain{margin-bottom:14px;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(17,26,46,.92))}
.ai-reorder-explain h3{margin:0 0 8px;color:#f4f8ff;font-size:17px}
.ai-reorder-explain p{margin:0;color:#bcd0ef;line-height:1.7}
@media(max-width:1200px){.ai-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-reorder-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ai-filter-grid,.ai-reorder-cards{grid-template-columns:1fr}.ai-filter-head{display:grid}.ai-filter-head .btn{width:100%}}

/* ===== AI reorder cards click + table sorting/pagination ===== */
.ai-reorder-click-card,
.ai-reorder-click-card:link,
.ai-reorder-click-card:visited{
    display:block;
    text-decoration:none!important;
    color:var(--text)!important;
    transition:transform .15s,border-color .15s,box-shadow .15s;
}
.ai-reorder-click-card:hover{
    transform:translateY(-2px);
    border-color:rgba(34,197,94,.55)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 0 1px rgba(34,197,94,.14);
}
.ai-reorder-click-card.active{
    border-color:rgba(34,197,94,.75)!important;
    box-shadow:0 0 0 2px rgba(34,197,94,.18),0 18px 45px rgba(0,0,0,.34);
}
.ai-table-head{align-items:center;gap:12px;flex-wrap:wrap}
.ai-page-size-form{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}
.ai-page-size-form select{height:38px;border-radius:12px;padding:0 10px;min-width:76px}
.ai-sortable-table th a,
.ai-sortable-table th a:link,
.ai-sortable-table th a:visited{
    color:#bcd0ff;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-weight:900;
    white-space:nowrap;
}
.ai-sortable-table th a:hover{color:#ffffff;text-decoration:underline}
.ai-sortable-table td:nth-child(3),
.ai-sortable-table td:nth-child(4),
.ai-sortable-table td:nth-child(5),
.ai-sortable-table td:nth-child(6),
.ai-sortable-table td:nth-child(7){font-weight:800;color:#f3f7ff}
@media(max-width:760px){.ai-page-size-form{width:100%;justify-content:flex-start}.ai-sortable-table{min-width:980px}}

/* ===== hotfix: remove browser-blue sort links in AI purchase suggestions ===== */
.ai-sortable-table th,
.ai-sortable-table th a,
.ai-sortable-table th a:link,
.ai-sortable-table th a:visited,
.ai-sortable-table th a:active{
    color:#dbe7ff !important;
    text-decoration:none !important;
}
.ai-sortable-table th a:hover{
    color:#ffffff !important;
    text-decoration:none !important;
}
.ai-sortable-table thead th{
    color:#93a4c7 !important;
}
.ai-sortable-table thead th a{
    background:transparent !important;
    border:0 !important;
}

/* ===== AI stock predictions fix ===== */
.ai-stock-filter{margin-bottom:14px}
.ai-stock-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ai-stock-click-card,
.ai-stock-click-card:link,
.ai-stock-click-card:visited{display:block;text-decoration:none!important;color:var(--text)!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.ai-stock-click-card:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.55)!important;box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 0 1px rgba(34,197,94,.14)}
.ai-stock-click-card.active{border-color:rgba(34,197,94,.75)!important;box-shadow:0 0 0 2px rgba(34,197,94,.18),0 18px 45px rgba(0,0,0,.34)}
.ai-stock-explain{margin-bottom:14px;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(17,26,46,.92))}
.ai-stock-explain h3{margin:0 0 8px;color:#f4f8ff;font-size:17px}
.ai-stock-explain p{margin:0;color:#bcd0ef;line-height:1.7}
.ai-stock-table th a,.ai-stock-table th a:link,.ai-stock-table th a:visited,.ai-stock-table th a:active{color:#dbe7ff!important;text-decoration:none!important;font-weight:900;white-space:nowrap}
.ai-stock-table th a:hover{color:#ffffff!important;text-decoration:none!important}
.ai-stock-table td:nth-child(2),.ai-stock-table td:nth-child(3),.ai-stock-table td:nth-child(4),.ai-stock-table td:nth-child(5){font-weight:800;color:#f3f7ff}
@media(max-width:1200px){.ai-stock-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ai-stock-cards{grid-template-columns:1fr}.ai-stock-table{min-width:980px}}

/* ===== AI pages visual hotfix: compact cards + no blue/underlined sort links ===== */
/* Stock prediction cards should look like the normal small dashboard cards */
.ai-stock-cards{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-bottom:14px !important;
}
.ai-stock-click-card,
.ai-stock-click-card:link,
.ai-stock-click-card:visited{
    min-height:118px !important;
    padding:16px 18px !important;
    border-radius:20px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-end !important;
    text-align:right !important;
    overflow:hidden !important;
    color:#eaf0ff !important;
    text-decoration:none !important;
}
.ai-stock-click-card small{
    display:block !important;
    width:100% !important;
    color:#dbe7ff !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
    margin:0 !important;
    text-align:right !important;
}
.ai-stock-click-card .num{
    color:#ffffff !important;
    font-size:24px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    margin-top:8px !important;
}
.ai-stock-click-card .muted{
    color:#c6d4ef !important;
    font-size:13px !important;
    margin-top:8px !important;
    text-align:right !important;
}
.ai-stock-click-card:hover{
    transform:translateY(-2px) !important;
    text-decoration:none !important;
}
.ai-stock-click-card.active{
    border-color:rgba(34,197,94,.65) !important;
    box-shadow:0 0 0 2px rgba(34,197,94,.16),0 18px 40px rgba(0,0,0,.28) !important;
}

/* Make all sortable table headers match normal table header color, not browser blue */
.ai-sortable-table thead th,
.ai-sortable-table thead th a,
.ai-sortable-table thead th a:link,
.ai-sortable-table thead th a:visited,
.ai-sortable-table thead th a:active,
.ai-stock-table thead th,
.ai-stock-table thead th a,
.ai-stock-table thead th a:link,
.ai-stock-table thead th a:visited,
.ai-stock-table thead th a:active{
    color:#93a4c7 !important;
    text-decoration:none !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}
.ai-sortable-table thead th a:hover,
.ai-stock-table thead th a:hover{
    color:#dbe7ff !important;
    text-decoration:none !important;
    border-bottom:0 !important;
}

/* Remove underline from medicine names and any table links in the two AI pages */
.ai-sortable-table a,
.ai-sortable-table a:link,
.ai-sortable-table a:visited,
.ai-sortable-table a:active,
.ai-sortable-table a:hover,
.ai-stock-table a,
.ai-stock-table a:link,
.ai-stock-table a:visited,
.ai-stock-table a:active,
.ai-stock-table a:hover{
    text-decoration:none !important;
}
.ai-sortable-table tbody td a,
.ai-stock-table tbody td a{
    color:#eaf0ff !important;
}

@media(max-width:1200px){
    .ai-stock-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
    .ai-stock-cards{grid-template-columns:1fr !important;}
}


/* ===== REAL FINAL AI visual fix: no browser blue and compact stock cards ===== */
#content .ai-sortable-table thead th,
.main .ai-sortable-table thead th,
.ai-sortable-table thead th.ai-sort-header{
    color:#93a4c7 !important;
}
#content .ai-sortable-table thead th a.ai-table-sort-link,
#content .ai-sortable-table thead th a.ai-table-sort-link:link,
#content .ai-sortable-table thead th a.ai-table-sort-link:visited,
#content .ai-sortable-table thead th a.ai-table-sort-link:active,
.main .ai-sortable-table thead th a.ai-table-sort-link,
.main .ai-sortable-table thead th a.ai-table-sort-link:link,
.main .ai-sortable-table thead th a.ai-table-sort-link:visited,
.main .ai-sortable-table thead th a.ai-table-sort-link:active,
.ai-sortable-table thead th a.ai-table-sort-link,
.ai-sortable-table thead th a.ai-table-sort-link:link,
.ai-sortable-table thead th a.ai-table-sort-link:visited,
.ai-sortable-table thead th a.ai-table-sort-link:active{
    color:#93a4c7 !important;
    text-decoration:none !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
}
#content .ai-sortable-table thead th a.ai-table-sort-link:hover,
.main .ai-sortable-table thead th a.ai-table-sort-link:hover,
.ai-sortable-table thead th a.ai-table-sort-link:hover{
    color:#dbe7ff !important;
    text-decoration:none !important;
    border-bottom:0 !important;
}
.ai-stock-cards{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-bottom:14px !important;
    align-items:stretch !important;
}
.ai-stock-cards .ai-stock-click-card{
    min-height:118px !important;
    padding:16px 18px !important;
    border-radius:20px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-end !important;
    text-align:right !important;
    overflow:hidden !important;
    text-decoration:none !important;
    color:#eaf0ff !important;
}
.ai-stock-cards .ai-stock-click-card small{color:#dbe7ff !important;text-decoration:none !important;font-size:14px !important;line-height:1.4 !important;margin:0 !important}
.ai-stock-cards .ai-stock-click-card .num{color:#ffffff !important;text-decoration:none !important;font-size:24px !important;margin-top:8px !important;line-height:1.1 !important}
.ai-stock-cards .ai-stock-click-card .muted{color:#c6d4ef !important;text-decoration:none !important;font-size:13px !important;margin-top:8px !important}
.ai-stock-table a,
.ai-stock-table a:hover,
.ai-stock-table a:link,
.ai-stock-table a:visited,
.ai-stock-table a:active,
.ai-sortable-table a,
.ai-sortable-table a:hover,
.ai-sortable-table a:link,
.ai-sortable-table a:visited,
.ai-sortable-table a:active{
    text-decoration:none !important;
}
@media(max-width:1200px){.ai-stock-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:760px){.ai-stock-cards{grid-template-columns:1fr !important}}

/* Alternatives page pagination + stronger model UI */
.ai-alt-page-size-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#93a4c7;font-size:12px;font-weight:800}
.ai-alt-page-size-form select{height:36px;min-width:74px;border-radius:12px;padding:0 10px;background:#0b1326;border:1px solid var(--line);color:#eaf0ff}
.ai-alt-picker-panel .pager-wrap,.panel .pager-wrap{margin-top:14px}
.ai-alt-picker-panel table small{color:#93a4c7}
.ai-alt-picker-panel a,.ai-alt-picker-panel a:hover{text-decoration:none!important}

/* ===== alternatives accuracy + selected medicine card ===== */
.ai-selected-medicine-card{
    margin-bottom:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-color:rgba(34,197,94,.32)!important;
    background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(17,26,46,.96) 45%,rgba(56,189,248,.06))!important;
}
.ai-selected-medicine-card small{display:block;color:#93a4c7;font-size:12px;font-weight:800;margin-bottom:5px}
.ai-selected-medicine-card h3{margin:0;color:#fff;font-size:20px;font-weight:900}
.ai-selected-medicine-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ai-selected-medicine-meta span{display:inline-flex;gap:5px;align-items:center;border:1px solid rgba(147,164,199,.20);background:#0b1326;border-radius:999px;padding:7px 10px;color:#cfe0ff;font-size:12px;font-weight:700}
.ai-selected-medicine-meta b{color:#fff}
.ai-alt-picker-panel a,.ai-alt-picker-panel a:hover,.data-table a,.data-table a:hover{text-decoration:none!important}
@media(max-width:900px){.ai-selected-medicine-card{display:grid}.ai-selected-medicine-meta{justify-content:flex-start}}

/* Alternatives selected mode cleanup */
.ai-selected-medicine-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}
.ai-selected-medicine-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ai-selected-medicine-card h3{margin:4px 0;color:#f8fbff}
.ai-selected-medicine-card small{color:#93a4c7;font-weight:800}
@media(max-width:900px){.ai-selected-medicine-card{grid-template-columns:1fr}.ai-selected-medicine-actions{justify-content:flex-start}}

/* ===== Sort state + reset controls for AI tables ===== */
.ai-table-head{
    align-items:center;
    gap:12px;
}
.ai-sort-status-wrap{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
    margin-inline-start:auto;
}
.ai-sort-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:900;
    border:1px solid rgba(147,164,199,.24);
    background:#0b1326;
    color:#dbe7ff;
    white-space:nowrap;
}
.ai-sort-status.changed{
    border-color:rgba(34,197,94,.45);
    background:rgba(34,197,94,.13);
    color:#bbf7d0;
}
.ai-sort-status.default{
    color:#93a4c7;
}
.ai-sortable-table thead th.ai-sort-header a.ai-table-sort-link.active,
.ai-sortable-table thead th.ai-sort-header a.ai-table-sort-link.active:link,
.ai-sortable-table thead th.ai-sort-header a.ai-table-sort-link.active:visited,
.ai-stock-table thead th.ai-sort-header a.ai-table-sort-link.active,
.ai-stock-table thead th.ai-sort-header a.ai-table-sort-link.active:link,
.ai-stock-table thead th.ai-sort-header a.ai-table-sort-link.active:visited{
    color:#86efac !important;
    background:rgba(34,197,94,.10) !important;
    border:1px solid rgba(34,197,94,.24) !important;
    border-radius:999px !important;
    padding:5px 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    text-decoration:none !important;
}
.ai-sortable-table thead th.ai-sort-header a.ai-table-sort-link,
.ai-stock-table thead th.ai-sort-header a.ai-table-sort-link{
    color:#93a4c7 !important;
    text-decoration:none !important;
    border-bottom:0 !important;
}
.ai-sortable-table thead th.ai-sort-header a.ai-table-sort-link:hover,
.ai-stock-table thead th.ai-sort-header a.ai-table-sort-link:hover{
    color:#eaf0ff !important;
    text-decoration:none !important;
}

/* ===== Active/current state for sidebar ===== */
.sidebar .nav a.current,
.sidebar .nav a.active.current{
    background:linear-gradient(90deg,rgba(34,197,94,.30),rgba(56,189,248,.12)) !important;
    color:#ffffff !important;
    border:1px solid rgba(34,197,94,.34) !important;
    box-shadow:inset 4px 0 0 rgba(34,197,94,.95),0 10px 22px rgba(0,0,0,.18) !important;
    font-weight:900 !important;
}
.sidebar .nav a.current::after{
    content:"أنت هنا";
    margin-inline-start:auto;
    font-size:10px;
    color:#86efac;
    background:rgba(34,197,94,.14);
    border:1px solid rgba(34,197,94,.22);
    border-radius:999px;
    padding:3px 7px;
}
@media(max-width:900px){
    .ai-table-head{display:grid !important;grid-template-columns:1fr !important;align-items:start !important}
    .ai-sort-status-wrap{justify-content:flex-start;margin-inline-start:0}
}

/* unified date/year/month filters */
.unified-time-filter,
.advanced-time-filter{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px!important;
    align-items:end!important;
    margin-bottom:16px!important;
}
.unified-time-filter label,
.advanced-time-filter label{
    display:grid;
    gap:6px;
    color:#dbe7ff;
    font-weight:800;
    margin:0;
}
.unified-time-filter label span,
.advanced-time-filter label span{
    color:#93a4c7;
    font-size:12px;
}
.unified-time-filter select,
.unified-time-filter input,
.advanced-time-filter select,
.advanced-time-filter input{
    width:100%;
    height:44px;
}
.unified-time-filter .btn,
.advanced-time-filter .btn{height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1300px){.unified-time-filter,.advanced-time-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.unified-time-filter,.advanced-time-filter{grid-template-columns:1fr}}


/* Global branch selector and branch comparison */
.global-branch-form{border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.08);border-radius:16px;padding:10px 12px;margin:12px 0;display:grid;gap:6px}
.global-branch-form label{display:grid;gap:6px;color:#cfe0ff;font-weight:900;font-size:12px}
.global-branch-form select{width:100%;height:38px;border-radius:12px;background:#0b1326;border:1px solid rgba(147,164,199,.25);color:#ffffff;padding:0 10px}
.global-branch-form small{color:#86efac;font-weight:800;line-height:1.35}
.branch-scope-note{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.08);border-radius:999px;padding:8px 12px;color:#dfffe7;font-weight:900;margin-bottom:10px}
.branch-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.branch-comparison-card{border:1px solid rgba(147,164,199,.22);background:rgba(17,26,46,.86);border-radius:18px;padding:14px;display:grid;gap:8px;text-decoration:none;color:#fff}
.branch-comparison-card h4{margin:0;color:#ffffff;font-size:15px}.branch-comparison-card strong{font-size:22px;color:#86efac}.branch-comparison-card span{color:#cbd8f3;font-size:12px}
@media(max-width:1100px){.branch-comparison-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.branch-comparison-grid{grid-template-columns:1fr}}

/* ===== branch comparison charts/tables update ===== */
.comparison-master-filter{align-items:end}
.comparison-master-filter label{display:grid;gap:6px;min-width:150px;color:#cfe0ff;font-weight:800}
.comparison-master-filter label span{font-size:12px;color:#93a4c7}
.comparison-medicine-search{min-width:280px!important;flex:1}
.comparison-medicine-search input{width:100%;height:44px;border-radius:14px;background:#0b1326;border:1px solid var(--line);color:#fff;padding:0 12px}
.comparison-context-note{border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.08);border-radius:16px;padding:12px 14px;margin:0 0 14px;color:#dffbe6;font-weight:800;text-align:right}
.comparison-clean-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.comparison-clean-cards .card{min-height:112px;text-decoration:none;color:#fff}.comparison-clean-cards .card small,.comparison-clean-cards .card .muted,.comparison-clean-cards .card .num{color:#fff!important}
.branch-analysis-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.branch-analysis-grid .wide-chart-panel{grid-column:1 / -1}
.branch-chart-list{display:grid;gap:14px}.branch-chart-row{border:1px solid rgba(147,164,199,.18);background:#0b1326;border-radius:16px;padding:12px;display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:start}.branch-chart-name{font-weight:900;color:#fff}.branch-chart-metrics{display:grid;gap:8px}.branch-chart-metrics div{display:grid;grid-template-columns:90px 1fr 95px;gap:10px;align-items:center}.branch-chart-metrics span{color:#cbd7ef;font-size:12px;font-weight:800}.branch-chart-metrics b{color:#fff;font-size:12px;text-align:left}.branch-chart-metrics i{height:10px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8);display:block;min-width:2px}.branch-chart-metrics i.purchase{background:linear-gradient(90deg,#f59e0b,#facc15)}.branch-chart-metrics i.expense{background:linear-gradient(90deg,#a855f7,#38bdf8)}.branch-chart-metrics i.refund{background:linear-gradient(90deg,#ef4444,#f59e0b)}
.branch-purchase-chart,.medicine-branch-chart{height:260px;overflow-x:auto}.table-size-label{display:flex;align-items:center;gap:8px;color:#cfe0ff;font-weight:800}.table-size-label select{height:36px;border-radius:12px;background:#0b1326;border:1px solid var(--line);color:#fff;padding:0 10px}.pager-wrap[data-pager]{margin-top:12px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pager-wrap[data-pager] .pager-page{border:1px solid var(--line);background:#0b1326;color:#dbe7ff;min-width:34px;height:34px;border-radius:10px;font-weight:900;cursor:pointer}.pager-wrap[data-pager] .pager-page.active{background:linear-gradient(135deg,var(--brand),#16a34a);border-color:rgba(34,197,94,.4);color:#04130b}
@media(max-width:1200px){.comparison-clean-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-analysis-grid{grid-template-columns:1fr}.branch-chart-row{grid-template-columns:1fr}.branch-chart-metrics div{grid-template-columns:78px 1fr 80px}}
@media(max-width:760px){.comparison-clean-cards{grid-template-columns:1fr}.comparison-master-filter{display:grid;grid-template-columns:1fr}.comparison-master-filter label,.comparison-medicine-search{min-width:0!important;width:100%}.branch-chart-metrics div{grid-template-columns:1fr}.branch-chart-metrics b{text-align:right}.branch-chart-metrics i{width:100%!important}}

/* comparison page restore + readable chart values */
.comparison-readable-chart .comparison-bar b{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    top:-28px!important;
    right:50%!important;
    left:auto!important;
    transform:translateX(50%);
    min-width:48px;
    padding:3px 6px;
    border-radius:999px;
    background:rgba(11,19,38,.92);
    border:1px solid rgba(147,164,199,.28);
    color:#ffffff!important;
    font-size:11px!important;
    line-height:1;
    white-space:nowrap;
}
.comparison-readable-chart .comparison-bar span{
    color:#dbe7ff!important;
    font-weight:800;
}
.purchase-medicine-chart{height:270px!important;min-height:270px!important;margin-top:6px}
.purchase-medicine-chart .comparison-bar{flex:0 0 92px;min-width:92px;max-width:92px}
.branch-purchase-chart .comparison-bar{flex:0 0 110px;min-width:110px;max-width:110px}
.medicine-branch-chart .comparison-bar{flex:0 0 90px;min-width:90px;max-width:90px}
.comparison-context-note{border:1px solid rgba(34,197,94,.22);background:rgba(34,197,94,.08);border-radius:16px;padding:12px 14px;margin:0 0 14px;color:#dbe7ff;font-weight:800}
.comparison-master-filter .comparison-medicine-search{min-width:260px;flex:1}
@media(max-width:900px){.purchase-medicine-chart .comparison-bar,.branch-purchase-chart .comparison-bar,.medicine-branch-chart .comparison-bar{flex-basis:76px;min-width:76px;max-width:76px}}

/* ===== final comparison structure fix ===== */
.comparison-context-note{border:1px solid rgba(147,164,199,.18);background:rgba(11,19,38,.72);border-radius:18px;padding:12px 14px;margin:10px 0 14px;color:#dbe7ff;font-weight:800}
.comparison-clean-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.branch-only-charts,.medicine-only-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.branch-only-charts .chart-panel,.medicine-only-comparison-grid .chart-panel{min-height:310px}
.branch-only-charts .comparison-chart,.medicine-only-comparison-grid .comparison-chart{height:250px;padding-bottom:44px}
.branch-chart-row{border:1px solid rgba(147,164,199,.16);border-radius:16px;padding:12px;background:rgba(11,19,38,.65);margin-bottom:10px}.branch-chart-row.compact{padding:10px}
.branch-chart-name{font-weight:900;color:#fff;margin-bottom:8px}.branch-chart-metrics{display:grid;gap:8px}.branch-chart-metrics div{display:grid;grid-template-columns:90px 1fr 90px;gap:8px;align-items:center}.branch-chart-metrics span{color:#c8d7f1;font-size:12px;font-weight:800}.branch-chart-metrics i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#22c55e)}.branch-chart-metrics i.purchase{background:linear-gradient(90deg,#f59e0b,#facc15)}.branch-chart-metrics i.expense{background:linear-gradient(90deg,#a855f7,#38bdf8)}.branch-chart-metrics i.refund{background:linear-gradient(90deg,#ef4444,#f97316)}.branch-chart-metrics b{color:#fff;font-size:12px;text-align:left}.comparison-readable-chart .comparison-bar b{top:-28px;background:rgba(11,19,38,.92);border:1px solid rgba(147,164,199,.22);border-radius:8px;padding:2px 4px;color:#fff}.comparison-readable-chart .comparison-bar span{bottom:-42px;color:#dbe7ff;font-weight:800;max-width:120px;overflow:hidden;text-overflow:ellipsis}.comparison-bar.profit{background:linear-gradient(180deg,#a855f7,#22d3ee)}.comparison-bar.expense{background:linear-gradient(180deg,#a855f7,#38bdf8)}.medicine-compare-filter-panel{border-color:rgba(34,197,94,.28);background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(17,26,46,.92))}.medicine-dual-filter{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:end}.medicine-dual-filter label{display:grid;gap:6px}.locked-medicine-compare{border:1px dashed rgba(147,164,199,.32);text-align:center}.locked-medicine-compare h3{margin:0 0 8px}.table-size-label{margin-inline-start:auto}.branch-summary-cards + .grid.two{margin-top:12px}@media(max-width:1200px){.comparison-clean-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-only-charts,.medicine-only-comparison-grid{grid-template-columns:1fr}.medicine-dual-filter{grid-template-columns:1fr 1fr}}@media(max-width:760px){.comparison-clean-cards,.medicine-dual-filter{grid-template-columns:1fr}.branch-chart-metrics div{grid-template-columns:70px 1fr 70px}}

/* ===== Theme switcher: multiple visual themes ===== */
html[data-theme="midnight"]{
  --bg:#0b1220;--bg2:#07111f;--panel:#111a2e;--panel2:#16223a;--surface:#0b1326;--text:#eaf0ff;--muted:#93a4c7;--brand:#22c55e;--brand2:#16a34a;--accent:#38bdf8;--danger:#ef4444;--warn:#f59e0b;--line:#24324f;--sidebar:#111a2e;--soft:#1d2b47;--shadow:rgba(0,0,0,.26);
}
html[data-theme="emerald"]{
  --bg:#061713;--bg2:#03110e;--panel:#0b241f;--panel2:#12342d;--surface:#08201b;--text:#ecfff7;--muted:#9ed5c4;--brand:#34d399;--brand2:#059669;--accent:#2dd4bf;--danger:#fb7185;--warn:#fbbf24;--line:#1d4d43;--sidebar:#08201b;--soft:#12382f;--shadow:rgba(0,0,0,.24);
}
html[data-theme="royal"]{
  --bg:#130f24;--bg2:#0c0820;--panel:#1e1836;--panel2:#2a2150;--surface:#16112b;--text:#f4efff;--muted:#c0b3e6;--brand:#a78bfa;--brand2:#7c3aed;--accent:#f472b6;--danger:#fb7185;--warn:#fbbf24;--line:#41366f;--sidebar:#17122c;--soft:#2a2350;--shadow:rgba(0,0,0,.28);
}
html[data-theme="slate"]{
  --bg:#101418;--bg2:#090d11;--panel:#18212b;--panel2:#202b38;--surface:#111923;--text:#f0f5fb;--muted:#a9b8ca;--brand:#60a5fa;--brand2:#2563eb;--accent:#94a3b8;--danger:#f87171;--warn:#f59e0b;--line:#334155;--sidebar:#141d27;--soft:#243244;--shadow:rgba(0,0,0,.25);
}
html[data-theme="light"]{
  --bg:#eef4fb;--bg2:#f8fbff;--panel:#ffffff;--panel2:#f3f7fc;--surface:#f8fbff;--text:#0f172a;--muted:#64748b;--brand:#16a34a;--brand2:#15803d;--accent:#0284c7;--danger:#dc2626;--warn:#d97706;--line:#d7e0eb;--sidebar:#ffffff;--soft:#e8eef7;--shadow:rgba(15,23,42,.10);
}

html[data-theme] body{background:linear-gradient(135deg,var(--bg2),var(--bg) 55%,var(--bg2))!important;color:var(--text)!important;transition:background .2s,color .2s}
html[data-theme] .sidebar{background:color-mix(in srgb,var(--sidebar) 94%,transparent)!important;border-left-color:var(--line)!important;box-shadow:0 16px 45px var(--shadow)}
html[data-theme] .card,
html[data-theme] .panel,
html[data-theme] .pos-panel,
html[data-theme] .glossy,
html[data-theme] .compact-panel,
html[data-theme] .search-card,
html[data-theme] .filters,
html[data-theme] .pro-filter,
html[data-theme] .zone-box,
html[data-theme] .kpi-mini,
html[data-theme] .notification-card,
html[data-theme] .notification-row-card,
html[data-theme] .metric-filter-panel,
html[data-theme] .dashboard-owner-alerts-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--surface) 96%,transparent))!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
  box-shadow:0 18px 40px var(--shadow)!important;
}
html[data-theme] .dashboard-hero .card,
html[data-theme] .metric-card,
html[data-theme] .inventory-card,
html[data-theme] .medicine-fixed-card{
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--panel)),var(--panel) 45%,color-mix(in srgb,var(--accent) 10%,var(--surface)))!important;
  border-color:color-mix(in srgb,var(--brand) 35%,var(--line))!important;
}
html[data-theme] .brand span,
html[data-theme] .section-head a,
html[data-theme] .metric-link{color:var(--brand)!important}
html[data-theme] .sub,
html[data-theme] .muted,
html[data-theme] .notification-message,
html[data-theme] .notification-date,
html[data-theme] small{color:var(--muted)!important}
html[data-theme] .page-title h1{background:linear-gradient(90deg,var(--text),var(--brand))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme] .page-title p{color:var(--muted)!important}
html[data-theme] .nav a{color:var(--text)!important}
html[data-theme] .nav a:hover,
html[data-theme] .nav a.active,
html[data-theme] .nav a.current{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 26%,transparent),color-mix(in srgb,var(--accent) 14%,transparent))!important;color:var(--text)!important;outline:1px solid color-mix(in srgb,var(--brand) 55%,transparent)}
html[data-theme] .nav a.current::after{background:var(--brand)!important;color:var(--bg2)!important}
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea,
html[data-theme] .search-card input,
html[data-theme] .filters input,
html[data-theme] .filters select,
html[data-theme] #medicineSearchForm .medicines-search-input-wrap input,
html[data-theme] #medicineSearchForm select{
  background:var(--surface)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)!important}
html[data-theme] th{color:var(--muted)!important;border-bottom-color:var(--line)!important}
html[data-theme] td{color:var(--text)!important;border-bottom-color:var(--line)!important}
html[data-theme] table{color:var(--text)!important}
html[data-theme] .btn-primary,.theme-option.active{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#03130a!important}
html[data-theme] .btn-soft,
html[data-theme] .side-scroll,
html[data-theme] .pager-page,
html[data-theme] .chip,
html[data-theme] .shortcut{background:var(--soft)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme] .btn-danger{background:var(--danger)!important;color:#fff!important}
html[data-theme] .bar,
html[data-theme] .comparison-bar{background:linear-gradient(180deg,var(--accent),var(--brand))!important}
html[data-theme] .success{background:color-mix(in srgb,var(--brand) 18%,transparent)!important;color:color-mix(in srgb,var(--brand) 70%,var(--text))!important}
html[data-theme] .warning{background:color-mix(in srgb,var(--warn) 18%,transparent)!important;color:color-mix(in srgb,var(--warn) 70%,var(--text))!important}
html[data-theme] .danger{background:color-mix(in srgb,var(--danger) 18%,transparent)!important;color:color-mix(in srgb,var(--danger) 70%,var(--text))!important}

.theme-switcher{margin:12px 0 10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 82%,transparent)}
.theme-switcher-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-weight:900;color:var(--text)}
.theme-switcher-head small{font-size:11px;color:var(--muted)!important}
.theme-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.theme-option{border:1px solid var(--line);border-radius:12px;min-height:34px;cursor:pointer;font-size:11px;font-weight:900;color:#fff;padding:0 4px;transition:.15s;box-shadow:0 8px 18px var(--shadow)}
.theme-option:hover{transform:translateY(-1px)}
.theme-option.midnight{background:linear-gradient(135deg,#0b1220,#22c55e)}
.theme-option.emerald{background:linear-gradient(135deg,#064e3b,#34d399)}
.theme-option.royal{background:linear-gradient(135deg,#312e81,#f472b6)}
.theme-option.light{background:linear-gradient(135deg,#ffffff,#16a34a);color:#0f172a!important}
.theme-option.slate{background:linear-gradient(135deg,#111827,#60a5fa)}
.theme-option.active{outline:2px solid color-mix(in srgb,var(--brand) 80%,white);outline-offset:2px}

html[data-theme="light"] .sidebar{border-left-color:#d7e0eb!important}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .pos-panel,
html[data-theme="light"] .glossy{box-shadow:0 16px 35px rgba(15,23,42,.09)!important}
html[data-theme="light"] .btn-primary{color:#fff!important}
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .nav a.active,
html[data-theme="light"] .nav a.current{color:#0f172a!important}
html[data-theme="light"] .page-title h1{background:linear-gradient(90deg,#0f172a,#16a34a)!important;-webkit-background-clip:text!important;color:transparent!important}
html[data-theme="light"] .badge.success{color:#166534!important}
html[data-theme="light"] .badge.warning{color:#92400e!important}
html[data-theme="light"] .badge.danger{color:#991b1b!important}

@media(max-width:1000px){.theme-options{grid-template-columns:repeat(5,minmax(0,1fr))}.theme-switcher{max-width:520px}}

/* ===== fixed default Theme 12: Clinic Blue Light ===== */
html[data-theme="clinic-blue-light"]{
  --bg:#eef5ff;--bg2:#f8fbff;--panel:#ffffff;--panel2:#e6f0ff;--surface:#f8fbff;--text:#102033;--muted:#64748b;--brand:#2563eb;--brand2:#1d4ed8;--accent:#06b6d4;--danger:#ef4444;--warn:#f59e0b;--line:#d6e4f5;--sidebar:#ffffff;--soft:#e6f0ff;--shadow:rgba(15,23,42,.10);
}
html[data-theme="clinic-blue-light"] body{background:linear-gradient(135deg,#f8fbff,#eef5ff 58%,#e6f0ff)!important;color:var(--text)!important}
html[data-theme="clinic-blue-light"] .sidebar{background:#ffffff!important;border-left:1px solid var(--line)!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important}
html[data-theme="clinic-blue-light"] .card,
html[data-theme="clinic-blue-light"] .panel,
html[data-theme="clinic-blue-light"] .pos-panel,
html[data-theme="clinic-blue-light"] .glossy,
html[data-theme="clinic-blue-light"] .compact-panel,
html[data-theme="clinic-blue-light"] .search-card,
html[data-theme="clinic-blue-light"] .filters,
html[data-theme="clinic-blue-light"] .pro-filter,
html[data-theme="clinic-blue-light"] .zone-box,
html[data-theme="clinic-blue-light"] .shelf-card,
html[data-theme="clinic-blue-light"] .kpi-mini{
  background:#ffffff!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
}
html[data-theme="clinic-blue-light"] .dashboard-hero .card,
html[data-theme="clinic-blue-light"] .inventory-card,
html[data-theme="clinic-blue-light"] .medicine-fixed-card{
  background:linear-gradient(135deg,#ffffff,#f4f9ff 55%,#e8f6ff)!important;border-color:#cfe2f7!important;
}
html[data-theme="clinic-blue-light"] .metric-card.profit{background:linear-gradient(135deg,#ffffff,#f0f7ff 50%,#e3f2ff)!important;border-color:#cfe2f7!important}
html[data-theme="clinic-blue-light"] .metric-card.revenue{background:linear-gradient(135deg,#ffffff,#f0fff8 50%,#e5f8f0)!important;border-color:#c9eadc!important}
html[data-theme="clinic-blue-light"] .metric-card.expense{background:linear-gradient(135deg,#ffffff,#fff8ec 50%,#fff0d7)!important;border-color:#f5ddad!important}
html[data-theme="clinic-blue-light"] .metric-card.refund{background:linear-gradient(135deg,#ffffff,#fff1f2 50%,#ffe4e6)!important;border-color:#fecdd3!important}
html[data-theme="clinic-blue-light"] .brand,
html[data-theme="clinic-blue-light"] .card .num,
html[data-theme="clinic-blue-light"] .metric-card .num,
html[data-theme="clinic-blue-light"] b,
html[data-theme="clinic-blue-light"] strong,
html[data-theme="clinic-blue-light"] td{color:var(--text)!important}
html[data-theme="clinic-blue-light"] .brand span,
html[data-theme="clinic-blue-light"] .section-head a,
html[data-theme="clinic-blue-light"] .metric-link{color:var(--brand)!important}
html[data-theme="clinic-blue-light"] .sub,
html[data-theme="clinic-blue-light"] .muted,
html[data-theme="clinic-blue-light"] small{color:var(--muted)!important}
html[data-theme="clinic-blue-light"] .page-title h1{background:linear-gradient(90deg,#102033,#2563eb)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme="clinic-blue-light"] .nav a{color:#20314a!important}
html[data-theme="clinic-blue-light"] .nav a:hover,
html[data-theme="clinic-blue-light"] .nav a.active,
html[data-theme="clinic-blue-light"] .nav a.current{background:linear-gradient(90deg,#dbeafe,#e0f2fe)!important;color:#0f172a!important;outline:1px solid #bfdbfe!important}
html[data-theme="clinic-blue-light"] .nav a.current::after{background:#2563eb!important;color:#fff!important}
html[data-theme="clinic-blue-light"] input,
html[data-theme="clinic-blue-light"] select,
html[data-theme="clinic-blue-light"] textarea{
  background:#f8fbff!important;border-color:#d6e4f5!important;color:#102033!important;
}
html[data-theme="clinic-blue-light"] th{color:#64748b!important;border-bottom-color:#d6e4f5!important}
html[data-theme="clinic-blue-light"] td{border-bottom-color:#d6e4f5!important}
html[data-theme="clinic-blue-light"] .btn-primary{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#ffffff!important}
html[data-theme="clinic-blue-light"] .btn-soft,
html[data-theme="clinic-blue-light"] .side-scroll,
html[data-theme="clinic-blue-light"] .pager-page,
html[data-theme="clinic-blue-light"] .chip{background:#e6f0ff!important;border-color:#d6e4f5!important;color:#102033!important}
html[data-theme="clinic-blue-light"] .success{background:#dcfce7!important;color:#166534!important}
html[data-theme="clinic-blue-light"] .warning{background:#fef3c7!important;color:#92400e!important}
html[data-theme="clinic-blue-light"] .danger{background:#fee2e2!important;color:#991b1b!important}
html[data-theme="clinic-blue-light"] .bar,
html[data-theme="clinic-blue-light"] .comparison-bar{background:linear-gradient(180deg,#06b6d4,#2563eb)!important}
html[data-theme="clinic-blue-light"] .global-branch-form,
html[data-theme="clinic-blue-light"] .theme-switcher{background:#f8fbff!important;border-color:#d6e4f5!important;color:#102033!important}
html[data-theme="clinic-blue-light"] .theme-switcher{display:none!important}

/* ===== clickable location summary cards ===== */
.location-summary-cards .location-summary-card{display:block;text-decoration:none;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.location-summary-cards .location-summary-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.45)!important}
.location-summary-cards .location-summary-card.active{outline:2px solid var(--brand);outline-offset:2px}
.location-card-details{margin:0 0 16px}.location-card-details .section-head .btn{margin-inline-start:auto}

/* ===== UI readability hotfix: clinic blue light ===== */
html[data-theme="clinic-blue-light"] .medicine-fixed-card,
html[data-theme="clinic-blue-light"] .inventory-card,
html[data-theme="clinic-blue-light"] .metric-card{
  color:#102033!important;
}
html[data-theme="clinic-blue-light"] .medicine-fixed-card small,
html[data-theme="clinic-blue-light"] .medicine-fixed-card .num,
html[data-theme="clinic-blue-light"] .medicine-fixed-card .muted,
html[data-theme="clinic-blue-light"] .medicine-fixed-card .metric-link,
html[data-theme="clinic-blue-light"] .inventory-card small,
html[data-theme="clinic-blue-light"] .inventory-card .num,
html[data-theme="clinic-blue-light"] .inventory-card .muted,
html[data-theme="clinic-blue-light"] .metric-card small,
html[data-theme="clinic-blue-light"] .metric-card .num,
html[data-theme="clinic-blue-light"] .metric-card .muted,
html[data-theme="clinic-blue-light"] .metric-card .metric-link{
  color:#102033!important;
}
html[data-theme="clinic-blue-light"] .medicine-fixed-card .muted,
html[data-theme="clinic-blue-light"] .inventory-card .muted,
html[data-theme="clinic-blue-light"] .metric-card .muted,
html[data-theme="clinic-blue-light"] .medicine-fixed-card small,
html[data-theme="clinic-blue-light"] .inventory-card small,
html[data-theme="clinic-blue-light"] .metric-card small{
  color:#52657f!important;
}
html[data-theme="clinic-blue-light"] .medicine-fixed-card .metric-link,
html[data-theme="clinic-blue-light"] .metric-card .metric-link{
  color:#1d4ed8!important;
  font-weight:900!important;
}

html[data-theme="clinic-blue-light"] .ai-selected-medicine-card{
  background:linear-gradient(135deg,#ffffff,#f4f9ff 55%,#e9f4ff)!important;
  border:1px solid #cfe2f7!important;
  color:#102033!important;
}
html[data-theme="clinic-blue-light"] .ai-selected-medicine-card small,
html[data-theme="clinic-blue-light"] .ai-selected-medicine-card .muted{
  color:#52657f!important;
}
html[data-theme="clinic-blue-light"] .ai-selected-medicine-card h3,
html[data-theme="clinic-blue-light"] .ai-selected-medicine-card b{
  color:#102033!important;
}
html[data-theme="clinic-blue-light"] .ai-selected-medicine-meta span{
  background:#eff6ff!important;
  border:1px solid #cfe2f7!important;
  color:#102033!important;
}
html[data-theme="clinic-blue-light"] .ai-selected-medicine-actions .btn-soft{
  background:#e8f0ff!important;
  color:#102033!important;
}
html[data-theme="clinic-blue-light"] .data-table small,
html[data-theme="clinic-blue-light"] .empty-row,
html[data-theme="clinic-blue-light"] .empty-state,
html[data-theme="clinic-blue-light"] .table-size-label{
  color:#52657f!important;
}
html[data-theme="clinic-blue-light"] .badge.success{background:#dcfce7!important;color:#166534!important}
html[data-theme="clinic-blue-light"] .badge.warning{background:#fef3c7!important;color:#92400e!important}
html[data-theme="clinic-blue-light"] .badge.danger{background:#fee2e2!important;color:#991b1b!important}

html[data-theme="clinic-blue-light"] .notification-row-card{
  background:linear-gradient(145deg,#ffffff,#f8fbff)!important;
  border:1px solid #d6e4f5!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
}
html[data-theme="clinic-blue-light"] .notification-row-card.focused{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 2px rgba(37,99,235,.10),0 12px 26px rgba(15,23,42,.08)!important;
}
html[data-theme="clinic-blue-light"] .notification-row-title{color:#102033!important}
html[data-theme="clinic-blue-light"] .notification-row-message{color:#334155!important}
html[data-theme="clinic-blue-light"] .notification-row-date,
html[data-theme="clinic-blue-light"] .notification-read-state{color:#64748b!important}
html[data-theme="clinic-blue-light"] .notification-row-actions .btn-soft{
  background:#eef4ff!important;
  color:#102033!important;
}

html[data-theme="clinic-blue-light"] .comparison-context-note{
  background:#f8fbff!important;
  border:1px solid #d6e4f5!important;
  color:#102033!important;
}
html[data-theme="clinic-blue-light"] .branch-only-charts .chart-panel,
html[data-theme="clinic-blue-light"] .medicine-only-comparison-grid .chart-panel{
  background:#ffffff!important;
  border:1px solid #d6e4f5!important;
}
html[data-theme="clinic-blue-light"] .comparison-chart{
  border-bottom:1px solid #d6e4f5!important;
}
html[data-theme="clinic-blue-light"] .comparison-readable-chart .comparison-bar b{
  background:#102033!important;
  border:1px solid #0ea5e9!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(15,23,42,.14)!important;
}
html[data-theme="clinic-blue-light"] .comparison-readable-chart .comparison-bar span{
  color:#334155!important;
  font-weight:900!important;
}
html[data-theme="clinic-blue-light"] .comparison-bar{background:linear-gradient(180deg,#06b6d4,#2563eb)!important}
html[data-theme="clinic-blue-light"] .comparison-bar.profit{background:linear-gradient(180deg,#8b5cf6,#2563eb)!important}
html[data-theme="clinic-blue-light"] .comparison-bar.expense{background:linear-gradient(180deg,#f59e0b,#f97316)!important}
html[data-theme="clinic-blue-light"] .comparison-bar.purchase{background:linear-gradient(180deg,#22c55e,#16a34a)!important}
html[data-theme="clinic-blue-light"] .comparison-bar.danger-bar{background:linear-gradient(180deg,#ef4444,#f97316)!important}
html[data-theme="clinic-blue-light"] .branch-chart-row{
  background:#f8fbff!important;
  border:1px solid #d6e4f5!important;
}
html[data-theme="clinic-blue-light"] .branch-chart-name,
html[data-theme="clinic-blue-light"] .branch-chart-metrics b{color:#102033!important}
html[data-theme="clinic-blue-light"] .branch-chart-metrics span{color:#52657f!important}
html[data-theme="clinic-blue-light"] .branch-chart-metrics i{background:linear-gradient(90deg,#06b6d4,#2563eb)!important}
html[data-theme="clinic-blue-light"] .branch-chart-metrics i.purchase{background:linear-gradient(90deg,#22c55e,#16a34a)!important}
html[data-theme="clinic-blue-light"] .branch-chart-metrics i.expense{background:linear-gradient(90deg,#f59e0b,#f97316)!important}
html[data-theme="clinic-blue-light"] .branch-chart-metrics i.refund{background:linear-gradient(90deg,#ef4444,#fb7185)!important}

html[data-theme="clinic-blue-light"] .pager-page.active,
html[data-theme="clinic-blue-light"] .pager-wrap[data-pager] .pager-page.active{
  color:#ffffff!important;
}


/* ===== fixed default Theme 22: Dark Ocean ===== */
html[data-theme="dark-ocean"]{
  --bg:#03111f;--bg2:#06192c;--panel:#0b2440;--panel2:#12385e;--surface:#081b31;--text:#eaf6ff;--muted:#92b4d0;--brand:#0ea5e9;--brand2:#0284c7;--accent:#22c55e;--danger:#f43f5e;--warn:#fbbf24;--line:#1f4d75;--sidebar:#06192c;--soft:#0d2743;--shadow:rgba(0,0,0,.32);
}
html[data-theme="dark-ocean"] body{background:linear-gradient(135deg,#03111f,#06192c 55%,#0b2440)!important;color:var(--text)!important}
html[data-theme="dark-ocean"] .sidebar{background:#06192c!important;border-left:1px solid var(--line)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
html[data-theme="dark-ocean"] .brand, html[data-theme="dark-ocean"] .brand span, html[data-theme="dark-ocean"] .page-title p, html[data-theme="dark-ocean"] .sub{ text-shadow:none!important; }
html[data-theme="dark-ocean"] .card,
html[data-theme="dark-ocean"] .panel,
html[data-theme="dark-ocean"] .pos-panel,
html[data-theme="dark-ocean"] .glossy,
html[data-theme="dark-ocean"] .compact-panel,
html[data-theme="dark-ocean"] .search-card,
html[data-theme="dark-ocean"] .filters,
html[data-theme="dark-ocean"] .pro-filter,
html[data-theme="dark-ocean"] .zone-box,
html[data-theme="dark-ocean"] .shelf-card,
html[data-theme="dark-ocean"] .kpi-mini,
html[data-theme="dark-ocean"] .notification-row-card,
html[data-theme="dark-ocean"] .dashboard-owner-alerts-card,
html[data-theme="dark-ocean"] .metric-filter-panel{
  background:linear-gradient(145deg,#0b2440,#081b31)!important;
  border-color:#1f4d75!important;
  color:#eaf6ff!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
}
html[data-theme="dark-ocean"] .dashboard-hero .card,
html[data-theme="dark-ocean"] .metric-card,
html[data-theme="dark-ocean"] .inventory-card,
html[data-theme="dark-ocean"] .medicine-fixed-card{
  background:linear-gradient(135deg,rgba(14,165,233,.18),#0b2440 42%,rgba(34,197,94,.10))!important;
  border-color:rgba(14,165,233,.32)!important;
}
html[data-theme="dark-ocean"] .metric-card.profit{border-color:rgba(14,165,233,.38)!important}
html[data-theme="dark-ocean"] .metric-card.revenue{border-color:rgba(34,197,94,.36)!important}
html[data-theme="dark-ocean"] .metric-card.expense{border-color:rgba(251,191,36,.34)!important}
html[data-theme="dark-ocean"] .metric-card.refund{border-color:rgba(244,63,94,.34)!important}
html[data-theme="dark-ocean"] .brand,
html[data-theme="dark-ocean"] .card .num,
html[data-theme="dark-ocean"] .metric-card .num,
html[data-theme="dark-ocean"] .inventory-card .num,
html[data-theme="dark-ocean"] .medicine-fixed-card .num,
html[data-theme="dark-ocean"] b,
html[data-theme="dark-ocean"] strong,
html[data-theme="dark-ocean"] td{color:#eaf6ff!important}
html[data-theme="dark-ocean"] .brand span,
html[data-theme="dark-ocean"] .section-head a,
html[data-theme="dark-ocean"] .metric-link{color:#38bdf8!important}
html[data-theme="dark-ocean"] .sub,
html[data-theme="dark-ocean"] .muted,
html[data-theme="dark-ocean"] small,
html[data-theme="dark-ocean"] .notification-row-date,
html[data-theme="dark-ocean"] .notification-read-state,
html[data-theme="dark-ocean"] .table-size-label{color:#92b4d0!important}
html[data-theme="dark-ocean"] .page-title h1{background:linear-gradient(90deg,#eaf6ff,#38bdf8)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme="dark-ocean"] .nav a{color:#dbeefe!important}
html[data-theme="dark-ocean"] .nav a:hover,
html[data-theme="dark-ocean"] .nav a.active,
html[data-theme="dark-ocean"] .nav a.current{background:linear-gradient(90deg,rgba(14,165,233,.24),rgba(34,197,94,.14))!important;color:#ffffff!important;outline:1px solid rgba(56,189,248,.32)!important}
html[data-theme="dark-ocean"] .nav a.current::after{background:#0ea5e9!important;color:#03111f!important}
html[data-theme="dark-ocean"] input,
html[data-theme="dark-ocean"] select,
html[data-theme="dark-ocean"] textarea,
html[data-theme="dark-ocean"] #medicineSearchForm .medicines-search-input-wrap input,
html[data-theme="dark-ocean"] #medicineSearchForm select{
  background:#081b31!important;border-color:#1f4d75!important;color:#eaf6ff!important;
}
html[data-theme="dark-ocean"] input::placeholder,
html[data-theme="dark-ocean"] textarea::placeholder{color:#8fb1cf!important}
html[data-theme="dark-ocean"] th{color:#92b4d0!important;border-bottom-color:#1f4d75!important}
html[data-theme="dark-ocean"] td{border-bottom-color:#1f4d75!important}
html[data-theme="dark-ocean"] .btn-primary{background:linear-gradient(135deg,#0ea5e9,#22c55e)!important;color:#03111f!important}
html[data-theme="dark-ocean"] .btn-soft,
html[data-theme="dark-ocean"] .side-scroll,
html[data-theme="dark-ocean"] .pager-page,
html[data-theme="dark-ocean"] .chip{background:#0d2743!important;border-color:#1f4d75!important;color:#eaf6ff!important}
html[data-theme="dark-ocean"] .success{background:rgba(34,197,94,.18)!important;color:#86efac!important}
html[data-theme="dark-ocean"] .warning{background:rgba(251,191,36,.18)!important;color:#fde68a!important}
html[data-theme="dark-ocean"] .danger{background:rgba(244,63,94,.18)!important;color:#fda4af!important}
html[data-theme="dark-ocean"] .badge.success{background:rgba(34,197,94,.18)!important;color:#86efac!important}
html[data-theme="dark-ocean"] .badge.warning{background:rgba(251,191,36,.18)!important;color:#fde68a!important}
html[data-theme="dark-ocean"] .badge.danger{background:rgba(244,63,94,.18)!important;color:#fda4af!important}
html[data-theme="dark-ocean"] .comparison-bar{background:linear-gradient(180deg,#0ea5e9,#22c55e)!important}
html[data-theme="dark-ocean"] .comparison-bar.profit{background:linear-gradient(180deg,#38bdf8,#0ea5e9)!important}
html[data-theme="dark-ocean"] .comparison-bar.expense{background:linear-gradient(180deg,#fbbf24,#f59e0b)!important}
html[data-theme="dark-ocean"] .comparison-bar.purchase{background:linear-gradient(180deg,#22c55e,#16a34a)!important}
html[data-theme="dark-ocean"] .comparison-bar.danger-bar{background:linear-gradient(180deg,#f43f5e,#fb7185)!important}
html[data-theme="dark-ocean"] .comparison-readable-chart .comparison-bar b{color:#eaf6ff!important}
html[data-theme="dark-ocean"] .comparison-readable-chart .comparison-bar span{color:#92b4d0!important}
html[data-theme="dark-ocean"] .branch-chart-row{background:#0a213a!important;border-color:#1f4d75!important}
html[data-theme="dark-ocean"] .branch-chart-name,
html[data-theme="dark-ocean"] .branch-chart-metrics b{color:#eaf6ff!important}
html[data-theme="dark-ocean"] .branch-chart-metrics span{color:#92b4d0!important}
html[data-theme="dark-ocean"] .branch-chart-metrics i{background:linear-gradient(90deg,#0ea5e9,#22c55e)!important}
html[data-theme="dark-ocean"] .branch-chart-metrics i.purchase{background:linear-gradient(90deg,#22c55e,#16a34a)!important}
html[data-theme="dark-ocean"] .branch-chart-metrics i.expense{background:linear-gradient(90deg,#fbbf24,#f59e0b)!important}
html[data-theme="dark-ocean"] .branch-chart-metrics i.refund{background:linear-gradient(90deg,#f43f5e,#fb7185)!important}
html[data-theme="dark-ocean"] .notification-row-title{color:#eaf6ff!important}
html[data-theme="dark-ocean"] .notification-row-message{color:#d7e9f8!important}
html[data-theme="dark-ocean"] .notification-row-actions .btn-soft{background:#0d2743!important;color:#eaf6ff!important}
html[data-theme="dark-ocean"] .ai-selected-medicine-card{
  background:linear-gradient(135deg,#0a213a,#0b2440 55%,#12385e)!important;
  border:1px solid #1f4d75!important;color:#eaf6ff!important;
}
html[data-theme="dark-ocean"] .ai-selected-medicine-card small,
html[data-theme="dark-ocean"] .ai-selected-medicine-card .muted{color:#92b4d0!important}
html[data-theme="dark-ocean"] .ai-selected-medicine-card h3,
html[data-theme="dark-ocean"] .ai-selected-medicine-card b{color:#eaf6ff!important}
html[data-theme="dark-ocean"] .ai-selected-medicine-meta span{background:#0d2743!important;border:1px solid #1f4d75!important;color:#eaf6ff!important}
html[data-theme="dark-ocean"] .medicine-fixed-card,
html[data-theme="dark-ocean"] .inventory-card,
html[data-theme="dark-ocean"] .metric-card{color:#eaf6ff!important}
html[data-theme="dark-ocean"] .medicine-fixed-card small,
html[data-theme="dark-ocean"] .medicine-fixed-card .num,
html[data-theme="dark-ocean"] .medicine-fixed-card .muted,
html[data-theme="dark-ocean"] .medicine-fixed-card .metric-link,
html[data-theme="dark-ocean"] .inventory-card small,
html[data-theme="dark-ocean"] .inventory-card .num,
html[data-theme="dark-ocean"] .inventory-card .muted,
html[data-theme="dark-ocean"] .metric-card small,
html[data-theme="dark-ocean"] .metric-card .num,
html[data-theme="dark-ocean"] .metric-card .muted,
html[data-theme="dark-ocean"] .metric-card .metric-link{color:#eaf6ff!important}
html[data-theme="dark-ocean"] .medicine-fixed-card .muted,
html[data-theme="dark-ocean"] .inventory-card .muted,
html[data-theme="dark-ocean"] .metric-card .muted,
html[data-theme="dark-ocean"] .medicine-fixed-card small,
html[data-theme="dark-ocean"] .inventory-card small,
html[data-theme="dark-ocean"] .metric-card small{color:#92b4d0!important}
html[data-theme="dark-ocean"] .medicine-fixed-card .metric-link,
html[data-theme="dark-ocean"] .metric-card .metric-link{color:#67e8f9!important;font-weight:900!important}
html[data-theme="dark-ocean"] .pager-page.active,
html[data-theme="dark-ocean"] .pager-wrap[data-pager] .pager-page.active{background:linear-gradient(135deg,#0ea5e9,#22c55e)!important;color:#03111f!important}
html[data-theme="dark-ocean"] .theme-switcher{display:none!important}

/* ===== Advanced ERP modules polish ===== */
.inline-mini-form{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.inline-mini-form input{max-width:120px;height:34px;padding:6px 10px}.smart-form textarea{min-height:86px}.advanced-erp-nav-note{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(14,165,233,.08);margin-bottom:12px}.data-table input,.data-table select{min-width:90px;height:36px;padding:6px 10px}.table-wrap .badge{white-space:nowrap}.stock-policy-table input{max-width:110px}


/* ===== Advanced ERP pages pagination ===== */
.auto-pager-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(11,19,38,.45);
}
.auto-pager-info{color:var(--muted);font-weight:800;font-size:13px}
.auto-pager-pages{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:12px 0 0}
.auto-pager-pages .pager-page{border:1px solid var(--line);background:#0b1326;color:var(--text);min-width:34px;height:34px;border-radius:10px;font-weight:900;cursor:pointer}
.auto-pager-pages .pager-page.active{background:linear-gradient(135deg,var(--brand),var(--accent));color:#03111f;border-color:transparent}
.auto-pager-pages button:disabled{opacity:.45;cursor:not-allowed}
.table-size-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}
.table-size-label select{min-width:76px;height:36px;padding:0 10px;border-radius:12px}

/* ===== charts visibility + clickable-to-table fix ===== */
.chart-panel{overflow:visible!important;position:relative!important}
.chart-panel .comparison-chart,
.branch-only-charts .comparison-chart,
.medicine-only-comparison-grid .comparison-chart,
.medicine-comparison-grid .comparison-chart{
  height:320px!important;
  min-height:320px!important;
  padding-top:64px!important;
  padding-bottom:52px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.chart-scroll{overflow-y:visible!important}
.comparison-bar{position:relative!important;overflow:visible!important}
.comparison-bar b,
.comparison-readable-chart .comparison-bar b,
html[data-theme="dark-ocean"] .comparison-readable-chart .comparison-bar b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  top:-38px!important;
  right:50%!important;
  left:auto!important;
  transform:translateX(50%)!important;
  min-width:54px!important;
  max-width:120px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#071827!important;
  border:1px solid rgba(56,189,248,.55)!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  z-index:5!important;
  box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}
.comparison-bar span,
.comparison-readable-chart .comparison-bar span{
  bottom:-44px!important;
  color:#d7ecff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.3!important;
  max-width:120px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.chart-panel.chart-clickable{cursor:pointer!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.chart-panel.chart-clickable:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.55)!important;box-shadow:0 20px 48px rgba(0,0,0,.30)!important}
.chart-panel.chart-clickable .section-head:after{
  content:"اضغط لعرض الجدول";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(14,165,233,.16);
  border:1px solid rgba(56,189,248,.30);
  color:#bfeaff;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.chart-table-highlight{animation:chartTableFlash 1.4s ease-in-out 1;outline:2px solid rgba(56,189,248,.72)!important;outline-offset:4px!important}
@keyframes chartTableFlash{0%,100%{box-shadow:0 18px 40px rgba(0,0,0,.28)}45%{box-shadow:0 0 0 6px rgba(14,165,233,.22),0 18px 40px rgba(0,0,0,.28)}}
@media(max-width:900px){.chart-panel .comparison-chart,.branch-only-charts .comparison-chart,.medicine-only-comparison-grid .comparison-chart,.medicine-comparison-grid .comparison-chart{height:300px!important;min-height:300px!important}.chart-panel.chart-clickable .section-head:after{display:none}}

/* ===== Price analytics / supplier price prediction ===== */
.price-filter-panel{display:grid!important;grid-template-columns:1.4fr .9fr .7fr .7fr .8fr .8fr 1fr 1fr auto auto;gap:10px;align-items:end;margin-bottom:14px}
.price-filter-panel label,.page-size-inline label{display:grid;gap:6px;color:var(--muted);font-weight:800;font-size:12px}
.price-filter-panel input,.price-filter-panel select{width:100%}
.price-prediction-hero{display:grid;grid-template-columns:1.6fr .65fr .55fr 1fr;gap:14px;align-items:center;margin-bottom:14px;border-color:rgba(14,165,233,.32)!important}
.price-prediction-hero h3{margin:4px 0 8px;font-size:23px}
.price-prediction-box{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;display:grid;gap:7px;text-align:center}
.price-prediction-box span{color:var(--muted);font-weight:800;font-size:12px}.price-prediction-box b{font-size:24px}.price-prediction-box small{border-radius:999px;padding:5px 9px;font-weight:900}
.price-prediction-note{line-height:1.7;font-weight:800}.price-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.price-chart-grid{margin-bottom:14px}.price-chart-grid .chart-panel{min-height:330px;text-decoration:none;color:inherit}.price-chart-grid .comparison-chart{height:260px;padding-top:48px!important;padding-bottom:48px!important}.price-chart-grid .comparison-bar b{top:-36px!important}.price-chart-grid .comparison-bar span{bottom:-42px!important}.chart-click{cursor:pointer;transition:.15s}.chart-click:hover{transform:translateY(-2px);border-color:rgba(14,165,233,.5)!important}.price-data-section{margin-bottom:14px;scroll-margin-top:18px}.table-highlight{animation:priceTableFlash 1.6s ease-in-out}@keyframes priceTableFlash{0%,100%{box-shadow:0 18px 40px var(--shadow)}35%{box-shadow:0 0 0 3px rgba(34,197,94,.35),0 18px 40px var(--shadow)}}.best-supplier-row{background:rgba(34,197,94,.08)}.page-size-inline{display:flex;align-items:center;gap:8px}.page-size-inline select{height:36px}.price-increase-bars{max-height:260px;overflow:auto;padding-left:4px}.supplier-price-chart .comparison-bar{flex-basis:90px;min-width:90px;max-width:90px}.price-trend-chart .comparison-bar,.price-dual-chart .comparison-bar{flex-basis:80px;min-width:80px;max-width:80px}
html[data-theme="dark-ocean"] .price-prediction-box{background:#081b31!important;border-color:#1f4d75!important;color:#eaf6ff!important}
html[data-theme="dark-ocean"] .best-supplier-row{background:rgba(34,197,94,.10)!important}
@media(max-width:1300px){.price-filter-panel{grid-template-columns:1fr 1fr 1fr}.price-prediction-hero{grid-template-columns:1fr 1fr}.price-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.price-filter-panel,.price-prediction-hero,.price-kpis{grid-template-columns:1fr}.page-size-inline{width:100%;justify-content:flex-start}.price-chart-grid .comparison-chart{height:230px}}


/* ===== final charts pages + visible numbers fix ===== */
.chart-panel[data-chart-target], .chart-click[data-chart-target]{cursor:pointer!important;position:relative!important}
.chart-panel[data-chart-target] .section-head:after, .chart-click[data-chart-target] .section-head:after{
  content:"اضغط لعرض الجدول";
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px;border-radius:999px;
  background:rgba(14,165,233,.16);border:1px solid rgba(56,189,248,.35);
  color:#bfeaff;font-size:11px;font-weight:900;white-space:nowrap;margin-inline-start:8px;
}
.chart-panel[data-chart-target]:hover, .chart-click[data-chart-target]:hover{border-color:rgba(56,189,248,.65)!important;box-shadow:0 20px 54px rgba(0,0,0,.34)!important;transform:translateY(-2px)}
.chart-table-panel{scroll-margin-top:22px;margin-top:14px}
.chart-table-panel .section-head h3{margin:0}
.chart-table-highlight{animation:chartTableFlashStrong 1.6s ease-in-out 1;outline:2px solid rgba(56,189,248,.82)!important;outline-offset:5px!important}
@keyframes chartTableFlashStrong{0%,100%{box-shadow:0 18px 40px rgba(0,0,0,.28)}45%{box-shadow:0 0 0 8px rgba(14,165,233,.22),0 18px 40px rgba(0,0,0,.28)}}
.comparison-chart.chart-scroll,
.chart-panel .comparison-chart,
.price-chart-grid .comparison-chart{
  min-height:330px!important;height:330px!important;
  padding-top:34px!important;padding-bottom:58px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  align-items:flex-end!important;
}
.comparison-bar{overflow:visible!important;min-height:34px!important}
.comparison-bar b,
.comparison-readable-chart .comparison-bar b,
html[data-theme="dark-ocean"] .comparison-readable-chart .comparison-bar b{
  top:8px!important;right:50%!important;left:auto!important;transform:translateX(50%)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:42px!important;max-width:120px!important;
  padding:4px 7px!important;border-radius:999px!important;
  background:rgba(3,17,31,.92)!important;border:1px solid rgba(125,211,252,.55)!important;
  color:#ffffff!important;font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;z-index:6!important;
  box-shadow:0 8px 18px rgba(0,0,0,.32)!important;
}
.comparison-bar span,.comparison-readable-chart .comparison-bar span{bottom:-45px!important;color:#d8ecff!important;font-weight:900!important;line-height:1.25!important}
.branch-chart-row.compact{cursor:pointer}
.branch-chart-row.compact:hover{border-color:rgba(56,189,248,.55)!important}
@media(max-width:900px){.chart-panel[data-chart-target] .section-head:after,.chart-click[data-chart-target] .section-head:after{display:none}.comparison-chart.chart-scroll,.chart-panel .comparison-chart,.price-chart-grid .comparison-chart{height:300px!important;min-height:300px!important}}

/* ===== Performance fix: lazy chart tables ===== */
html{scroll-behavior:auto!important}
.chart-table-panel{display:none!important;content-visibility:auto;contain-intrinsic-size:600px;}
.chart-table-panel.is-open{display:block!important;}
.chart-table-panel .table-wrap{max-height:560px;overflow:auto;}
.chart-panel.chart-clickable,.chart-click[data-chart-target]{cursor:pointer!important;}
.chart-panel.chart-clickable .section-head:after,.chart-click[data-chart-target] .section-head:after{content:"اضغط لعرض الجدول";font-size:12px;font-weight:900;color:#67e8f9;background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.26);border-radius:999px;padding:6px 10px;margin-inline-start:8px;}
.chart-table-highlight{animation:none!important;outline:2px solid rgba(103,232,249,.55)!important;outline-offset:2px;}

/* ════════════════════════════════════════════════════════════════════════
   THEME · Medical Mint (Light)  — data-theme="medical-mint"
   ════════════════════════════════════════════════════════════════════════ */
html[data-theme="medical-mint"]{
  --bg:#f4fbf7;--bg2:#ffffff;--panel:#ffffff;--panel2:#ecfdf5;--surface:#ffffff;
  --text:#0f2e25;--muted:#4a5b6c;--brand:#10b981;--brand2:#059669;--accent:#0d9488;
  --danger:#dc2626;--warn:#d97706;--line:#d1fae5;--sidebar:#064e3b;--soft:#ecfdf5;--shadow:rgba(6,78,59,.08);
}
html[data-theme="medical-mint"] body{background:#f4fbf7!important;color:#0f2e25!important}
html[data-theme="medical-mint"] .sidebar{background:#064e3b!important;border-left-color:#065f46!important}
html[data-theme="medical-mint"] .sidebar .brand{color:#ffffff!important}
html[data-theme="medical-mint"] .sidebar .brand span{color:#34d399!important}
html[data-theme="medical-mint"] .sidebar .sub,
html[data-theme="medical-mint"] .sidebar small{color:#a7f3d0!important}
html[data-theme="medical-mint"] .sidebar label span{color:#d1fae5!important}
html[data-theme="medical-mint"] .sidebar select{background:#0a5c47!important;color:#ffffff!important;border-color:#065f46!important}
html[data-theme="medical-mint"] .nav a{color:#ecfdf5!important;background:transparent!important}
html[data-theme="medical-mint"] .nav a:hover{background:rgba(255,255,255,.08)!important}
html[data-theme="medical-mint"] .nav a.active,
html[data-theme="medical-mint"] .nav a.current{background:linear-gradient(90deg,rgba(16,185,129,.45),rgba(45,212,191,.22))!important;color:#ffffff!important;outline:1px solid rgba(52,211,153,.6)!important}
html[data-theme="medical-mint"] .nav a.current::after{background:#34d399!important;color:#064e3b!important}
html[data-theme="medical-mint"] .side-scroll{background:rgba(255,255,255,.1)!important;color:#ffffff!important;border-color:rgba(255,255,255,.2)!important}
html[data-theme="medical-mint"] .card,
html[data-theme="medical-mint"] .panel,
html[data-theme="medical-mint"] .pos-panel,
html[data-theme="medical-mint"] .glossy,
html[data-theme="medical-mint"] .compact-panel,
html[data-theme="medical-mint"] .search-card,
html[data-theme="medical-mint"] .filters,
html[data-theme="medical-mint"] .pro-filter,
html[data-theme="medical-mint"] .zone-box,
html[data-theme="medical-mint"] .kpi-mini,
html[data-theme="medical-mint"] .notification-card,
html[data-theme="medical-mint"] .notification-row-card,
html[data-theme="medical-mint"] .metric-filter-panel,
html[data-theme="medical-mint"] .dashboard-owner-alerts-card{
  background:#ffffff!important;border-color:#d1fae5!important;color:#0f2e25!important;
  box-shadow:0 8px 24px rgba(6,78,59,.06)!important;
}
html[data-theme="medical-mint"] .dashboard-hero .card,
html[data-theme="medical-mint"] .metric-card,
html[data-theme="medical-mint"] .inventory-card,
html[data-theme="medical-mint"] .medicine-fixed-card{
  background:linear-gradient(135deg,#ecfdf5,#ffffff 50%,#f0fdfa)!important;
  border-color:#10b981!important;color:#064e3b!important;
}
html[data-theme="medical-mint"] .page-title h1{
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  color:#064e3b!important;-webkit-text-fill-color:#064e3b!important;
}
html[data-theme="medical-mint"] .page-title p,
html[data-theme="medical-mint"] .muted,
html[data-theme="medical-mint"] .sub,
html[data-theme="medical-mint"] small,
html[data-theme="medical-mint"] label{color:#4a5b6c!important}
html[data-theme="medical-mint"] h1,
html[data-theme="medical-mint"] h2,
html[data-theme="medical-mint"] h3,
html[data-theme="medical-mint"] h4,
html[data-theme="medical-mint"] h5,
html[data-theme="medical-mint"] h6,
html[data-theme="medical-mint"] strong,
html[data-theme="medical-mint"] b{color:#0f2e25!important}
html[data-theme="medical-mint"] p,
html[data-theme="medical-mint"] span,
html[data-theme="medical-mint"] li,
html[data-theme="medical-mint"] div{color:inherit}
html[data-theme="medical-mint"] .main,
html[data-theme="medical-mint"] .main-content,
html[data-theme="medical-mint"] section{color:#0f2e25}
html[data-theme="medical-mint"] input,
html[data-theme="medical-mint"] select,
html[data-theme="medical-mint"] textarea,
html[data-theme="medical-mint"] .search-card input,
html[data-theme="medical-mint"] .filters input,
html[data-theme="medical-mint"] .filters select{
  background:#ffffff!important;border:1px solid #d1fae5!important;color:#0f2e25!important;
}
html[data-theme="medical-mint"] input::placeholder,
html[data-theme="medical-mint"] textarea::placeholder{color:#94a3b8!important}
html[data-theme="medical-mint"] table{background:#ffffff!important;color:#0f2e25!important}
html[data-theme="medical-mint"] thead,
html[data-theme="medical-mint"] thead tr,
html[data-theme="medical-mint"] thead th{background:#ecfdf5!important}
html[data-theme="medical-mint"] th{color:#065f46!important;border-bottom-color:#d1fae5!important}
html[data-theme="medical-mint"] td{color:#0f2e25!important;border-bottom-color:#e5e7eb!important}
html[data-theme="medical-mint"] tbody tr:hover{background:#f0fdf4!important}
html[data-theme="medical-mint"] .btn-primary{background:linear-gradient(135deg,#10b981,#059669)!important;color:#ffffff!important;border:0!important}
html[data-theme="medical-mint"] .btn-soft,
html[data-theme="medical-mint"] .chip,
html[data-theme="medical-mint"] .shortcut,
html[data-theme="medical-mint"] .pager-page{background:#ecfdf5!important;color:#064e3b!important;border-color:#d1fae5!important}
html[data-theme="medical-mint"] .btn-danger{background:#dc2626!important;color:#ffffff!important}
html[data-theme="medical-mint"] .badge{font-weight:700}
html[data-theme="medical-mint"] .badge.success,html[data-theme="medical-mint"] .success{background:rgba(16,185,129,.15)!important;color:#065f46!important}
html[data-theme="medical-mint"] .badge.warning,html[data-theme="medical-mint"] .warning{background:rgba(217,119,6,.15)!important;color:#92400e!important}
html[data-theme="medical-mint"] .badge.danger,html[data-theme="medical-mint"] .danger{background:rgba(220,38,38,.12)!important;color:#991b1b!important}
html[data-theme="medical-mint"] .invoice-total{color:#059669!important}
html[data-theme="medical-mint"] .bar,
html[data-theme="medical-mint"] .comparison-bar{background:linear-gradient(180deg,#34d399,#10b981)!important}
html[data-theme="medical-mint"] .alert.ok,
html[data-theme="medical-mint"] .alert-success{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}
html[data-theme="medical-mint"] .alert-danger{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important}
html[data-theme="medical-mint"] .alert-warning{background:#fef3c7!important;color:#92400e!important;border:1px solid #fcd34d!important}
html[data-theme="medical-mint"] .alert-info{background:#dbeafe!important;color:#1e40af!important;border:1px solid #93c5fd!important}
/* Bootstrap helpers */
html[data-theme="medical-mint"] .text-muted{color:#4a5b6c!important}
html[data-theme="medical-mint"] .text-success{color:#059669!important}
html[data-theme="medical-mint"] .text-danger{color:#dc2626!important}
html[data-theme="medical-mint"] .text-warning{color:#d97706!important}
html[data-theme="medical-mint"] .text-primary{color:#10b981!important}
html[data-theme="medical-mint"] .form-control,
html[data-theme="medical-mint"] .form-select{background:#ffffff!important;color:#0f2e25!important;border:1px solid #d1fae5!important}
html[data-theme="medical-mint"] .form-control:focus,
html[data-theme="medical-mint"] .form-select:focus{border-color:#10b981!important;box-shadow:0 0 0 3px rgba(16,185,129,.18)!important}
html[data-theme="medical-mint"] .form-label{color:#0f2e25!important;font-weight:600}
html[data-theme="medical-mint"] .btn-success{background:#10b981!important;border-color:#10b981!important;color:#ffffff!important}
html[data-theme="medical-mint"] .card.shadow{background:#ffffff!important;color:#0f2e25!important}


/* ════════════════════════════════════════════════════════════════════════
   THEME · Forest Night (Dark)  — data-theme="forest-night"
   ════════════════════════════════════════════════════════════════════════ */
html[data-theme="forest-night"]{
  --bg:#061713;--bg2:#03110e;--panel:#0b241f;--panel2:#12342d;--surface:#08201b;
  --text:#ecfff7;--muted:#9ed5c4;--brand:#34d399;--brand2:#10b981;--accent:#2dd4bf;
  --danger:#fb7185;--warn:#fbbf24;--line:#1d4d43;--sidebar:#08201b;--soft:#12382f;--shadow:rgba(0,0,0,.32);
}
html[data-theme="forest-night"] body{background:linear-gradient(135deg,#03110e,#061713 55%,#03110e)!important;color:#ecfff7!important}
html[data-theme="forest-night"] .sidebar{background:rgba(8,32,27,.96)!important;border-left:1px solid #1d4d43!important}
html[data-theme="forest-night"] .sidebar .brand{color:#ecfff7!important}
html[data-theme="forest-night"] .sidebar .brand span{color:#34d399!important}
html[data-theme="forest-night"] .sidebar .sub,
html[data-theme="forest-night"] .sidebar small{color:#9ed5c4!important}
html[data-theme="forest-night"] .nav a{color:#d1fae5!important;background:transparent!important}
html[data-theme="forest-night"] .nav a:hover{background:rgba(52,211,153,.12)!important}
html[data-theme="forest-night"] .nav a.active,
html[data-theme="forest-night"] .nav a.current{background:linear-gradient(90deg,rgba(52,211,153,.32),rgba(45,212,191,.18))!important;color:#ecfff7!important;outline:1px solid rgba(52,211,153,.6)!important}
html[data-theme="forest-night"] .nav a.current::after{background:#34d399!important;color:#03110e!important}
html[data-theme="forest-night"] .card,
html[data-theme="forest-night"] .panel,
html[data-theme="forest-night"] .pos-panel,
html[data-theme="forest-night"] .glossy,
html[data-theme="forest-night"] .compact-panel,
html[data-theme="forest-night"] .search-card,
html[data-theme="forest-night"] .filters,
html[data-theme="forest-night"] .pro-filter,
html[data-theme="forest-night"] .zone-box,
html[data-theme="forest-night"] .kpi-mini,
html[data-theme="forest-night"] .notification-card,
html[data-theme="forest-night"] .metric-filter-panel,
html[data-theme="forest-night"] .dashboard-owner-alerts-card{background:rgba(11,36,31,.94)!important;border-color:#1d4d43!important;color:#ecfff7!important;box-shadow:0 18px 40px rgba(0,0,0,.32)!important}
html[data-theme="forest-night"] .dashboard-hero .card,
html[data-theme="forest-night"] .metric-card{background:linear-gradient(135deg,rgba(52,211,153,.18),rgba(11,36,31,.95) 60%)!important;border-color:rgba(52,211,153,.4)!important}
html[data-theme="forest-night"] .page-title h1{background:linear-gradient(90deg,#ecfff7,#34d399)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="forest-night"] .page-title p,
html[data-theme="forest-night"] .muted{color:#9ed5c4!important}
html[data-theme="forest-night"] input,
html[data-theme="forest-night"] select,
html[data-theme="forest-night"] textarea{background:#08201b!important;border-color:#1d4d43!important;color:#ecfff7!important}
html[data-theme="forest-night"] th{color:#9ed5c4!important;border-bottom-color:#1d4d43!important}
html[data-theme="forest-night"] td{color:#ecfff7!important;border-bottom-color:#1d4d43!important}
html[data-theme="forest-night"] tbody tr:hover{background:rgba(52,211,153,.06)!important}
html[data-theme="forest-night"] .btn-primary{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#03110e!important}
html[data-theme="forest-night"] .btn-soft{background:#12382f!important;color:#ecfff7!important;border-color:#1d4d43!important}
html[data-theme="forest-night"] .invoice-total{color:#6ee7b7!important}
html[data-theme="forest-night"] .bar{background:linear-gradient(180deg,#2dd4bf,#34d399)!important}
html[data-theme="forest-night"] .alert.ok,
html[data-theme="forest-night"] .alert-success{background:rgba(52,211,153,.18)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.4)!important}
html[data-theme="forest-night"] .text-muted{color:#9ed5c4!important}
html[data-theme="forest-night"] .text-success{color:#6ee7b7!important}
html[data-theme="forest-night"] .form-control,
html[data-theme="forest-night"] .form-select{background:#08201b!important;color:#ecfff7!important;border:1px solid #1d4d43!important}
html[data-theme="forest-night"] .form-label{color:#ecfff7!important;font-weight:600}
html[data-theme="forest-night"] .btn-success{background:#10b981!important;border-color:#10b981!important;color:#ffffff!important}


/* ════════════════════════════════════════════════════════════════════════
   THEME TOGGLE · Sliding Pill Switch
   ════════════════════════════════════════════════════════════════════════ */
.theme-pill{
  position:relative;display:flex;align-items:center;width:100%;height:42px;
  background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);
  border-radius:999px;padding:3px;margin:14px 0 12px;cursor:pointer;
  user-select:none;overflow:hidden;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.18);
}
.theme-pill .pill-track{position:absolute;inset:3px;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}
.theme-pill .pill-option{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;color:rgba(255,255,255,.7);z-index:2;transition:color .25s ease}
.theme-pill .pill-option .ico{font-size:14px;line-height:1}
.theme-pill .pill-thumb{
  position:absolute;top:3px;bottom:3px;width:calc(50% - 3px);
  background:linear-gradient(135deg,#10b981,#34d399);
  border-radius:999px;transition:right .32s cubic-bezier(.34,1.32,.64,1),background .25s ease,box-shadow .25s ease;
  box-shadow:0 4px 14px rgba(16,185,129,.45),0 1px 2px rgba(0,0,0,.2);
  z-index:1;
}
.theme-pill[data-theme-state="light"] .pill-thumb{right:3px;background:linear-gradient(135deg,#facc15,#f59e0b);box-shadow:0 4px 14px rgba(245,158,11,.45),0 1px 2px rgba(0,0,0,.2)}
.theme-pill[data-theme-state="dark"]  .pill-thumb{right:calc(50% + 0px);background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 14px rgba(52,211,153,.45),0 1px 2px rgba(0,0,0,.25)}
.theme-pill[data-theme-state="light"] .pill-option.is-light{color:#1f2937}
.theme-pill[data-theme-state="dark"]  .pill-option.is-dark{color:#03110e}
.theme-pill:hover{border-color:rgba(255,255,255,.22)}
.theme-pill:active .pill-thumb{transform:scale(.96)}

/* Light theme tweaks for pill */
html[data-theme="medical-mint"] .theme-pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
html[data-theme="medical-mint"] .theme-pill .pill-option{color:rgba(255,255,255,.75)}

/* ════════════════════════════════════════════════════════════════════════
   LOGIN · Themed
   ════════════════════════════════════════════════════════════════════════ */
.login-shell{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:24px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  background:radial-gradient(1200px 600px at 80% -10%,#d1fae5 0%,transparent 55%),linear-gradient(135deg,#ecfdf5 0%,#f4fbf7 55%,#e7f9f0 100%);
  transition:background .35s ease,color .35s ease;
}
html[data-theme="forest-night"] .login-shell{background:linear-gradient(135deg,#03110e 0%,#061713 55%,#0b241f 100%)}
.login-card{
  width:100%;max-width:430px;background:#ffffff;border-radius:22px;
  padding:38px 34px 32px;box-shadow:0 24px 60px rgba(6,78,59,.16),0 4px 12px rgba(6,78,59,.06);
  border:1px solid #d1fae5;border-top:4px solid #10b981;
}
html[data-theme="forest-night"] .login-card{background:#0b241f;border-color:#1d4d43;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.login-brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:24px}
.login-brand .logo{
  width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:26px;font-weight:900;
  box-shadow:0 8px 22px rgba(16,185,129,.4);
}
.login-brand .title{font-size:22px;font-weight:900;color:#064e3b;margin:0}
.login-brand .subtitle{font-size:12px;color:#64748b;margin:0}
html[data-theme="forest-night"] .login-brand .title{color:#ecfff7}
html[data-theme="forest-night"] .login-brand .subtitle{color:#9ed5c4}
.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.login-field label{font-size:13px;font-weight:700;color:#064e3b}
html[data-theme="forest-night"] .login-field label{color:#a7f3d0}
.login-field input{
  height:46px;border-radius:12px;border:1px solid #d1fae5;background:#f9fefb;
  padding:0 14px;font-size:14px;color:#0f2e25;outline:none;transition:.15s;
}
.login-field input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18);background:#ffffff}
html[data-theme="forest-night"] .login-field input{background:#08201b;border-color:#1d4d43;color:#ecfff7}
html[data-theme="forest-night"] .login-field input:focus{border-color:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.25)}
.login-submit{
  width:100%;height:48px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;font-weight:900;font-size:15px;
  margin-top:6px;box-shadow:0 8px 20px rgba(16,185,129,.35);transition:.15s;
}
.login-submit:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(16,185,129,.42)}
.login-forgot{text-align:center;margin-top:18px}
.login-forgot a{color:#059669;text-decoration:none;font-size:13px;font-weight:600}
.login-forgot a:hover{text-decoration:underline}
html[data-theme="forest-night"] .login-forgot a{color:#34d399}
.login-alert{padding:12px 14px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:14px}
.login-alert.success{background:#dcfce7;color:#166534;border:1px solid #86efac}
.login-alert.danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
html[data-theme="forest-night"] .login-alert.success{background:rgba(52,211,153,.18);color:#6ee7b7;border-color:rgba(52,211,153,.4)}
html[data-theme="forest-night"] .login-alert.danger{background:rgba(251,113,133,.18);color:#fda4af;border-color:rgba(251,113,133,.4)}

/* Floating theme toggle for login page (top-right corner) */
.login-theme-toggle{
  position:fixed;top:18px;left:18px;display:flex;align-items:center;gap:8px;
  background:#ffffff;border:1px solid #d1fae5;border-radius:999px;
  padding:8px 14px;cursor:pointer;font-size:13px;font-weight:700;color:#064e3b;
  box-shadow:0 8px 20px rgba(6,78,59,.12);transition:.2s;z-index:50;
}
.login-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(6,78,59,.18)}
html[data-theme="forest-night"] .login-theme-toggle{background:#0b241f;border-color:#1d4d43;color:#ecfff7}

/* ════════════════════════════════════════════════════════════════════════
   READABILITY FIX · Medical Mint (Light) — force readable text on light
   surfaces for content elements that ship hardcoded light colors.
   (Sidebar is intentionally dark and is handled separately above.)
   ════════════════════════════════════════════════════════════════════════ */
html[data-theme="medical-mint"] .section-head a,
html[data-theme="medical-mint"] .metric-link,
html[data-theme="medical-mint"] .metric-card .metric-link,
html[data-theme="medical-mint"] .inventory-card .metric-link,
html[data-theme="medical-mint"] .medicine-fixed-card .metric-link,
html[data-theme="medical-mint"] .dashboard-metric-cards .metric-link,
html[data-theme="medical-mint"] .refined-medicine-cards .medicine-summary-card .metric-link,
html[data-theme="medical-mint"] .owner-alerts-panel .owner-alerts-header a,
html[data-theme="medical-mint"] .dashboard-alerts-exact__head a,
html[data-theme="medical-mint"] .dashboard-owner-alerts-head a,
html[data-theme="medical-mint"] .zone-box h4{color:#059669!important}

html[data-theme="medical-mint"] .notification-title,
html[data-theme="medical-mint"] .notification-empty strong,
html[data-theme="medical-mint"] .notification-row-title,
html[data-theme="medical-mint"] .owner-alerts-title,
html[data-theme="medical-mint"] .owner-alert-text,
html[data-theme="medical-mint"] .owner-alerts-panel .owner-alert-text,
html[data-theme="medical-mint"] .dashboard-owner-alert-item,
html[data-theme="medical-mint"] .dashboard-owner-alerts-body .dashboard-owner-alert-item,
html[data-theme="medical-mint"] .dashboard-alerts-exact__row,
html[data-theme="medical-mint"] .dashboard-alerts-exact__text,
html[data-theme="medical-mint"] .dashboard-owner-alerts-head h3,
html[data-theme="medical-mint"] .medicine-fixed-card .num,
html[data-theme="medical-mint"] .comparison-bar b,
html[data-theme="medical-mint"] .mini-row b{color:#0f2e25!important}

html[data-theme="medical-mint"] .notification-message,
html[data-theme="medical-mint"] .notification-date,
html[data-theme="medical-mint"] .table-size-label,
html[data-theme="medical-mint"] .ai-sort-status,
html[data-theme="medical-mint"] .comparison-context-note,
html[data-theme="medical-mint"] .comparison-readable-chart .comparison-bar span{color:#4a5b6c!important}

/* AI pages: links / sortable headers / table cells sit on white now */
html[data-theme="medical-mint"] .ai-filter-head h3,
html[data-theme="medical-mint"] .ai-reorder-explain h3,
html[data-theme="medical-mint"] .ai-stock-explain h3,
html[data-theme="medical-mint"] .branch-comparison-card strong{color:#0f2e25!important}
html[data-theme="medical-mint"] .ai-stock-table th a,
html[data-theme="medical-mint"] .ai-stock-table th a:link,
html[data-theme="medical-mint"] .ai-stock-table th a:visited,
html[data-theme="medical-mint"] .ai-stock-table th a:hover,
html[data-theme="medical-mint"] .ai-stock-table thead th a:hover,
html[data-theme="medical-mint"] .ai-sortable-table th a,
html[data-theme="medical-mint"] .ai-sortable-table th a:visited,
html[data-theme="medical-mint"] .ai-sortable-table thead th a.ai-table-sort-link:hover{color:#065f46!important}
html[data-theme="medical-mint"] .ai-stock-table tbody td a{color:#0f2e25!important}
html[data-theme="medical-mint"] .ai-stock-table thead th.ai-sort-header a.ai-table-sort-link.active,
html[data-theme="medical-mint"] .ai-stock-table thead th.ai-sort-header a.ai-table-sort-link.active:visited{color:#059669!important}

/* Softer, more natural card borders (replace the heavy bright-green outline) */
html[data-theme="medical-mint"] .dashboard-hero .card,
html[data-theme="medical-mint"] .metric-card,
html[data-theme="medical-mint"] .inventory-card,
html[data-theme="medical-mint"] .medicine-fixed-card{
  background:linear-gradient(135deg,#f0fdf7,#ffffff 55%)!important;
  border-color:#a7f3d0!important;color:#0f2e25!important;
}
html[data-theme="medical-mint"] .card.metric-card .num,
html[data-theme="medical-mint"] .card.inventory-card .num,
html[data-theme="medical-mint"] .dashboard-finance-cards .metric-card .num,
html[data-theme="medical-mint"] .inventory-card-grid .inventory-card .num,
html[data-theme="medical-mint"] .metric-card .num,
html[data-theme="medical-mint"] .inventory-card .num,
html[data-theme="medical-mint"] .medicine-fixed-card .num{color:#064e3b!important;-webkit-text-fill-color:#064e3b!important}
html[data-theme="medical-mint"] .card.metric-card small,
html[data-theme="medical-mint"] .card.inventory-card small,
html[data-theme="medical-mint"] .dashboard-finance-cards .metric-card small,
html[data-theme="medical-mint"] .metric-card small,
html[data-theme="medical-mint"] .inventory-card small,
html[data-theme="medical-mint"] .medicine-fixed-card small{color:#3d4f60!important}
html[data-theme="medical-mint"] .card.metric-card .metric-link,
html[data-theme="medical-mint"] .card.inventory-card .metric-link,
html[data-theme="medical-mint"] .dashboard-finance-cards .metric-card .metric-link{color:#059669!important;-webkit-text-fill-color:#059669!important;font-weight:800!important}

/* page title was rendered as faint transparent gradient text — make it solid */
html[data-theme="medical-mint"] .page-title h1{
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  color:#064e3b!important;-webkit-text-fill-color:#064e3b!important;
}

/* ════════════════════════════════════════════════════════════════════════
   READABILITY FIX 2 · Medical Mint — lighten leftover dark-navy content
   boxes (branch guidance, toggles, mini boxes, chart rows, AI panels) and
   fix the comparison-chart value badges.
   ════════════════════════════════════════════════════════════════════════ */
html[data-theme="medical-mint"] .mini-row,
html[data-theme="medical-mint"] .toggle-check,
html[data-theme="medical-mint"] .quick-link-tile,
html[data-theme="medical-mint"] .mini-metric-box,
html[data-theme="medical-mint"] .branch-chart-row,
html[data-theme="medical-mint"] .branch-comparison-card,
html[data-theme="medical-mint"] .comparison-context-note,
html[data-theme="medical-mint"] .ai-reorder-explain,
html[data-theme="medical-mint"] .ai-stock-explain,
html[data-theme="medical-mint"] .ai-selected-medicine-card,
html[data-theme="medical-mint"] .shelf-add-medicines,
html[data-theme="medical-mint"] .medicine-compare-filter-panel,
html[data-theme="medical-mint"] .medicine-total-card,
html[data-theme="medical-mint"] .medicine-available-card,
html[data-theme="medical-mint"] .medicine-low-card,
html[data-theme="medical-mint"] .medicine-out-card{
  background:#ffffff!important;border-color:#cdeede!important;color:#0f2e25!important;
}
html[data-theme="medical-mint"] .ai-selected-medicine-meta span,
html[data-theme="medical-mint"] .table-size-label select,
html[data-theme="medical-mint"] .ai-sort-status,
html[data-theme="medical-mint"] .ai-alt-page-size-form select{
  background:#ecfdf5!important;border-color:#cdeede!important;color:#0f2e25!important;
}
html[data-theme="medical-mint"] .mini-row b,
html[data-theme="medical-mint"] .quick-link-tile b,
html[data-theme="medical-mint"] .branch-chart-name,
html[data-theme="medical-mint"] .mini-metric-box strong,
html[data-theme="medical-mint"] .branch-comparison-card strong{color:#0f2e25!important}
html[data-theme="medical-mint"] .mini-row span,
html[data-theme="medical-mint"] .quick-link-tile small,
html[data-theme="medical-mint"] .mini-metric-box span,
html[data-theme="medical-mint"] .branch-chart-metrics span{color:#4a5b6c!important}

/* comparison-chart value badges: white pill + dark-green number (was dark
   pill that turned invisible after the bold-text fix) */
html[data-theme="medical-mint"] .comparison-bar b,
html[data-theme="medical-mint"] .comparison-readable-chart .comparison-bar b{
  background:#ffffff!important;border:1px solid #a7f3d0!important;
  color:#064e3b!important;-webkit-text-fill-color:#064e3b!important;
  box-shadow:0 2px 6px rgba(6,78,59,.12)!important;
}
html[data-theme="medical-mint"] .comparison-bar span,
html[data-theme="medical-mint"] .comparison-readable-chart .comparison-bar span{color:#3d4f60!important}

/* ===== Mobile drawer + phone responsiveness (added) ===== */
.nav-toggle{display:none}
.nav-close{display:none}
.nav-backdrop{display:none}

@media (max-width:1000px){
  /* Hamburger button in the top bar */
  .nav-toggle{
    display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:46px;height:46px;flex:0 0 auto;padding:0 11px;
    border:1px solid var(--line);border-radius:14px;
    background:rgba(17,26,46,.6);cursor:pointer;
  }
  .nav-toggle span{display:block;height:3px;border-radius:3px;background:var(--text);transition:.2s}
  body.nav-open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.nav-open .nav-toggle span:nth-child(2){opacity:0}
  body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

  .topbar{display:flex;align-items:center;gap:12px}
  .page-title{flex:1;min-width:0}
  .page-title h1{font-size:22px}
  .actions{flex-wrap:wrap}

  /* Dim backdrop behind the open drawer */
  .nav-backdrop{
    display:block;position:fixed;inset:0;z-index:998;
    background:rgba(2,6,23,.55);opacity:0;visibility:hidden;transition:opacity .25s;
  }
  body.nav-open .nav-backdrop{opacity:1;visibility:visible}

  /* Off-canvas sidebar (slides in from the right for RTL) */
  .sidebar{
    position:fixed!important;top:0;right:0;bottom:0;height:100vh!important;
    width:min(86vw,320px);z-index:999;
    transform:translateX(100%);transition:transform .28s ease;
    overflow-y:auto;box-shadow:-12px 0 40px rgba(0,0,0,.45);
  }
  body.nav-open .sidebar{transform:translateX(0)}
  body.nav-open{overflow:hidden}

  /* Single-column nav inside the drawer */
  .nav{display:flex!important;flex-direction:column;grid-template-columns:none!important}
  .nav a{margin-bottom:6px}

  /* Close (X) button inside the drawer */
  .nav-close{
    display:inline-flex;align-items:center;justify-content:center;
    position:absolute;top:12px;left:12px;width:36px;height:36px;z-index:2;
    border:1px solid var(--line);border-radius:12px;background:#0b1326;color:var(--text);
    font-size:16px;cursor:pointer;
  }

  /* Keep content from overflowing the viewport sideways */
  .main{padding:16px;overflow-x:hidden}
  img{max-width:100%;height:auto}
  /* Wide tables scroll on their own instead of breaking layout */
  .main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
}

@media (max-width:560px){
  .main{padding:12px}
  .page-title h1{font-size:20px}
  .btn{padding:10px 13px}
  .actions .btn{flex:1 1 auto;text-align:center}
}