/* Magazie — bara „Antetul tabelului” (iterația 4 din .deploy/redesign-magazie-bara.html): titlu, taburi, indicatori, filtre și
   „Articol nou” în capul cardului tabelului. Linia de jos e o umbră interioară; sublinierea tabului activ e tot umbră (fără margine negativă). */
.mg-h{container-type:inline-size;flex:none}
.mg-row{display:flex;align-items:stretch;flex-wrap:wrap;min-height:52px;padding:0 14px;box-shadow:inset 0 -1px 0 var(--border)}
.mg-title{display:flex;align-items:center;margin:0 4px 0 0;padding-right:14px;border-right:1px solid var(--border);font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;color:var(--text)}
.mg-h .segment{display:flex;align-items:stretch;gap:2px;padding:0;background:none;border:0;border-radius:0}
.mg-h .segment button{padding:0 11px;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:600;color:var(--text-3)}
.mg-h .segment button:hover{color:var(--text)}
.mg-h .segment button.active{background:none;color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}
.mg-h .segment button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
.mg-kc{display:flex;align-items:center;gap:18px;align-self:center;margin-left:14px;padding-left:16px;border-left:1px solid var(--border-soft);min-height:28px}
.mg-k{display:inline-flex;align-items:baseline;gap:6px;font-size:12px;color:var(--text-3);white-space:nowrap}
.mg-k b{font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
button.mg-low{border:0;background:none;padding:4px 7px;margin:0 -7px;border-radius:6px;font:inherit;font-size:12px;line-height:inherit;color:var(--text-3);cursor:pointer}
button.mg-low .ic{align-self:center}
.mg-low.w,.mg-low.w b,.mg-low.on,.mg-low.on b{color:var(--warn-text)}
button.mg-low:hover{background:var(--warn-soft)}
button.mg-low.on{background:var(--warn-soft);box-shadow:inset 0 0 0 1px var(--warn)}
button.mg-low:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.mg-crit,.mg-crit b{color:var(--danger-text)}
.mg-h .filters.mg-tools{margin-left:auto;padding:8px 0;flex-wrap:nowrap}
.mg-tools select.input{max-width:220px}
@container (max-width:1480px){
  .mg-h .filters.mg-tools{flex:1 1 100%;margin-left:0;box-shadow:inset 0 1px 0 var(--border-soft)}
  .mg-tools .search-inline{flex:1 1 auto}
}
@container (max-width:900px){
  .mg-kc{flex:1 1 100%;margin-left:0;padding:8px 0;border-left:0;box-shadow:inset 0 1px 0 var(--border-soft);flex-wrap:wrap;row-gap:6px}
}
@container (max-width:640px){
  .mg-title{flex:1 1 100%;border-right:0;padding:12px 0 2px}
  .mg-h .segment{flex:1 1 100%;min-height:40px;overflow-x:auto;overflow-y:hidden}
  .mg-h .filters.mg-tools{flex-wrap:wrap}
  .mg-tools .search-inline{flex:1 1 100%;min-width:0}
  .mg-tools select.input{flex:1 1 0;max-width:none;min-width:0}
}