/* Interfața SafeWork în Tabler 1.6.1 (taskul A, 05.10.2026; extinde pilotul din aceeași zi).
   Totul stă în containerul .tb (stilurile Tabler sunt izolate sub .tb). Acest fișier leagă marcajul existent al portalului
   (benzile, meniul, formularele comune, tabelele, blocul „Ce vezi / Ce poți face”, explicațiile „?”) de variabilele Tabler și
   neutralizează coliziunile cu clasele globale ale portalului (.row, .card). Tema: deschisă (perechea pentru tema închisă a
   explicațiilor „?” e definită separat). Componentele comune, pentru paginile noi (ex. costurile): .card + .card-header /
   .card-title / .card-body, tabelele în .table-responsive > table.table.card-table, .form (etichetă/câmp), .note/.warnbox,
   .st/.st-ok|warn|bad, .cards>.card (indicatori), tip() pentru „?”. */

/* ---------- Culorile de bază: aceleași în tot portalul, independent de tema sistemului ---------- */
.tb{--bg:#f6f8fb;--fg:#1d273b;--mut:#5f6b7a;--card:#fff;--line:#dce1e7;--acc:var(--tblr-primary);--warn:#9a5b00;--bad:#c42b1c;--ok:#1f7a3a;
  --demo:#fff3cd;--demo-fg:#5c4400;--view:#e8f0fe;--view-fg:#153e75;--on-acc:#fff;--muted:var(--mut);
  min-height:100vh;background:var(--tblr-bg-surface-secondary,#f6f8fb);color:var(--tblr-body-color);font-size:.875rem}
html:has(.tb.page){background:#f6f8fb}

/* ---------- Benzile și meniul ---------- */
.tb .demo{background:var(--demo);color:var(--demo-fg);border-bottom:1px solid #f0d98a;font-size:.8125rem;padding:6px 16px}
.tb .viewas{background:var(--view);color:var(--view-fg);border-bottom:1px solid #c7d7f5;top:31px}
.tb .navbar{display:block;background:var(--tblr-bg-surface);border-bottom:1px solid var(--tblr-border-color);padding:.5rem 0;box-shadow:0 1px 2px rgba(24,36,51,.04);min-height:0}
.tb .nav-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.tb .navbar-brand{font-size:1rem;font-weight:700;color:var(--tblr-body-color);margin:0 8px 0 0;padding:0}
.tb header nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;flex:1 1 auto;min-width:0}
.tb header nav>a,.tb header nav details.more>summary{display:inline-block;padding:.375rem .625rem;border-radius:var(--tblr-border-radius);color:var(--tblr-body-color);text-decoration:none;font-weight:500;white-space:nowrap;min-height:0}
.tb header nav>a:hover,.tb header nav details.more>summary:hover{background:var(--tblr-bg-surface-tertiary,#f1f4f8)}
.tb header nav a[aria-current=page]{background:color-mix(in srgb,var(--tblr-primary) 10%,transparent);color:var(--tblr-primary);text-decoration:none;font-weight:600}
.tb header nav details.more{position:relative}
.tb header nav details.more>summary{list-style:none}
.tb header nav details.more>summary::-webkit-details-marker{display:none}
.tb header nav details.more>summary::after{content:"▾";margin-left:4px;font-size:.75em}
.tb header nav details.more .menu{position:absolute;right:0;left:auto;z-index:20;display:flex;flex-direction:column;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px);box-shadow:0 8px 24px rgba(24,36,51,.12);padding:6px;min-width:240px;gap:0;margin-top:4px}
.tb header nav details.more .menu a{display:block;padding:.4rem .625rem;border-radius:var(--tblr-border-radius);color:var(--tblr-body-color);text-decoration:none}
.tb header nav details.more .menu a:hover{background:var(--tblr-bg-surface-tertiary,#f1f4f8)}
.tb header .who{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}
.tb .langs{display:inline-flex;gap:4px;align-items:center}
.tb .langs button,.tb .langs a{font-size:.75rem;padding:.25rem .5rem}
.tb .langs a{border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);text-decoration:none;color:var(--tblr-body-color)}
.tb .langs a[aria-current=true]{background:var(--tblr-primary);color:#fff;border-color:var(--tblr-primary)}
@media (max-width:767px){.tb header nav{order:3;flex-basis:100%}.tb header nav details.more .menu{right:auto;left:0}}

/* ---------- Pagina ---------- */
.tb .tb-main{padding:0;max-width:none;margin:0}
.tb .tb-main>.container-xl{padding:16px 24px 32px}
@media (max-width:640px){.tb .tb-main>.container-xl{padding:12px 12px 24px}}
.tb .page-header{margin:4px 0 16px}
.tb .page-title{font-size:1.25rem;line-height:1.4;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;overflow-wrap:anywhere}
.tb .page-pretitle{font-size:.625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--tblr-secondary)}
.tb h2{font-size:1rem;margin:1.5rem 0 .5rem}.tb h3{font-size:.875rem;margin:1rem 0 .4rem}
.tb .card-title,.tb .card h2.card-title,.tb .card h3.card-title{margin:0}
.tb a{color:var(--tblr-primary)}
.tb .muted{color:var(--tblr-secondary)}.tb .small{font-size:.8125rem}
.tb code,.tb .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:var(--tblr-body-color);background:transparent;padding:0}

/* Clasa globală .row a portalului (flex cu spațiu): fără marginile negative ale grilei Tabler, cu excepția grilelor g-*. */
.tb .row:not([class*="g-"]){--tblr-gutter-x:0;--tblr-gutter-y:0;margin:6px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tb .row:not([class*="g-"])>*{padding:0;width:auto;max-width:100%;margin-top:0}
.tb .row[class*="g-"]{gap:0;align-items:stretch;margin-top:calc(-1*var(--tblr-gutter-y));margin-left:calc(-.5*var(--tblr-gutter-x));margin-right:calc(-.5*var(--tblr-gutter-x))}
.tb .row.align-items-center[class*="g-"]{align-items:center}.tb .row.align-items-end[class*="g-"]{align-items:flex-end}

/* Cardurile: cele structurate Tabler (antet/corp/tabel) fără padding propriu; cardurile vechi (blocuri simple) cu padding. */
.tb .card{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px);box-shadow:0 1px 2px rgba(24,36,51,.04);padding:1rem;margin-bottom:16px}
.tb .card:has(>.card-header),.tb .card:has(>.card-body),.tb .card:has(>.table-responsive){padding:0}
.tb .card b{display:inline;font-size:inherit}
.tb .card span{color:inherit;font-size:inherit}
.tb .card-header{padding:.75rem 1rem}.tb .card-body{padding:1rem}
.tb .card-title{font-size:.9375rem;display:flex;align-items:center;gap:6px}
.tb .card-header .card-actions{margin-left:auto}
/* Indicatorii (casetele KPI): valoarea mare, eticheta discretă — aceleași valori și semnificații. */
.tb .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0 0 16px}
.tb .cards>.card{padding:.875rem 1rem;margin:0}
.tb .cards>.card>span{display:block;color:var(--tblr-secondary);font-size:.75rem;line-height:1.35}
.tb .cards>.card>b{display:block;font-size:1.5rem;font-weight:600;line-height:1.3;margin:.25rem 0}
.tb .flow{gap:6px;margin:0 0 12px}.tb .flow span{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:999px;padding:.125rem .625rem;font-size:.75rem}

/* Blocul de ajutor al paginii (Ce vezi / Ce poți face / Ce se întâmplă după) și „Află mai multe”. */
.tb .ph{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px);padding:.75rem 1rem;margin:0 0 16px;max-width:none;box-shadow:0 1px 2px rgba(24,36,51,.04)}
.tb .ph dl{grid-template-columns:minmax(120px,max-content) minmax(0,1fr)}.tb .ph dt{color:var(--tblr-secondary);font-weight:600}
@media (max-width:640px){.tb .ph dl{grid-template-columns:minmax(0,1fr)}.tb .ph dd{margin-bottom:6px}}
.tb .flash{border:1px solid var(--tblr-border-color);border-left:3px solid var(--tblr-success);border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface);padding:.75rem 1rem;margin:0 0 16px;color:var(--tblr-body-color)}
.tb .flash.err{border-left-color:var(--tblr-danger)}
.tb .note,.tb .warnbox{border-radius:var(--tblr-border-radius);background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-left:3px solid var(--tblr-primary);padding:.625rem .875rem;margin:0 0 12px;color:var(--tblr-body-color)}
.tb .warnbox{border-left-color:var(--tblr-warning)}
.tb .hint,.tb .form .hint{color:var(--tblr-secondary);font-size:.75rem}
.tb .ferr{color:var(--tblr-danger)}

/* Tabelele: standalone ca un card, în card fără chenar; derulează în interior, fără coloane rupte literă cu literă. */
.tb .tw{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px);overflow-x:auto;margin:0 0 16px;box-shadow:0 1px 2px rgba(24,36,51,.04)}
.tb .card .tw{border:0;border-radius:0;box-shadow:none;margin:0}
.tb .tw table,.tb table.table{width:100%;margin:0;font-size:.8125rem;border-collapse:collapse}
.tb .tw th,.tb .table th{background:var(--tblr-bg-surface-tertiary,#f6f8fb);color:var(--tblr-secondary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem;border-bottom:1px solid var(--tblr-border-color)}
html:not([lang=zh]) .tb .tw th{white-space:nowrap}
.tb .tw td,.tb .table td{padding:.5rem .75rem;border-bottom:1px solid var(--tblr-border-color);vertical-align:middle}
.tb .tw tr:last-child td,.tb .table tr:last-child td{border-bottom:0}
.tb .card>.tw,.tb .card>.table-responsive{border-top:1px solid var(--tblr-border-color)}
@media (max-width:640px){.tb .tw td,.tb .table td{padding:.5rem}}

/* Formularele comune (.form: grilă etichetă/câmp): standalone ca un card; în carduri, etichetă deasupra câmpului. */
.tb .form{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px);padding:1rem;max-width:820px;gap:.5rem .875rem;box-shadow:0 1px 2px rgba(24,36,51,.04)}
.tb .card .form,.tb details.opt .form,.tb .form.stack{background:transparent;border:0;padding:0;box-shadow:none;max-width:none}
.tb .card .form,.tb .form.stack{grid-template-columns:minmax(0,1fr)}
.tb .card .form .hint,.tb .card .form .ferr,.tb .card .form details.fh,.tb .form.stack .hint{grid-column:1}
.tb .form label{color:var(--tblr-body-color);font-weight:500;font-size:.8125rem}
.tb input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.tb select,.tb textarea{display:inline-block;max-width:100%;padding:.4375rem .75rem;font-size:.875rem;line-height:1.4285714;color:var(--tblr-body-color);background-color:#fff;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}
.tb .form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.tb .form select,.tb .form textarea,.tb [class*="col-"]>input,.tb [class*="col-"]>select,.tb .form-control,.tb .form-select{display:block;width:100%}
.tb .form .row input:not([type=checkbox]):not([type=radio]),.tb .form .row select{display:inline-block;width:auto}
.tb select{padding-right:2.25rem;background-image:url("/static/tabler/i/0.svg");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;appearance:none}
.tb input:focus,.tb select:focus,.tb textarea:focus{outline:0;border-color:var(--tblr-primary);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--tblr-primary) 25%,transparent)}
.tb [aria-invalid=true]{border-color:var(--tblr-danger)}
.tb input[type=checkbox],.tb input[type=radio]{width:1rem;height:1rem;vertical-align:-2px;accent-color:var(--tblr-primary);padding:0}
.tb button:not(.btn){display:inline-flex;align-items:center;gap:6px;padding:.4375rem 1rem;font-size:.875rem;font-weight:500;line-height:1.4285714;border-radius:var(--tblr-border-radius);border:1px solid var(--tblr-primary);background:var(--tblr-primary);color:#fff;cursor:pointer}
.tb button.sec:not(.btn){background:var(--tblr-bg-surface);color:var(--tblr-body-color);border-color:var(--tblr-border-color)}
.tb button:not(.btn):hover{filter:brightness(.96)}
.tb .langs button:not(.btn){padding:.25rem .5rem;font-size:.75rem}
.tb .btn-list{display:flex;flex-wrap:wrap;gap:.5rem}
.tb .row:not([class*="g-"])>label{color:var(--tblr-secondary);font-size:.8125rem}

/* Opțiunile avansate și blocurile pliabile (controale native, fără JavaScript). */
.tb details.opt{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px);padding:0;margin:0 0 16px;max-width:none}
.tb details.opt>summary{padding:.75rem 1rem;font-weight:600;color:var(--tblr-body-color);list-style:revert}
.tb details.opt[open]>summary{border-bottom:1px solid var(--tblr-border-color);margin:0}
.tb details.opt>*:not(summary){margin-left:1rem;margin-right:1rem}
.tb details.opt>:last-child{margin-bottom:1rem}
.tb details.opt>summary+*{margin-top:.75rem}
.tb details.opt>.row,.tb details.opt>form.row{margin-left:1rem;margin-right:1rem}
.tb .card details.opt{border:0;border-top:1px solid var(--tblr-border-color);border-radius:0;margin:0}
.tb details.fh>summary{color:var(--tblr-primary)}
.tb details.fh>p{background:var(--tblr-bg-surface);border-color:var(--tblr-border-color);color:var(--tblr-body-color)}

/* Pașii, blocurile de copiat, codul, stările, cuprinsul ajutorului. */
.tb .steps{margin:0 0 16px}.tb .steps .step-item a{color:inherit;text-decoration:none}
@media (max-width:640px){.tb .steps .step-item{font-size:.75rem}}
.tb pre.copy,.tb .copyfield{background:var(--tblr-bg-surface-tertiary,#f6f8fb);border:1px solid var(--tblr-border-color);color:var(--tblr-body-color);font-size:.75rem;line-height:1.5;margin:0 0 .5rem}
.tb pre.code{background:var(--tblr-bg-surface-tertiary,#f6f8fb);color:var(--tblr-body-color);border:1px solid var(--tblr-border-color)}
.tb pre.code code{color:inherit}
.tb .st{border:0;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;background:#eef1f5;color:var(--tblr-body-color)}
.tb .st-ok{background:#e3f4e8;color:#1f7a3a}.tb .st-warn{background:#fdf1dc;color:#7a4b00}.tb .st-bad{background:#fbe5e3;color:#a8261a}
.tb .toc{background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px)}
.tb dl.gl dd{color:var(--tblr-secondary)}

/* ---------- Explicațiile „?” (componenta comună tip(); corectura cerută de Sabin, 05.10, 14:42) ----------
   Tema deschisă: bulă albă, text închis (#1d273b pe #fff, contrast ≈ 15:1), bordură discretă și umbră; culorile sunt definite
   explicit și au prioritate peste regulile moștenite (ex. „.tb .card span{color:inherit}”). Tema închisă (data-bs-theme=dark):
   pereche separată (#eef1f5 pe #1f2633, ≈ 14:1). Poziția: lângă „?”, în afara tăierii cardurilor și tabelelor (poziționare
   ancorată, unde browserul o are); pe ecrane înguste, bandă jos pe toată lățimea, fără ieșire din ecran. Se deschide la hover,
   focus, click sau atingere (tabindex) și se închide la ieșirea focusului, fără JavaScript. */
.tb .tip{border-color:var(--tblr-primary);color:var(--tblr-primary);background:#fff}
.tb .tip>span.tipt,.tip>span.tipt{background:#fff;color:#1d273b;border:1px solid #d3d9e1;border-radius:8px;box-shadow:0 6px 20px rgba(24,36,51,.16);padding:8px 10px;font-size:.8125rem;line-height:1.45;font-weight:400;text-transform:none;letter-spacing:normal;white-space:normal;max-width:min(320px,calc(100vw - 24px));overflow-wrap:anywhere}
.tb[data-bs-theme=dark] .tip>span.tipt,[data-bs-theme=dark] .tip>span.tipt{background:#1f2633;color:#eef1f5;border-color:#3a4456;box-shadow:0 6px 20px rgba(0,0,0,.5)}
@supports (anchor-name:--a) and (position-try-fallbacks:flip-block){
  .tb .tip{anchor-name:--tip;anchor-scope:--tip}
  .tb .tip>span.tipt{position:fixed;position-anchor:--tip;top:anchor(bottom);left:anchor(left);margin-top:6px;z-index:50;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}
}
@media (max-width:640px){
  .tb .tip>span.tipt,.tip>span.tipt{position:fixed;top:auto;right:8px;bottom:8px;left:8px;margin:0;width:auto;max-width:none;font-size:.875rem;z-index:60}
}
/* Meniul pe un rând când încape; coloanele cu nume (link) nu se strâng sub o lățime lizibilă. */
.tb header nav{flex:0 1 auto}
.tb .tw td:has(>a:first-child),.tb .table td:has(>a:first-child){min-width:9rem}
/* Controalele directe ale rândurilor vechi (.row): aceeași dimensiune ca în formulare, peste resetarea grilei. */
.tb .row:not([class*="g-"])>button:not(.btn),.tb form button:not(.btn){padding:.4375rem 1rem;border-width:1px;border-style:solid}
.tb .row:not([class*="g-"])>input:not([type=checkbox]):not([type=radio]):not([type=hidden]){padding:.4375rem .75rem}
.tb .row:not([class*="g-"])>select{padding:.4375rem 2.25rem .4375rem .75rem}
.tb .row:not([class*="g-"])>label>input:not([type=checkbox]):not([type=radio]),.tb .row:not([class*="g-"])>label>select{margin-left:4px}
/* Antetul pe două rânduri, intenționat: marca și utilizatorul (limba, ieșirea) sus; meniul dedesubt, pe toată lățimea. */
.tb .nav-wrap{row-gap:4px}
.tb .navbar-brand{order:1}.tb header .who{order:2;margin-left:auto}.tb header nav{order:3;flex:1 1 100%;margin-left:-.625rem}
.tb th a,.tb th .tip{text-transform:none;letter-spacing:normal}
/* Culoarea semantică a stărilor și a glifei „?” și în carduri (peste resetarea „.tb .card span”). */
.tb .card span.st{color:var(--tblr-body-color)}.tb .card span.st-ok,.tb span.st-ok{color:#1f7a3a}.tb .card span.st-warn,.tb span.st-warn{color:#7a4b00}.tb .card span.st-bad,.tb span.st-bad{color:#a8261a}
.tb .card span.tip,.tb span.tip{color:var(--tblr-primary)}