/* Completari specifice aplicatiei, peste style.css (acelasi sistem vizual ca LeaveFlow) */
mark{background:#fde68a;color:inherit;padding:0 1px;border-radius:3px}
.disclaimer{margin-top:22px;color:var(--warn);font-size:12.5px}
.userbox .bar{margin-top:8px;background:rgba(255,255,255,.12)}
.searchbar{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.searchbar input[type=search]{flex:1;min-width:260px;font-size:16px;padding:11px 14px}
.searchbar textarea{flex:1;min-width:260px;font-size:16px;min-height:86px}
.searchbar .btncol{display:flex;flex-direction:column;gap:8px}
.optrow{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:12px}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;background:var(--infobg);color:var(--info);font-size:12.5px;font-weight:600}
.chip small{font-weight:400;color:#3b5bab}
.chip.sec{background:#f1f5f9;color:#475569}
.indtext{white-space:pre-line;line-height:1.6}
table.data.fixed{table-layout:fixed}
table.data.fixed td{overflow-wrap:anywhere}
.prodlist{display:flex;flex-wrap:wrap;gap:4px 14px}
.prodlist a{white-space:normal}
.prodlist .small{margin-left:3px}
details.more summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:13px;margin-top:4px}
.sugdci{padding:9px 0;border-bottom:1px solid var(--line)}.sugdci:last-child{border-bottom:0}
.sugdci b{color:var(--navy)}
.cover{display:flex;gap:4px;flex-wrap:wrap}
.extras{color:#475569;font-size:13px}
td .badge+.badge{margin-left:4px}
.b-otc{background:var(--okbg);color:#166534}
.examples{color:var(--muted);font-size:12.5px;margin-top:8px}
.examples a{margin-right:10px}
.kv dd{word-break:break-word}
/* surse de date: EMA (UE) evidentiat in culorile UE, ANMDM discret */
.b-ema{background:#003399;color:#ffcc00;letter-spacing:.02em}
.b-anmdm{background:#e0f2fe;color:#075985}
.b-same{background:#dcfce7;color:#166534}
.badge.b-ema,.badge.b-anmdm{font-size:10.5px;padding:1px 7px;vertical-align:middle}
h1 .badge.b-ema{font-size:12px;padding:2px 10px}
.srchead{display:flex;align-items:center;gap:8px;margin:18px 0 10px}
.srchead:first-of-type{margin-top:4px}
.srcsel select{margin-left:6px;padding:3px 6px;font-size:13px}
.doclist{display:flex;flex-direction:column;gap:8px}
.grid>.card+.card{margin-top:0}
.srcbadges{display:inline-flex;gap:3px;vertical-align:middle;white-space:nowrap}
.badge.b-ema.mic,.badge.b-anmdm.mic{font-size:9.5px;padding:0 5px;line-height:15px;letter-spacing:.03em}

/* ---- preluat din ProtoPulse: export, sortare, tiparire, meniu responsive */
.hidden{display:none!important}
/* ---- coloane doar pentru export, sortare, antet fix */
.xo{display:none}
th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
th.sortable:after{content:"⇅";opacity:.35;margin-left:6px;font-size:11px}
th.sortable.asc:after{content:"▲";opacity:.9}
th.sortable.desc:after{content:"▼";opacity:.9}
table.data.sticky thead th{position:sticky;top:0;z-index:2}
/* ---- butoane export */
.expbar{flex-wrap:wrap}
.fi{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:10.5px;font-weight:800;color:#fff;margin-right:2px;vertical-align:-3px}
.fi.xls{background:#1d6f42}
.fi.pdf{background:#c2410c}
.btn:disabled{opacity:.6;cursor:wait}
/* ---- tiparire / PDF din browser */
.printhead{display:none}
@media print{
  @page{size:A4 landscape;margin:12mm 10mm 14mm}
  body{background:#fff;font-size:11.5px}
  .main{padding:0!important}
  .printhead{display:flex;gap:12px;align-items:center;border-bottom:3px solid var(--navy);padding-bottom:8px;margin-bottom:14px;color:var(--muted);font-size:11px}
  .printhead img{width:34px;height:34px}
  .printhead b{color:var(--navy);font-size:14px}
  .actions,.expbar,.filters-card,.disclaimer.noprint,#f-reset{display:none!important}
  .card{box-shadow:none;border:1px solid var(--line);break-inside:auto}
  .stat{box-shadow:none;border:1px solid var(--line)}
  table.data th{background:var(--navy)!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .badge,.chip,.stat:before,.d-sters,.d-adaugat,.d-modificat,.d-modificat del,.d-modificat ins{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  table.data tr{break-inside:avoid}
  .prottext{max-height:none;overflow:visible;border:0;padding:0;background:none}
  .tablewrap{overflow:visible}
  a{color:inherit;text-decoration:none}
  .hidden{display:none!important}
}
/* ---- bara laterala: meniu fix pe desktop, sertar glisant pe telefon / tableta */
.shell{grid-template-columns:268px minmax(0,1fr)}
.side{background:linear-gradient(180deg,var(--navy) 0%,#0b1d36 100%);color:#cfd9e8;padding:20px 16px 14px;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.brand{display:flex;gap:12px;align-items:center;padding:2px 6px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.brand .logo{width:40px;height:40px;border-radius:11px;display:block;flex:none;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.brand>div{min-width:0;flex:1}
.brand b{display:block;color:#fff;font-size:16px;letter-spacing:.01em;line-height:1.2}
.brand small{display:block;color:#8fa5c2;font-size:11.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.closebtn{display:none;flex:none;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e2e8f0;font-size:22px;line-height:1;cursor:pointer}
.closebtn:hover{background:rgba(255,255,255,.14);color:#fff}

/* limba (RO | EN) + manual: doua butoane egale, aceeasi inaltime */
.sidetools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}
.side .langswitch{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);width:auto}
.side .langswitch a{display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#a9bad1;text-decoration:none;transition:background .15s,color .15s}
.side .langswitch a:hover{background:rgba(255,255,255,.1);color:#fff}
.side .langswitch a.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.helpbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.06);color:#e2e8f0;font-size:13px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:background .15s}
.helpbtn span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#2dd4bf;color:#0b1d36;font-weight:800;font-size:11.5px}
.helpbtn:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.helpbtn.on{background:rgba(45,212,191,.16);border-color:rgba(45,212,191,.45);color:#fff}

/* meniul */
.side nav{display:flex;flex-direction:column;gap:2px}
.side nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 12px;border-radius:10px;color:#cfd9e8;font-weight:500;font-size:14px;line-height:1.3;transition:background .15s,color .15s}
.side nav a .ic{flex:none;width:18px;height:18px;color:#8fa5c2;transition:color .15s}
.side nav a:hover{background:rgba(255,255,255,.06);text-decoration:none;color:#fff}
.side nav a:hover .ic{color:#fff}
.side nav a.on{background:rgba(59,130,246,.18);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px rgba(96,165,250,.28)}
.side nav a.on:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#60a5fa}
.side nav a.on .ic{color:#93c5fd}
.side nav a:focus-visible,.sidetools a:focus-visible,.closebtn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.side nav .sep{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#5f7899;margin:18px 12px 6px}

/* data actualizarii + powered by */
.userbox{margin-top:auto;margin-bottom:0;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04);font-size:12.5px;line-height:1.5}
.side nav{margin-bottom:22px}
.userbox b{display:flex;align-items:center;gap:8px;color:#fff;font-size:12.5px;margin-bottom:2px}
.userbox .live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);flex:none}
.userbox .upd{display:block;color:#cfd9e8;font-variant-numeric:tabular-nums}
.userbox .upd.src{color:#6f87a8;font-size:11.5px}
.poweredby{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6f87a8}
.poweredby img{height:18px;width:auto;display:block}

/* bara de sus (doar telefon / tableta) */
.topbar,.backdrop{display:none}

@media(max-width:1000px){
  .shell{grid-template-columns:1fr}
  .topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;height:58px;padding:0 14px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));background:rgba(15,39,68,.97);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.06),0 4px 14px rgba(15,39,68,.18)}
  .menubtn{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);cursor:pointer}
  .menubtn span{display:block;height:2px;border-radius:2px;background:#e2e8f0}
  .menubtn:active{background:rgba(255,255,255,.14)}
  .brand-mini{display:flex;align-items:center;gap:10px;color:#fff;font-size:16.5px;letter-spacing:.01em;flex:1;min-width:0}
  .brand-mini:hover{text-decoration:none}
  .brand-mini img{width:32px;height:32px;border-radius:9px;flex:none}
  .topbar-help{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#2dd4bf;color:#0b1d36;font-weight:800;font-size:16px}
  .topbar-help:hover{text-decoration:none;background:#5eead4}

  .side{position:fixed;z-index:60;top:0;left:0;bottom:0;width:min(86vw,320px);height:auto;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-102%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:12px 0 40px rgba(0,0,0,.35)}
  body.menu-open .side{transform:none;visibility:visible;transition:transform .25s ease}
  .closebtn{display:inline-flex;align-items:center;justify-content:center}
  .side nav a{min-height:46px;font-size:15px}
  .side nav a.on:before{left:-16px}
  .backdrop{display:block;position:fixed;inset:0;z-index:50;background:rgba(8,18,34,.5);opacity:0;pointer-events:none;transition:opacity .25s}
  body.menu-open .backdrop{opacity:1;pointer-events:auto}
  body.menu-open{overflow:hidden}
  .main{padding:20px 18px 32px}
}
@media(max-width:600px){
  .main{padding:16px 14px 28px}
  h1{font-size:20px}
  .pagehead{margin-bottom:14px}
  .card{padding:16px}
  .stat .val{font-size:26px}
  .filters select,.filters input{min-width:0;flex:1 1 140px}
  .kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){.side,.backdrop{transition:none!important}}
@media print{.topbar,.backdrop{display:none!important}}

/* ---- MedFlow static: bara de incarcare a indicatiilor */
#incarcare .bar{margin-top:10px;height:8px;border-radius:4px;background:#eef2f7;overflow:hidden}
#incarcare .bar i{display:block;height:100%;transition:width .2s}
/* telefon: tabelul de afectiuni devine o lista de blocuri (cate o substanta) */
@media(max-width:700px){
  table.data.fixed,table.data.fixed tbody,table.data.fixed tr,table.data.fixed td{display:block;width:auto!important}
  table.data.fixed thead{display:none}
  table.data.fixed tr{padding:10px 0;border-bottom:1px solid var(--line)}
  table.data.fixed td{border:0!important;padding:4px 12px}
}

/* ---- manualul de utilizare */
.manual{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.manual .toc{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:16px 14px}
.manual .toc b{display:block;color:var(--navy);margin:0 0 8px 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.manual .toc a{display:block;padding:5px 8px;border-radius:7px;color:var(--ink);font-size:13.5px}
.manual .toc a:hover{background:#eef2f8;text-decoration:none}
.manual .toc a.sub{padding-left:20px;font-size:12.5px;color:var(--muted)}
.mdoc{min-width:0}
.mdoc section{scroll-margin-top:16px}
.mdoc section+section{margin-top:18px}
.mdoc h2{font-size:19px;display:flex;align-items:center;gap:10px}
.mdoc h2 .n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--navy);color:#fff;font-size:14px;flex:none}
.mdoc h3{font-size:15px;color:var(--navy);margin:18px 0 6px}
.mdoc p,.mdoc li{line-height:1.6}
.mdoc ol,.mdoc ul{padding-left:22px}
.mdoc li+li{margin-top:4px}
.mdoc kbd,.mdoc .ui{display:inline-block;padding:1px 7px;border-radius:6px;border:1px solid var(--line);background:#f8fafc;font:600 12.5px/1.5 "Segoe UI",system-ui,sans-serif;color:var(--navy);white-space:nowrap}
.mdoc figure{margin:14px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f8fafc}
.mdoc figure img{display:block;width:100%;height:auto}
.mdoc figure.mini{max-width:280px}
.mdoc figcaption{padding:8px 12px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);background:#fff}
.tip{border-left:4px solid var(--teal);background:#f0fdfa;padding:10px 14px;border-radius:8px;margin:12px 0;font-size:13.5px}
.tip.warn{border-color:#d97706;background:#fffbeb}
.glos{display:grid;grid-template-columns:200px 1fr;gap:10px 18px;margin:0}
.glos dt{font-weight:700;color:var(--navy)}
.glos dd{margin:0}
.manual-hero{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
@media(max-width:1100px){.manual{grid-template-columns:1fr}.manual .toc{position:static;max-height:none}.glos{grid-template-columns:1fr}.glos dd{margin-bottom:8px}}
@media print{
  .manual{display:block}
  .manual .toc{display:none}
  .mdoc section{break-inside:auto}
  .mdoc figure{break-inside:avoid}
  .mdoc h2 .n,.tip{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sidetools{display:none}
}

