/* Modul Magazie — stiluri extrase din style.css.
   Topbar/login/shell partajate rămân în style.css. */

.eyebrow { margin: 0 0 7px; color: var(--green-bright); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3 { margin: 0; letter-spacing: -.035em; }
h1 { max-width: 650px; font-size: clamp(32px, 4.2vw, 52px); line-height: 1.04; }
h2 { font-size: 21px; line-height: 1.15; }
h3 { font-size: 15px; }
.muted { max-width: 560px; margin: 10px 0 0; color: rgba(239,255,240,.78); }
#vouchers-table .voucher-unassigned,
.voucher-unassigned {
  display: inline-block;
  color: #5a6b62;
  font-weight: 650;
  font-size: 0.92em;
}

.summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 15px; margin-bottom: 25px; }
.summary-card, .panel { background: rgba(255,255,255,.92); border: 1px solid rgba(214, 229, 218, .92); box-shadow: var(--shadow-soft); }
.summary-card { position: relative; min-height: 135px; padding: 22px; overflow: hidden; border-radius: 18px; }
.summary-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--green), var(--green-bright)); }
.summary-card > span { color: var(--ink-soft); font-size: 13px; font-weight: 700; }
.summary-card strong { display: block; margin: 8px 0; color: var(--forest); font-size: 37px; letter-spacing: -.065em; line-height: 1; }
.summary-card small { color: var(--ink-soft); font-size: 12px; }
.summary-card.warning::before { background: linear-gradient(90deg, #d66d38, #f2b26c); }
.summary-card.warning strong { color: var(--orange); }

.intelligence-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 16px; margin: 0 0 25px; }
.intelligence-panel { min-height: 210px; padding: 21px; }
.is-collapsible-panel.intelligence-panel { min-height: 0; }
.is-collapsible-panel.intelligence-panel:not(:has(> .panel-disclosure[open])) { padding: 0; }
.intelligence-list { display: grid; gap: 7px; margin-top: 13px; }
.intelligence-policy { margin: -7px 0 12px; padding: 9px 11px; color: #426350; border: 1px solid #d8e8dc; border-radius: 10px; background: #f5faf5; font-size: 11px; font-weight: 650; line-height: 1.4; }
.intelligence-proposal { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: stretch; padding: 12px; border: 1px solid #d7e6da; border-radius: 12px; background: #fbfdfb; }
.intelligence-proposal.urgent { border-color: #f0c8ae; background: #fff9f5; }
.intelligence-proposal.critic { border-color: #eab7ad; background: #fff4f2; }
.intelligence-proposal-main { min-width: 0; display: grid; gap: 7px; }
.intelligence-proposal-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
.intelligence-proposal-title strong { overflow: hidden; color: var(--forest); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.intelligence-proposal-main > div small { display: block; margin-top: 3px; color: var(--ink-soft); font-size: 10px; line-height: 1.35; }
.intelligence-proposal-main p { margin: 0; color: #52695b; font-size: 10px; line-height: 1.4; }
.intelligence-urgency { flex: 0 0 auto; padding: 3px 7px; border-radius: 99px; background: #e8f4e9; color: #3c754c; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.intelligence-urgency.urgent { color: #a65332; background: #fff0e7; }
.intelligence-urgency.critic { color: #994034; background: #fde6e2; }
.intelligence-facts { display: flex; flex-wrap: wrap; gap: 5px 12px; color: var(--ink-soft); font-size: 10px; }
.intelligence-facts span:last-child { color: var(--forest); font-weight: 750; }
.intelligence-proposal-action { min-width: 140px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 5px; text-align: right; }
.intelligence-proposal-action > small { color: var(--ink-soft); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.intelligence-proposal-action > b { color: var(--forest); font-size: 16px; white-space: nowrap; }
.intelligence-proposal.urgent .intelligence-proposal-action > b { color: #b85b35; }
.intelligence-proposal.critic .intelligence-proposal-action > b { color: #a84638; }
.intelligence-approve-action, .intelligence-secondary-action { min-height: 31px; padding: 0 9px; border-radius: 8px; font-size: 10px; white-space: nowrap; }
.intelligence-approve-action { color: #fff; background: var(--forest); }
.intelligence-approve-action:hover { background: #0b5d3b; }
.intelligence-secondary-action { color: #945042; border: 1px solid #edc1b9; background: #fff8f6; }
.intelligence-approved { display: grid; justify-items: end; gap: 5px; color: #3d744d; font-size: 10px; font-weight: 750; white-space: nowrap; }
.intelligence-waiting { display: block; max-width: 142px; color: var(--ink-soft); font-size: 9px; line-height: 1.3; }
.intelligence-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 14px; align-items: center; padding: 10px 11px; border: 1px solid #dceae0; border-radius: 10px; background: #f7fbf7; }
.intelligence-item.urgent { border-color: #edc0a4; background: #fff8f3; }
.intelligence-item strong { overflow: hidden; text-overflow: ellipsis; font-size: 12px; white-space: nowrap; }
.intelligence-item small { grid-column: 1; color: var(--ink-soft); font-size: 10px; }
.intelligence-item b { grid-column: 2; grid-row: 1 / span 2; color: var(--forest); font-size: 12px; text-align: right; white-space: nowrap; }
.intelligence-item.urgent b { color: var(--orange); }
.intelligence-activity { margin-top: 13px; padding-top: 11px; border-top: 1px solid var(--line); }
.intelligence-activity > strong { display: block; margin-bottom: 6px; font-size: 11px; }
.intelligence-activity span { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; color: var(--ink-soft); font-size: 11px; }
.intelligence-activity span b { color: var(--forest); }
.machine-smart-insight { margin-top: 12px; padding: 12px; color: var(--ink-soft); border: 1px solid #dbe8de; border-radius: 10px; background: #f7fbf7; font-size: 11px; }
.machine-smart-insight strong { display: block; margin-bottom: 4px; color: var(--forest); font-size: 12px; }
.machine-smart-insight ul { margin: 8px 0 0; padding-left: 17px; }
.machine-smart-insight li { margin: 3px 0; }
.custody-panel { margin: 25px 0; padding: 23px; }
.custody-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 20px; align-items: start; }
.custody-grid .form-panel { padding: 16px; border-radius: 12px; background: #f7fbf7; box-shadow: none; }
.custody-grid .form-panel h3 { margin-bottom: 12px; }

.assistant-panel { position: relative; margin: 0 0 18px; padding: 21px 23px; overflow: hidden; color: #f5fff5; border: 1px solid rgba(124,190,122,.34); border-radius: 19px; background: radial-gradient(circle at 92% 14%, rgba(167,222,92,.24), transparent 12rem), linear-gradient(125deg, #093e2d, #0d6040); box-shadow: 0 15px 32px rgba(8,65,41,.16); }
.assistant-panel:not(.page-intro)::after { content: ""; position: absolute; right: -50px; bottom: -92px; width: 240px; height: 240px; border: 30px solid rgba(181,234,123,.1); border-radius: 50%; pointer-events: none; }
.assistant-heading { position: relative; z-index: 1; display: flex; gap: 13px; align-items: center; }
.assistant-orb { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; color: #0b5136; border-radius: 14px; background: linear-gradient(135deg, #d6ff8a, #8fce50); font-size: 22px; }
.assistant-heading .eyebrow { margin-bottom: 2px; color: #bfe984; }
.assistant-heading h2 { font-size: 19px; }
.assistant-heading p:not(.eyebrow) { margin: 3px 0 0; color: rgba(245,255,245,.74); font-size: 12px; }
.assistant-form { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; margin-top: 16px; }
.assistant-input-wrap { position: relative; min-width: 0; }
.assistant-form input { width: 100%; height: 48px; padding-right: 48px; color: var(--ink); border-color: rgba(202,239,187,.5); background: #fff; }
.assistant-clear { position: absolute; top: 50%; right: 9px; width: 30px; min-height: 30px; padding: 0; display: grid; place-items: center; transform: translateY(-50%); color: #3f6b51; border: 0; border-radius: 50%; background: #eaf3e9; font-size: 22px; font-weight: 500; line-height: 1; }
.assistant-clear:hover { background: #d4ead5; color: #174b2f; transform: translateY(-50%) scale(1.05); }
.assistant-form .primary-button { min-height: 48px; padding-inline: 20px; background: linear-gradient(135deg, #a2dc59, #6fb640); color: #113b28; box-shadow: none; }
.assistant-examples { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 10px; color: rgba(245,255,245,.64); font-size: 11px; font-weight: 700; }
.assistant-examples button { min-height: 27px; padding: 0 9px; color: #edffea; border: 1px solid rgba(232,255,226,.26); border-radius: 99px; background: rgba(255,255,255,.08); font-size: 10px; font-weight: 700; }
.assistant-examples button:hover { background: rgba(255,255,255,.16); transform: translateY(-1px); }
.assistant-result { position: relative; z-index: 2; margin-top: 14px; padding: 15px; color: var(--ink); border-radius: 12px; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.16); }
.assistant-result.error { color: #813c39; background: #fff4f2; border: 1px solid #f2c8c3; }
.assistant-result > p { margin: 0; font-size: 13px; font-weight: 700; }
.assistant-answer-message { margin-top: 6px !important; color: var(--ink-soft); font-size: 12px !important; font-weight: 500 !important; }
.assistant-result .assistant-route { margin-top: 12px; }
.assistant-suggestions { display: grid; gap: 8px; margin-top: 12px; }
.assistant-product-suggestion { min-height: 54px; padding: 9px 11px; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 1px 14px; color: var(--ink); border: 1px solid #cde0d1; border-radius: 9px; background: #f5faf5; text-align: left; }
.assistant-product-suggestion:hover { border-color: #75ae85; background: #eaf6e9; transform: translateY(-1px); }
.assistant-product-suggestion strong { overflow: hidden; text-overflow: ellipsis; font-size: 12px; white-space: nowrap; }
.assistant-product-suggestion small { color: var(--ink-soft); font-size: 10px; }
.assistant-product-suggestion b { grid-column: 2; grid-row: 1 / span 2; color: var(--forest); font-size: 11px; white-space: nowrap; }
.assistant-shelf-stock { display: grid; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
.assistant-shelf-stock li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 11px; border: 1px solid #dceae0; border-radius: 9px; background: #f6faf6; font-size: 12px; }
.assistant-shelf-stock li span { color: var(--ink-soft); font-size: 11px; text-align: right; }
.assistant-shelf-stock li span b { color: var(--forest); }
.assistant-confirmation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.assistant-confirmation > div { padding: 9px; border-radius: 9px; background: #f3f8f3; }
.assistant-confirmation small { display: block; color: var(--ink-soft); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.assistant-confirmation strong { display: block; margin-top: 3px; font-size: 12px; line-height: 1.25; }
.assistant-confirmation em { display: block; margin-top: 3px; color: var(--orange); font-size: 10px; font-style: normal; }
.assistant-confirm-form { display: grid; grid-template-columns: 135px minmax(0, 1fr) auto; align-items: end; gap: 10px; margin-top: 12px; }
.assistant-confirm-form:has(> label:nth-child(4)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.assistant-confirm-form:has(> label:nth-child(4)) .primary-button { grid-column: 1 / -1; justify-self: start; }
.assistant-confirm-form .primary-button { min-height: 45px; font-size: 12px; }
.assistant-cancel { min-height: 34px; padding: 0; justify-self: start; color: var(--ink-soft); background: transparent; font-size: 11px; }

.daily-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0 0 25px; }
/* Acțiunile sunt disponibile într-un singur loc: panoul Operațiune zilnică. */
#lucreaza { display: none !important; }
.action-card { min-height: 132px; padding: 17px; display: grid; grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: 1fr auto; align-items: start; gap: 10px 12px; color: var(--ink); border: 1px solid #d4e4d8; border-radius: 17px; background: rgba(255,255,255,.94); box-shadow: var(--shadow-soft); text-align: left; }
.action-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.action-card > span:nth-child(2) { display: grid; gap: 3px; }
.action-card strong { font-size: 14px; line-height: 1.2; }
.action-card small { color: var(--ink-soft); font-size: 11px; font-weight: 600; line-height: 1.3; }
.action-card b { grid-column: 2; color: var(--forest); font-size: 11px; }
.action-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border-radius: 12px; font-size: 24px; font-weight: 500; line-height: 1; }
.action-in .action-icon { background: linear-gradient(135deg, #13804a, #56aa58); }
.action-out .action-icon { background: linear-gradient(135deg, #b95b35, #e38d52); }
.action-transfer .action-icon { background: linear-gradient(135deg, #28785e, #54ad8b); font-size: 19px; }
.action-disposition .action-icon { background: linear-gradient(135deg, #9b4c3d, #bf6d54); font-size: 21px; }
.action-search .action-icon { background: linear-gradient(135deg, #48735a, #83a069); font-size: 23px; }
.action-return .action-icon { background: linear-gradient(135deg, #2c6f92, #5b9fc1); font-size: 20px; }

.content-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 18px; margin-bottom: 25px; }
.content-grid > * { min-width: 0; max-width: 100%; }
#miscare { order: -1; }
.panel { padding: 27px; border-radius: 19px; }
.panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px; }
.panel-heading .eyebrow { margin-bottom: 5px; }
/* [VirixAdministration] panouri Outlook / destinatari feedback mutate in
   static/modules/administration/administration.css */
.topbar-issue-button { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 12px 0 7px; color: #f8fff9; border: 1px solid rgba(255,255,255,.27); border-radius: 11px; background: rgba(255,255,255,.10); font: 750 11px inherit; white-space: nowrap; cursor: pointer; transition: background .16s, transform .16s, border-color .16s; }
.topbar-issue-button b { display: inline; color: inherit; font-size: inherit; font-weight: 800; }
.topbar-issue-button .hero-action-icon { width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 auto; margin: 0; color: #163f2d; border-radius: 7px; background: linear-gradient(160deg, #ffe2d4, #f0a07a); box-shadow: 0 3px 8px rgba(214, 107, 76, .25); }
.topbar-issue-button .hero-action-icon svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.topbar-issue-button:hover, .topbar-issue-button:focus-visible { background: rgba(255,255,255,.19); outline: none; transform: translateY(-1px); }
/* .app-issue-dialog styles live in style.css (global; not Magazie-gated). */
.form-panel { position: relative; overflow: hidden; }
#miscare.form-panel { overflow: visible; }
.form-panel::after { content: ""; position: absolute; top: 0; right: 0; width: 86px; height: 86px; border: 18px solid rgba(130,195,65,.09); border-radius: 0 0 0 100%; pointer-events: none; }
.is-collapsible-panel.form-panel::after,
.is-collapsible-panel .form-panel::after { display: none; }
.focus-panel { border-color: #9bc9a8; box-shadow: 0 16px 36px rgba(12,91,54,.12); }
.form-help { margin: -9px 0 16px; color: var(--ink-soft); font-size: 12px; }
form { display: grid; gap: 14px; }
label, .field-block { display: grid; gap: 7px; color: #355348; font-size: 12px; font-weight: 760; letter-spacing: .01em; }
.optional { color: var(--ink-soft); font-weight: 500; }
body.warehouse-operator-mode main input,
body.warehouse-area main input,
body.maintenance-only-mode main input,
body.warehouse-operator-mode main select,
body.warehouse-area main select,
body.maintenance-only-mode main select,
body.warehouse-operator-mode dialog input,
body.warehouse-area dialog input,
body.maintenance-only-mode dialog input,
body.warehouse-operator-mode dialog select,
body.warehouse-area dialog select,
body.maintenance-only-mode dialog select {
  width: 100%; min-width: 0; max-width: 100%; height: 45px; border: 1px solid #c8dad0; border-radius: 10px; outline: none;
  padding: 0 12px; color: var(--ink); background: rgba(255,255,255,.95); font: inherit;
  transition: border-color .16s, box-shadow .16s, background .16s;
}
body.warehouse-operator-mode main input:hover,
body.warehouse-area main input:hover,
body.maintenance-only-mode main input:hover,
body.warehouse-operator-mode main select:hover,
body.warehouse-area main select:hover,
body.maintenance-only-mode main select:hover,
body.warehouse-operator-mode dialog input:hover,
body.warehouse-area dialog input:hover,
body.maintenance-only-mode dialog input:hover,
body.warehouse-operator-mode dialog select:hover,
body.warehouse-area dialog select:hover,
body.maintenance-only-mode dialog select:hover { border-color: #9ec5ac; }
body.warehouse-operator-mode main input:focus,
body.warehouse-area main input:focus,
body.maintenance-only-mode main input:focus,
body.warehouse-operator-mode main select:focus,
body.warehouse-area main select:focus,
body.maintenance-only-mode main select:focus,
body.warehouse-operator-mode dialog input:focus,
body.warehouse-area dialog input:focus,
body.maintenance-only-mode dialog input:focus,
body.warehouse-operator-mode dialog select:focus,
body.warehouse-area dialog select:focus,
body.maintenance-only-mode dialog select:focus {
  border-color: var(--green); box-shadow: 0 0 0 4px rgba(22,132,75,.12); background: #fff;
}
body.warehouse-operator-mode main input[readonly],
body.warehouse-area main input[readonly],
body.maintenance-only-mode main input[readonly],
body.warehouse-operator-mode dialog input[readonly],
body.warehouse-area dialog input[readonly],
body.maintenance-only-mode dialog input[readonly] {
  color: var(--forest); background: #edf7ef; font-weight: 750;
}
.two-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.two-columns > * { min-width: 0; }
.shelf-stock-info { margin: 7px 0 0; color: var(--ink-soft); font-size: 12px; }
.machine-associations { display: grid; gap: 10px; }
.machine-association-row { display: grid; grid-template-columns: minmax(0, 1fr) 34px; gap: 10px; align-items: end; padding: 11px; border: 1px solid #d8e7dd; border-radius: 11px; background: #f7fbf7; }
.machine-association-row label { min-width: 0; }
.remove-machine-button { width: 34px; min-width: 34px; height: 34px; min-height: 34px; padding: 0; color: var(--red); border: 1px solid #ebc4c2; border-radius: 9px; background: #fff8f7; font-size: 19px; line-height: 1; cursor: pointer; }
.add-machine-button { justify-self: start; min-height: 35px; padding: 0 11px; color: var(--forest); border: 1px dashed #8cb89a; border-radius: 9px; background: #f3faf3; font: 750 12px inherit; cursor: pointer; }
.add-machine-button:hover { background: var(--lime-wash); }
/* Magazie chrome ONLY inside module surfaces (main/dialog) — NEVER shared .topbar.
   body.warehouse-* button {…} a stricat butonul Meniu (padding 17px pe 34px → icon gol)
   și a contaminat Vânzări când CSS Magazie e boot-eager. */
body.warehouse-operator-mode main button,
body.warehouse-area main button,
body.maintenance-only-mode main button,
body.warehouse-operator-mode dialog button,
body.warehouse-area dialog button,
body.maintenance-only-mode dialog button,
.primary-button,
.secondary-button {
  min-height: 44px; border: 0; border-radius: 10px; padding: 0 17px;
  display: inline-flex; justify-content: center; align-items: center;
  font: 750 14px inherit; cursor: pointer; text-decoration: none;
  transition: transform .16s, box-shadow .16s, background .16s;
}
/* :active/:hover translate DOAR în Magazie — altfel Vânzări/taburi moștenesc offset (L39/L47). */
body.warehouse-operator-mode main button:active,
body.warehouse-area main button:active,
body.maintenance-only-mode main button:active,
body.warehouse-operator-mode dialog button:active,
body.warehouse-area dialog button:active,
body.maintenance-only-mode dialog button:active,
body.warehouse-operator-mode main .primary-button:active,
body.warehouse-area main .primary-button:active,
body.maintenance-only-mode main .primary-button:active,
body.warehouse-operator-mode main .secondary-button:active,
body.warehouse-area main .secondary-button:active,
body.maintenance-only-mode main .secondary-button:active { transform: translateY(1px); }
.primary-button { color: #fff; background: linear-gradient(135deg, var(--forest), #126d43); box-shadow: 0 8px 16px rgba(7,60,43,.19); }
body.warehouse-operator-mode main .primary-button:hover,
body.warehouse-area main .primary-button:hover,
body.maintenance-only-mode main .primary-button:hover { background: linear-gradient(135deg, #052f22, #0b5837); box-shadow: 0 10px 22px rgba(7,60,43,.25); transform: translateY(-1px); }
.primary-button:hover { background: linear-gradient(135deg, #052f22, #0b5837); box-shadow: 0 10px 22px rgba(7,60,43,.25); }
.secondary-button { color: var(--forest); border: 1px solid #b9d5c1; background: linear-gradient(135deg, #f3faf4, #e9f5e8); }
body.warehouse-operator-mode main .secondary-button:hover,
body.warehouse-area main .secondary-button:hover,
body.maintenance-only-mode main .secondary-button:hover { background: #e3f2e4; transform: translateY(-1px); }
.secondary-button:hover { background: #e3f2e4; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.movement-step { display: grid; gap: 8px; padding: 13px; border: 1px solid #d3e5d7; border-radius: 12px; background: #f5faf5; }
.step-label { display: flex; align-items: center; gap: 8px; margin: 0; color: #355348; font-size: 12px; font-weight: 800; }
.step-label span, .field-label b { width: 21px; height: 21px; display: inline-grid; place-items: center; flex: 0 0 auto; color: #fff; border-radius: 50%; background: var(--forest); font-size: 10px; font-weight: 800; }
/* Daily-ops operation picker — Magazie-owned; equal cards; icon + copy.
   Do not force 1-col from style.css — responsive rows live here. */
body.warehouse-operator-mode main #miscare .movement-type-grid,
body.warehouse-area main #miscare .movement-type-grid,
body.maintenance-only-mode main #miscare .movement-type-grid,
.movement-type-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}
.movement-step, .warehouse-workboard { min-width: 0; overflow: visible; }
body.warehouse-operator-mode main #miscare .movement-type-button,
body.warehouse-area main #miscare .movement-type-button,
body.maintenance-only-mode main #miscare .movement-type-button,
.movement-type-button {
  min-width: 0;
  min-height: 76px;
  padding: 10px 10px 11px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #486256;
  border: 1px solid #c7dbcd;
  border-radius: 12px;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 0 rgba(12, 48, 32, .03);
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
  transform: none;
}
.movement-type-ico {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(12, 48, 32, .08);
  color: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
.movement-type-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
  align-content: start;
}
.movement-type-button strong {
  display: block;
  margin: 0;
  color: inherit;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.movement-type-button small {
  display: block;
  margin: 0;
  color: var(--ink-soft);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
  word-break: break-word;
}
body.warehouse-operator-mode main #miscare .movement-type-button:hover,
body.warehouse-operator-mode main #miscare .movement-type-button:active,
body.warehouse-area main #miscare .movement-type-button:hover,
body.warehouse-area main #miscare .movement-type-button:active,
body.maintenance-only-mode main #miscare .movement-type-button:hover,
body.maintenance-only-mode main #miscare .movement-type-button:active,
.movement-type-button:hover,
.movement-type-button:active {
  transform: none;
}
body.warehouse-operator-mode main #miscare .movement-type-button:hover,
body.warehouse-area main #miscare .movement-type-button:hover,
body.maintenance-only-mode main #miscare .movement-type-button:hover,
.movement-type-button:hover {
  border-color: #75ae85;
  background: #f0f8f0;
  box-shadow: 0 4px 12px rgba(12, 91, 54, .08);
}
.movement-type-button:focus-visible {
  outline: 2px solid #6ea848;
  outline-offset: 2px;
}
/* Color + selected: same specificity family as base Magazie-scoped button rules */
body.warehouse-operator-mode main #miscare .movement-type-button[data-movement-type="IN"],
body.warehouse-area main #miscare .movement-type-button[data-movement-type="IN"],
body.maintenance-only-mode main #miscare .movement-type-button[data-movement-type="IN"],
.movement-type-button[data-movement-type="IN"] { color: #13804a; border-color: #a8d7b4; background: #f0faf2; }
body.warehouse-operator-mode main #miscare .movement-type-button[data-movement-type="OUT"],
body.warehouse-area main #miscare .movement-type-button[data-movement-type="OUT"],
body.maintenance-only-mode main #miscare .movement-type-button[data-movement-type="OUT"],
.movement-type-button[data-movement-type="OUT"] { color: #b95b35; border-color: #f0c6b5; background: #fff5f0; }
body.warehouse-operator-mode main #miscare .movement-type-button[data-movement-type="RETURN"],
body.warehouse-area main #miscare .movement-type-button[data-movement-type="RETURN"],
body.maintenance-only-mode main #miscare .movement-type-button[data-movement-type="RETURN"],
.movement-type-button[data-movement-type="RETURN"] { color: #2c6f92; border-color: #b8dbea; background: #f0f9fd; }
body.warehouse-operator-mode main #miscare .movement-type-button.movement-transfer-button,
body.warehouse-area main #miscare .movement-type-button.movement-transfer-button,
body.maintenance-only-mode main #miscare .movement-type-button.movement-transfer-button,
.movement-transfer-button { color: #28785e; border-color: #a9d5c4; background: #f0faf7; }
body.warehouse-operator-mode main #miscare .movement-type-button.movement-disposition-button,
body.warehouse-area main #miscare .movement-type-button.movement-disposition-button,
body.maintenance-only-mode main #miscare .movement-type-button.movement-disposition-button,
.movement-disposition-button { color: #9b4c3d; border-color: #e5bdb5; background: #fff5f3; }
body.warehouse-operator-mode main #miscare .movement-type-button.movement-search-button,
body.warehouse-area main #miscare .movement-type-button.movement-search-button,
body.maintenance-only-mode main #miscare .movement-type-button.movement-search-button,
.movement-search-button { color: #4d7058; border-color: #bfd6bb; background: #f2f8ee; }

body.warehouse-operator-mode main #miscare .movement-type-button.is-selected,
body.warehouse-area main #miscare .movement-type-button.is-selected,
body.maintenance-only-mode main #miscare .movement-type-button.is-selected,
.movement-type-button.is-selected {
  color: #fff;
  border-color: var(--forest);
  background: linear-gradient(135deg, var(--forest), #117044);
  box-shadow: 0 8px 16px rgba(7, 60, 43, .16);
}
body.warehouse-operator-mode main #miscare .movement-type-button.is-selected .movement-type-ico,
body.warehouse-area main #miscare .movement-type-button.is-selected .movement-type-ico,
body.maintenance-only-mode main #miscare .movement-type-button.is-selected .movement-type-ico,
.movement-type-button.is-selected .movement-type-ico {
  color: #0b5136;
  background: rgba(255, 255, 255, .92);
  border-color: transparent;
}
body.warehouse-operator-mode main #miscare .movement-type-button.is-selected small,
body.warehouse-area main #miscare .movement-type-button.is-selected small,
body.maintenance-only-mode main #miscare .movement-type-button.is-selected small,
.movement-type-button.is-selected small { color: rgba(255, 255, 255, .84); }

body.warehouse-operator-mode main #miscare .movement-type-button.is-selected[data-movement-type="IN"],
body.warehouse-area main #miscare .movement-type-button.is-selected[data-movement-type="IN"],
body.maintenance-only-mode main #miscare .movement-type-button.is-selected[data-movement-type="IN"],
.movement-type-button.is-selected[data-movement-type="IN"] {
  color: #fff; border-color: #13804a;
  background: linear-gradient(135deg, #13804a, #56aa58);
  box-shadow: 0 8px 16px rgba(19, 128, 74, .2);
}
body.warehouse-operator-mode main #miscare .movement-type-button.is-selected[data-movement-type="OUT"],
body.warehouse-area main #miscare .movement-type-button.is-selected[data-movement-type="OUT"],
body.maintenance-only-mode main #miscare .movement-type-button.is-selected[data-movement-type="OUT"],
.movement-type-button.is-selected[data-movement-type="OUT"] {
  color: #fff; border-color: #b95b35;
  background: linear-gradient(135deg, #b95b35, #e38d52);
  box-shadow: 0 8px 16px rgba(185, 91, 53, .2);
}
body.warehouse-operator-mode main #miscare .movement-type-button.is-selected[data-movement-type="RETURN"],
body.warehouse-area main #miscare .movement-type-button.is-selected[data-movement-type="RETURN"],
body.maintenance-only-mode main #miscare .movement-type-button.is-selected[data-movement-type="RETURN"],
.movement-type-button.is-selected[data-movement-type="RETURN"] {
  color: #fff; border-color: #2c6f92;
  background: linear-gradient(135deg, #2c6f92, #5b9fc1);
  box-shadow: 0 8px 16px rgba(44, 111, 146, .2);
}
body.warehouse-operator-mode main #miscare .movement-type-button.movement-transfer-button.is-selected,
body.warehouse-area main #miscare .movement-type-button.movement-transfer-button.is-selected,
body.maintenance-only-mode main #miscare .movement-type-button.movement-transfer-button.is-selected,
.movement-transfer-button.is-selected {
  color: #fff; border-color: #28785e;
  background: linear-gradient(135deg, #28785e, #54ad8b);
  box-shadow: 0 8px 16px rgba(40, 120, 94, .2);
}
body.warehouse-operator-mode main #miscare .movement-type-button.movement-disposition-button.is-selected,
body.warehouse-area main #miscare .movement-type-button.movement-disposition-button.is-selected,
body.maintenance-only-mode main #miscare .movement-type-button.movement-disposition-button.is-selected,
.movement-disposition-button.is-selected {
  color: #fff; border-color: #9b4c3d;
  background: linear-gradient(135deg, #9b4c3d, #bf6d54);
  box-shadow: 0 8px 16px rgba(155, 76, 61, .2);
}
body.warehouse-operator-mode main #miscare .movement-type-button.movement-search-button.is-selected,
body.warehouse-area main #miscare .movement-type-button.movement-search-button.is-selected,
body.maintenance-only-mode main #miscare .movement-type-button.movement-search-button.is-selected,
.movement-search-button.is-selected {
  color: #fff; border-color: #4d7058;
  background: linear-gradient(135deg, #4d7058, #7d9a78);
  box-shadow: 0 8px 16px rgba(77, 112, 88, .2);
}
body.warehouse-operator-mode main #miscare .movement-type-button.is-selected[data-movement-type] small,
body.warehouse-area main #miscare .movement-type-button.is-selected[data-movement-type] small,
body.maintenance-only-mode main #miscare .movement-type-button.is-selected[data-movement-type] small,
.movement-type-button.is-selected[data-movement-type] small { color: rgba(255, 255, 255, .84); }

/* Keep title+subtitle baseline aligned even when copy is short */
body.warehouse-operator-mode main #miscare .movement-type-button,
body.warehouse-area main #miscare .movement-type-button,
body.maintenance-only-mode main #miscare .movement-type-button {
  align-items: center;
}
body.warehouse-operator-mode main #miscare .movement-type-copy,
body.warehouse-area main #miscare .movement-type-copy,
body.maintenance-only-mode main #miscare .movement-type-copy {
  flex: 1 1 auto;
}
body.warehouse-operator-mode main #miscare .movement-type-copy small,
body.warehouse-area main #miscare .movement-type-copy small,
body.maintenance-only-mode main #miscare .movement-type-copy small {
  min-height: 1.3em;
}
@media (max-width: 1180px) {
  body.warehouse-operator-mode main #miscare .movement-type-grid,
  body.warehouse-area main #miscare .movement-type-grid,
  body.maintenance-only-mode main #miscare .movement-type-grid,
  .movement-type-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* 20260821-wh-ops-six-v1 — one used-box for iPhone and M3 (DEC-259).
   Tall stacked tiles + coarse/1100 hid Retur / Transfer / Casare / Caută
   on both phones. 2-col, icon beside text, all 6 tiles in the card.
   No pocket-vs-WebView split. No overflow:hidden as the page fix. */
@media (max-width: 1100px) {
  body.warehouse-operator-mode main #miscare .movement-type-grid,
  body.warehouse-area main #miscare .movement-type-grid,
  body.maintenance-only-mode main #miscare .movement-type-grid,
  .movement-type-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  body.warehouse-operator-mode main #miscare .movement-type-button,
  body.warehouse-area main #miscare .movement-type-button,
  body.maintenance-only-mode main #miscare .movement-type-button,
  .movement-type-button {
    flex-direction: row;
    align-items: center;
    min-height: 52px;
    padding: 7px 8px;
    overflow: visible;
  }
  body.warehouse-operator-mode main #miscare .movement-type-copy small,
  body.warehouse-area main #miscare .movement-type-copy small,
  body.maintenance-only-mode main #miscare .movement-type-copy small {
    min-height: 0;
  }
  body.warehouse-operator-mode main #miscare .movement-step,
  body.warehouse-area main #miscare .movement-step,
  body.maintenance-only-mode main #miscare .movement-step,
  #miscare > .movement-step {
    margin-bottom: 10px;
    padding: 10px;
  }
  #operational-layout > #miscare .panel-heading {
    margin-bottom: 10px;
  }
}
.field-label { display: flex; align-items: center; gap: 8px; }
.field-label b { background: #43805a; }
.field-label b:first-child { font-size: 10px; }

.equipment-panel { margin-bottom: 25px; }
.panel-note { color: var(--ink-soft); font-size: 12px; }
.equipment-forms { max-width: 520px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.equipment-forms h3, .equipment-tables h3 { margin: 0 0 14px; }
.equipment-tables { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr); gap: 28px; padding-top: 25px; }
.machine-parts-heading { display: flex; justify-content: space-between; gap: 14px; align-items: start; }
.machine-parts-heading h3 { margin-bottom: 2px; }
.filter-summary { margin: 0 0 14px; color: var(--ink-soft); font-size: 12px; }
.machine-list-heading { display: flex; justify-content: space-between; align-items: start; gap: 12px; margin-bottom: 13px; }
.machine-list-heading .filter-summary { margin-bottom: 0; }
.machine-list-search { width: 150px; gap: 4px; color: var(--ink-soft); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.machine-list-search input { height: 36px; padding: 0 10px; font-size: 12px; letter-spacing: 0; text-transform: none; }
.machine-folders { display: grid; gap: 8px; }
.machine-folder { overflow: hidden; border: 1px solid #d9e8dc; border-radius: 11px; background: #fbfdfb; }
.machine-folder summary { min-height: 48px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; list-style: none; user-select: none; }
.machine-folder summary::-webkit-details-marker { display: none; }
.machine-folder summary:hover { background: #f0f8f0; }
.machine-folder summary.selected { background: linear-gradient(90deg, #e4f5df, #f8fcf7); box-shadow: inset 4px 0 0 var(--lime); }
.machine-folder-title { display: inline-flex; align-items: center; gap: 9px; min-width: 0; color: var(--forest); font-size: 13px; font-weight: 800; }
.machine-folder-title b { width: 16px; color: #5a936b; font-size: 13px; transition: transform .16s; }
.machine-folder[open] .machine-folder-title b { transform: rotate(90deg); }
.machine-folder-count { flex: 0 0 auto; padding: 4px 8px; color: #477359; border-radius: 99px; background: #e7f3e7; font-size: 10px; font-weight: 800; }
.machine-folder-items {
  display: grid;
  gap: 1px;
  max-height: min(440px, 58vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 6px 6px;
  border-top: 1px solid #e5efe6;
  background: #f7fbf7;
  scrollbar-width: thin;
  scrollbar-color: #9ebfa8 transparent;
}
.machine-folder-items::-webkit-scrollbar { width: 8px; }
.machine-folder-items::-webkit-scrollbar-thumb { border: 2px solid #f7fbf7; border-radius: 99px; background: #9ebfa8; }
.machine-folder-item { width: 100%; min-height: 52px; padding: 2px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px; color: var(--ink); border: 0; border-radius: 8px; background: transparent; text-align: left; box-shadow: none; }
.machine-folder-item:hover { background: #eaf5ea; transform: none; }
.machine-folder-item.selected { color: #fff; background: linear-gradient(135deg, var(--forest), #167247); }
.machine-folder-pick { min-width: 0; min-height: 48px; padding: 8px 9px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; color: inherit; border: 0; border-radius: 8px; background: transparent; box-shadow: none; text-align: left; }
.machine-folder-item span { min-width: 0; display: grid; gap: 2px; }
.machine-folder-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.machine-folder-item small { overflow: hidden; color: var(--ink-soft); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 650; }
.machine-folder-item.selected small { color: rgba(255,255,255,.78); }
.machine-folder-pick > b { color: #45755a; font-size: 10px; white-space: nowrap; }
.machine-folder-item.selected .machine-folder-pick > b { color: #d9f7d5; }
.machine-folder-actions { display: inline-flex; flex-wrap: wrap; gap: 4px; padding-right: 4px; }
.group-machines-cell { min-width: 165px; }
.group-associated-machine { display: block; padding: 3px 0; font-size: 11px; font-weight: 750; line-height: 1.25; }
.group-associated-machine + .group-associated-machine { border-top: 1px solid #edf2ed; }
.machine-selection-status { min-width: 190px; padding: 9px 11px; color: var(--forest); border: 1px solid #d3e5d7; border-radius: 10px; background: #f6fbf6; }
.machine-selection-status small { display: block; margin-bottom: 3px; color: var(--ink-soft); font-size: 9px; font-weight: 800; letter-spacing: .07em; }
.machine-selection-status strong { display: block; max-width: 245px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }

.stock-panel, .history-panel { margin-top: 25px; padding-bottom: 10px; }
.table-heading { align-items: end; }
.search { position: relative; width: min(290px, 46%); }
.stock-filters { display: flex; flex-wrap: nowrap; gap: 8px; align-items: center; justify-content: flex-end; }
#inventar .stock-filters .search,
.panel-disclosure-toolbar .stock-filters .search { width: min(290px, 42vw); flex: 1 1 220px; max-width: 290px; margin: 0; }
.stock-shelf-filter { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; color: #3d5c49; font-size: 14px; white-space: nowrap; }
.stock-shelf-filter select { min-height: 40px; background: #fff; width: auto; min-width: 96px; }
.search span {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: var(--green);
  font-size: 18px;
  line-height: 1;
  pointer-events: none;
}
body.warehouse-operator-mode main .search input,
body.warehouse-area main .search input,
body.maintenance-only-mode main .search input {
  padding-left: 36px;
}
.table-wrap { overflow-x: auto; margin: 0 -5px; padding: 0 5px; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; }
table { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
th { padding: 0 10px 11px; border-bottom: 1px solid var(--line); color: var(--ink-soft); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
td { padding: 14px 10px; border-bottom: 1px solid #edf3ee; vertical-align: middle; }
.content-table-scroll {
  max-height: min(560px, 64vh);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #9dbca5 transparent;
}
.content-table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 1px 0 var(--line);
}
.content-table-scroll::-webkit-scrollbar, .content-list-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.content-table-scroll::-webkit-scrollbar-thumb, .content-list-scroll::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #9dbca5; background-clip: padding-box; }
.content-table-scroll::-webkit-scrollbar-track, .content-list-scroll::-webkit-scrollbar-track { background: transparent; }
.custody-table-scroll { max-height: min(520px, 60vh); }
.movements-table-scroll { max-height: min(560px, 64vh); }
.content-list-scroll {
  max-height: min(540px, 62vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #9dbca5 transparent;
}
tbody tr { transition: background .15s; }
tbody tr:hover { background: #f7fbf7; }
tbody tr:last-child td { border-bottom: 0; }
.product-name { color: var(--ink); font-weight: 750; }
.code, .notes { color: var(--ink-soft); }
.status, .movement { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 99px; font-size: 11px; font-weight: 800; }
.status.ok, .movement.in { color: #1e7044; background: #e3f5e8; }
.status.inactive { color: #5c5348; background: #f3efe8; }
.quick-product-duplicate { margin: 6px 0 0; color: #9b441f; font-size: 13px; }
.status.low, .movement.out { color: #9b441f; background: #fff0e7; }
.quantity-in { color: #26774d; font-weight: 800; }
.quantity-out { color: var(--red); font-weight: 800; }
.empty { padding: 31px; color: var(--ink-soft); text-align: center; }
.movement-day-row:hover { background: transparent; }
.movement-day-row td { padding: 9px 0 4px; border-bottom: 0; }
.movement-day-toggle { width: 100%; min-height: 50px; padding: 8px 12px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; color: var(--forest); border: 1px solid #d4e7d8; border-radius: 10px; background: linear-gradient(90deg, #eef8ed, #fbfdfb); text-align: left; font: inherit; cursor: pointer; transition: border-color .16s, background .16s; }
.movement-day-toggle:hover { border-color: #8ec09a; background: #e7f4e8; }
.movement-day-toggle strong { display: block; font-size: 12px; }
.movement-day-toggle small { display: block; margin-top: 1px; color: var(--ink-soft); font-size: 10px; font-weight: 650; }
.movement-day-toggle b { color: #39704d; font-size: 10px; white-space: nowrap; }
.movement-day-chevron { width: 20px; height: 20px; display: grid; place-items: center; color: #26754a; border-radius: 50%; background: #dff0df; font-size: 17px; line-height: 1; }
.movement-detail-row td { padding-top: 12px; padding-bottom: 12px; }
.toast { position: fixed; z-index: 30; right: 24px; bottom: 24px; max-width: min(440px, calc(100% - 48px)); padding: 14px 17px; color: #fff; background: #173d2d; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 14px 30px rgba(4,41,30,.28); border-radius: 12px; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .2s, transform .2s; }
.toast.show { opacity: 1; transform: translateY(0); }
.toast.error { background: #963f3d; }

/* Panouri adăugate pentru fluxul zilnic al gestionarului. */
.current-user { min-width: 150px; gap: 3px; color: rgba(245,255,246,.72); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.current-user select { height: 32px; padding: 0 8px; color: #f8fff9; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.09); font-size: 11px; font-weight: 700; text-transform: none; }
.current-user select:focus { border-color: #bde78a; box-shadow: 0 0 0 3px rgba(189,231,138,.16); }
.current-user select.operator-required { border-color: #ffb09c; box-shadow: 0 0 0 3px rgba(236,107,79,.22); background: rgba(175,62,48,.2); }
.current-user option { color: var(--ink); background: #fff; }
.current-user-pin { min-width: 62px; }
/* Login PIN styling is owned by style.css (operator-locked). Keep topbar session compact when present. */
body:not(.operator-locked) .current-user-pin input { height: 32px; padding: 0 8px; color: #f8fff9; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.09); font-size: 12px; letter-spacing: .12em; }
.intro-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.warehouse-operator-mode main .ghost-button,
body.warehouse-area main .ghost-button,
body.maintenance-only-mode main .ghost-button,
body.warehouse-operator-mode main .icon-text-button,
body.warehouse-area main .icon-text-button,
body.maintenance-only-mode main .icon-text-button,
body.warehouse-operator-mode dialog .ghost-button,
body.warehouse-area dialog .ghost-button,
body.maintenance-only-mode dialog .ghost-button,
body.warehouse-operator-mode dialog .icon-text-button,
body.warehouse-area dialog .icon-text-button,
body.maintenance-only-mode dialog .icon-text-button {
  min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center;
  color: var(--forest); border: 1px solid #b9d5c1; border-radius: 9px; background: #f6fbf6;
  font: 750 12px inherit; text-decoration: none; cursor: pointer;
}
body.warehouse-operator-mode main .page-intro .ghost-button,
body.warehouse-area main .page-intro .ghost-button,
body.maintenance-only-mode main .page-intro .ghost-button {
  color: #f4fff2; border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.1);
}
body.warehouse-operator-mode main .ghost-button:hover,
body.warehouse-area main .ghost-button:hover,
body.maintenance-only-mode main .ghost-button:hover,
body.warehouse-operator-mode main .icon-text-button:hover,
body.warehouse-area main .icon-text-button:hover,
body.maintenance-only-mode main .icon-text-button:hover,
body.warehouse-operator-mode dialog .ghost-button:hover,
body.warehouse-area dialog .ghost-button:hover,
body.maintenance-only-mode dialog .ghost-button:hover,
body.warehouse-operator-mode dialog .icon-text-button:hover,
body.warehouse-area dialog .icon-text-button:hover,
body.maintenance-only-mode dialog .icon-text-button:hover {
  transform: translateY(-1px); background: #e8f4e8;
}
body.warehouse-operator-mode main .page-intro .ghost-button:hover,
body.warehouse-area main .page-intro .ghost-button:hover,
body.maintenance-only-mode main .page-intro .ghost-button:hover {
  background: rgba(255,255,255,.18);
}
.panel-heading .icon-text-button { flex: 0 0 auto; }
.inline-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.label-position-picker { display: grid; gap: 9px; margin: 12px 0 15px; padding: 11px; border: 1px solid #d7e7da; border-radius: 11px; background: #f8fbf8; }
/* Previzualizare la aceeași orientare ca foaia A4: 4 coloane × 14 rânduri.
   Fiecare celulă păstrează proporția etichetei fizice 52,5 × 21,2 mm. */
.label-position-grid { width: min(100%, 410px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(14, minmax(0, 1fr)); gap: 2px; aspect-ratio: 210 / 297; padding: 3px; border: 1px solid #c7ddcc; border-radius: 5px; background: #dce9df; }
/* 20260921-wh-label-first-paint-v1 — fără dreptunghi A4 mort înainte de cele 56 de celule */
.label-position-grid:empty { aspect-ratio: auto; height: 0; min-height: 0; padding: 0; border: 0; background: transparent; }
.label-position-grid button { min-height: 0; padding: 0; color: var(--ink-soft); border: 1px solid #cfe1d2; border-radius: 2px; background: #fff; font: 700 10px inherit; cursor: pointer; }
.label-position-grid button:hover { border-color: #6baa78; color: var(--forest); }
.label-position-grid button.is-selected { color: #fff; border-color: var(--forest); background: var(--forest); box-shadow: 0 2px 5px rgba(6, 77, 48, .18); }
.label-position-grid button.is-filled { color: #1d5b35; border-color: #98c9a3; background: #dff1e2; cursor: not-allowed; }
.label-sheet-draft { display: grid; gap: 10px; margin-top: 15px; padding: 12px; border: 1px solid #cfe2d3; border-radius: 11px; background: #f8fbf8; }
.label-sheet-draft > div:first-child { display: grid; gap: 3px; }
.label-sheet-draft strong { color: var(--forest); font-size: 12px; }
.label-sheet-draft small { color: var(--ink-soft); font-size: 10px; }
.label-sheet-draft .compact-list { margin-top: 0; }
dialog.warehouse-label-print-dialog {
  width: min(920px, calc(100vw - 20px));
  max-height: calc(100vh - 20px);
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
dialog.warehouse-label-print-dialog::backdrop {
  background: rgba(4, 32, 24, .55);
}
dialog.warehouse-label-print-dialog .warehouse-label-print-bar {
  display: grid;
  gap: 12px;
  padding: 14px 16px 12px;
  border: 1px solid #c9dfcf;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(165deg, #fbfefb, #f3f8f3);
}
dialog.warehouse-label-print-dialog .warehouse-label-print-bar .eyebrow {
  margin: 0 0 4px;
  color: #2f7a4a;
  font-size: 10px;
  letter-spacing: .12em;
}
dialog.warehouse-label-print-dialog .warehouse-label-print-bar h2 {
  margin: 0 0 4px;
  color: var(--forest);
  font-size: 18px;
}
dialog.warehouse-label-print-dialog .warehouse-label-print-bar p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 13px;
}
dialog.warehouse-label-print-dialog .warehouse-label-print-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.panel-paint-error { margin: 0 0 10px; padding: 8px 10px; border-radius: 8px; background: #fff4e8; color: #6a3b12; font-size: 13px; }
dialog.warehouse-label-print-dialog iframe {
  display: block;
  width: 100%;
  height: min(72vh, 920px);
  border: 1px solid #c9dfcf;
  border-top: 0;
  border-radius: 0 0 16px 16px;
  background: #eef3ee;
}
/* 20260821-m3-scan-v1 — câmpul zilnic de scanare trebuie să rămână vizibil pe telefonul de fabrică. */
/* 20260821-m3-scan-v2 — fără tastatură software pe câmpul de scan; raftul se completează din același ingest. */
/* 20260821-wh-scan-unify-v1 — listă + denumire trăiesc în același câmp de scan. */
/* 20260821-wh-scan-search-v1 — scrierea trebuie să arate piesele; clasa e warehouse-operator-mode. */
/* 20260821-wh-scan-typeahead-v1 — lista apare doar din ce scrii, nu pe câmp gol. */
.scan-field { padding: 10px; border: 1px dashed #84ad91; border-radius: 10px; background: #f5faf4; }
#movement-form.movement-in > label,
#movement-form.movement-in > #scan-field,
#movement-form.movement-in > #incoming-shelf-field,
#movement-form.movement-in > .quick-create-open,
#movement-form.movement-out > label,
#movement-form.movement-out > #scan-field,
#movement-form.movement-out > #outgoing-shelf-field,
#movement-form.movement-out > #outgoing-machine-field,
#movement-form.movement-out > #outgoing-custody-field,
#custody-return-form > label,
#transfer-form > .field-block,
#transfer-form > .two-columns > .field-block,
#transfer-form > label,
#disposition-form > label,
#disposition-form > .two-columns > label {
  margin: 0;
  padding: 8px 10px 9px;
  border-width: 2px;
  border-style: solid;
  border-radius: 10px;
  text-align: left;
}
#movement-form.movement-in > label,
#movement-form.movement-in > #scan-field,
#movement-form.movement-in > #incoming-shelf-field,
#movement-form.movement-in > .quick-create-open { border-color: #a8d7b4; background: #f0faf2; }
#movement-form.movement-out > label,
#movement-form.movement-out > #scan-field,
#movement-form.movement-out > #outgoing-shelf-field,
#movement-form.movement-out > #outgoing-machine-field,
#movement-form.movement-out > #outgoing-custody-field { border-color: #f0c6b5; background: #fff5f0; }
#outgoing-lines:not([hidden]) { display: grid; gap: 8px; }
#outgoing-lines article { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; padding: 8px 10px; border: 1px solid #f0c6b5; border-radius: 8px; background: #fff; }
#outgoing-lines article small { display: block; color: #6a534c; }
#outgoing-lines button { justify-self: end; }
#outgoing-add-line { justify-self: start; }
#custody-return-form > label { border-color: #b8dbea; background: #f0f9fd; }
#transfer-form > .field-block,
#transfer-form > .two-columns > .field-block,
#transfer-form > label { border-color: #a9d5c4; background: #f0faf7; }
#disposition-form > label,
#disposition-form > .two-columns > label { border-color: #e5bdb5; background: #fff5f3; }
#stock-search-inline { width: 100%; }
#stock-search-inline > label { display: grid; gap: 7px; margin: 0; padding: 8px 10px 9px; border: 2px solid #bfd6bb; border-radius: 10px; background: #f2f8ee; color: #355348; font-size: 12px; font-weight: 760; }
#stock-search-inline > label input { width: 100%; background: #fff; }
#stock-search-inline .compact-list article div {
  grid-template-columns: fit-content(100%);
  justify-content: center;
  justify-items: center;
  width: 100%;
}
#stock-search-inline .compact-list strong { justify-self: center; text-align: center; }
#stock-search-inline .compact-list small { justify-self: center; text-align: center; }
#movement-form.movement-in > label input,
#movement-form.movement-in > #scan-field input,
#movement-form.movement-in > #incoming-shelf-field input,
#movement-form.movement-out > label input,
#movement-form.movement-out > label select,
#movement-form.movement-out > #scan-field input,
#movement-form.movement-out > #outgoing-shelf-field input,
#movement-form.movement-out > #outgoing-shelf-field select,
#movement-form.movement-out > #outgoing-machine-field select,
#movement-form.movement-out > #outgoing-custody-field input,
#custody-return-form > label input,
#custody-return-form > label select,
#transfer-form input,
#transfer-form select,
#disposition-form input,
#disposition-form select { background: #fff; }
.scan-field .field-label { margin-bottom: 4px; }
.scan-field small { display: block; margin-top: 6px; color: var(--ink-soft); font-weight: 500; overflow-wrap: anywhere; }
.scan-field .field-with-camera { margin-top: 4px; }
#scanner-help[data-scan-source="hardware"] { color: #1d5b35; }
#scanner-help[data-scan-source="camera"] { color: #1d4f72; }
body.warehouse-operator-mode main #miscare .scan-chosen,
body.warehouse-area main #miscare .scan-chosen,
body.maintenance-only-mode main #miscare .scan-chosen,
body.warehouse-operator-mode main #etichete .scan-chosen, body.warehouse-operator-mode main #neconforme .scan-chosen {
  margin: 8px 0 0;
  color: #14532d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
body.warehouse-operator-mode main #miscare .scan-suggestions[hidden],
body.warehouse-area main #miscare .scan-suggestions[hidden],
body.maintenance-only-mode main #miscare .scan-suggestions[hidden] {
  display: none !important;
}
body.warehouse-operator-mode main #miscare .scan-suggestions:not([hidden]),
body.warehouse-area main #miscare .scan-suggestions:not([hidden]),
body.maintenance-only-mode main #miscare .scan-suggestions:not([hidden]) {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 4px;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
body.warehouse-operator-mode main #miscare .scan-suggestion,
body.warehouse-area main #miscare .scan-suggestion,
body.maintenance-only-mode main #miscare .scan-suggestion {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid #c5dcc9;
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: center;
  cursor: pointer;
  display: grid;
  grid-template-columns: fit-content(100%);
  justify-content: center;
  justify-items: center;
  gap: 2px;
}
body.warehouse-operator-mode main #miscare .scan-suggestion strong,
body.warehouse-area main #miscare .scan-suggestion strong,
body.maintenance-only-mode main #miscare .scan-suggestion strong {
  justify-self: center;
  text-align: center;
  font-size: 13px;
  color: var(--forest);
}
body.warehouse-operator-mode main #miscare .scan-suggestion small,
body.warehouse-area main #miscare .scan-suggestion small,
body.maintenance-only-mode main #miscare .scan-suggestion small {
  justify-self: center;
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink-soft);
  text-align: center;
}
body.warehouse-operator-mode main #miscare .scan-suggestion-empty,
body.warehouse-area main #miscare .scan-suggestion-empty,
body.maintenance-only-mode main #miscare .scan-suggestion-empty {
  padding: 8px 10px;
  color: var(--ink-soft);
  font-size: 13px;
}
body.warehouse-operator-mode main #miscare .scan-add-product,
body.warehouse-area main #miscare .scan-add-product,
body.maintenance-only-mode main #miscare .scan-add-product {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 36px;
  margin-top: 8px;
  padding: 0 12px;
  color: var(--forest);
  border: 1px dashed #8cb89a;
  border-radius: 9px;
  background: #f3faf3;
  font: 750 13px inherit;
  cursor: pointer;
}
body.warehouse-operator-mode main #miscare .scan-add-product:hover,
body.warehouse-area main #miscare .scan-add-product:hover,
body.maintenance-only-mode main #miscare .scan-add-product:hover { background: var(--lime-wash); }
body.warehouse-operator-mode main #etichete .scan-suggestions[hidden], body.warehouse-operator-mode main #neconforme .scan-suggestions[hidden] { display: none !important; }
body.warehouse-operator-mode main #etichete .scan-suggestions:not([hidden]), body.warehouse-operator-mode main #neconforme .scan-suggestions:not([hidden]) {
  list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px;
  max-height: 240px; overflow-x: hidden; overflow-y: auto;
}
body.warehouse-operator-mode main #etichete .scan-suggestion, body.warehouse-operator-mode main #neconforme .scan-suggestion {
  width: 100%; min-width: 0; min-height: 44px; padding: 8px 10px;
  border: 1px solid #c5dcc9; border-radius: 8px; background: #fff; color: inherit;
  text-align: center; cursor: pointer; display: grid; gap: 2px;
  grid-template-columns: fit-content(100%);
  justify-content: center;
  justify-items: center;
}
body.warehouse-operator-mode main #etichete .scan-suggestion strong,
body.warehouse-operator-mode main #neconforme .scan-suggestion strong {
  justify-self: center;
  text-align: center;
}
body.warehouse-operator-mode main #etichete .scan-suggestion small,
body.warehouse-operator-mode main #neconforme .scan-suggestion small {
  justify-self: center;
  text-align: center;
}
body.warehouse-operator-mode main #etichete .scan-suggestion, body.warehouse-operator-mode main #neconforme .scan-suggestion strong { font-size: 13px; color: var(--forest); }
body.warehouse-operator-mode main #etichete .scan-suggestion, body.warehouse-operator-mode main #neconforme .scan-suggestion small { margin: 0; font-size: 11px; font-weight: 500; color: var(--ink-soft); }
body.warehouse-operator-mode main #etichete .scan-suggestion-empty, body.warehouse-operator-mode main #neconforme .scan-suggestion-empty { padding: 8px 10px; color: var(--ink-soft); font-size: 13px; }
/* 20260921-wh-qr-photo-v1 — html5-qrcode are nevoie de un host real, nu 1×1 tăiat. */
.warehouse-scan-file-reader {
  position: fixed;
  left: -4000px;
  top: 0;
  width: 360px;
  height: 360px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
/* 20260921-wh-camera-native-v3 — tap HTTP = input nativ; fără clasă pe body în același gest. */
/* 20260921-wh-camera-tab-v1 — Samsung Tab A7: 📷 e controlul de poză vizibil, nu overlay opac 0. */
/* 20260921-wh-camera-hit-v1 — păstrat ca istoric; tap-ul nu mai stă pe un input invizibil. */
/* 20260921-wh-camera-gesture-v1 — inputul de rezervă rămâne în layout; hidden/display:none e ignorat de WebView. */
/* 20260921-wh-mech-type-v1 — Scoate / Retur: numele mecanicului se scrie; lista folosește .scan-suggestions din #miscare. */
.warehouse-scan-file { position: fixed; left: 0; bottom: 0; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.field-camera-hit { position: relative; display: inline-grid; place-items: center; min-width: 46px; min-height: 45px; overflow: hidden; color: var(--forest); border: 1px solid #a8cfb0; border-radius: 10px; background: #f1f9f1; cursor: pointer; }
.field-camera-hit:hover { border-color: #62a374; background: #e0f1e1; }
.field-with-camera > .field-camera-hit { width: 46px; justify-self: end; }
.warehouse-scan-file-hit { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; opacity: 0; font-size: 0; color: transparent; cursor: pointer; }
.warehouse-scan-file-hit::file-selector-button,
.warehouse-scan-file-hit::-webkit-file-upload-button { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; font-size: 0; color: transparent; background: transparent; }
.field-camera-icon { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; pointer-events: none; line-height: 0; color: var(--forest); }
.field-camera-icon svg { display: block; width: 18px; height: 18px; }
.field-camera-hit .field-camera-button { width: 100%; }
.camera-card img.camera-photo-frame { width: 100%; min-height: 220px; max-height: 54vh; border-radius: 11px; background: #001c12; object-fit: contain; }
.field-with-camera { display: grid; grid-template-columns: minmax(0, 1fr) 46px; align-items: center; gap: 8px; }
.catalog-secondary-details { margin-top: 14px; overflow: hidden; border: 1px dashed #a8cbaf; border-radius: 11px; background: #f8fcf7; }
.catalog-secondary-details > summary { min-height: 52px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--forest); cursor: pointer; list-style: none; }
.catalog-secondary-details > summary::-webkit-details-marker { display: none; }
.catalog-secondary-details > summary:hover { background: #eef8ed; }
.catalog-secondary-details > summary span { display: grid; gap: 1px; }
.catalog-secondary-details > summary strong { font-size: 12px; }
.catalog-secondary-details > summary small { color: var(--ink-soft); font-size: 10px; font-weight: 650; }
.catalog-secondary-details > summary b { color: #39704d; font-size: 10px; }
.catalog-secondary-details[open] > summary { border-bottom: 1px solid #d9e9dc; }
.catalog-secondary-details[open] > summary b { font-size: 0; }
.catalog-secondary-details[open] > summary b::after { content: 'Restrânge'; font-size: 10px; }
.catalog-secondary-body { padding: 12px; }
.catalog-secondary-body .form-help { margin-top: 0; }
.control-with-clear, .field-with-clear { position: relative; min-width: 0; }
.control-with-clear > input, .control-with-clear > select, .field-with-clear > input, .field-with-clear > select { width: 100%; min-width: 0; padding-right: 44px; }
.control-with-clear.select-clear > select, .field-with-clear > select { padding-right: 74px; }
body.warehouse-operator-mode main button.field-camera-button,
body.warehouse-area main button.field-camera-button,
body.maintenance-only-mode main button.field-camera-button,
.field-camera-button { width: 46px; min-width: 46px; min-height: 45px; padding: 0; display: inline-grid; place-items: center; color: var(--forest); border: 1px solid #a8cfb0; border-radius: 10px; background: #f1f9f1; font-size: 19px; cursor: pointer; transition: transform .15s, background .15s, border-color .15s; }
.field-camera-button:hover { border-color: #62a374; background: #e0f1e1; transform: translateY(-1px); }
.field-camera-button:focus-visible { outline: 3px solid rgba(91, 172, 110, .3); outline-offset: 2px; }
.field-clear-button { position: absolute; z-index: 1; right: 10px; top: 50%; width: 18px; height: 18px; min-height: 18px; padding: 0; display: inline-grid; place-items: center; color: transparent; font-size: 0; border: 0; border-radius: 0; background: transparent; cursor: pointer; transform: translateY(-50%); }
.field-clear-button::before, .field-clear-button::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.25px; border-radius: 1px; background: #7d9084; }
.field-clear-button::before { transform: translate(-50%, -50%) rotate(45deg); }
.field-clear-button::after { transform: translate(-50%, -50%) rotate(-45deg); }
.field-clear-button:hover::before, .field-clear-button:hover::after { background: #8a4034; }
.control-with-clear.select-clear .field-clear-button, .field-with-clear > select ~ .field-clear-button { right: 39px; }
.control-with-clear > input[type="number"],
.field-with-clear > input[type="number"] { position: relative; padding-right: 66px; }
.control-with-clear > input[type="number"]::-webkit-inner-spin-button,
.field-with-clear > input[type="number"]::-webkit-inner-spin-button,
.control-with-clear > input[type="number"]::-webkit-outer-spin-button,
.field-with-clear > input[type="number"]::-webkit-outer-spin-button {
  position: absolute; right: 12px; top: 50%; height: 22px; margin: 0; transform: translateY(-50%);
}
.control-with-clear > input[type="number"] ~ .field-clear-button,
.field-with-clear > input[type="number"] ~ .field-clear-button { right: 38px; }
.field-clear-button:hover { background: transparent; transform: translateY(-50%); }
.field-clear-button:focus-visible { outline: 3px solid rgba(204, 107, 94, .22); outline-offset: 2px; }
.receipt-details { padding: 11px 12px; border: 1px dashed #9bbda2; border-radius: 11px; background: #f8fbf8; }
.receipt-details summary { color: var(--forest); font-size: 12px; font-weight: 800; cursor: pointer; }
.receipt-details summary small { color: var(--ink-soft); font-weight: 600; }
.receipt-details-body { display: grid; gap: 11px; margin-top: 13px; }
#receipt-details .receipt-details-body > label,
#receipt-details .receipt-details-body > .two-columns > label,
#receipt-details .receipt-attachment-field > label {
  margin: 0;
  padding: 8px 10px 9px;
  border: 2px solid #a8d7b4;
  border-radius: 10px;
  background: #f0faf2;
  display: grid;
  gap: 7px;
  min-width: 0;
}
#receipt-details .receipt-details-body input:not(.virix-file-input),
#receipt-details .receipt-details-body select,
#receipt-details .virix-file-hit { background: #fff; }
.virix-file-hit { position: relative; display: flex; align-items: center; gap: 10px; min-height: 45px; padding: 0 12px; border: 1px solid #c8dad0; border-radius: 10px; }
.virix-file-button { flex: 0 0 auto; padding: 6px 10px; border: 1px solid #a8d7b4; border-radius: 8px; background: #f0faf2; color: #13804a; font-size: 12px; font-weight: 750; }
.virix-file-name { min-width: 0; color: var(--ink-soft); font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.warehouse-operator-mode main #receipt-details .virix-file-input,
body.warehouse-area main #receipt-details .virix-file-input,
body.maintenance-only-mode main #receipt-details .virix-file-input {
  position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; background: transparent;
}
.receipt-attachment-field { display: grid; gap: 10px; }
.receipt-ai-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px; border: 1px solid #c7dfca; border-radius: 11px; background: linear-gradient(135deg, #f4fbf3, #edf8e9); }
.receipt-ai-actions small { color: var(--ink-soft); font-size: 11px; line-height: 1.4; }
.receipt-ai-button { min-height: 38px; padding: 0 13px; color: #fff; border: 0; border-radius: 9px; background: linear-gradient(135deg, #07573b, #288b4e); font: 800 12px inherit; cursor: pointer; box-shadow: 0 7px 14px rgba(8, 83, 48, .15); }
.receipt-ai-button:hover { background: linear-gradient(135deg, #06482f, #16723d); transform: translateY(-1px); }
.receipt-ai-button:disabled { cursor: wait; opacity: .66; transform: none; }
.receipt-ai-result { display: grid; gap: 11px; padding: 14px; border: 1px solid #9fcba4; border-radius: 12px; background: #fbfefb; box-shadow: 0 8px 18px rgba(18, 85, 45, .06); }
.receipt-ai-result.is-warning { border-color: #e9c49e; background: #fffaf3; }
.receipt-ai-heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.receipt-ai-heading strong { display: block; color: var(--forest); font-size: 13px; }
.receipt-ai-heading small { display: block; margin-top: 3px; color: var(--ink-soft); font-size: 10px; }
.receipt-ai-confidence { flex: 0 0 auto; padding: 5px 7px; color: #176541; border-radius: 99px; background: #e6f5e7; font-size: 10px; font-weight: 850; }
.receipt-ai-result.is-warning .receipt-ai-confidence { color: #9a5528; background: #fff0dd; }
.receipt-ai-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.receipt-ai-grid > div { min-height: 47px; padding: 8px 9px; border: 1px solid #dbe9dc; border-radius: 8px; background: #f6faf6; }
.receipt-ai-grid small { display: block; color: var(--ink-soft); font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.receipt-ai-grid strong { display: block; margin-top: 3px; overflow: hidden; color: var(--forest); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.receipt-ai-source { margin: 0; padding: 9px 10px; color: var(--ink-soft); border-left: 3px solid #70aa7a; border-radius: 0 8px 8px 0; background: #f2f8f2; font-size: 11px; line-height: 1.4; }
.receipt-ai-source strong { color: var(--forest); }
.receipt-ai-warnings { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; color: #96502a; font-size: 11px; line-height: 1.35; }
.receipt-ai-warnings li::before { content: '•'; margin-right: 6px; font-weight: 900; }
.receipt-ai-alternatives { display: flex; flex-wrap: wrap; gap: 6px; }
.receipt-ai-alternatives button { min-height: 29px; padding: 4px 8px; color: #1b633d; border: 1px solid #b7d8bc; border-radius: 7px; background: #fff; font-size: 10px; font-weight: 700; text-align: left; }
.receipt-ai-alternatives button:hover { border-color: #6da87a; background: #edf8ee; }
.receipt-ai-add-supplier { justify-self: start; min-height: 34px; padding: 6px 10px; color: #176541; border: 1px solid #88bd90; border-radius: 8px; background: #eff9ef; font: 800 11px inherit; cursor: pointer; }
.receipt-ai-add-supplier:hover { border-color: #488d56; background: #e1f3e2; }
.receipt-ai-use { width: 100%; min-height: 40px; color: #fff; border: 0; border-radius: 9px; background: linear-gradient(135deg, #08603f, #1e8549); font: 800 12px inherit; cursor: pointer; }
.receipt-ai-use:hover { background: linear-gradient(135deg, #064a31, #146c3a); }
.quick-create-open { width: 100%; padding: 11px 12px; border: 1px dashed #9bbda2; border-radius: 11px; background: #f8fbf8; color: var(--forest); font-size: 12px; font-weight: 700; text-align: left; cursor: pointer; }
.quick-create-open strong { color: #277e45; }
.quick-create-open small { color: var(--ink-soft); font-weight: 600; }
.quick-product-dialog { width: min(760px, calc(100vw - 28px)); max-height: min(860px, calc(100dvh - 28px)); margin: auto; padding: 0; border: 0; background: transparent; }
.quick-product-dialog::backdrop { background: rgba(3, 39, 28, .54); }
.quick-product-card { position: relative; max-height: min(860px, calc(100dvh - 28px)); overflow: auto; padding: 22px 18px 16px; border: 1px solid #b9d8c0; border-radius: 16px; background: #f8fbf8; }
.quick-product-card .dialog-close { position: absolute; top: 12px; right: 12px; }
.quick-product-body > label,
.quick-product-body > .two-columns > label,
#product-edit-stock > label,
#product-edit-stock > .two-columns > label {
  margin: 0;
  padding: 8px 10px 9px;
  border: 2px solid #a8d7b4;
  border-radius: 10px;
  background: #f0faf2;
}
.quick-product-body > label:focus-within,
.quick-product-body > .two-columns > label:focus-within,
#product-edit-stock > label:focus-within,
#product-edit-stock > .two-columns > label:focus-within {
  border-color: #8fbfa0;
}
#product-edit-stock { display: grid; gap: 11px; }
#quick-product-details .quick-product-body input,
#quick-product-details .quick-product-body select,
#product-edit-details .quick-product-body input,
#product-edit-details .quick-product-body select {
  background: #fff;
}
#quick-product-details .quick-product-body > label:has(#next-product-code) {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  width: fit-content;
  max-width: 100%;
  gap: 8px;
  padding: 4px 8px 4px 10px;
}
body.warehouse-operator-mode main #quick-product-details #next-product-code,
body.warehouse-area main #quick-product-details #next-product-code,
body.maintenance-only-mode main #quick-product-details #next-product-code {
  field-sizing: content;
  width: auto;
  min-width: 1.4em;
  flex: 0 0 auto;
  height: 18px;
  margin: 0;
  padding: 0 4px;
  border-color: transparent;
  border-radius: 5px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
#quick-product-details .machine-association-row {
  padding: 8px 8px 8px 10px;
  border: 2px solid #a8d7b4;
  border-radius: 10px;
  background: #f0faf2;
}
.quick-supplier-fields { display: grid; gap: 10px; padding: 11px; border: 1px solid #b9d9c0; border-radius: 10px; background: #eff8f0; }
.quick-supplier-fields strong { color: var(--forest); font-size: 12px; }
.compact-list { display: grid; gap: 8px; margin-top: 14px; }
.compact-list article { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 9px 10px; border: 1px solid #dce9de; border-radius: 10px; background: #f8fbf8; }
.compact-list article div { display: grid; gap: 3px; min-width: 0; }
.compact-list strong { color: var(--forest); font-size: 11px; }
.compact-list small { color: var(--ink-soft); font-size: 10px; }
.product-history-panel { margin-top: 16px; padding: 17px; border: 1px solid #cfe2d3; border-radius: 14px; background: #f8fbf8; }
#product-history-card { position: relative; padding-top: 28px; }
#product-history-card .dialog-close { position: absolute; top: 0; right: 0; }
#product-edit-details .primary-button { width: 100%; }
.supply-list-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 14px; align-items: end; }
.supply-list-form > label {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 8px 10px 9px;
  border: 2px solid #a8d7b4;
  border-radius: 10px;
  background: #f0faf2;
  color: #355348;
  font-size: 12px;
  font-weight: 760;
}
.supply-list-form > label:focus-within { border-color: #8fbfa0; }
.supply-list-form > label input,
.supply-list-form > label select { width: 100%; background: #fff; }
.supply-list-form > .primary-button { width: 100%; min-height: 45px; }
#lista-aprovizionare .panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#lista-aprovizionare .panel-heading .primary-button { width: auto; }
.supply-list-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.supply-list-actions .secondary-button,
.supply-list-actions .primary-button { width: auto; min-height: 44px; }
.supply-list-history { margin-top: 18px; display: grid; gap: 8px; }
.supply-list-history h3 { margin: 0; font-size: 16px; }
.supply-list-history details { border: 2px solid #bdd4c4; border-radius: 10px; background: #f0faf2; padding: 8px 10px; }
.supply-list-history summary { cursor: pointer; font-weight: 600; }
.supply-list-history .secondary-button,
.supply-list-history .primary-button,
.supply-list-history .movement-correct-button { width: auto; min-height: 40px; }
.supply-archive-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.supply-archive-title { display: grid; gap: 4px; margin: 8px 0; max-width: 520px; }
.supply-list-history input,
.supply-list-history select { width: 100%; background: #fff; }
.shelf-duplicate-dialog {
  width: min(420px, calc(100% - 32px));
  border: 0;
  border-radius: 14px;
  padding: 18px 18px 16px;
  color: #1d3a2a;
}
.shelf-duplicate-dialog::backdrop { background: rgba(20, 36, 28, .35); }
.shelf-duplicate-dialog p { margin: 0 0 14px; line-height: 1.45; }
.shelf-duplicate-actions { display: flex; justify-content: flex-end; gap: 8px; }
.shelf-duplicate-actions .secondary-button,
.shelf-duplicate-actions .primary-button { width: auto; min-height: 40px; }
.supply-archive-dialog { width: min(980px, calc(100% - 32px)); }
.supply-archive-query { width: 100%; height: 40px; min-height: 40px; margin: 0 0 10px; background: #fff; }
.supply-archive-body { max-height: min(60vh, 520px); overflow: auto; margin: 0 0 14px; }
.supply-archive-body table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.supply-archive-body th,
.supply-archive-body td { padding: 6px 8px; border-bottom: 1px solid #e3eee6; text-align: left; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.supply-archive-body th { color: #355348; font-size: 12px; }
.supply-archive-date { width: 16%; }
.supply-archive-qty { width: 9%; }
#supply-news-list { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; text-align: left; }
#supply-news-list li { display: grid; gap: 2px; margin: 0; padding: 8px 10px; border: 1px solid #d7e6da; border-radius: 10px; background: #f7fbf7; }
#supply-news-list strong { font-size: 14px; }
#supply-news-list span { color: #355348; font-size: 13px; }
@media (max-width: 900px) { .supply-list-form { grid-template-columns: 1fr 1fr; } }
#lista-aprovizionare .table-wrap { overflow-x: clip; max-width: 100%; }
#lista-aprovizionare .supply-list-table { width: 100%; table-layout: fixed; }
#lista-aprovizionare .supply-col-nr { width: 3.2%; }
#lista-aprovizionare .supply-col-date { width: 7.2%; }
#lista-aprovizionare .supply-col-name { width: 12%; }
#lista-aprovizionare .supply-col-details { width: 11%; }
#lista-aprovizionare .supply-col-qty { width: 5.6%; }
#lista-aprovizionare .supply-col-who { width: 8.5%; }
#lista-aprovizionare .supply-col-due { width: 8.5%; }
#lista-aprovizionare .supply-col-notes { width: 10%; }
#lista-aprovizionare .supply-col-mark { width: 8.2%; }
#lista-aprovizionare .supply-col-actions { width: 9.4%; }
#lista-aprovizionare .supply-list-table th,
#lista-aprovizionare .supply-list-table td {
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #edf3ee;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding: 8px 3px;
  letter-spacing: 0;
}
#lista-aprovizionare .supply-list-table th:last-child,
#lista-aprovizionare .supply-list-table td:last-child { border-right: 0; }
#lista-aprovizionare .supply-fit { display: block; }
#lista-aprovizionare .supply-fit.is-snug { font-size: 11px; line-height: 1.2; }
#lista-aprovizionare .supply-fit.is-tight { font-size: 10px; line-height: 1.15; }
#lista-aprovizionare .supply-list-table tr.is-urgency-late td { background: #fff4f2; }
#lista-aprovizionare .supply-new {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: 99px;
  background: #e7f6ea;
  color: #14613a;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
  vertical-align: middle;
}
#lista-aprovizionare .supply-mark { display: grid; justify-items: center; align-content: center; gap: 2px; }
#lista-aprovizionare .supply-mark strong { font-size: 12px; line-height: 1.25; }
#lista-aprovizionare .supply-list-table button {
  width: 100%;
  max-width: 100%;
  min-height: 28px;
  padding: 2px 4px;
  font-size: 11px;
  line-height: 1.15;
  white-space: normal;
}
#lista-aprovizionare .supply-list-table .supply-person {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #355348;
  font: 650 12px inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#lista-aprovizionare .supply-list-table select { width: 100%; max-width: 100%; min-height: 32px; }
#lista-aprovizionare .supply-row-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px; }
#lista-aprovizionare #supply-list-cancel { width: auto; min-height: 45px; }
.nom-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.nom-tab {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #c5dcc9;
  border-radius: 999px;
  background: #fff;
  color: var(--forest);
  font: 750 13px inherit;
  cursor: pointer;
}
.nom-tab.is-selected { color: #fff; border-color: #4d7058; background: linear-gradient(135deg, #4d7058, #7d9a78); }
.nom-slot { display: grid; gap: 14px; }
.nom-slot[hidden] { display: none !important; }
.product-history-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 12px; }
.product-history-grid > div { padding: 10px; border: 1px solid #dce9de; border-radius: 10px; background: #fff; }
.product-history-grid strong { color: var(--forest); font-size: 11px; }
.product-history-grid ul { display: grid; gap: 6px; margin: 8px 0 0; padding-left: 16px; color: var(--ink-soft); font-size: 10px; line-height: 1.45; }
.equivalent-chips { display: grid; gap: 6px; margin-top: 8px; }
.equivalent-chips span { display: block; padding: 7px 8px; color: var(--forest); border-radius: 8px; background: #edf7ed; font-size: 10px; font-weight: 700; }

.operations-section { margin: 38px 0 25px; }
#operatiuni { display: none !important; } /* eliminat din UI; casarea e în Operațiune zilnică */
.section-intro {
  margin: 0 0 17px;
  padding: 14px 16px;
  max-width: min(100%, 760px);
  border: 1px solid rgba(214, 229, 218, .95);
  border-radius: 14px;
  background: rgba(255, 255, 255, .94);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.section-intro h2 { margin: 0; font-size: 25px; color: var(--ink); }
.section-intro .muted { margin-top: 7px; color: var(--ink-soft); }
.operations-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.compact-panel { padding: 23px; }
.compact-panel .panel-heading { margin-bottom: 17px; }
.compact-panel .secondary-button { width: 100%; }
.voucher-item-row { display: grid; gap: 9px; padding: 12px; border: 1px solid #d8e7dd; border-radius: 11px; background: #f7fbf7; }
.voucher-item-heading { display: flex; justify-content: space-between; align-items: center; color: var(--forest); font-size: 12px; }
.remove-voucher-item { width: 25px; min-height: 25px; padding: 0; color: var(--red); border: 1px solid #e9c4c1; border-radius: 7px; background: #fff8f7; font-size: 16px; }
/* VIRIX-042: pe telefon ținta de atins trebuie să fie minim 44×44. */
@media (max-width: 720px), (pointer: coarse) {
  .voucher-item-heading { min-height: 44px; }
  .remove-voucher-item { width: 44px; min-height: 44px; font-size: 20px; }
}

.planning-grid, .history-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 25px; }
.short-table { max-height: 310px; overflow-y: auto; }
.report-controls { display: grid; grid-template-columns: minmax(130px, .6fr) 1.4fr; gap: 18px; align-items: end; margin-bottom: 18px; }
.report-numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.report-numbers span { min-height: 63px; padding: 10px; border-radius: 10px; background: #f2f8f2; }
.report-numbers small { display: block; color: var(--ink-soft); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.report-numbers strong { display: block; margin-top: 4px; color: var(--forest); font-size: 22px; line-height: 1; }
.top-out-list { display: grid; gap: 7px; min-height: 70px; }
.top-out-list > span { display: flex; justify-content: space-between; gap: 13px; padding: 8px 10px; border-radius: 8px; background: #f8fbf8; font-size: 12px; }
.top-out-list small { color: var(--ink-soft); white-space: nowrap; }
.download-actions { display: flex; gap: 10px; margin-top: 15px; }
.download-actions .secondary-button { flex: 1; padding-inline: 10px; font-size: 12px; }
.chip-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
/* [VirixAdministration] utilizatori / drepturi / copii de siguranta
   mutate in static/modules/administration/administration.css */
.audit-list { display: grid; gap: 8px; }
.audit-entry { display: flex; justify-content: space-between; gap: 15px; padding: 10px 0; border-bottom: 1px solid #edf3ee; }
.audit-entry:last-child { border-bottom: 0; }
.audit-entry strong { font-size: 12px; }
.audit-entry p { margin: 2px 0 0; color: var(--ink-soft); font-size: 11px; }
.audit-entry small { color: var(--ink-soft); font-size: 10px; text-align: right; white-space: nowrap; }
.audit-day { overflow: hidden; border: 1px solid #dce9de; border-radius: 10px; background: #fcfefc; }
.audit-day + .audit-day { margin-top: 7px; }
.audit-day-toggle { width: 100%; min-height: 49px; padding: 8px 11px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 8px; color: var(--forest); border: 0; border-bottom: 1px solid transparent; background: linear-gradient(90deg, #eef8ed, #fbfdfb); text-align: left; font: inherit; cursor: pointer; }
.audit-day-toggle:hover { background: #e7f4e8; }
.audit-day-toggle[aria-expanded="true"] { border-bottom-color: #dce9de; }
.audit-day-toggle strong { display: block; font-size: 12px; }
.audit-day-toggle small { display: block; margin-top: 1px; color: var(--ink-soft); font-size: 10px; font-weight: 650; }
.audit-day-toggle b { color: #39704d; font-size: 10px; white-space: nowrap; }
.audit-day-chevron { width: 20px; height: 20px; display: grid; place-items: center; color: #26754a; border-radius: 50%; background: #dff0df; font-size: 17px; line-height: 1; }
.audit-day-entries {
  max-height: min(500px, 64vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #9ebfa8 transparent;
}
.audit-day .audit-entry { margin: 0 11px; }
.document-link { display: inline-flex; align-items: center; min-height: 31px; padding: 0 9px; color: var(--forest); border: 1px solid #b9d5c1; border-radius: 8px; background: #f3faf4; font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.document-link:hover { background: #e3f2e4; transform: translateY(-1px); }
/* 20260921-wh-camera-native-v3 — overlay doar după poză / live HTTPS. Nu ascunde sina în timpul tap-ului. */
.camera-overlay { position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(1,28,19,.72); backdrop-filter: blur(5px); }
.camera-card { position: relative; width: min(480px, 100%); padding: 20px; display: grid; gap: 12px; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; background: #0a4330; box-shadow: 0 24px 60px rgba(0,0,0,.4); }
.camera-card video { width: 100%; min-height: 220px; max-height: 54vh; border-radius: 11px; background: #001c12; object-fit: cover; }
.camera-reader { min-height: 250px; overflow: hidden; border-radius: 11px; background: #001c12; }
.camera-reader video { display: block; min-height: 250px; max-height: 54vh; }
.camera-reader > div { border: 0 !important; }
.camera-reader button { margin: 8px 0 0; padding: 8px 11px; color: #073d2b; border: 0; border-radius: 8px; background: #b9ef54; font-weight: 800; }
.camera-card small { color: rgba(255,255,255,.72); }
.camera-close { position: absolute; top: 11px; right: 11px; width: 31px; min-height: 31px; padding: 0; color: #fff; border: 1px solid rgba(255,255,255,.3); border-radius: 9px; background: rgba(255,255,255,.1); font-size: 20px; }

.today-panel { margin: 22px 0 25px; padding: 22px 24px; border: 1px solid #d5e7d8; border-radius: 18px; background: linear-gradient(135deg, #fcfffb, #eff8ef); box-shadow: 0 10px 26px rgba(16,78,47,.06); }
.today-heading { display: flex; align-items: start; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
.today-heading h2 { font-size: 20px; }
.today-heading .eyebrow { margin-bottom: 4px; }
.today-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.today-summary article { min-height: 70px; padding: 11px 13px; display: grid; align-content: center; gap: 3px; border-radius: 11px; background: #fff; }
.today-summary small { color: var(--ink-soft); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.today-summary strong { color: var(--forest); font-size: 25px; line-height: 1; }
.today-summary .today-warning strong { color: #b75a29; }
.today-list { display: grid; gap: 7px; margin-top: 13px; }
.today-list a { min-height: 42px; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--ink); border: 1px solid #dbe8dd; border-radius: 9px; background: rgba(255,255,255,.7); text-decoration: none; font-size: 12px; }
.today-list a:hover { background: #fff; border-color: #a9cdb0; }
.today-list span { color: var(--ink-soft); font-size: 11px; text-align: right; }
.machine-history { margin-top: 16px; padding: 14px; border: 1px solid #dbe9dd; border-radius: 12px; background: #f8fbf8; }
.machine-history h4 { margin: 0 0 4px; color: var(--forest); font-size: 13px; }
.machine-history .filter-summary { margin-bottom: 0; }
.machine-history-list { display: grid; gap: 6px; margin-top: 10px; }
.machine-history-list article { padding: 8px 9px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 8px; background: #fff; font-size: 11px; }
.machine-history-list article > div, .machine-history-list article > span { display: grid; gap: 2px; }
.machine-history-list small { color: var(--ink-soft); font-size: 10px; }
.machine-history-list article > span { text-align: right; }
.accounting-export { display: grid; grid-template-columns: repeat(2, minmax(130px, 1fr)) auto; align-items: end; gap: 10px; margin-top: 13px; padding-top: 13px; border-top: 1px solid #e2ede3; }
.accounting-export .secondary-button { min-height: 45px; }
.accounting-columns { grid-column: 1 / -1; padding: 10px 12px; border: 1px dashed #a6cbae; border-radius: 10px; background: #f8fcf7; }
.accounting-columns summary { color: var(--forest); font-size: 12px; font-weight: 800; cursor: pointer; }
.accounting-columns p { margin: 7px 0 10px; color: var(--ink-soft); font-size: 11px; }
.accounting-column-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px 12px; }
.accounting-column-options label { min-height: 26px; display: flex; align-items: center; gap: 7px; color: var(--ink); font-size: 11px; font-weight: 650; }
.accounting-column-options input { width: 15px; height: 15px; accent-color: var(--green); }
.movement-correct-button { min-height: 31px; padding: 0 9px; color: #8f3f37; border: 1px solid #e3bcb8; border-radius: 8px; background: #fff7f5; font: 800 11px inherit; white-space: nowrap; }
.movement-correct-button:hover { color: #742d29; background: #ffece8; }
/* [VirixAdministration] .backup-entry > a si .backup-restore-button in administration.css */
.pin-form { margin-top: 19px; padding-top: 16px; border-top: 1px solid #e2ede3; }
.pin-form h3 { margin: 0; color: var(--forest); font-size: 14px; }
.custody-alert-list { margin: 0 0 16px; padding: 12px 14px; display: grid; gap: 6px; color: #753c22; border: 1px solid #f0c5b0; border-radius: 11px; background: #fff5ef; font-size: 12px; }
.custody-alert-list > strong { color: #963f2d; }
.custody-alert-list span { color: #7c533c; }
.custody-age { color: #ad512a; font-weight: 800; }

/* Ordinea de lucru a magazionerului: mișcare de stoc întâi, administrare la final. */
.warehouse-workboard {
  margin: 0 0 24px;
  padding: 16px 14px 20px;
  display: grid;
  gap: 16px;
  border: 1px solid #cfe0d3;
  border-radius: 16px;
  background: #f7faf7;
  box-shadow: 0 10px 24px rgba(18, 48, 32, .08);
}
.workspace-section {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.workspace-section + .workspace-section {
  padding-top: 16px;
  border-top: 1px solid #d5e3d8;
}
#operational-layout { margin-top: 0; }
#operational-layout > .daily-actions { grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0 0 12px; }
#operational-layout > .action-in,
#operational-layout > .action-out { min-height: 144px; }
#operational-layout > #miscare {
  max-width: none;
  margin: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}
#operational-layout > #miscare.focus-panel {
  border-color: #d5e4d8;
  box-shadow: none;
}
#operational-layout > #miscare .panel-heading { margin-bottom: 20px; }
#operational-layout > .stock-panel { margin-top: 0; }
#operational-layout > .equipment-panel { margin-top: 0; }
#operational-layout > .zone-inventory-panel { margin-top: 0; }
#miscare > .movement-step { margin-bottom: 16px; }
#miscare > .transfer-inline-form { margin-top: 4px; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.transfer-inline-form form { max-width: none; margin: 0; }
#miscare > #custody-return-form { max-width: none; margin: 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#miscare > #custody-return-form h3 { margin: 0 0 15px; color: var(--forest); font-size: 19px; }
#miscare > #neconforme { max-width: none; margin: 4px 0 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#miscare > #neconforme .panel-heading { margin-bottom: 14px; }
#miscare > #neconforme h2 { margin: 0; color: #7f382d; font-size: 19px; }
#miscare > #neconforme .compact-list { max-height: 240px; overflow-y: auto; overscroll-behavior: contain; padding-right: 5px; }
.custody-panel.custody-table-only .custody-grid { grid-template-columns: 1fr; }
.assistant-disclosure,
.today-disclosure { margin: 0 0 22px; overflow: hidden; border: 1px solid #d9e8dc; border-radius: 15px; background: rgba(255,255,255,.82); box-shadow: var(--shadow-soft); }
.assistant-disclosure > summary,
.today-disclosure > summary { min-height: 66px; padding: 12px 16px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; list-style: none; cursor: pointer; }
.assistant-disclosure > summary::-webkit-details-marker,
.today-disclosure > summary::-webkit-details-marker { display: none; }
.assistant-disclosure > summary:hover,
.today-disclosure > summary:hover { background: #f4faf4; }
.disclosure-icon { width: 29px; height: 29px; display: grid; place-items: center; color: #fff; border-radius: 9px; background: var(--forest); font-size: 20px; line-height: 1; }
.assistant-disclosure[open] .disclosure-icon,
.today-disclosure[open] .disclosure-icon { transform: rotate(45deg); }
.assistant-disclosure summary span:nth-child(2),
.today-disclosure summary span:nth-child(2) { display: grid; gap: 2px; }
.assistant-disclosure summary strong,
.today-disclosure summary strong { color: var(--forest); font-size: 13px; }
.assistant-disclosure summary small,
.today-disclosure summary small { color: var(--ink-soft); font-size: 11px; }
.assistant-disclosure summary > b,
.today-disclosure summary > b { color: var(--green); font-size: 11px; }
.assistant-disclosure[open] summary > b,
.today-disclosure[open] summary > b { font-size: 0; }
.assistant-disclosure[open] summary > b::after,
.today-disclosure[open] summary > b::after { content: 'Închide'; font-size: 11px; }
.assistant-disclosure .assistant-panel { margin: 0; border-radius: 0; }
.today-disclosure .today-panel { margin: 0; border: 0; border-radius: 0; box-shadow: none; }

/* Subiecte opace + sub-subiecte în listă compactă (fără fundal între rânduri) */
.warehouse-menu-stack {
  width: 100%;
  max-width: none;
  margin: 0;
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid #d5e4d8;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}
.workspace-section > .warehouse-menu-stack:last-child { margin-bottom: 0; }
.workspace-heading {
  margin: 0 0 10px;
  padding: 0 2px 8px;
  max-width: none;
  border: 0;
  border-bottom: 1px solid #d7e4da;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.workspace-heading h2 { margin: 0; font-size: 17px; color: var(--ink); letter-spacing: -.02em; }
.workspace-heading p:not(.eyebrow) { max-width: 720px; margin: 4px 0 0; color: var(--ink-soft); font-size: 12px; }
.warehouse-menu-stack-head { display: none !important; }

.warehouse-menu-stack > .is-collapsible-panel,
.warehouse-menu-stack > .is-collapsible-panel:has(> .panel-disclosure[open]) {
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-bottom: 1px solid #e3ede5 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.warehouse-menu-stack > .is-collapsible-panel:last-child {
  border-bottom: 0 !important;
}
.warehouse-menu-stack > .is-collapsible-panel:not(:has(> .panel-disclosure[open])) {
  padding: 0 !important;
}
.warehouse-menu-stack > .is-collapsible-panel:has(> .panel-disclosure[open]) {
  padding: 14px 16px 16px !important;
}

.is-collapsible-panel > .panel-disclosure { margin: 0; }
.panel-disclosure { border: 0; background: transparent; }
.panel-disclosure > summary { list-style: none; cursor: pointer; }
.panel-disclosure > summary::-webkit-details-marker { display: none; }
.panel-disclosure-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  margin: 0;
  padding: 12px 16px;
  border-radius: 0;
  transition: background .15s ease;
}
.panel-disclosure-summary:hover { background: #f3f8f3; }
.panel-disclosure[open] > .panel-disclosure-summary {
  min-height: 0;
  margin: 0 0 12px;
  padding: 0;
}
.panel-disclosure[open] > .panel-disclosure-summary:hover { background: transparent; }
.panel-disclosure-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.panel-disclosure-copy > div { min-width: 0; }
.panel-disclosure-copy .eyebrow { margin: 0 0 2px; }
.panel-disclosure-copy h2 {
  margin: 0;
  color: var(--ink);
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -.02em;
  line-height: 1.25;
}
.panel-disclosure[open] > .panel-disclosure-summary .panel-disclosure-copy h2 { font-size: 18px; }
.panel-disclosure-hint {
  display: block;
  overflow: hidden;
  color: var(--ink-soft);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel-disclosure-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
}
.panel-disclosure-toolbar:empty { display: none; }
.panel-disclosure-toolbar .search {
  position: relative;
  min-width: 0;
  width: min(280px, 100%);
  margin: 0;
}
.panel-disclosure-toolbar .search span,
.is-collapsible-panel .search span {
  top: 50% !important;
  left: 12px;
  transform: translateY(-50%);
  line-height: 1;
}
.panel-disclosure-tools { display: none !important; }
.panel-disclosure-toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #e8f4ea;
  color: var(--forest);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  user-select: none;
  white-space: nowrap;
}
.panel-disclosure-toggle::after {
  content: ' ›';
  font-size: 14px;
  line-height: 1;
}
.panel-disclosure-summary:hover .panel-disclosure-toggle { background: #dcefdc; }
.panel-disclosure[open] > .panel-disclosure-summary .panel-disclosure-toggle {
  background: #f3f6f3;
  color: var(--ink-soft);
  font-size: 0;
}
.panel-disclosure[open] > .panel-disclosure-summary .panel-disclosure-toggle::after {
  content: 'Închide';
  font-size: 11px;
}
.panel-disclosure-body { min-width: 0; }
.is-always-open-panel { /* Operațiune zilnică — fără collapse */ }

#operational-layout > .stock-panel,
#operational-layout > .equipment-panel,
#operational-layout > .zone-inventory-panel { margin-top: 0; }
#warehouse-ops-menu .stock-panel,
#warehouse-ops-menu .equipment-panel,
#warehouse-ops-menu .zone-inventory-panel,
#warehouse-ops-menu .custody-panel { margin: 0; }

@media (max-width: 720px) {
  .warehouse-workboard { padding: 14px 12px 18px; border-radius: 16px; }
  .panel-disclosure-toolbar .search { max-width: none; width: 100%; }
}

#documente { margin-top: 0; }
#documente > .history-panel,
#documente > .history-grid { margin-top: 0; }
#bonuri-consum { min-height: 0; display: flex; flex-direction: column; }
#bonuri-consum .short-table {
  min-height: 0;
  max-height: min(540px, 62vh);
  flex: 1 1 auto;
  overflow: auto;
  margin: 2px 0 0;
  padding: 0 8px;
  border: 1px solid #dce9de;
  border-radius: 12px;
  background: #fbfdfb;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #9dbca5 transparent;
}
#bonuri-consum .short-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding-top: 12px;
  background: #fbfdfb;
  box-shadow: 0 1px 0 var(--line);
}
#bonuri-consum .short-table td { background: #fbfdfb; }
#management-workspace { margin-top: 0; padding-top: 0; border-top: 0; }
#management-workspace > .planning-grid,
#management-workspace > .intelligence-grid,
#management-workspace > .maintenance-panel,
#management-workspace > .cost-panel,
#management-workspace > .supply-grid,
#management-workspace > .admin-grid,
#management-workspace > #administrare { margin-top: 0; max-width: none; }
.supply-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.retired-supply-panel { display: none !important; }
.is-collapsible-panel.maintenance-panel,
.is-collapsible-panel.cost-panel,
.is-collapsible-panel.zone-inventory-panel { padding: 0; }
.is-collapsible-panel.maintenance-panel:has(> .panel-disclosure[open]),
.is-collapsible-panel.cost-panel:has(> .panel-disclosure[open]),
.is-collapsible-panel.zone-inventory-panel:has(> .panel-disclosure[open]) { padding: 16px 18px 18px; }
.maintenance-panel, .cost-panel, .zone-inventory-panel { padding: 25px; }
.maintenance-grid, .zone-inventory-grid, .cost-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 20px; align-items: start; }
/* M8 Tehnic: panourile ridicate din stivele Magazie rămân spațiu de lucru deschis. */
body.maintenance-only-mode #mentenanta.is-always-open-panel,
body.maintenance-only-mode #gestiuni.is-always-open-panel {
  display: block;
}
.maintenance-grid > form, .zone-inventory-grid > form { padding: 16px; border: 1px solid #dce9de; border-radius: 13px; background: #f8fbf8; }
.supplier-list, .purchase-orders-list, .maintenance-list, .cost-list { display: grid; gap: 8px; margin-top: 15px; }
.supplier-list article, .purchase-orders-list article, .maintenance-list article, .cost-list article { padding: 11px 12px; border: 1px solid #dce9de; border-radius: 10px; background: #f8fbf8; }
.supplier-list article strong, .purchase-orders-list article strong { display: block; color: var(--forest); font-size: 12px; }
.supplier-list article small, .purchase-orders-list article small { display: block; margin-top: 3px; color: var(--ink-soft); font-size: 10px; }
.maintenance-list article, .cost-list article { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.maintenance-list article > div, .maintenance-list article > span, .cost-list article > div { display: grid; gap: 3px; }
.maintenance-list article strong, .cost-list article strong { color: var(--forest); font-size: 12px; }
.maintenance-list article small, .cost-list article small, .maintenance-list article p { margin: 0; color: var(--ink-soft); font-size: 10px; }
.maintenance-list article > span { text-align: right; }
.maintenance-list article > span b, .cost-list article > b { color: var(--forest); font-size: 12px; white-space: nowrap; }
.cost-list-button { width: 100%; padding: 11px 12px; display: flex; align-items: start; justify-content: space-between; gap: 12px; color: var(--ink); border: 1px solid #dce9de; border-radius: 10px; background: #f8fbf8; font: inherit; text-align: left; cursor: pointer; }
.cost-list-button > div { display: grid; gap: 3px; }
.cost-list-button strong { color: var(--forest); font-size: 12px; }
.cost-list-button small { color: var(--ink-soft); font-size: 10px; }
.cost-list-button > b { color: var(--forest); font-size: 12px; white-space: nowrap; }
.cost-list-button:hover { border-color: #86bb91; background: #eff8f0; }
.cost-panel .cost-grid { gap: 16px; }
.cost-panel .cost-list {
  max-height: min(430px, 54vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  gap: 6px;
  margin-top: 10px;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #9dbca5 transparent;
}
.cost-panel .cost-list article, .cost-panel .cost-list-button { padding: 8px 10px; }
.cost-panel .cost-list article strong, .cost-panel .cost-list-button strong { font-size: 11px; }
.cost-panel .cost-list article small, .cost-panel .cost-list-button small { font-size: 9px; }
.cost-panel .cost-list article > b, .cost-panel .cost-list-button > b { font-size: 11px; }
.mechanic-withdrawals { margin-top: 20px; padding-top: 18px; border-top: 1px solid #dce9de; }
.mechanic-withdrawals-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.mechanic-withdrawals-heading h3 { margin: 2px 0 0; color: var(--forest); font-size: 16px; }
.mechanic-withdrawals-heading label { width: min(100%, 290px); color: var(--ink-soft); font-size: 11px; font-weight: 800; }
.mechanic-withdrawals-heading select { margin-top: 5px; }
.mechanic-withdrawals-list { display: grid; gap: 7px; margin-top: 12px; }
.mechanic-withdrawals-list article { padding: 10px 11px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 13px; border: 1px solid #dce9de; border-radius: 10px; background: #f8fbf8; }
.mechanic-withdrawals-list article > div, .mechanic-withdrawals-list article > span { display: grid; gap: 3px; }
.mechanic-withdrawals-list strong { color: var(--forest); font-size: 12px; }
.mechanic-withdrawals-list small { color: var(--ink-soft); font-size: 10px; }
.mechanic-withdrawals-list article > span { text-align: right; }
.mechanic-withdrawals-list article > b { color: var(--forest); font-size: 12px; white-space: nowrap; }
.purchase-order-item, .maintenance-part-row { display: grid; gap: 9px; padding: 12px; border: 1px solid #d8e7dd; border-radius: 11px; background: #f7fbf7; }
.maintenance-part-row { grid-template-columns: minmax(0, 1fr) 120px 34px; align-items: end; }
.maintenance-part-row button { width: 34px; min-height: 34px; padding: 0; color: var(--red); border: 1px solid #ebc4c2; border-radius: 9px; background: #fff8f7; font-size: 18px; }
.maintenance-scan-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; }
.maintenance-scan-field .icon-text-button { min-height: 45px; white-space: nowrap; }
#maintenance-mechanic:disabled { color: var(--forest); opacity: 1; background: #eef7ee; }
.campaign-controls { margin-bottom: 14px; padding: 14px; border: 1px solid #dce9de; border-radius: 12px; background: #f8fbf8; }
.campaign-controls .filter-summary { margin: 10px 0 0; }
.campaign-count-form { grid-template-columns: minmax(0, 1fr) 150px auto; align-items: end; gap: 10px; padding: 14px; border: 1px solid #dce9de; border-radius: 12px; background: #fff; }
.campaign-progress { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; margin-top: 14px; }
.campaign-progress > span { display: grid; gap: 3px; min-height: 63px; padding: 10px; border: 1px solid #dce9de; border-radius: 10px; background: #fbfdfb; }
.campaign-progress > span.done { border-color: #b9dfc1; background: #eff9f0; }
.campaign-progress > span.difference { border-color: #f0c4ae; background: #fff6f0; }
.campaign-progress b { color: var(--forest); font-size: 11px; }
.campaign-progress small { color: var(--ink-soft); font-size: 10px; }

/* ═══════════════════════════════════════════════════════════════════════════
   VIRIX MAGAZIE — Ultra Modern Top Experience (nav · hero · assistant)
   Scoped exclusively to Magazie. Does not alter global topbar / other modules.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Icon contract (no body-class dependency): prevents 300×150 SVG fallback. */
#warehouse-module-nav .wh-nav-ico,
#warehouse-module-nav .wh-nav-item-ico {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
  display: block !important;
  overflow: hidden !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
#asistent.wh-hero .wh-command-spark {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  flex: 0 0 22px !important;
  overflow: hidden !important;
}
#asistent.wh-hero .wh-command-spark svg {
  width: 13px !important;
  height: 13px !important;
  max-width: 13px !important;
  max-height: 13px !important;
  display: block !important;
  fill: currentColor !important;
}
#asistent.wh-hero .wh-command-submit-ico {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
}

body.warehouse-operator-mode {
  scroll-padding-top: calc(var(--app-topbar-offset, 104px) + 12px);
  --wh-space-1: 6px;
  --wh-space-2: 10px;
  --wh-space-3: 14px;
  --wh-space-4: 18px;
  --wh-radius-sm: 10px;
  --wh-radius-md: 14px;
  --wh-radius-lg: 18px;
  --wh-forest-deep: #053526;
  --wh-forest: #0a5a3c;
  --wh-forest-mid: #127048;
  --wh-lime: #b7e86a;
  --wh-lime-soft: #d8f5a6;
  --wh-cream: #f4faf4;
  --wh-ink: #143528;
  --wh-ink-soft: #4d6a58;
  --wh-line: rgba(16, 72, 48, .12);
  --wh-shadow: 0 10px 28px rgba(6, 48, 32, .12);
  --wh-shadow-soft: 0 6px 18px rgba(6, 48, 32, .08);
  --wh-ease: 150ms ease;
}

/* ── Internal nav: fixed pill rail under global topbar (overflow-x:clip kills sticky) ── */
body.warehouse-operator-mode:not(.module-home):not(.operator-locked) {
  --wh-nav-rail-height: 52px;
}
body.warehouse-operator-mode:not(.module-home):not(.operator-locked) main#panou {
  padding-top: calc(var(--wh-nav-rail-height) + 10px);
}
body.warehouse-operator-mode:not(.module-home):not(.operator-locked) main#panou > #warehouse-module-nav.warehouse-module-nav:not([hidden]),
body.warehouse-operator-mode:not(.module-home):not(.operator-locked) main#panou > #warehouse-module-nav:not([hidden]) {
  display: flex !important;
  position: fixed !important;
  top: calc(var(--app-topbar-offset, 88px) + 6px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: calc(100% - 24px) !important;
  margin: 0 !important;
  padding: 4px !important;
  overflow: visible !important;
  color: var(--wh-ink) !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(244, 250, 244, .74)) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .7) inset,
    0 8px 22px rgba(6, 48, 32, .1) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  z-index: 45 !important;
}

body.warehouse-operator-mode #warehouse-module-nav.warehouse-module-nav {
  gap: 1px !important;
  z-index: 45 !important;
}

body.warehouse-operator-mode #miscare,
body.warehouse-operator-mode #inventar,
body.warehouse-operator-mode #asistent,
body.warehouse-operator-mode #bonuri-consum,
body.warehouse-operator-mode #receptii,
body.warehouse-operator-mode #utilaje,
body.warehouse-operator-mode #rapoarte,
body.warehouse-operator-mode #costuri {
  scroll-margin-top: calc(var(--app-topbar-offset, 104px) + var(--wh-nav-rail-height, 52px) + 18px);
}

body.warehouse-operator-mode #warehouse-module-nav::before {
  content: none !important;
  display: none !important;
}

body.warehouse-operator-mode #warehouse-module-nav > a,
body.warehouse-operator-mode #warehouse-module-nav > .nav-menu {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  min-width: max-content;
}
body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link span {
  min-width: max-content;
  overflow: visible;
  text-overflow: clip;
}

/* Kill legacy .main-nav open-state span rotation (was flipping Documente/Mai mult labels). */
body.warehouse-operator-mode #warehouse-module-nav .nav-menu > summary span,
body.warehouse-operator-mode #warehouse-module-nav .nav-menu[open] > summary span {
  transform: none !important;
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link,
body.warehouse-operator-mode #warehouse-module-nav > a.wh-nav-link,
body.warehouse-operator-mode #warehouse-module-nav .nav-menu > summary.wh-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  margin: 4px 2px !important;
  padding: 0 12px !important;
  color: var(--wh-ink-soft) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: color var(--wh-ease), background var(--wh-ease), box-shadow var(--wh-ease) !important;
  cursor: pointer;
  list-style: none;
}

body.warehouse-operator-mode #warehouse-module-nav .nav-menu > summary.wh-nav-link::-webkit-details-marker { display: none; }

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-ico {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .88;
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-caret {
  width: 0;
  height: 0;
  margin-left: 1px;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 4.5px solid currentColor;
  opacity: .55;
  transition: transform var(--wh-ease);
}

body.warehouse-operator-mode #warehouse-module-nav .nav-menu[open] > summary .wh-nav-caret {
  transform: rotate(180deg) !important;
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link:hover,
body.warehouse-operator-mode #warehouse-module-nav .nav-menu > summary.wh-nav-link:hover,
body.warehouse-operator-mode #warehouse-module-nav .nav-menu[open] > summary.wh-nav-link {
  color: var(--wh-forest-deep) !important;
  background: rgba(12, 90, 58, .07) !important;
  transform: none !important;
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link.is-active,
body.warehouse-operator-mode #warehouse-module-nav > a.wh-nav-link.is-active,
body.warehouse-operator-mode #warehouse-module-nav .nav-menu.is-active > summary.wh-nav-link {
  color: #063524 !important;
  background: linear-gradient(180deg, #eef8e6, #dff1cf) !important;
  box-shadow: 0 0 0 1px rgba(110, 168, 72, .35), 0 4px 10px rgba(20, 80, 45, .08) !important;
  font-weight: 750 !important;
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link:focus-visible,
body.warehouse-operator-mode #warehouse-module-nav .nav-menu > summary.wh-nav-link:focus-visible {
  outline: 2px solid rgba(88, 160, 70, .55) !important;
  outline-offset: 2px !important;
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-dropdown.nav-menu-dropdown {
  top: calc(100% + 10px) !important;
  min-width: 248px !important;
  padding: 8px !important;
  border: 1px solid rgba(180, 210, 188, .9) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 18px 40px rgba(8, 52, 34, .18) !important;
  animation: wh-dropdown-in 140ms ease;
}

@keyframes wh-dropdown-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-dropdown .nav-menu-item {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  color: var(--wh-ink) !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  transform: none !important;
  transition: background var(--wh-ease), color var(--wh-ease);
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-item-ico {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: var(--wh-forest-mid);
  opacity: .9;
}

body.warehouse-operator-mode #warehouse-module-nav .wh-nav-dropdown .nav-menu-item:hover,
body.warehouse-operator-mode #warehouse-module-nav .wh-nav-dropdown .nav-menu-item:focus-visible {
  color: var(--wh-forest-deep) !important;
  background: #eef7ef !important;
  outline: none;
}

/* ── Hero command center ── */
body.warehouse-operator-mode .warehouse-hero.wh-hero,
body.warehouse-operator-mode .page-intro.warehouse-hero.wh-hero {
  position: relative !important;
  display: grid !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  align-content: start !important;
  gap: 12px !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 18px 18px 16px !important;
  overflow: hidden !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: var(--wh-radius-lg) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(183, 232, 106, .22), transparent 11rem),
    radial-gradient(circle at 8% 90%, rgba(20, 110, 70, .35), transparent 10rem),
    linear-gradient(128deg, #042f23 0%, #0a5238 52%, #146843 100%) !important;
  box-shadow: 0 14px 32px rgba(5, 42, 28, .16) !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .05), transparent 42%),
    repeating-linear-gradient(-28deg, transparent 0 14px, rgba(255, 255, 255, .015) 14px 15px);
  pointer-events: none;
  z-index: 0;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  top: -110px;
  right: -40px;
  border: 22px solid rgba(205, 248, 177, .08);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero > * {
  position: relative;
  z-index: 1;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 16px 22px;
  align-items: end;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .warehouse-hero-copy {
  min-width: 0;
  padding-bottom: 2px;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .eyebrow {
  margin: 0 0 5px !important;
  color: #c8f08e !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .14em !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero h1 {
  max-width: 18ch !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(20px, 2.15vw, 28px) !important;
  font-weight: 720 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .muted,
body.warehouse-operator-mode .warehouse-hero.wh-hero p:not(.eyebrow) {
  max-width: 42ch !important;
  margin: 7px 0 0 !important;
  color: rgba(236, 255, 240, .74) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

/* ── Smart command capsule ── */
body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px 12px 11px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 16px;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05));
  box-shadow: 0 8px 22px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(236, 255, 238, .88);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-spark {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(145deg, #e4ffb0, #8fd24f);
  color: #0d4a30;
  box-shadow: 0 3px 8px rgba(140, 200, 70, .28);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-spark svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-form.assistant-form,
body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-form.wh-command-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  position: relative;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-input-wrap {
  position: relative;
  min-width: 0;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-form input,
body.warehouse-operator-mode .warehouse-hero.wh-hero #assistant-message {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 96px 0 14px !important;
  color: var(--wh-ink) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .97) !important;
  font-size: 13px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .07);
  transition: border-color var(--wh-ease), box-shadow var(--wh-ease);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-form input:focus,
body.warehouse-operator-mode .warehouse-hero.wh-hero #assistant-message:focus {
  border-color: #8fd24f !important;
  box-shadow: 0 0 0 3px rgba(143, 210, 79, .28), 0 2px 10px rgba(0, 0, 0, .07) !important;
  outline: none !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-clear {
  position: absolute;
  top: 50%;
  right: 52px;
  z-index: 2;
  width: 28px;
  min-height: 28px;
  padding: 0;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  color: #3f6b51;
  border: 0;
  border-radius: 50%;
  background: #eaf3e9;
  font-size: 18px;
  line-height: 1;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-submit.primary-button,
body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-form .wh-command-submit {
  position: absolute !important;
  top: 50%;
  right: 6px;
  z-index: 3;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  transform: translateY(-50%);
  color: #0d3f28 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: linear-gradient(145deg, #d8f58a, #7fc846) !important;
  box-shadow: 0 3px 10px rgba(110, 180, 60, .3) !important;
  font-size: 0 !important;
  transition: filter var(--wh-ease), opacity var(--wh-ease);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-submit:hover:not(:disabled) {
  filter: brightness(1.05);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-submit-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-submit:disabled {
  opacity: .72;
  cursor: wait;
  transform: none;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-submit-ico {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-spinner {
  display: none;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(13, 63, 40, .2);
  border-top-color: #0d3f28;
  border-radius: 50%;
  animation: wh-spin .7s linear infinite;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-form.is-loading .wh-command-submit-label,
body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-form.is-loading .wh-command-submit-ico {
  opacity: 0;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-form.is-loading .wh-command-spinner {
  display: block;
  position: absolute;
}

@keyframes wh-spin { to { transform: rotate(360deg); } }

/* ── Suggestions ── */
body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions.assistant-examples {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px !important;
  margin: 0 !important;
  color: rgba(236, 255, 238, .62) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-label {
  margin-right: 2px;
  color: rgba(236, 255, 238, .55);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-primary,
body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions button {
  min-height: 30px !important;
  padding: 0 11px !important;
  color: #f2fff0 !important;
  border: 1px solid rgba(232, 255, 226, .2) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  transition: background var(--wh-ease), border-color var(--wh-ease), transform var(--wh-ease);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions button:hover {
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(232, 255, 226, .34) !important;
  transform: translateY(-1px);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-more {
  position: relative;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-more > summary {
  list-style: none;
  min-height: 30px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  color: #e8ffd8;
  border: 1px dashed rgba(232, 255, 226, .28);
  border-radius: 999px;
  background: rgba(0, 0, 0, .12);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: background var(--wh-ease);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-more > summary::-webkit-details-marker { display: none; }
body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-more[open] > summary {
  background: rgba(255, 255, 255, .12);
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-more .wh-suggestions-extra {
  position: absolute;
  z-index: 6;
  top: calc(100% + 8px);
  left: 0;
  min-width: 220px;
  padding: 8px;
  border: 1px solid rgba(180, 210, 188, .9);
  border-radius: 12px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 14px 28px rgba(8, 52, 34, .18);
  animation: wh-dropdown-in 140ms ease;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-more .wh-suggestions-extra button {
  color: var(--wh-ink) !important;
  border-color: #d5e7d8 !important;
  background: #f5faf5 !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-suggestions-more .wh-suggestions-extra button:hover {
  background: #eaf5ea !important;
  border-color: #b8d4bc !important;
  color: var(--wh-forest-deep) !important;
}

/* ── Assistant result ── */
body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-result {
  margin-top: 2px !important;
  padding: 14px 15px !important;
  color: var(--wh-ink) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-result > p:first-child {
  margin: 0;
  color: var(--wh-forest-deep);
  font-size: 13.5px;
  font-weight: 750;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-result .assistant-answer-message {
  margin-top: 5px !important;
  color: var(--wh-ink-soft) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.4;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-result.error {
  color: #7a3530 !important;
  border-color: #f0c6c0 !important;
  background: #fff6f4 !important;
}

body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-result.error > p:first-child {
  color: #8a3a34;
}

/* ── Workflow area harmony ── */
body.warehouse-operator-mode #miscare.focus-panel,
body.warehouse-operator-mode .focus-panel#miscare {
  border-color: #9fc9aa;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(12, 91, 54, .1);
}

body.warehouse-operator-mode .warehouse-workboard {
  border-radius: 18px;
}

/* ── Responsive ── */
/* 20260821-m3-fit-width-v1 — one used-box width for iPhone and M3 (DEC-262).
   WebView ~980 missed the 720/930 stacks. Nav max-content + overflow:visible
   painted past the screen. Track floors (300/290/280) + 1fr 1fr min-content
   widened the page. Cause = shrinkable tracks + 1 column under 1100.
   No overflow:hidden as the page fix. No screen.width. */
@media (max-width: 1100px) {
  body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-hero-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  body.warehouse-operator-mode .warehouse-hero.wh-hero h1 {
    max-width: 28ch !important;
  }
  /* 20260821-wh-nav-phone-v1 — sina fixed + overflow-x:auto taie etichetele
     sub topbar (safe-area). Pe used-box 1100 sina e în flux.
     20260821-wh-chrome-phone-v1 — wrap flex tot lăsa Acasă/Lucrează/Stoc
     sub topbar sau pe un rând scrolled. Grilă auto-fit = 3+2, toate vizibile. */
  body.warehouse-operator-mode:not(.module-home):not(.operator-locked) main#panou {
    padding-top: 0;
  }
  body.warehouse-operator-mode:not(.module-home):not(.operator-locked) main#panou > #warehouse-module-nav.warehouse-module-nav:not([hidden]) {
    display: grid !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    grid-template-columns: repeat(auto-fit, minmax(5.75rem, 1fr)) !important;
    flex-wrap: unset !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    min-height: 44px !important;
    height: auto !important;
    overflow: visible !important;
    overflow-x: visible !important;
    border-radius: 18px !important;
    gap: 2px !important;
  }
  body.warehouse-operator-mode #warehouse-module-nav > a,
  body.warehouse-operator-mode #warehouse-module-nav > .nav-menu {
    flex: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link,
  body.warehouse-operator-mode #warehouse-module-nav .nav-menu > summary.wh-nav-link {
    width: 100% !important;
    justify-content: center !important;
    margin: 2px !important;
  }
  body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link span {
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.warehouse-operator-mode .content-grid,
  body.warehouse-area .content-grid,
  body.maintenance-only-mode .content-grid,
  body.warehouse-operator-mode .intelligence-grid,
  body.warehouse-area .intelligence-grid,
  body.maintenance-only-mode .intelligence-grid,
  body.warehouse-operator-mode .custody-grid,
  body.warehouse-area .custody-grid,
  body.maintenance-only-mode .custody-grid,
  body.warehouse-operator-mode .equipment-tables,
  body.warehouse-area .equipment-tables,
  body.maintenance-only-mode .equipment-tables,
  body.warehouse-operator-mode .two-columns,
  body.warehouse-area .two-columns,
  body.maintenance-only-mode .two-columns,
  body.warehouse-operator-mode .maintenance-grid,
  body.warehouse-area .maintenance-grid,
  body.maintenance-only-mode .maintenance-grid,
  body.warehouse-operator-mode .zone-inventory-grid,
  body.warehouse-area .zone-inventory-grid,
  body.maintenance-only-mode .zone-inventory-grid,
  body.warehouse-operator-mode .cost-grid,
  body.warehouse-area .cost-grid,
  body.maintenance-only-mode .cost-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.warehouse-operator-mode main#panou,
  body.warehouse-area main#panou,
  body.maintenance-only-mode main#panou,
  body.warehouse-operator-mode main .panel,
  body.warehouse-area main .panel,
  body.maintenance-only-mode main .panel,
  body.warehouse-operator-mode main .form-panel,
  body.warehouse-area main .form-panel,
  body.maintenance-only-mode main .form-panel {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 720px) {
  body.warehouse-operator-mode .warehouse-hero.wh-hero,
  body.warehouse-operator-mode .page-intro.warehouse-hero.wh-hero {
    padding: 14px 13px 13px !important;
    border-radius: 16px !important;
    gap: 11px !important;
  }
  body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command {
    padding: 11px;
  }
  body.warehouse-operator-mode #warehouse-module-nav .wh-nav-link,
  body.warehouse-operator-mode #warehouse-module-nav .nav-menu > summary.wh-nav-link {
    padding: 0 10px !important;
    font-size: 12px !important;
    min-height: 34px !important;
  }
}

@media (max-width: 430px) {
  body.warehouse-operator-mode .warehouse-hero.wh-hero h1 {
    font-size: 19px !important;
  }
  body.warehouse-operator-mode .warehouse-hero.wh-hero .assistant-form input,
  body.warehouse-operator-mode .warehouse-hero.wh-hero #assistant-message,
  body.warehouse-operator-mode .warehouse-hero.wh-hero .wh-command-submit {
    min-height: 44px !important;
    height: 44px !important;
  }
}
/* ═══════════════════════════════════════════════════════════════════════════
   VIRIX MAGAZIE — Action Hub + explore map + lower-zone redesign
   ═══════════════════════════════════════════════════════════════════════════ */

body.warehouse-operator-mode .wh-hub-open,
body.warehouse-operator-mode .wh-hub-open-secondary {
  min-height: 30px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #e8ffd8;
  border: 1px dashed rgba(232, 255, 226, .34);
  border-radius: 999px;
  background: rgba(0, 0, 0, .14);
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
body.warehouse-operator-mode .wh-hub-open:hover,
body.warehouse-operator-mode .wh-hub-open-secondary:hover {
  background: rgba(255, 255, 255, .14);
  border-style: solid;
}
body.warehouse-operator-mode .wh-hub-open-secondary {
  color: var(--forest, #0a5a3c);
  border-color: #c5dbc9;
  background: #eef7ef;
}

/* Action Hub dialog */
.wh-action-hub {
  width: min(980px, calc(100vw - 28px));
  max-width: 980px;
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
.wh-action-hub::backdrop {
  background: rgba(4, 32, 24, .55);
  backdrop-filter: blur(4px);
}
.wh-action-hub-shell {
  display: grid;
  gap: 14px;
  padding: 18px 18px 16px;
  border: 1px solid #c9dfcf;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 0%, rgba(183, 232, 106, .18), transparent 12rem),
    linear-gradient(165deg, #fbfefb, #f3f8f3);
  box-shadow: 0 28px 60px rgba(4, 40, 28, .28);
}
.wh-action-hub-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.wh-action-hub-header .eyebrow {
  margin: 0 0 4px;
  color: #2f7a4a;
  font-size: 10px;
  letter-spacing: .12em;
}
.wh-action-hub-header h2 {
  margin: 0;
  color: #0a3f2a;
  font-size: clamp(20px, 2.2vw, 26px);
  letter-spacing: -.03em;
}
.wh-action-hub-header p {
  max-width: 52ch;
  margin: 6px 0 0;
  color: #4d6a58;
  font-size: 12.5px;
  line-height: 1.45;
}
.wh-action-hub-close {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  color: #7a453c;
  border: 1px solid #e7c5be;
  border-radius: 11px;
  background: #fff8f6;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.wh-action-hub-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  border: 1px solid #d7e6da;
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
}
.wh-action-hub-tabs button {
  min-height: 34px;
  padding: 0 12px;
  color: #3f5f4c;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.wh-action-hub-tabs button.is-active,
.wh-action-hub-tabs button:hover {
  color: #063524;
  background: linear-gradient(180deg, #eef8e6, #dff1cf);
}
.wh-action-hub-body {
  min-height: 280px;
  max-height: min(58vh, 520px);
  overflow: auto;
  padding-right: 2px;
}
.wh-action-hub-cat > header {
  margin: 0 0 12px;
}
.wh-action-hub-cat > header h3 {
  margin: 0;
  color: #0a3f2a;
  font-size: 16px;
}
.wh-action-hub-cat > header p {
  margin: 4px 0 0;
  color: #5a7463;
  font-size: 12px;
}
.wh-action-hub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
body.warehouse-operator-mode dialog .wh-action-card,
body.warehouse-operator-mode main .wh-action-card,
.wh-action-card {
  min-height: 118px;
  padding: 14px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  gap: 4px 10px;
  align-items: start;
  justify-content: start;
  color: #143528;
  border: 1.5px solid #8fb89a;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(12, 48, 32, .08);
  font: 650 13px inherit;
  text-align: left;
  transform: none;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
body.warehouse-operator-mode dialog .wh-action-card:hover,
body.warehouse-operator-mode main .wh-action-card:hover,
.wh-action-card:hover {
  transform: none;
  border-color: #2f7a4a;
  background: #f4faf4;
  box-shadow: 0 10px 22px rgba(12, 48, 32, .12);
}
body.warehouse-operator-mode dialog .wh-action-card:active,
body.warehouse-operator-mode main .wh-action-card:active,
.wh-action-card:active {
  transform: none;
}
body.warehouse-operator-mode dialog .wh-action-card:focus-visible,
body.warehouse-operator-mode main .wh-action-card:focus-visible {
  outline: 2px solid #6ea848;
  outline-offset: 2px;
}
.wh-action-card-ico {
  grid-row: 1 / span 3;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #0d5a3b;
  border-radius: 10px;
  background: linear-gradient(160deg, #eaf7e4, #d5efc4);
  font-size: 15px;
  font-weight: 700;
}
.wh-action-card strong {
  font-size: 13.5px;
  letter-spacing: -.01em;
}
.wh-action-card small {
  color: #5a7463;
  font-size: 11.5px;
  line-height: 1.35;
  font-weight: 550;
}
.wh-action-card b {
  align-self: end;
  color: #0d5a3b;
  font-size: 11px;
  font-weight: 800;
}

/* Explore map under daily ops.
   20260821-wh-explore-frame-v1 — `main button { border:0; display:inline-flex }`
   (L39 scoped reset) călca `.wh-explore-card`: fără chenar, titlu+text pe un rând.
   SoT = aceleași tokenuri ca dalele din #miscare / .wh-action-card, specificitate
   peste `body.warehouse-operator-mode main button`. Fără translateY (L46). */
body.warehouse-operator-mode main #wh-explore-map.wh-explore-map,
body.warehouse-operator-mode main .wh-explore-map {
  margin: 14px 0 0;
  padding: 16px 14px 14px;
  border: 1px solid #b7d4bf;
  border-radius: 16px;
  background: linear-gradient(180deg, #f3f8f3, #e8f1ea);
  box-shadow: 0 8px 20px rgba(12, 48, 32, .06);
}
.wh-explore-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.wh-explore-heading .eyebrow { margin: 0 0 3px; color: #2f7a4a; }
.wh-explore-heading h2 { margin: 0; color: #0a3f2a; font-size: 18px; }
.wh-explore-heading p { margin: 5px 0 0; color: #5a7463; font-size: 12px; max-width: 48ch; }
.wh-explore-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
body.warehouse-operator-mode main #wh-explore-map .wh-hub-open-secondary {
  min-height: 34px;
  padding: 0 12px;
  border: 1px dashed #8fb89a;
  border-radius: 999px;
  background: #eef7ef;
  color: #0a5a3c;
  font: 750 11px inherit;
}
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: start;
  align-items: start;
  justify-content: start;
  gap: 3px 10px;
  min-height: 78px;
  padding: 12px 14px;
  color: #143528;
  border: 1.5px solid #8fb89a;
  border-radius: 13px;
  background: #fff;
  box-shadow:
    0 6px 16px rgba(12, 48, 32, .08),
    inset 3px 0 0 #2f7a4a;
  font: 650 13px inherit;
  text-align: left;
  transform: none;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card:hover,
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card:focus-visible {
  border-color: #2f7a4a;
  background: #f4faf4;
  box-shadow:
    0 10px 22px rgba(12, 48, 32, .12),
    inset 3px 0 0 #0a5a3c;
  transform: none;
}
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card:active {
  transform: none;
}
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card:focus-visible {
  outline: 2px solid #6ea848;
  outline-offset: 2px;
}
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card strong {
  grid-column: 1;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.01em;
}
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card small {
  grid-column: 1;
  display: block;
  color: #4d6a58;
  font-size: 11.5px;
  font-weight: 550;
  line-height: 1.35;
}
body.warehouse-operator-mode main #wh-explore-map .wh-explore-card::after {
  content: "";
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  width: 7px;
  height: 7px;
  border-right: 2px solid #2f7a4a;
  border-bottom: 2px solid #2f7a4a;
  transform: rotate(-45deg);
  opacity: .42;
}

/* Hide accordion dump by default — Action Hub + explore map are the entry points.
   Stacks reappear only when a concrete panel is opened (wh-stack-focus). */
body.warehouse-operator-mode #warehouse-ops-menu:not(.wh-stack-focus),
body.warehouse-operator-mode #documente:not(.wh-workspace-open),
body.warehouse-operator-mode #management-workspace:not(.wh-workspace-open) {
  display: none !important;
}

/* Secondary focus (Stoc / Documente / Mai mult): hide hero + daily ops + explore clutter. */
body.warehouse-operator-mode.wh-secondary-focus #asistent,
body.warehouse-operator-mode.wh-secondary-focus #wh-explore-map,
body.warehouse-operator-mode.wh-secondary-focus #operational-layout > .workspace-heading,
body.warehouse-operator-mode.wh-secondary-focus #operational-layout > #miscare {
  display: none !important;
}
body.warehouse-operator-mode.wh-secondary-focus:has(#documente.wh-workspace-open) #operational-layout,
body.warehouse-operator-mode.wh-secondary-focus:has(#management-workspace.wh-workspace-open) #operational-layout {
  display: none !important;
}
body.warehouse-operator-mode.wh-secondary-focus #warehouse-ops-menu.wh-stack-focus,
body.warehouse-operator-mode.wh-secondary-focus #documente.wh-workspace-open,
body.warehouse-operator-mode.wh-secondary-focus #management-workspace.wh-workspace-open {
  margin-top: 0;
}
body.warehouse-operator-mode #documente.wh-workspace-open,
body.warehouse-operator-mode #management-workspace.wh-workspace-open {
  display: block !important;
}
body.warehouse-operator-mode #documente.wh-workspace-open .warehouse-menu-stack:not(.wh-stack-focus),
body.warehouse-operator-mode #management-workspace.wh-workspace-open .warehouse-menu-stack:not(.wh-stack-focus) {
  display: none !important;
}
body.warehouse-operator-mode .warehouse-menu-stack.wh-stack-focus {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
body.warehouse-operator-mode .warehouse-menu-stack.wh-stack-focus > .is-collapsible-panel:not(.wh-panel-focus),
body.warehouse-operator-mode .warehouse-menu-stack.wh-stack-focus > .panel:not(.wh-panel-focus) {
  display: none !important;
}

/* Lower stacks: compact tile grid when revealed */
body.warehouse-operator-mode .warehouse-workboard {
  gap: 18px;
  padding: 18px 16px 20px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,247,.92));
}
body.warehouse-operator-mode .workspace-heading {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0ebe2;
}
body.warehouse-operator-mode .workspace-heading h2 {
  font-size: 18px;
  color: #0a3f2a;
}
body.warehouse-operator-mode .workspace-heading p {
  max-width: 60ch;
  margin-top: 4px;
  color: #5a7463;
  font-size: 12px;
}
body.warehouse-operator-mode .warehouse-menu-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
body.warehouse-operator-mode .warehouse-menu-stack > .is-collapsible-panel,
body.warehouse-operator-mode .warehouse-menu-stack > .panel {
  margin: 0;
  border: 1px solid #d5e4d8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(12, 48, 32, .04);
  overflow: hidden;
}
body.warehouse-operator-mode .warehouse-menu-stack > .is-collapsible-panel:has(> .panel-disclosure[open]),
body.warehouse-operator-mode .warehouse-menu-stack > .panel:has(> .panel-disclosure[open]) {
  grid-column: 1 / -1;
  box-shadow: 0 12px 28px rgba(12, 48, 32, .08);
  border-color: #9fc9aa;
}
body.warehouse-operator-mode .warehouse-menu-stack .panel-disclosure-summary {
  min-height: 64px;
  padding: 12px 14px;
}
body.warehouse-operator-mode .warehouse-menu-stack .panel-disclosure-copy h2,
body.warehouse-operator-mode .warehouse-menu-stack .panel-disclosure-copy h3 {
  font-size: 14px;
}
body.warehouse-operator-mode .workspace-section.wh-workspace-dimmed {
  opacity: .55;
}
body.warehouse-operator-mode .warehouse-menu-stack .wh-panel-focus {
  outline: 1px solid rgba(110, 168, 72, .35);
}

/* Daily ops — panel + CTA polish (cards live in base .movement-type-* rules). */
body.warehouse-operator-mode #miscare.focus-panel {
  border-radius: 16px;
  border-color: #b7d4bf;
  box-shadow: 0 12px 28px rgba(12, 91, 54, .08);
}
body.warehouse-operator-mode main #miscare .primary-button,
body.warehouse-operator-mode main #miscare button.secondary-button[type="submit"],
body.warehouse-area main #miscare .primary-button,
body.warehouse-area main #miscare button.secondary-button[type="submit"],
body.warehouse-operator-mode main #custody-return-form > button[type="submit"],
body.warehouse-area main #custody-return-form > button[type="submit"],
body.warehouse-operator-mode main #disposition-form > button[type="submit"],
body.warehouse-area main #disposition-form > button[type="submit"] {
  width: 100%;
  border-radius: 11px;
  min-height: 44px;
}

@media (max-width: 900px) {
  .wh-action-hub-grid,
  .wh-explore-grid,
  body.warehouse-operator-mode .warehouse-menu-stack {
    grid-template-columns: 1fr;
  }
  .wh-explore-heading { flex-direction: column; align-items: stretch; }
  .wh-action-hub-tabs { border-radius: 14px; }
}
@media (max-width: 720px) {
  .wh-action-hub-shell { padding: 14px; border-radius: 16px; }
  .wh-action-hub-body { max-height: min(62vh, 480px); }
}

/* 20260821-wh-machine-zone-v1 — dosarul e locația; Modifică/Șterge bat resetul L39. */
body.warehouse-operator-mode main #utilaje #machine-form input,
body.warehouse-area main #utilaje #machine-form input,
body.maintenance-only-mode main #utilaje #machine-form input,
body.warehouse-operator-mode main #utilaje #machine-form select,
body.warehouse-area main #utilaje #machine-form select,
body.maintenance-only-mode main #utilaje #machine-form select,
body.warehouse-operator-mode main #utilaje #machine-delete-form input,
body.warehouse-area main #utilaje #machine-delete-form input,
body.maintenance-only-mode main #utilaje #machine-delete-form input {
  border: 1.5px solid #8fb89a;
  background: #fff;
}
body.warehouse-operator-mode main #utilaje .machine-form-actions,
body.warehouse-area main #utilaje .machine-form-actions,
body.maintenance-only-mode main #utilaje .machine-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
body.warehouse-operator-mode main #utilaje .machine-delete-form,
body.warehouse-area main #utilaje .machine-delete-form,
body.maintenance-only-mode main #utilaje .machine-delete-form {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #d9e8dc;
}
body.warehouse-operator-mode main #utilaje .machine-folder-pick,
body.warehouse-area main #utilaje .machine-folder-pick,
body.maintenance-only-mode main #utilaje .machine-folder-pick {
  min-height: 48px;
  padding: 8px 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  justify-content: space-between;
  color: inherit;
  transform: none;
}
body.warehouse-operator-mode main #utilaje .machine-folder-item.selected .machine-folder-pick,
body.warehouse-area main #utilaje .machine-folder-item.selected .machine-folder-pick,
body.maintenance-only-mode main #utilaje .machine-folder-item.selected .machine-folder-pick {
  color: #fff;
}
body.warehouse-operator-mode main #utilaje .machine-folder-actions button,
body.warehouse-area main #utilaje .machine-folder-actions button,
body.maintenance-only-mode main #utilaje .machine-folder-actions button {
  min-height: 32px;
  min-width: 0;
  padding: 0 9px;
  border: 1.5px solid #8fb89a;
  border-radius: 8px;
  background: #fff;
  color: #0f5132;
  font-size: 11px;
  font-weight: 800;
  box-shadow: none;
  transform: none;
}
body.warehouse-operator-mode main #utilaje .machine-folder-item.selected .machine-folder-actions button,
body.warehouse-area main #utilaje .machine-folder-item.selected .machine-folder-actions button,
body.maintenance-only-mode main #utilaje .machine-folder-item.selected .machine-folder-actions button {
  border-color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.16);
  color: #f4fff4;
}
body.warehouse-operator-mode main #utilaje .machine-folder-delete,
body.warehouse-area main #utilaje .machine-folder-delete,
body.maintenance-only-mode main #utilaje .machine-folder-delete {
  border-color: #c98986;
  color: #7a2e2b;
}
body.warehouse-operator-mode main #utilaje .machine-folder-item.selected .machine-folder-delete,
body.warehouse-area main #utilaje .machine-folder-item.selected .machine-folder-delete,
body.maintenance-only-mode main #utilaje .machine-folder-item.selected .machine-folder-delete {
  border-color: rgba(255,210,210,.7);
  color: #ffe8e6;
}
body.warehouse-operator-mode main #utilaje .machine-delete-submit,
body.warehouse-area main #utilaje .machine-delete-submit,
body.maintenance-only-mode main #utilaje .machine-delete-submit {
  border: 1.5px solid #c98986;
  background: #fff5f4;
  color: #7a2e2b;
}
@media (max-width: 720px) {
  body.warehouse-operator-mode main #utilaje .machine-folder-item,
  body.warehouse-area main #utilaje .machine-folder-item,
  body.maintenance-only-mode main #utilaje .machine-folder-item {
    grid-template-columns: 1fr;
  }
}

/* 20260821-wh-mech-nom-v1 — nomenclator mecanici, fără user. */
body.warehouse-operator-mode main #gestiuni .mechanic-nomenclator,
body.warehouse-area main #gestiuni .mechanic-nomenclator,
body.maintenance-only-mode main #gestiuni .mechanic-nomenclator {
  margin: 0 0 18px;
  padding: 14px 14px 10px;
  border: 1.5px solid #8fb89a;
  border-radius: 12px;
  background: #fff;
}
body.warehouse-operator-mode main #gestiuni #mechanic-form input,
body.warehouse-area main #gestiuni #mechanic-form input,
body.maintenance-only-mode main #gestiuni #mechanic-form input,
body.warehouse-operator-mode main #gestiuni #mechanic-delete-form input,
body.warehouse-area main #gestiuni #mechanic-delete-form input,
body.maintenance-only-mode main #gestiuni #mechanic-delete-form input {
  border: 1.5px solid #8fb89a;
  background: #fff;
}
body.warehouse-operator-mode main #gestiuni .mechanic-nomenclator-list,
body.warehouse-area main #gestiuni .mechanic-nomenclator-list,
body.maintenance-only-mode main #gestiuni .mechanic-nomenclator-list {
  display: grid;
  gap: 6px;
  margin: 8px 0 4px;
}
body.warehouse-operator-mode main #gestiuni .mechanic-nomenclator-item,
body.warehouse-area main #gestiuni .mechanic-nomenclator-item,
body.maintenance-only-mode main #gestiuni .mechanic-nomenclator-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  padding: 6px 8px;
  border: 1px solid #d9e8dc;
  border-radius: 8px;
  background: #fbfdfb;
}
.mechanic-pieces-dialog { width: min(560px, calc(100% - 24px)); text-align: left; }
.mechanic-pieces { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.mechanic-pieces li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 12px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #d9e8dc;
  border-radius: 8px;
  background: #fbfdfb;
}
.mechanic-pieces small,
.mechanic-pieces-empty { color: #4b6354; font-size: 12px; }
.mechanic-pieces small { grid-column: 1 / -1; }
.mechanic-pieces-empty { margin: 0 0 12px; }
body.warehouse-operator-mode main #gestiuni .mechanic-nomenclator-item .machine-folder-actions button,
body.warehouse-area main #gestiuni .mechanic-nomenclator-item .machine-folder-actions button,
body.maintenance-only-mode main #gestiuni .mechanic-nomenclator-item .machine-folder-actions button {
  min-height: 32px;
  padding: 0 9px;
  border: 1.5px solid #8fb89a;
  border-radius: 8px;
  background: #fff;
  color: #0f5132;
  font-size: 11px;
  font-weight: 800;
  box-shadow: none;
  transform: none;
}

/* 20260821-wh-zone-nom-v1 — dosarele utilajului sunt nomenclator. */
body.warehouse-operator-mode main #utilaje .machine-zone-nomenclator,
body.warehouse-area main #utilaje .machine-zone-nomenclator,
body.maintenance-only-mode main #utilaje .machine-zone-nomenclator {
  margin-top: 16px;
  padding: 14px 14px 10px;
  border: 1.5px solid #8fb89a;
  border-radius: 12px;
  background: #fff;
}
body.warehouse-operator-mode main #utilaje .machine-zone-nomenclator input,
body.warehouse-area main #utilaje .machine-zone-nomenclator input,
body.maintenance-only-mode main #utilaje .machine-zone-nomenclator input {
  border: 1.5px solid #8fb89a;
  background: #fff;
}
body.warehouse-operator-mode main #utilaje .machine-zone-nomenclator .mechanic-nomenclator-item,
body.warehouse-area main #utilaje .machine-zone-nomenclator .mechanic-nomenclator-item,
body.maintenance-only-mode main #utilaje .machine-zone-nomenclator .mechanic-nomenclator-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  padding: 6px 8px;
  border: 1px solid #d9e8dc;
  border-radius: 8px;
  background: #fbfdfb;
}
body.warehouse-operator-mode main #utilaje .machine-zone-nomenclator .mechanic-nomenclator-item small,
body.warehouse-area main #utilaje .machine-zone-nomenclator .mechanic-nomenclator-item small,
body.maintenance-only-mode main #utilaje .machine-zone-nomenclator .mechanic-nomenclator-item small {
  display: block;
  color: #4b6354;
}

#echipamente .gear-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 8px; }
#echipamente .gear-add { display: flex; gap: 8px; align-items: center; }
#echipamente .gear-add input,
#echipamente #gear-search { min-height: 36px; background: #fff; }
#echipamente #gear-search { flex: 1 1 180px; min-width: 160px; }
#echipamente .gear-filters { display: flex; gap: 6px; }
#echipamente .gear-filters .is-on { background: #e7f5ea; }
#echipamente .gear-summary { margin: 0 0 6px; color: #355348; font-size: 13px; }
#echipamente .gear-row {
  width: 100%;
  min-height: 34px;
  padding: 4px 8px;
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  justify-content: start;
  border: 0;
  border-bottom: 1px solid #e3eee6;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: inherit;
  font: 650 13px inherit;
  text-align: left;
}
#echipamente .gear-row strong { font-weight: 700; }
#echipamente .gear-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.gear-chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #f3faf3;
  color: #244232;
  font-size: 12px;
  line-height: 1.2;
}
.gear-chip.is-late,
.gear-chip.is-none { background: #fff4f2; color: #8a2a22; }
.gear-chip.is-today { background: #fff6df; color: #6d4e12; }
#echipamente .gear-empty { margin: 8px 0; color: #4b6354; }
.gear-catalog-dialog { width: min(920px, calc(100% - 24px)); max-height: calc(100vh - 32px); overflow: auto; text-align: left; }
.gear-person-dialog { width: min(1080px, calc(100% - 24px)); max-height: calc(100vh - 32px); overflow: auto; text-align: left; }
.gear-issued-dialog { width: min(640px, calc(100% - 24px)); max-height: calc(100vh - 32px); overflow: auto; text-align: left; }
#echipamente .gear-page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#echipamente .gear-page-actions .secondary-button { width: auto; }
.gear-issued-table { width: 100%; border-collapse: collapse; }
.gear-issued-table th,
.gear-issued-table td { padding: 8px 6px; border-bottom: 1px solid #e3eee6; text-align: left; white-space: normal; }
.gear-issued-table th { color: #4b6354; font-size: 12px; }
.gear-issued-table td:last-child,
.gear-issued-table th:last-child { text-align: right; }
.gear-issued-total { margin: 10px 0 0; color: #1d3a2a; font-weight: 750; }
dialog.gear-catalog-dialog .gear-add,
dialog.gear-catalog-dialog .gear-rename {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px auto auto;
  gap: 8px;
  align-items: center;
  margin: 0 0 12px;
}
dialog.gear-catalog-dialog .gear-add { grid-template-columns: minmax(0, 1fr) 120px auto; }
dialog.gear-person-dialog .gear-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin: 0 0 12px;
}
dialog.gear-person-dialog .gear-sheet { display: grid; gap: 6px; }
dialog.gear-person-dialog .gear-sheet-head,
dialog.gear-person-dialog .gear-line {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) 112px 76px 156px 132px 108px 188px;
  gap: 8px;
  align-items: center;
}
dialog.gear-person-dialog .gear-sheet-head { color: #4b6354; font-size: 12px; }
dialog.gear-person-dialog .gear-sheet-head span:nth-child(n + 2) { text-align: center; }
dialog.gear-person-dialog .gear-line > select,
dialog.gear-person-dialog .gear-line > input,
dialog.gear-person-dialog .gear-next,
dialog.gear-person-dialog .gear-line-add > button { justify-self: stretch; text-align: center; }
dialog.gear-person-dialog .gear-line > select[name="item_id"],
dialog.gear-person-dialog .gear-line > select[name="interval_code"],
dialog.gear-person-dialog .gear-line > [data-gear-interval],
dialog.gear-person-dialog .gear-piece { text-align: left; }
dialog.gear-person-dialog .gear-piece { display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; min-width: 0; }
dialog.gear-person-dialog .gear-piece small { color: #4b6354; }
dialog.gear-person-dialog .gear-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
dialog.gear-person-dialog .gear-actions button,
dialog.gear-person-dialog .gear-line-add > button { width: 100%; padding: 0 8px; }
dialog.gear-catalog-dialog .gear-add input,
dialog.gear-catalog-dialog .gear-rename input,
dialog.gear-person-dialog .gear-head input,
dialog.gear-person-dialog .gear-line select,
dialog.gear-person-dialog .gear-line input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  background: #fff;
}
dialog.gear-person-dialog .gear-name-save[hidden] { display: none; }
dialog.gear-person-dialog .gear-drop-person { margin-top: 12px; }
.gear-items { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.gear-item { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 8px; align-items: center; }
.gear-item:has(.gear-rename) { grid-template-columns: 1fr; }
.gear-next { color: #355348; font-size: 13px; white-space: nowrap; }
dialog.gear-person-dialog .gear-sheet-head span { white-space: nowrap; }
.gear-catalog-dialog button,
.gear-person-dialog button,
#echipamente .gear-toolbar button,
#echipamente .gear-add button { width: auto; min-height: 36px; }
@media (max-width: 760px) {
  #echipamente .gear-row { grid-template-columns: 1fr; gap: 4px; }
  dialog.gear-person-dialog .gear-sheet-head { display: none; }
  dialog.gear-person-dialog .gear-line {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3eee6;
  }
  dialog.gear-person-dialog .gear-piece,
  dialog.gear-person-dialog .gear-actions,
  dialog.gear-person-dialog .gear-line-add > button { grid-column: 1 / -1; }
  dialog.gear-catalog-dialog .gear-add { grid-template-columns: 1fr 110px; }
}