:root{
  --bg:#f3f5f7;
  --card:#ffffff;
  --ink:#151515;
  --muted:#5f6670;
  --line:#2b2b2b;
  --soft:#d8dde3;
  --accent:#111111;
}

/* V74: meniu unic de operatiuni pe desktop si mobil */
@media screen{
  .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .operations-nav{
    position:relative;
    z-index:120;
    justify-self:end;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .operations-menu{
    position:relative;
  }
  .operations-menu > summary{
    list-style:none;
  }
  .operations-menu > summary::-webkit-details-marker{
    display:none;
  }
  .operations-menu-trigger{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:9px 13px;
    border:1px solid #cfd7e1;
    border-radius:12px;
    background:#fff;
    color:#101418;
    box-shadow:0 8px 20px rgba(15,23,42,.08);
    font-size:14px;
    line-height:1;
    font-weight:850;
    cursor:pointer;
    user-select:none;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  }
  .operations-menu-trigger:hover,
  .operations-menu-trigger:focus-visible,
  .home-nav-link:hover,
  .home-nav-link:focus-visible,
  .home-nav-link.is-active,
  .operations-menu[open] .operations-menu-trigger{
    border-color:#7cff3a;
    background:#f7fff3;
    box-shadow:0 0 0 3px rgba(124,255,58,.2),0 10px 24px rgba(15,23,42,.1);
    outline:0;
  }
  .operations-trigger-icon{
    width:20px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .operations-trigger-icon .nav-icon{
    width:20px!important;
    height:20px!important;
    display:block;
  }
  .home-nav-link{
    text-decoration:none;
  }
  .depanero-nav-link{
    text-decoration:none;
  }
  .operations-chevron{
    transition:transform .18s ease;
  }
  .operations-menu[open] .operations-chevron{
    transform:rotate(180deg);
  }
  .operations-menu[open]::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:98;
    background:rgba(15,23,42,.14);
    backdrop-filter:blur(1px);
  }
  .operations-menu-panel{
    position:absolute;
    z-index:100;
    top:calc(100% + 10px);
    right:0;
    width:min(390px,calc(100vw - 24px));
    max-height:min(720px,calc(100vh - 92px));
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:12px;
    border:1px solid #dce3ea;
    border-radius:18px;
    background:rgba(255,255,255,.98);
    box-shadow:0 26px 70px rgba(15,23,42,.22);
  }
  .operations-menu-head{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:5px 7px 12px;
    border-bottom:1px solid #e8edf2;
  }
  .operations-menu-head strong{
    color:#111827;
    font-size:18px;
    line-height:1.2;
  }
  .operations-menu-head span{
    color:#64748b;
    font-size:12px;
  }
  .operations-menu-group{
    margin:0;
    padding:12px 0 0;
  }
  .operations-menu-group + .operations-menu-group{
    margin-top:10px;
    border-top:1px solid #e8edf2;
  }
  .operations-menu-title{
    padding:0 7px 7px;
    color:#64748b;
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .operations-menu-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .operations-menu-link{
    position:relative;
    min-width:0;
    min-height:66px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:9px;
    border:1px solid transparent;
    border-radius:12px;
    background:#f8fafc;
    color:#111827;
    text-decoration:none;
    box-sizing:border-box;
    transition:border-color .15s ease,background .15s ease,transform .15s ease;
  }
  .operations-menu-link:hover,
  .operations-menu-link:focus-visible{
    border-color:#cbd5e1;
    background:#fff;
    transform:translateY(-1px);
    outline:0;
  }
  .operations-menu-link.is-active{
    border-color:#7cff3a;
    background:#f2ffeb;
    box-shadow:inset 3px 0 0 #65dd2b;
  }
  .operations-link-icon{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#e9eef5;
    color:#334155;
  }
  .operations-link-icon .nav-icon{
    width:19px!important;
    height:19px!important;
    display:block;
  }
  .operation-key-form .operations-link-icon,
  .operation-key-forms_history .operations-link-icon{background:#fee2e2;color:#b91c1c;}
  .operation-key-offer .operations-link-icon,
  .operation-key-offers_history .operations-link-icon{background:#dcfce7;color:#15803d;}
  .operation-key-materials .operations-link-icon,
  .operation-key-materials_history .operations-link-icon{background:#dbeafe;color:#1d4ed8;}
  .operation-key-work .operations-link-icon,
  .operation-key-work_history .operations-link-icon{background:#ffedd5;color:#c2410c;}
  .operation-key-dashboard .operations-link-icon{background:#ede9fe;color:#6d28d9;}
  .operation-key-depanero_map .operations-link-icon{background:#cffafe;color:#0e7490;}
  .operation-key-depanero_plans .operations-link-icon{background:#fef3c7;color:#a16207;}
  .operation-key-logout .operations-link-icon{background:#e5e7eb;color:#111827;}
  .operations-link-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
  }
  .operations-link-copy strong{
    color:inherit;
    font-size:13px;
    line-height:1.18;
    overflow-wrap:break-word;
  }
  .operations-link-copy small{
    color:#64748b;
    font-size:10.5px;
    line-height:1.2;
  }
  .operations-notify-badge.nav-notify-badge{
    position:absolute!important;
    top:5px!important;
    right:5px!important;
  }
  .operations-menu-group:last-child .operations-menu-list{
    grid-template-columns:1fr 1fr;
  }
  .operations-menu-link.logout-link{
    color:#991b1b;
  }
}

@media screen and (max-width:760px){
  .topbar,
  .admin-shell .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  .topbar .brand{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:17px!important;
    overflow-wrap:break-word;
  }
  .operations-nav{
    align-self:start;
  }
  .operations-menu-trigger{
    min-height:42px;
    padding:8px 10px;
  }
  .operations-menu-trigger > span:nth-child(2){
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .operations-menu-panel{
    position:fixed;
    top:68px;
    right:10px;
    left:10px;
    width:auto;
    max-height:calc(100dvh - 80px);
    padding:11px;
    border-radius:17px;
  }
  .operations-menu-list{
    grid-template-columns:1fr;
  }
  .operations-menu-link{
    min-height:58px;
    grid-template-columns:38px minmax(0,1fr);
    padding:8px 9px;
  }
  .operations-menu-group:last-child .operations-menu-list{
    grid-template-columns:1fr 1fr;
  }
}

/* V83: strat vizual global modernizat. Se aplica doar pe ecran; documentele
   de print/PDF raman cu layout-ul lor existent. */
@media screen{
  :root{
    --ui-bg:#f4f7fb;
    --ui-surface:rgba(255,255,255,.94);
    --ui-surface-soft:#f8fafc;
    --ui-border:#dbe4ee;
    --ui-border-strong:#c6d3e1;
    --ui-ink:#172033;
    --ui-muted:#64748b;
    --ui-primary:#4f46e5;
    --ui-primary-dark:#3730a3;
    --ui-teal:#0f766e;
    --ui-shadow:0 18px 50px rgba(15,23,42,.08);
    --ui-radius:18px;
  }
  html{scroll-behavior:smooth}
  body{
    background:
      radial-gradient(circle at 8% 0%,rgba(219,234,254,.72),transparent 32rem),
      radial-gradient(circle at 92% 12%,rgba(220,252,231,.58),transparent 30rem),
      var(--ui-bg)!important;
    color:var(--ui-ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  .page-shell{
    max-width:1360px!important;
    padding:20px clamp(12px,2.5vw,32px) 40px!important;
  }
  .topbar{
    margin:0 0 18px!important;
    padding:12px 14px!important;
    border:1px solid rgba(203,213,225,.82)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
    backdrop-filter:none!important;
  }
  .topbar .brand{
    color:var(--ui-ink)!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  .panel:not(.document),
  .list-card,
  .form-card:not(.document),
  .materials-card,
  .materials-history-card,
  .materials-detail-card,
  .login-card{
    border:1px solid var(--ui-border)!important;
    border-radius:var(--ui-radius)!important;
    background:var(--ui-surface)!important;
    box-shadow:var(--ui-shadow)!important;
  }
  .panel:not(.document),.list-card,.form-card:not(.document){padding:22px!important}
  h1,h2,h3{color:var(--ui-ink);letter-spacing:-.035em}
  h1{line-height:1.08}
  h2{line-height:1.16}
  .muted,.help,.v3-help{color:var(--ui-muted)!important}
  .actions,.sig-actions,.doc-toolbar,.materials-actions-row{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
  }
  button,.primary,.secondary,.danger-btn{
    min-height:40px;
    border-radius:11px!important;
    font-weight:800!important;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
  }
  button:not(:disabled):hover,.primary:not(:disabled):hover,.secondary:not(:disabled):hover,.danger-btn:not(:disabled):hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(15,23,42,.12)!important;
  }
  .primary,button.primary{background:linear-gradient(135deg,#6366f1 0%,var(--ui-primary) 52%,var(--ui-primary-dark) 100%)!important;border-color:var(--ui-primary-dark)!important;color:#fff!important;box-shadow:0 7px 16px rgba(79,70,229,.22)!important}
  .secondary,button.secondary{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;border:1px solid var(--ui-border-strong)!important;color:#334155!important;box-shadow:0 4px 10px rgba(15,23,42,.045)!important}
  .danger-btn{background:#fff!important;border:1px solid #fecaca!important;color:#b91c1c!important}
  :where(.panel,.list-card,.form-card:not(.document),.materials-card,.materials-history-card,.materials-detail-card,.login-card) input:not([type=checkbox]):not([type=radio]),
  :where(.panel,.list-card,.form-card:not(.document),.materials-card,.materials-history-card,.materials-detail-card,.login-card) select,
  :where(.panel,.list-card,.form-card:not(.document),.materials-card,.materials-history-card,.materials-detail-card,.login-card) textarea{
    border:1px solid var(--ui-border-strong)!important;
    border-radius:11px!important;
    background:#fff!important;
    color:var(--ui-ink)!important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
    transition:border-color .16s ease,box-shadow .16s ease!important;
  }
  :where(.panel,.list-card,.form-card:not(.document),.materials-card,.materials-history-card,.materials-detail-card,.login-card) input:not([type=checkbox]):not([type=radio]):focus,
  :where(.panel,.list-card,.form-card:not(.document),.materials-card,.materials-history-card,.materials-detail-card,.login-card) select:focus,
  :where(.panel,.list-card,.form-card:not(.document),.materials-card,.materials-history-card,.materials-detail-card,.login-card) textarea:focus{
    border-color:#60a5fa!important;
    outline:0!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
  }
  .list-table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid var(--ui-border);border-radius:14px;background:#fff}
  .list-table thead th{background:#f1f5f9!important;color:#475569!important;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--ui-border)!important}
  .list-table tbody tr:nth-child(even){background:#f8fafc}
  .list-table tbody tr:hover{background:#eff6ff}
  .list-table td,.list-table th{border-color:#e7edf3!important}
  .notice{border-radius:12px!important;box-shadow:0 8px 18px rgba(15,23,42,.05)}
  .admin-hero{border-radius:20px!important}
  .admin-hero-actions{position:relative;z-index:1}
  .dashboard-grid{gap:16px!important}
  .dash-stat,.dash-action-card{border-radius:18px!important;border-color:var(--ui-border)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
  .dash-stat:hover,.dash-action-card:hover{box-shadow:0 18px 40px rgba(15,23,42,.1)!important}
  .form-card:not(.document) label,.materials-card label,.materials-history-card label{color:#475569;font-weight:800}
  .v3-status-strip,.v82-status-strip{gap:12px!important}
  .v82-status-card{border-radius:15px!important;box-shadow:0 8px 20px rgba(15,23,42,.04)}
  .operations-menu-trigger{border-radius:12px!important}
  .operations-menu-trigger:hover,.operations-menu-trigger:focus-visible,.home-nav-link:hover,.home-nav-link:focus-visible,.home-nav-link.is-active,.depanero-nav-link:hover,.depanero-nav-link:focus-visible,.depanero-nav-link.is-active,.operations-menu[open] .operations-menu-trigger{border-color:#a5b4fc!important;background:linear-gradient(180deg,#eef2ff 0%,#fff 100%)!important;box-shadow:0 0 0 3px rgba(99,102,241,.12),0 10px 22px rgba(15,23,42,.1)!important}
  .operations-menu-panel{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 26px 70px rgba(15,23,42,.22)!important}
  .operations-menu[open]::before{display:none!important;background:transparent!important;backdrop-filter:none!important}
  .operations-menu-link:hover,.operations-menu-link:focus-visible{background:#eef2ff!important;border-color:#c7d2fe!important}
  .operations-menu-link.is-active{background:linear-gradient(90deg,#eef2ff,#f8fafc)!important;border-color:#a5b4fc!important;color:#3730a3!important}
  .operations-link-icon{color:#4f46e5!important}
  .v3-route-summary,.v82-sync-line{border-color:#bfdbfe!important;background:linear-gradient(90deg,#eff6ff,#f0fdfa)!important}
  .v7-save-day,.v81-auto-plan{border-color:#c7d2fe!important;background:linear-gradient(135deg,#eef2ff,#f0fdfa)!important}
  .v81-auto-plan button{background:linear-gradient(135deg,#0f766e,#115e59)!important;border-color:#115e59!important;box-shadow:0 7px 16px rgba(15,118,110,.2)!important}
  .operations-menu-panel{border-radius:16px!important;box-shadow:0 24px 60px rgba(15,23,42,.2)!important}
  .mh-notification-sidebar{border-radius:20px 0 0 20px!important}
  a{transition:color .16s ease}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}
}
@media screen and (max-width:720px){
  .page-shell{padding:12px 10px 28px!important}
  .topbar{padding:10px!important;border-radius:15px!important}
  .panel:not(.document),.list-card,.form-card:not(.document){padding:16px!important;border-radius:16px!important}
  .topbar .brand{font-size:18px!important}
  .admin-hero-actions{gap:7px!important}
  .actions .primary,.actions .secondary,.actions button,.sig-actions .primary,.sig-actions .secondary{width:100%;justify-content:center;text-align:center}
}

@media screen and (max-width:380px){
  .operations-menu-group:last-child .operations-menu-list{
    grid-template-columns:1fr;
  }
}

@media print{
  .operations-nav{display:none!important;}
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.35;
}
.page-shell{
  max-width:1100px;
  margin:0 auto;
  padding:18px;
}
.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  flex-wrap:wrap;
}
.brand{
  font-size:22px;
  font-weight:700;
}
.navlinks{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.navlinks a{
  text-decoration:none;
  background:#111;
  color:#fff;
  padding:10px 14px;
  border-radius:12px;
  font-size:14px;
}
.form-card,.list-card{
  background:var(--card);
  border-radius:22px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:18px;
}
.document{
  background:#fff;
  color:#111;
}
.sheet{
  border:1px dashed #8b8f96;
  padding:10px;
  margin-bottom:18px;
  background:#fff;
}
.sheet-header{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  border-bottom:2px solid #666;
  padding-bottom:8px;
  margin-bottom:8px;
}
.logo-block{
  font-weight:900;
  font-size:28px;
  letter-spacing:.2px;
}
.logo-block small{
  display:block;
  font-size:10px;
  font-weight:700;
  margin-top:2px;
}
.company-block{
  font-size:10px;
  text-align:right;
  line-height:1.35;
}
.row{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:10px;
  margin-bottom:8px;
}
.col-12{grid-column:span 12}
.col-9{grid-column:span 9}
.col-8{grid-column:span 8}
.col-7{grid-column:span 7}
.col-6{grid-column:span 6}
.col-5{grid-column:span 5}
.col-4{grid-column:span 4}
.col-3{grid-column:span 3}
.col-2{grid-column:span 2}
.col-1{grid-column:span 1}
.field.inline{
  display:flex;
  gap:8px;
  align-items:center;
  min-height:42px;
  flex-wrap:wrap;
}
.field.block label,
.inline-label{
  font-size:13px;
  font-weight:700;
}
.field input[type=text],
.field input[type=date],
.field input[type=time],
.field input[type=number],
.field textarea{
  width:100%;
  min-height:38px;
  border:none;
  border-bottom:1.5px solid #666;
  background:transparent;
  padding:6px 4px;
  font-size:14px;
  border-radius:0;
}
.field textarea{
  min-height:72px;
  resize:vertical;
}
.tight input{min-height:32px}
.checkbox-line{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:14px;
}
.checkbox-line input{
  width:18px;
  height:18px;
}
.section-title{
  border-top:2px solid #222;
  border-bottom:1px solid #222;
  padding:6px 0;
  margin:10px 0 8px;
  font-weight:700;
  font-size:13px;
}
.muted{
  color:var(--muted);
}
.confirm-lines{
  display:grid;
  gap:8px;
  margin:8px 0;
}
.small-copy{
  font-size:10px;
  line-height:1.35;
  color:#333;
}
.footer-line{
  font-weight:700;
  margin-top:8px;
  font-size:14px;
}
.signature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:10px;
}
.signature-box{
  border-top:1px dotted #777;
  padding-top:6px;
}
.signature-pad{
  width:100%;
  height:140px;
  border:1px solid #b7bcc3;
  border-radius:10px;
  background:#fafafa;
  touch-action:none;
}
.sig-actions{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:8px;
}
.sig-actions button{
  background:#efefef;
  border:1px solid #ccc;
  padding:8px 12px;
  border-radius:10px;
  cursor:pointer;
}
.estimate-table{
  display:grid;
  gap:8px;
  margin-top:8px;
}
.estimate-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 190px 110px;
  gap:8px;
  align-items:center;
  font-size:14px;
}
.estimate-row .label{
  line-height:1.25;
}
.estimate-row input[type=text],
.estimate-row input[type=number]{
  width:100%;
  border:none;
  border-bottom:1px solid #666;
  background:transparent;
  min-height:32px;
  padding:4px;
}
.actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.primary,.secondary{
  border:none;
  border-radius:14px;
  padding:12px 16px;
  cursor:pointer;
  font-size:15px;
}
.primary{background:#111;color:#fff}
.secondary{background:#eceff3;color:#111;text-decoration:none;display:inline-flex;align-items:center}
.notice{
  background:#ecfff0;
  border:1px solid #9ad2a3;
  color:#195f24;
  padding:12px 14px;
  border-radius:14px;
  margin-bottom:16px;
}
.error{
  background:#fff0f0;
  border:1px solid #e3a8a8;
  color:#8a1f1f;
  padding:12px 14px;
  border-radius:14px;
  margin-bottom:16px;
}
.list-table{
  width:100%;
  border-collapse:collapse;
}
.list-table th,.list-table td{
  padding:10px 8px;
  border-bottom:1px solid #e3e7eb;
  text-align:left;
  font-size:14px;
}
.mobile-note{
  font-size:13px;
  color:#4c5560;
  margin-bottom:14px;
}
@media (max-width: 860px){
  .row{grid-template-columns:repeat(6,1fr)}
  .col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{grid-column:span 6}
  .signature-grid{grid-template-columns:1fr}
  .estimate-row{grid-template-columns:28px minmax(0,1fr)}
  .estimate-row .price,
  .estimate-row .qty{grid-column:2}
  .company-block{text-align:left}
  .sheet-header{flex-direction:column}
}
@media print{
  body{background:#fff}
  .topbar,.mobile-note,.actions{display:none !important}
  .form-card{box-shadow:none;padding:0}
  .sheet{page-break-inside:avoid}
}


.estimate-header{
  display:grid;
  grid-template-columns:34px minmax(0,1.8fr) 140px 120px 130px;
  gap:8px;
  align-items:end;
  font-size:12px;
  font-weight:700;
  color:#333;
  padding:0 0 4px 0;
  border-bottom:1px solid #c9ced6;
}
.estimate-row{
  display:grid;
  grid-template-columns:34px minmax(0,1.8fr) 140px 120px 130px;
  gap:8px;
  align-items:center;
  font-size:14px;
}
.estimate-row .unit-price,
.estimate-row .line-total{
  font-weight:700;
}
.total-strip{
  margin-top:14px;
  padding-top:12px;
  border-top:2px solid #222;
  display:flex;
  justify-content:flex-end;
}
.total-box{
  width:min(100%, 380px);
  display:grid;
  grid-template-columns:1fr 160px;
  gap:12px;
  align-items:center;
}
.total-box input{
  width:100%;
  min-height:38px;
  border:none;
  border-bottom:1.5px solid #666;
  background:transparent;
  padding:6px 4px;
  font-size:18px;
  font-weight:700;
  text-align:right;
}
.estimate-notes{
  font-size:11px;
  line-height:1.45;
  color:#333;
  margin-top:12px;
}
@media (max-width: 860px){
  .estimate-header{display:none}
  .estimate-row{
    grid-template-columns:28px 1fr;
    border:1px solid #e2e6eb;
    padding:10px;
    border-radius:12px;
    background:#fafbfc;
  }
  .estimate-row .label{grid-column:2}
  .estimate-row .unit-price,
  .estimate-row .qty,
  .estimate-row .line-total{grid-column:2}
  .total-box{
    grid-template-columns:1fr;
  }
}


.offer-sheet{
  border:1px solid #d7dce2;
  border-radius:20px;
  background:#fff;
  overflow:hidden;
}
.offer-topbar{
  background:#2aa14b;
  color:#fff;
  text-align:center;
  font-weight:700;
  letter-spacing:1px;
  padding:10px 12px;
  font-size:28px;
}
.offer-body{
  padding:18px;
}
.offer-hero{
  display:grid;
  grid-template-columns:280px 1fr 54px;
  gap:18px;
  align-items:start;
}
.offer-logo-card{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-radius:20px;
  border:1px solid #dfe4ea;
  padding:18px;
}
.offer-logo-mark{
  width:160px;
  height:92px;
  border:6px solid #2aa14b;
  border-radius:60px;
  position:relative;
  margin-bottom:14px;
}
.offer-logo-mark:before,
.offer-logo-mark:after{
  content:"";
  position:absolute;
  border-radius:999px;
}
.offer-logo-mark:before{
  width:54px;
  height:54px;
  border:5px solid #f2c34b;
  top:14px;
  left:48px;
}
.offer-logo-mark:after{
  width:24px;
  height:24px;
  background:#48a9e6;
  top:28px;
  left:83px;
  box-shadow:
    -18px 0 0 #48a9e6,
    18px 0 0 #48a9e6,
    0 -18px 0 #48a9e6,
    0 18px 0 #48a9e6;
  transform:rotate(45deg);
}
.offer-logo-text{
  text-align:center;
  font-weight:700;
  font-size:22px;
  line-height:1.1;
}
.offer-logo-sub{
  text-align:center;
  color:#5d6670;
  margin-top:6px;
}
.offer-supplier h3{
  margin:0 0 6px;
  font-size:16px;
}
.offer-supplier textarea,
.offer-supplier input{
  width:100%;
  border:none;
  border-bottom:1px solid #666;
  background:transparent;
  padding:4px;
  min-height:34px;
}
.offer-vertical{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-weight:700;
  font-size:14px;
  letter-spacing:.5px;
  text-align:center;
  padding-top:10px;
}
.offer-brands{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:16px 0 10px;
  align-items:center;
}
.offer-brand{
  text-align:center;
  font-weight:800;
  font-size:28px;
  letter-spacing:.5px;
}
.offer-brand.bosch{color:#c91616}
.offer-brand.daikin{color:#2685cc}
.offer-brand.fujitsu{color:#e63232}
.offer-brand.yamato{color:#111}
.offer-title-bar{
  background:#c9c9c9;
  text-align:center;
  font-weight:700;
  padding:4px 8px;
  margin-bottom:8px;
}
.offer-subbrand{
  background:#2aa14b;
  color:#fff;
  text-align:center;
  font-weight:700;
  padding:4px 8px;
  margin-bottom:10px;
}
.offer-table{
  display:grid;
  gap:8px;
}
.offer-table-head,
.offer-table-row{
  display:grid;
  grid-template-columns:46px minmax(0,2.2fr) 70px 90px 120px 120px 110px 130px;
  gap:10px;
  align-items:center;
}
.offer-table-head{
  font-size:12px;
  font-weight:700;
  color:#333;
  border-bottom:1px solid #cfd4db;
  padding-bottom:6px;
}
.offer-table-row input{
  width:100%;
  border:none;
  border-bottom:1px solid #666;
  background:transparent;
  min-height:34px;
  padding:4px;
}
.offer-table-row .readonly{
  font-weight:700;
}
.offer-toolbar{
  margin:14px 0;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.offer-summary{
  margin-top:16px;
  display:grid;
  justify-content:end;
}
.offer-summary-box{
  width:min(100%, 460px);
  display:grid;
  grid-template-columns:1fr 160px;
  gap:10px 14px;
  align-items:center;
}
.offer-summary-box input{
  width:100%;
  border:none;
  border-bottom:1px solid #666;
  background:transparent;
  min-height:34px;
  text-align:right;
  font-weight:700;
}
@media (max-width: 980px){
  .offer-hero{
    grid-template-columns:1fr;
  }
  .offer-vertical{
    writing-mode:initial;
    transform:none;
    padding-top:0;
  }
  .offer-brands{
    grid-template-columns:repeat(2,1fr);
  }
  .offer-table-head{display:none;}
  .offer-table-row{
    grid-template-columns:1fr;
    border:1px solid #e2e6eb;
    border-radius:14px;
    padding:10px;
    background:#fafbfc;
  }
}


.offer-topbar{
  padding:8px 12px;
  font-size:22px;
  line-height:1.1;
}
.offer-body{
  padding:14px;
}
.offer-hero{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:14px;
  align-items:start;
}
.offer-logo-card{
  min-height:140px;
  padding:12px;
  border-radius:14px;
}
.offer-logo-mark{
  width:120px;
  height:68px;
  border-width:5px;
  margin-bottom:10px;
}
.offer-logo-mark:before{
  width:40px;
  height:40px;
  border-width:4px;
  top:10px;
  left:36px;
}
.offer-logo-mark:after{
  width:18px;
  height:18px;
  top:22px;
  left:61px;
  box-shadow:
    -14px 0 0 #48a9e6,
    14px 0 0 #48a9e6,
    0 -14px 0 #48a9e6,
    0 14px 0 #48a9e6;
}
.offer-logo-text{
  font-size:18px;
}
.offer-logo-sub{
  font-size:12px;
  margin-top:4px;
}
.offer-supplier h3{
  margin:0 0 4px;
  font-size:14px;
}
.offer-supplier textarea,
.offer-supplier input{
  min-height:28px;
  font-size:12px;
}
.offer-brands{
  margin:10px 0 8px;
  gap:10px;
}
.offer-brand{
  font-size:22px;
}
.offer-title-bar,
.offer-subbrand{
  margin-bottom:8px;
  padding:4px 8px;
}
.offer-title-edit,
.offer-subbrand-edit{
  width:100%;
  background:transparent;
  border:none;
  color:inherit;
  text-align:center;
  font-weight:700;
  font-size:inherit;
  padding:0;
  outline:none;
}
.offer-title-edit::placeholder,
.offer-subbrand-edit::placeholder{
  color:inherit;
  opacity:.9;
}
.offer-table-head,
.offer-table-row{
  grid-template-columns:42px minmax(0,2.3fr) 60px 80px 105px 105px 90px 110px;
  gap:8px;
}
.offer-table-head{
  font-size:11px;
}
.offer-table-row input{
  min-height:30px;
  font-size:13px;
}
@media (max-width: 980px){
  .offer-hero{
    grid-template-columns:1fr;
  }
}


/* compact supplier area */
.offer-body{
  padding:10px 12px !important;
}
.offer-topbar{
  padding:6px 12px !important;
  font-size:18px !important;
}
.offer-hero{
  display:grid !important;
  grid-template-columns:200px 1fr !important;
  gap:12px !important;
  align-items:start !important;
}
.offer-logo-card{
  min-height:auto !important;
  padding:4px !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
}
.offer-logo-image{
  max-width:180px !important;
  width:100% !important;
  height:auto !important;
  display:block !important;
}
.offer-logo-text,
.offer-logo-sub,
.offer-logo-mark{
  display:none !important;
}
.offer-supplier{
  font-size:11px !important;
}
.offer-supplier h3{
  margin:0 0 4px !important;
  font-size:11px !important;
  line-height:1 !important;
}
.offer-supplier .field.block label{
  font-size:10px !important;
  font-weight:700 !important;
  margin-bottom:1px !important;
  display:block !important;
}
.offer-supplier .field.block{
  margin:0 !important;
}
.offer-supplier input{
  border:none !important;
  background:transparent !important;
  min-height:16px !important;
  padding:0 !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
}
.offer-supplier textarea{
  border:none !important;
  background:transparent !important;
  min-height:16px !important;
  padding:0 !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
  resize:none !important;
}
.offer-supplier .row{
  gap:6px !important;
  margin-bottom:4px !important;
}
.offer-supplier .field input[type=text],
.offer-supplier .field textarea{
  border-bottom:none !important;
}
.offer-supplier-row-4{
  display:grid !important;
  grid-template-columns:2fr 1fr 1fr 0.8fr !important;
  gap:8px !important;
  align-items:end !important;
  margin-bottom:4px !important;
}
.offer-supplier-row-2{
  display:grid !important;
  grid-template-columns:1.6fr 1fr !important;
  gap:8px !important;
  align-items:end !important;
  margin-bottom:4px !important;
}
.offer-supplier-iban-row{
  display:grid !important;
  grid-template-columns:1fr 0.9fr 1fr 0.9fr 1fr 0.9fr !important;
  gap:8px !important;
  align-items:end !important;
  margin-bottom:2px !important;
}
.offer-brands{
  margin:4px 0 6px !important;
  gap:8px !important;
}
.offer-brand{
  font-size:15px !important;
}
.offer-title-bar,
.offer-subbrand{
  padding:2px 6px !important;
  margin-bottom:5px !important;
}
.offer-title-edit,
.offer-subbrand-edit{
  font-size:11px !important;
}
@media (max-width: 980px){
  .offer-hero{
    grid-template-columns:1fr !important;
  }
  .offer-logo-card{
    justify-content:flex-start !important;
  }
  .offer-logo-image{
    max-width:220px !important;
  }
  .offer-supplier-row-4,
  .offer-supplier-row-2,
  .offer-supplier-iban-row{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
}


/* one-page PDF / compact forms / buttons / share */
.page-shell{
  max-width:980px !important;
}
.form-card, .list-card{
  padding:12px !important;
}
.sheet{
  padding:8px !important;
  margin-bottom:10px !important;
}
.row{
  gap:6px !important;
  margin-bottom:6px !important;
}
.field.block label,
.inline-label,
.checkbox-line,
.muted,
.mobile-note,
.section-title{
  font-size:12px !important;
}
.field input[type=text],
.field input[type=date],
.field input[type=time],
.field input[type=number],
.field textarea{
  min-height:28px !important;
  padding:4px 3px !important;
  font-size:12px !important;
}
.field textarea{
  min-height:48px !important;
}
.signature-pad{
  height:90px !important;
}
.small-copy{
  font-size:9px !important;
  line-height:1.25 !important;
}
.footer-line{
  font-size:12px !important;
  margin-top:6px !important;
}
.sig-actions button,
.primary,.secondary,.danger-btn{
  padding:8px 12px !important;
  font-size:13px !important;
  border-radius:10px !important;
}
.danger-btn{
  background:#f2dada;
  color:#811919;
  border:1px solid #d7aaaa;
  cursor:pointer;
}
.offer-supplier-iban-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:8px !important;
  margin-bottom:4px !important;
}
.offer-iban-card{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:2px !important;
  padding:4px 6px !important;
  border:1px solid #e4e7ec !important;
  border-radius:8px !important;
  background:#fafbfc !important;
}
.offer-iban-card .field.block label{
  font-size:9.5px !important;
}
.offer-iban-card input{
  font-size:10px !important;
  line-height:1.1 !important;
}
.offer-actions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:10px !important;
}
.print-note{
  font-size:11px !important;
  color:#5b6570 !important;
}
@media screen and (max-width: 980px){
  .offer-supplier-iban-grid{
    grid-template-columns:1fr !important;
  }
}
@media print{
  @page{
    size:A4 portrait;
    margin:7mm;
  }
  .topbar,.actions,.offer-actions,.sig-actions,.mobile-note,.print-note,.navlinks{
    display:none !important;
  }
  body, .page-shell, .form-card, .sheet, .offer-sheet{
    margin:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  .signature-pad{
    border:1px solid #bbb !important;
  }
  .sheet, .offer-sheet{
    page-break-inside:avoid !important;
  }
}

.offer-table-head,
.offer-table-row{
  grid-template-columns:34px minmax(0,2.1fr) 48px 62px 86px 86px 72px 92px 70px !important;
}


/* Dedicated document engine */
.doc-shell{
  max-width:920px;
  margin:0 auto;
  padding:14px;
}
.doc-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.doc-page{
  width:210mm;
  min-height:297mm;
  max-width:100%;
  margin:0 auto;
  background:#fff;
  color:#111;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  padding:8mm;
  box-sizing:border-box;
}
.doc-headline{
  font-size:18px;
  font-weight:700;
  letter-spacing:.5px;
}
.doc-sub{
  font-size:11px;
  color:#444;
}
.doc-rule{
  border-top:1px solid #222;
  margin:6px 0;
}
.doc-grid-4, .doc-grid-3, .doc-grid-2{
  display:grid;
  gap:5px 10px;
  margin-bottom:5px;
}
.doc-grid-4{ grid-template-columns:1.8fr 1fr 1fr 1fr; }
.doc-grid-3{ grid-template-columns:1.4fr 1fr 1fr; }
.doc-grid-2{ grid-template-columns:1fr 1fr; }
.doc-cell{
  min-width:0;
}
.doc-label{
  font-size:9px;
  text-transform:uppercase;
  color:#555;
  margin-bottom:1px;
}
.doc-value{
  font-size:11px;
  font-weight:600;
  line-height:1.15;
  word-break:break-word;
}
.doc-title-bar{
  background:#e6e6e6;
  text-align:center;
  font-size:11px;
  font-weight:700;
  padding:2px 6px;
  margin:6px 0 3px;
}
.doc-green-bar{
  background:#2aa14b;
  color:#fff;
  text-align:center;
  font-size:10px;
  font-weight:700;
  padding:2px 6px;
  margin:0 0 5px;
}
.doc-note{
  font-size:8px;
  line-height:1.18;
  color:#222;
}
.doc-signatures{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:6px;
}
.doc-sign{
  border-top:1px solid #999;
  padding-top:2px;
}
.doc-sign img{
  max-width:100%;
  max-height:42px;
  display:block;
  margin-top:2px;
}
.doc-table{
  width:100%;
  border-collapse:collapse;
  margin-top:4px;
}
.doc-table th,
.doc-table td{
  border:1px solid #cfcfcf;
  padding:3px 4px;
  font-size:9px;
  line-height:1.1;
  vertical-align:top;
}
.doc-table th{
  background:#f3f3f3;
  font-weight:700;
}
.doc-table .num,
.doc-table .amount{
  text-align:right;
  white-space:nowrap;
}
.doc-summary{
  width:250px;
  margin-left:auto;
  margin-top:6px;
}
.doc-summary-row{
  display:grid;
  grid-template-columns:1fr 90px;
  gap:8px;
  padding:2px 0;
  border-bottom:1px solid #ddd;
}
.doc-summary-row span:last-child{
  text-align:right;
  font-weight:700;
}
.doc-brand-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  align-items:center;
  margin:5px 0;
}
.doc-brand{
  text-align:center;
  font-size:16px;
  font-weight:800;
}
.doc-brand.bosch{color:#c91616}
.doc-brand.daikin{color:#2685cc}
.doc-brand.fujitsu{color:#e63232}
.doc-brand.yamato{color:#111}
.doc-logo{
  max-width:160px;
  height:auto;
}
.doc-supplier{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:12px;
  align-items:start;
  margin-bottom:6px;
}
.doc-supplier-meta{
  min-width:0;
}
.doc-iban-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:4px;
}
.doc-iban-card{
  border:1px solid #ddd;
  border-radius:6px;
  padding:4px 5px;
}
.doc-checkbox{
  display:inline-block;
  width:10px;height:10px;
  border:1px solid #333;
  text-align:center;
  line-height:9px;
  font-size:8px;
  margin-right:3px;
}
.doc-flex{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.doc-spacer-sm{ height:3px; }
@media print{
  @page{ size:A4 portrait; margin:5mm; }
  body{ background:#fff !important; }
  .doc-toolbar, .topbar, .navlinks, .actions{ display:none !important; }
  .doc-shell{ padding:0 !important; max-width:none !important; }
  .doc-page{
    box-shadow:none !important;
    margin:0 !important;
    width:auto !important;
    min-height:auto !important;
    padding:0 !important;
  }
}

.search-form{
  display:flex;
  gap:10px;
  align-items:flex-end;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.search-field{
  flex:1 1 420px;
}
.table-wrap{
  width:100%;
  overflow-x:auto;
}
.list-table td:nth-child(5){
  max-width:260px;
  white-space:normal;
}
@media (max-width: 860px){
  .search-form{align-items:stretch}
  .search-form .primary,
  .search-form .secondary{justify-content:center}
}

.login-body{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.login-card{
  width:min(440px, 100%);
  background:#fff;
  border:1px solid #e7e9ee;
  border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.08);
  padding:28px;
}
.login-brand{
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:12px;
}
.login-card h1{margin:0 0 8px;font-size:26px;}
.login-submit{width:100%;justify-content:center;margin-top:10px;}
.login-help{margin-top:18px;font-size:12px;line-height:1.5;color:#666;background:#f6f7f9;border-radius:12px;padding:12px;}
.navlinks .logout-link{background:#f3f3f3;color:#111;border-radius:10px;padding:10px 12px;text-decoration:none;}

/* Final mobile fixes for offer editor and offer PDF preview */
@media screen and (max-width: 760px){
  body{background:#f3f5f7; overflow-x:hidden;}
  .page-shell{width:100% !important; max-width:100% !important; padding:10px !important;}
  .form-card,.list-card{border-radius:16px !important; padding:10px !important; overflow:hidden;}
  .topbar{align-items:stretch !important;}
  .brand{font-size:18px !important;}
  .navlinks,.actions,.doc-toolbar{display:flex !important; gap:8px !important; overflow-x:auto !important; flex-wrap:nowrap !important; padding-bottom:4px !important; -webkit-overflow-scrolling:touch;}
  .navlinks a,.navlinks button,.actions a,.actions button,.doc-toolbar a,.doc-toolbar button{white-space:nowrap !important; flex:0 0 auto !important;}

  .offer-sheet{border-radius:14px !important; overflow:visible !important;}
  .offer-body{padding:10px !important;}
  .offer-topbar{font-size:18px !important; padding:8px !important;}
  .offer-hero{display:grid !important; grid-template-columns:1fr !important; gap:10px !important;}
  .offer-logo-card{align-items:flex-start !important; justify-content:flex-start !important; padding:0 !important;}
  .offer-logo-image{max-width:190px !important; width:70% !important;}
  .offer-supplier-row-4,.offer-supplier-row-2,.offer-supplier-iban-grid{grid-template-columns:1fr !important; gap:8px !important;}
  .offer-iban-card{padding:8px !important;}
  .offer-brands{grid-template-columns:repeat(2,1fr) !important; gap:8px !important;}
  .offer-brand{font-size:18px !important;}
  .row{grid-template-columns:1fr !important; gap:8px !important;}
  .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-12{grid-column:1/-1 !important;}

  .offer-table{display:block !important; width:100% !important; overflow:visible !important;}
  .offer-table-head{display:none !important;}
  #offer-items-wrapper{display:grid !important; gap:12px !important;}
  .offer-table-row{display:grid !important; grid-template-columns:1fr !important; gap:8px !important; border:1px solid #dfe4ea !important; border-radius:14px !important; background:#fafbfc !important; padding:10px !important; width:100% !important;}
  .offer-table-row > div{width:100% !important; min-width:0 !important;}
  .offer-table-row > div::before{display:block; font-size:11px; font-weight:700; color:#5f6670; text-transform:uppercase; margin-bottom:3px;}
  .offer-table-row > div:nth-child(1)::before{content:'Nr.';}
  .offer-table-row > div:nth-child(2)::before{content:'Denumire produs';}
  .offer-table-row > div:nth-child(3)::before{content:'UM';}
  .offer-table-row > div:nth-child(4)::before{content:'Cantitate';}
  .offer-table-row > div:nth-child(5)::before{content:'Pret unitar';}
  .offer-table-row > div:nth-child(6)::before{content:'Valoare';}
  .offer-table-row > div:nth-child(7)::before{content:'TVA';}
  .offer-table-row > div:nth-child(8)::before{content:'Total';}
  .offer-table-row input{width:100% !important; min-height:42px !important; font-size:16px !important; border:1px solid #d7dce2 !important; border-radius:10px !important; background:#fff !important; padding:8px 10px !important;}
  .offer-table-row .readonly{background:#f1f3f6 !important;}
  .offer-summary{display:block !important;}
  .offer-summary-box{width:100% !important; grid-template-columns:1fr !important; gap:6px !important;}
  .offer-summary-box input{text-align:left !important; min-height:42px !important; border:1px solid #d7dce2 !important; border-radius:10px !important; padding:8px 10px !important;}

  .doc-shell{max-width:100% !important; padding:10px !important; overflow-x:hidden !important;}
  .doc-page{width:100% !important; max-width:100% !important; min-height:auto !important; padding:12px !important; box-shadow:none !important; border-radius:14px !important; overflow:hidden !important;}
  .doc-supplier{grid-template-columns:1fr !important; gap:8px !important;}
  .doc-logo{max-width:190px !important;}
  .doc-grid-4,.doc-grid-3,.doc-grid-2,.doc-iban-grid{grid-template-columns:1fr !important; gap:6px !important;}
  .doc-brand-row{grid-template-columns:repeat(2,1fr) !important; gap:6px !important;}
  .doc-brand{font-size:17px !important;}
  .doc-table{display:block !important; width:100% !important; overflow-x:auto !important; white-space:nowrap !important; -webkit-overflow-scrolling:touch;}
  .doc-table thead,.doc-table tbody,.doc-table tr{width:max-content !important; min-width:720px !important;}
  .doc-summary{width:100% !important; margin-left:0 !important;}
}

/* Share modal for PDF delivery */
.share-modal-backdrop{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.48);backdrop-filter:blur(10px);}
.share-modal-backdrop.is-open{display:flex;}
.share-modal-card{position:relative;width:min(460px,100%);background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.26);padding:22px;}
.share-modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#0f172a;font-size:24px;line-height:1;cursor:pointer;}
.share-modal-card h2{margin:0 42px 8px 0;font-size:22px;color:#0f172a;}
.share-modal-text{margin:0 0 16px;color:#475569;font-size:13px;line-height:1.45;}
.share-modal-section{display:grid;gap:8px;margin-top:14px;}
.share-modal-section.compact{grid-template-columns:1fr 1fr;}
.share-modal-section label{font-weight:700;font-size:13px;color:#0f172a;}
.share-modal-section label span{font-weight:500;color:#64748b;}
.share-modal-section input{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font-size:16px;background:#fff;color:#0f172a;}
.share-phone-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #cbd5e1;border-radius:12px;background:#fff;overflow:hidden;}
.share-phone-wrap span{padding:0 12px;font-weight:800;color:#0f172a;background:#f8fafc;align-self:stretch;display:flex;align-items:center;border-right:1px solid #cbd5e1;}
.share-phone-wrap input{border:0;border-radius:0;min-height:44px;}
.share-modal-action,.share-modal-secondary{min-height:44px;border:0;border-radius:12px;font-weight:800;cursor:pointer;}
.share-modal-action{background:#0f172a;color:#fff;}
.share-modal-action.whatsapp{background:#128c7e;color:#fff;}
.share-modal-secondary{background:#eef2f7;color:#0f172a;}
.share-modal-status{min-height:18px;margin:14px 0 0;color:#334155;font-size:13px;line-height:1.4;}
@media screen and (max-width:520px){.share-modal-card{padding:18px;border-radius:18px;}.share-modal-section.compact{grid-template-columns:1fr;}}
@media print{.share-modal-backdrop{display:none !important;}}
.share-modal-status.is-success{color:#166534;font-weight:700;}
.share-modal-status.is-error{color:#b91c1c;font-weight:700;}
.share-modal-status.is-info{color:#334155;}

/* Login UI refresh */
.login-body{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:radial-gradient(circle at 18% 18%, rgba(124,255,58,.24), transparent 34%),radial-gradient(circle at 82% 28%, rgba(20,130,255,.16), transparent 30%),linear-gradient(135deg, #0d1117 0%, #151b23 44%, #f3f6f4 44.2%, #eef2f0 100%);color:#101418;}
.login-bg-orb{position:fixed;width:360px;height:360px;border-radius:999px;pointer-events:none;filter:blur(22px);opacity:.38;}
.login-bg-orb-one{left:-120px;top:-90px;background:rgba(124,255,58,.6);}
.login-bg-orb-two{right:-120px;bottom:-130px;background:rgba(255,255,255,.65);}
.login-card{position:relative;z-index:1;width:min(430px,100%);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.72);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.7);padding:34px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);}
.login-logo-wrap{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#101418;box-shadow:0 12px 30px rgba(16,20,24,.2);margin-bottom:18px;}
.login-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;}
.login-brand{font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#4c5661;margin-bottom:8px;}
.login-card h1{margin:0 0 10px;font-size:32px;line-height:1.05;letter-spacing:-.04em;color:#0f1419;}
.login-subtitle{margin:0 0 24px;color:#59636f;line-height:1.45;font-size:14px;}
.login-form{display:grid;gap:14px;}
.login-field{margin:0;}
.login-field label{display:block;margin:0 0 7px;font-size:12px;font-weight:800;color:#303842;letter-spacing:.02em;}
.login-field input{width:100%;height:52px;border-radius:16px;border:1px solid rgba(16,24,32,.12);background:rgba(255,255,255,.92);padding:0 16px;font-size:15px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(15,20,25,.045);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.login-field input:focus{border-color:rgba(124,255,58,.95);background:#fff;box-shadow:0 0 0 4px rgba(124,255,58,.22),0 14px 30px rgba(15,20,25,.07);}
.login-field input::placeholder{color:#9aa2aa;}
.login-submit{width:100%;height:52px;justify-content:center;margin-top:4px;border-radius:16px;font-size:15px;font-weight:900;color:#0f1419;background:linear-gradient(135deg,#7cff3a,#b5ff72);border:0;box-shadow:0 16px 35px rgba(93,210,46,.28);}
.login-submit:hover{transform:translateY(-1px);box-shadow:0 20px 40px rgba(93,210,46,.34);}
.login-error{margin:0 0 18px;border-radius:14px;}
.login-help{display:none !important;}
@media (max-width:640px){.login-body{align-items:flex-start;padding:24px 14px;background:linear-gradient(180deg,#111820 0%,#202832 36%,#eef2f0 36.2%,#f7f8f7 100%);} .login-card{margin-top:34px;padding:26px 20px;border-radius:24px;} .login-card h1{font-size:29px;} .login-field input,.login-submit{height:50px;border-radius:15px;}}

/* Campuri completate: campul gol ramane pe layout normal, campul completat se strange pe valoare fara sa rupa grila. */
.field input.is-filled-autosize,
.field textarea.is-filled-autosize,
.estimate-row input.is-filled-autosize,
.total-box input.is-filled-autosize,
.offer-supplier input.is-filled-autosize,
.offer-supplier textarea.is-filled-autosize,
.offer-table-row input.is-filled-autosize,
.offer-summary-box input.is-filled-autosize {
  display:inline-block !important;
  width:auto;
  max-width:100% !important;
  box-sizing:border-box;
  vertical-align:middle;
}
.field.block input.is-filled-autosize,
.field.block textarea.is-filled-autosize{
  justify-self:start;
}
.field.inline input.is-filled-autosize {
  flex:0 0 auto;
}
.checkbox-line.demontaj-line input[type="checkbox"]{
  width:16px;
  height:16px;
  min-height:0 !important;
  flex:0 0 16px;
  appearance:auto;
  -webkit-appearance:checkbox;
  accent-color:#111;
}
.checkbox-line.demontaj-line label{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
@media print{
  .field input.is-filled-autosize,
  .field textarea.is-filled-autosize,
  .estimate-row input.is-filled-autosize,
  .total-box input.is-filled-autosize,
  .offer-table-row input.is-filled-autosize,
  .offer-summary-box input.is-filled-autosize{
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* FIX 2026-04-30: autosize fara deplasare verticala.
   Campurile completate se strang pe latime, dar raman pe randul lor. */
.document .field.block{
  align-self:end;
}
.document .field.block label{
  display:block !important;
  line-height:16px !important;
  margin:0 0 2px 0 !important;
}
.document .field.inline{
  align-items:flex-end !important;
  flex-wrap:nowrap !important;
}
.document .inline-label{
  line-height:28px !important;
  flex:0 0 auto;
}
.document .field input[type=text],
.document .field input[type=date],
.document .field input[type=time],
.document .field input[type=number],
.document .field textarea{
  vertical-align:bottom !important;
  line-height:18px !important;
}
.document .field.block input.is-filled-autosize,
.document .field.block textarea.is-filled-autosize{
  display:block !important;
  margin-top:0 !important;
}
.document .field.inline input.is-filled-autosize{
  display:inline-block !important;
  align-self:flex-end !important;
}
.document .field input.is-filled-autosize,
.document .field textarea.is-filled-autosize{
  min-height:28px !important;
  height:28px !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
}
.document .field textarea.is-filled-autosize{
  height:auto !important;
  min-height:48px !important;
}


/* FINAL FIX: autosize doar pe latime, fara sa schimbe inaltimea sau pozitia verticala a randului. */
.document .field,
.document .field.block,
.document .field.inline{align-self:stretch !important;}
.document .field.block{display:block !important;min-height:42px !important;}
.document .field.block label{display:block !important;height:16px !important;line-height:16px !important;margin:0 !important;}
.document .field.inline{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;min-height:42px !important;}
.document .inline-label{display:inline-flex !important;align-items:center !important;height:38px !important;line-height:38px !important;flex:0 0 auto !important;}
.document .field input[type=text],.document .field input[type=date],.document .field input[type=time],.document .field input[type=number],.document .field textarea{height:38px !important;min-height:38px !important;line-height:22px !important;padding:6px 4px !important;margin:0 !important;vertical-align:baseline !important;}
.document .field textarea{height:72px !important;min-height:72px !important;}
.document .field input.is-filled-autosize,.document .field textarea.is-filled-autosize{height:38px !important;min-height:38px !important;padding:6px 4px !important;margin:0 !important;vertical-align:baseline !important;}
.document .field textarea.is-filled-autosize{height:72px !important;min-height:72px !important;}
.document .field.block input.is-filled-autosize,.document .field.block textarea.is-filled-autosize{display:block !important;}
.document .field.inline input.is-filled-autosize{display:inline-block !important;flex:0 0 auto !important;align-self:center !important;}
.document .field input:not(.is-filled-autosize),.document .field textarea:not(.is-filled-autosize){width:100% !important;}
.demontaj-line{display:flex !important;align-items:center !important;gap:12px !important;min-height:36px !important;font-size:14px !important;flex-wrap:wrap !important;}
.demontaj-line strong{margin-right:2px;}
.square-choice{display:inline-flex !important;align-items:center !important;gap:5px !important;font-weight:700 !important;}
.square-choice input[type="radio"]{appearance:none !important;-webkit-appearance:none !important;width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;margin:0 !important;border:1.5px solid #555 !important;border-radius:3px !important;background:#fff !important;display:inline-block !important;position:relative !important;}
.square-choice input[type="radio"]:checked::after{content:"";position:absolute;left:4px;top:1px;width:6px;height:11px;border:solid #111;border-width:0 2px 2px 0;transform:rotate(45deg);}

/* FIX autosize v3: aplica autosize si pe campurile din oferta/titluri, nu doar pe unele randuri. */
.document input.is-filled-autosize,
.document textarea.is-filled-autosize,
.offer-sheet input.is-filled-autosize,
.offer-sheet textarea.is-filled-autosize{
  display:inline-block !important;
  width:auto;
  max-width:100% !important;
  box-sizing:border-box;
  vertical-align:middle !important;
}
.offer-sheet .field.block input.is-filled-autosize,
.offer-sheet .field.block textarea.is-filled-autosize{
  display:block !important;
  justify-self:start;
}
.document input:not(.is-filled-autosize):not([type="checkbox"]):not([type="radio"]),
.document textarea:not(.is-filled-autosize),
.offer-sheet input:not(.is-filled-autosize):not([type="checkbox"]):not([type="radio"]),
.offer-sheet textarea:not(.is-filled-autosize){
  width:100%;
}

/* AUTOSIZE ROW FLOW v4 - campurile completate se strang pe continut, iar urmatorul camp se apropie */
.document .row.autosize-flow,
.offer-sheet .row.autosize-flow{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-end !important;
  gap:10px !important;
  margin-bottom:8px !important;
}
.document .row.autosize-flow > [class*="col-"],
.offer-sheet .row.autosize-flow > [class*="col-"]{
  box-sizing:border-box !important;
  min-width:0 !important;
  transition:flex-basis .28s cubic-bezier(.22,1,.36,1), width .28s cubic-bezier(.22,1,.36,1), max-width .28s cubic-bezier(.22,1,.36,1), transform .22s ease, background-color .22s ease, box-shadow .22s ease !important;
}
.document .row.autosize-flow > .col-12,.offer-sheet .row.autosize-flow > .col-12{flex:0 1 calc(100% - 0px) !important;}
.document .row.autosize-flow > .col-9,.offer-sheet .row.autosize-flow > .col-9{flex:0 1 calc(75% - 8px) !important;}
.document .row.autosize-flow > .col-8,.offer-sheet .row.autosize-flow > .col-8{flex:0 1 calc(66.666% - 8px) !important;}
.document .row.autosize-flow > .col-7,.offer-sheet .row.autosize-flow > .col-7{flex:0 1 calc(58.333% - 8px) !important;}
.document .row.autosize-flow > .col-6,.offer-sheet .row.autosize-flow > .col-6{flex:0 1 calc(50% - 8px) !important;}
.document .row.autosize-flow > .col-5,.offer-sheet .row.autosize-flow > .col-5{flex:0 1 calc(41.666% - 8px) !important;}
.document .row.autosize-flow > .col-4,.offer-sheet .row.autosize-flow > .col-4{flex:0 1 calc(33.333% - 8px) !important;}
.document .row.autosize-flow > .col-3,.offer-sheet .row.autosize-flow > .col-3{flex:0 1 calc(25% - 8px) !important;}
.document .row.autosize-flow > .col-2,.offer-sheet .row.autosize-flow > .col-2{flex:0 1 calc(16.666% - 8px) !important;}
.document .row.autosize-flow > .col-1,.offer-sheet .row.autosize-flow > .col-1{flex:0 1 calc(8.333% - 8px) !important;}
.document .row.autosize-flow > .field.is-field-shrunk,
.offer-sheet .row.autosize-flow > .field.is-field-shrunk{
  flex:0 0 var(--autosize-field-width, auto) !important;
  width:var(--autosize-field-width, auto) !important;
  max-width:100% !important;
}
.document .row.autosize-flow .field.inline,
.offer-sheet .row.autosize-flow .field.inline{
  flex-wrap:nowrap !important;
  align-items:center !important;
  align-content:center !important;
}
.document .row.autosize-flow .field.block,
.offer-sheet .row.autosize-flow .field.block{
  align-self:flex-end !important;
}
.document .row.autosize-flow input,
.document .row.autosize-flow textarea,
.offer-sheet .row.autosize-flow input,
.offer-sheet .row.autosize-flow textarea{
  transition:width .28s cubic-bezier(.22,1,.36,1), flex-basis .28s cubic-bezier(.22,1,.36,1), border-color .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}
.document .row.autosize-flow input.is-filled-autosize,
.document .row.autosize-flow textarea.is-filled-autosize,
.offer-sheet .row.autosize-flow input.is-filled-autosize,
.offer-sheet .row.autosize-flow textarea.is-filled-autosize{
  flex:0 0 var(--autosize-input-width, auto) !important;
  width:var(--autosize-input-width, auto) !important;
  max-width:100% !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
}
.document .row.autosize-flow textarea.is-filled-autosize,
.offer-sheet .row.autosize-flow textarea.is-filled-autosize{
  white-space:normal !important;
}
.document .row.autosize-flow input:not(.is-filled-autosize):not([type="checkbox"]):not([type="radio"]),
.document .row.autosize-flow textarea:not(.is-filled-autosize),
.offer-sheet .row.autosize-flow input:not(.is-filled-autosize):not([type="checkbox"]):not([type="radio"]),
.offer-sheet .row.autosize-flow textarea:not(.is-filled-autosize){
  width:100% !important;
  flex:1 1 auto !important;
}
@media (max-width:700px){
  .document .row.autosize-flow,
  .offer-sheet .row.autosize-flow{display:grid !important;grid-template-columns:1fr !important;}
  .document .row.autosize-flow > [class*="col-"],
  .offer-sheet .row.autosize-flow > [class*="col-"]{width:100% !important;max-width:100% !important;flex-basis:auto !important;}
  .document .row.autosize-flow > .field.is-field-shrunk,
  .offer-sheet .row.autosize-flow > .field.is-field-shrunk{width:100% !important;flex-basis:auto !important;}
}
@media print{
  .document .row.autosize-flow > .field.is-field-shrunk,
  .offer-sheet .row.autosize-flow > .field.is-field-shrunk{transition:none !important;}
}

/* Final Master Heat logo + edit history fix */
.offer-logo-card{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  text-align:left !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
}
.offer-logo-image,
.doc-logo{
  display:block !important;
  width:170px !important;
  max-width:170px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left top !important;
}
@media print{
  .offer-logo-image,.doc-logo{width:155px !important;max-width:155px !important;}
}
.list-table td .secondary{display:inline-block;margin:2px 4px 2px 0;}

/* FIX layout v5: randurile cu campuri completate raman pe un singur rand pe desktop.
   Campurile goale se strang primele, iar campul lung ramane pe pozitia lui fara sa impinga ultimul camp pe rand nou. */
@media screen and (min-width:701px){
  .document .row.autosize-flow,
  .offer-sheet .row.autosize-flow{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    gap:6px !important;
    width:100% !important;
    overflow:visible !important;
  }
  .document .row.autosize-flow > [class*="col-"],
  .offer-sheet .row.autosize-flow > [class*="col-"]{
    min-width:0 !important;
    max-width:100% !important;
  }
  .document .row.autosize-flow > .col-12,
  .offer-sheet .row.autosize-flow > .col-12{
    flex:1 1 100% !important;
    width:100% !important;
  }
  .document .row.autosize-flow > .field.is-field-empty,
  .offer-sheet .row.autosize-flow > .field.is-field-empty{
    flex:0 1 var(--autosize-empty-width, 74px) !important;
    width:var(--autosize-empty-width, 74px) !important;
  }
  .document .row.autosize-flow > .field.is-field-filled,
  .offer-sheet .row.autosize-flow > .field.is-field-filled{
    flex:0 1 var(--autosize-field-width, auto) !important;
    width:var(--autosize-field-width, auto) !important;
  }
  .document .row.autosize-flow input.is-filled-autosize,
  .document .row.autosize-flow textarea.is-filled-autosize,
  .offer-sheet .row.autosize-flow input.is-filled-autosize,
  .offer-sheet .row.autosize-flow textarea.is-filled-autosize{
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .document .row.autosize-flow .field.inline,
  .offer-sheet .row.autosize-flow .field.inline{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
  }
  .document .row.autosize-flow .field.inline input,
  .offer-sheet .row.autosize-flow .field.inline input{
    min-width:0 !important;
  }
  .document .row.autosize-flow .inline-label,
  .offer-sheet .row.autosize-flow .inline-label,
  .document .row.autosize-flow label,
  .offer-sheet .row.autosize-flow label{
    white-space:nowrap !important;
  }
  .document .row.autosize-flow .field.block input,
  .document .row.autosize-flow .field.block textarea,
  .offer-sheet .row.autosize-flow .field.block input,
  .offer-sheet .row.autosize-flow .field.block textarea{
    width:100% !important;
    min-width:0 !important;
  }
}

/* FINAL FIX v6 - rand elastic pe desktop: nu permite coborarea ultimului camp; golurile se strang, completatele ocupa tot spatiul. */
@media screen and (min-width:701px){
  .document .row.elastic-row-v6,
  .offer-sheet .row.elastic-row-v6{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    gap:6px !important;
    width:100% !important;
    overflow:visible !important;
  }
  .document .row.elastic-row-v6 > .field,
  .offer-sheet .row.elastic-row-v6 > .field{
    flex:0 1 var(--autosize-field-width, auto) !important;
    width:var(--autosize-field-width, auto) !important;
    max-width:var(--autosize-field-width, auto) !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .document .row.elastic-row-v6 > .field.is-field-empty,
  .offer-sheet .row.elastic-row-v6 > .field.is-field-empty{
    flex:0 1 var(--autosize-empty-width, 58px) !important;
    width:var(--autosize-empty-width, 58px) !important;
    max-width:var(--autosize-empty-width, 58px) !important;
  }
  .document .row.elastic-row-v6 .field.inline,
  .offer-sheet .row.elastic-row-v6 .field.inline{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
  }
  .document .row.elastic-row-v6 label,
  .document .row.elastic-row-v6 .inline-label,
  .offer-sheet .row.elastic-row-v6 label,
  .offer-sheet .row.elastic-row-v6 .inline-label{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .document .row.elastic-row-v6 input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-row-v6 textarea,
  .offer-sheet .row.elastic-row-v6 input:not([type="checkbox"]):not([type="radio"]),
  .offer-sheet .row.elastic-row-v6 textarea{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}


/* FIX 2026-05-06: campurile nu se mai maresc peste coloana si nu se mai intercaleaza.
   Revenire la grid stabil: fiecare rand ocupa toata latimea, dar inputurile raman in coloana lor. */
@media screen and (min-width:701px){
  .document .row,
  .document .row.autosize-flow,
  .document .row.elastic-row-v6,
  .offer-sheet .row,
  .offer-sheet .row.autosize-flow,
  .offer-sheet .row.elastic-row-v6{
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    align-items:end !important;
    gap:6px !important;
    width:100% !important;
  }
  .document .row > [class*="col-"],
  .document .row.autosize-flow > [class*="col-"],
  .document .row.elastic-row-v6 > [class*="col-"],
  .offer-sheet .row > [class*="col-"],
  .offer-sheet .row.autosize-flow > [class*="col-"],
  .offer-sheet .row.elastic-row-v6 > [class*="col-"]{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    flex:none !important;
    flex-basis:auto !important;
    box-sizing:border-box !important;
  }
  .document .row .field input:not([type="checkbox"]):not([type="radio"]),
  .document .row .field textarea,
  .offer-sheet .row .field input:not([type="checkbox"]):not([type="radio"]),
  .offer-sheet .row .field textarea{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .document .field.inline,
  .offer-sheet .field.inline{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  .document .field.inline .inline-label,
  .offer-sheet .field.inline .inline-label{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
  .document .field.inline input,
  .offer-sheet .field.inline input{
    flex:1 1 auto !important;
  }
}

/* STABLE GRID FINAL 2026-05-06
   Stop autosize completely. Fields stay in their own columns, never overlap and never expand over neighbours. */
@media screen and (min-width:701px){
  .document .row,
  .document .row.autosize-flow,
  .document .row.elastic-row-v6,
  .offer-sheet .row,
  .offer-sheet .row.autosize-flow,
  .offer-sheet .row.elastic-row-v6{
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    gap:6px !important;
    align-items:end !important;
    width:100% !important;
    overflow:hidden !important;
  }
  .document .row > .col-12,.offer-sheet .row > .col-12{grid-column:span 12 !important;}
  .document .row > .col-9,.offer-sheet .row > .col-9{grid-column:span 9 !important;}
  .document .row > .col-8,.offer-sheet .row > .col-8{grid-column:span 8 !important;}
  .document .row > .col-7,.offer-sheet .row > .col-7{grid-column:span 7 !important;}
  .document .row > .col-6,.offer-sheet .row > .col-6{grid-column:span 6 !important;}
  .document .row > .col-5,.offer-sheet .row > .col-5{grid-column:span 5 !important;}
  .document .row > .col-4,.offer-sheet .row > .col-4{grid-column:span 4 !important;}
  .document .row > .col-3,.offer-sheet .row > .col-3{grid-column:span 3 !important;}
  .document .row > .col-2,.offer-sheet .row > .col-2{grid-column:span 2 !important;}
  .document .row > .col-1,.offer-sheet .row > .col-1{grid-column:span 1 !important;}

  .document .row > [class*="col-"],
  .offer-sheet .row > [class*="col-"]{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    flex-basis:auto !important;
    transform:none !important;
  }
  .document .field,
  .offer-sheet .field{
    min-width:0 !important;
    overflow:hidden !important;
  }
  .document .field.inline,
  .offer-sheet .field.inline{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    align-items:center !important;
    gap:6px !important;
    min-height:38px !important;
    overflow:hidden !important;
  }
  .document .field.block label,
  .offer-sheet .field.block label,
  .document .field.inline .inline-label,
  .offer-sheet .field.inline .inline-label{
    display:block !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    min-width:0 !important;
  }
  .document .field input:not([type="checkbox"]):not([type="radio"]),
  .document .field textarea,
  .offer-sheet .field input:not([type="checkbox"]):not([type="radio"]),
  .offer-sheet .field textarea{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    flex-basis:auto !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .document input.is-filled-autosize,
  .document textarea.is-filled-autosize,
  .offer-sheet input.is-filled-autosize,
  .offer-sheet textarea.is-filled-autosize{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* FINAL STABLE GRID 2026-05-06 v12: fara autosize, fara suprapuneri. */
@media screen and (min-width:701px){
  .document .row,
  .document .row.autosize-flow,
  .document .row.elastic-row-v6,
  .offer-sheet .row,
  .offer-sheet .row.autosize-flow,
  .offer-sheet .row.elastic-row-v6{
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    gap:8px !important;
    align-items:end !important;
    width:100% !important;
  }
  .document .row > .col-12,.document .row.autosize-flow > .col-12,.document .row.elastic-row-v6 > .col-12,.offer-sheet .row > .col-12,.offer-sheet .row.autosize-flow > .col-12,.offer-sheet .row.elastic-row-v6 > .col-12{grid-column:span 12 !important;}
  .document .row > .col-9,.document .row.autosize-flow > .col-9,.document .row.elastic-row-v6 > .col-9,.offer-sheet .row > .col-9,.offer-sheet .row.autosize-flow > .col-9,.offer-sheet .row.elastic-row-v6 > .col-9{grid-column:span 9 !important;}
  .document .row > .col-8,.document .row.autosize-flow > .col-8,.document .row.elastic-row-v6 > .col-8,.offer-sheet .row > .col-8,.offer-sheet .row.autosize-flow > .col-8,.offer-sheet .row.elastic-row-v6 > .col-8{grid-column:span 8 !important;}
  .document .row > .col-7,.document .row.autosize-flow > .col-7,.document .row.elastic-row-v6 > .col-7,.offer-sheet .row > .col-7,.offer-sheet .row.autosize-flow > .col-7,.offer-sheet .row.elastic-row-v6 > .col-7{grid-column:span 7 !important;}
  .document .row > .col-6,.document .row.autosize-flow > .col-6,.document .row.elastic-row-v6 > .col-6,.offer-sheet .row > .col-6,.offer-sheet .row.autosize-flow > .col-6,.offer-sheet .row.elastic-row-v6 > .col-6{grid-column:span 6 !important;}
  .document .row > .col-5,.document .row.autosize-flow > .col-5,.document .row.elastic-row-v6 > .col-5,.offer-sheet .row > .col-5,.offer-sheet .row.autosize-flow > .col-5,.offer-sheet .row.elastic-row-v6 > .col-5{grid-column:span 5 !important;}
  .document .row > .col-4,.document .row.autosize-flow > .col-4,.document .row.elastic-row-v6 > .col-4,.offer-sheet .row > .col-4,.offer-sheet .row.autosize-flow > .col-4,.offer-sheet .row.elastic-row-v6 > .col-4{grid-column:span 4 !important;}
  .document .row > .col-3,.document .row.autosize-flow > .col-3,.document .row.elastic-row-v6 > .col-3,.offer-sheet .row > .col-3,.offer-sheet .row.autosize-flow > .col-3,.offer-sheet .row.elastic-row-v6 > .col-3{grid-column:span 3 !important;}
  .document .row > .col-2,.document .row.autosize-flow > .col-2,.document .row.elastic-row-v6 > .col-2,.offer-sheet .row > .col-2,.offer-sheet .row.autosize-flow > .col-2,.offer-sheet .row.elastic-row-v6 > .col-2{grid-column:span 2 !important;}
  .document .row > .col-1,.document .row.autosize-flow > .col-1,.document .row.elastic-row-v6 > .col-1,.offer-sheet .row > .col-1,.offer-sheet .row.autosize-flow > .col-1,.offer-sheet .row.elastic-row-v6 > .col-1{grid-column:span 1 !important;}

  .document .field,.document .row.autosize-flow > .field,.document .row.elastic-row-v6 > .field,
  .offer-sheet .field,.offer-sheet .row.autosize-flow > .field,.offer-sheet .row.elastic-row-v6 > .field{
    min-width:0 !important;
    max-width:100% !important;
    width:auto !important;
    flex:none !important;
    flex-basis:auto !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .document .field.inline,.document .row.autosize-flow .field.inline,.document .row.elastic-row-v6 .field.inline,
  .offer-sheet .field.inline,.offer-sheet .row.autosize-flow .field.inline,.offer-sheet .row.elastic-row-v6 .field.inline{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    column-gap:6px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .document .field.block,.offer-sheet .field.block{display:block !important;}
  .document .inline-label,.document .field.block > label,.document .row.autosize-flow label,.document .row.elastic-row-v6 label,
  .offer-sheet .inline-label,.offer-sheet .field.block > label,.offer-sheet .row.autosize-flow label,.offer-sheet .row.elastic-row-v6 label{
    white-space:nowrap !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .document .field input:not([type="checkbox"]):not([type="radio"]),.document .field textarea,
  .document .row.autosize-flow input:not([type="checkbox"]):not([type="radio"]),.document .row.autosize-flow textarea,
  .document .row.elastic-row-v6 input:not([type="checkbox"]):not([type="radio"]),.document .row.elastic-row-v6 textarea,
  .offer-sheet .field input:not([type="checkbox"]):not([type="radio"]),.offer-sheet .field textarea,
  .offer-sheet .row.autosize-flow input:not([type="checkbox"]):not([type="radio"]),.offer-sheet .row.autosize-flow textarea,
  .offer-sheet .row.elastic-row-v6 input:not([type="checkbox"]):not([type="radio"]),.offer-sheet .row.elastic-row-v6 textarea{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    flex-basis:auto !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
}

/* ELASTIC v13: câmpuri controlate pe conținut, fără suprapunere; ultimul câmp ia spațiul rămas. */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:end !important;
    gap:8px !important;
    width:100% !important;
    overflow:hidden !important;
  }
  .document .row.elastic-v13 > .field{
    grid-column:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    transition:flex-basis .12s ease, width .12s ease !important;
  }
  .document .row.elastic-v13 > .field.is-last-v13{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
  }
  .document .row.elastic-v13 .field.inline{
    display:flex !important;
    grid-template-columns:none !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
  }
  .document .row.elastic-v13 .field.block{
    display:block !important;
  }
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .document .row.elastic-v13 input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 textarea,
  .document .row.elastic-v13 select{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
}

/* ELASTIC CONTROLLED v14 - campuri scurte dupa continut, ultimul ocupa restul, fara suprapunere. */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .document .row.elastic-v13 > .field{
    grid-column:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    flex-shrink:1 !important;
  }
  .document .row.elastic-v13 > .field.is-last-v13{
    flex:1 1 90px !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .document .row.elastic-v13 .field.inline{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:6px !important;
  }
  .document .row.elastic-v13 .field.block{
    display:block !important;
  }
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    display:block !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    max-width:100% !important;
  }
  .document .row.elastic-v13 input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 textarea,
  .document .row.elastic-v13 select{
    display:block !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .document .row.elastic-v13 .field.inline input:not([type="checkbox"]):not([type="radio"]){
    min-width:0 !important;
  }
}


/* FINAL v15: rand elastic controlat dupa continut.
   Regula: campurile non-finale au latimea calculata din JS dupa eticheta+valoare;
   ultimul camp ia spatiul ramas; textul lung nu se varsa peste vecini. */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .document .row.elastic-v13 > .field{
    grid-column:auto !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  .document .row.elastic-v13 > .field.is-last-v13{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .document .row.elastic-v13 .field.inline{
    display:flex !important;
    grid-template-columns:none !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  .document .row.elastic-v13 .field.block{
    display:block !important;
  }
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    display:block !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    max-width:100% !important;
  }
  .document .row.elastic-v13 .field.inline .inline-label{
    flex:0 0 auto !important;
  }
  .document .row.elastic-v13 input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 textarea,
  .document .row.elastic-v13 select{
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .document .row.elastic-v13 .field.inline input:not([type="checkbox"]):not([type="radio"]){
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
  }
  .document .row.elastic-v13 textarea{
    white-space:normal !important;
  }
}

/* REAL ELASTIC FIELD FIX v17 - control pe input, nu pe coloane vechi */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .document .row.elastic-v13 > .field{
    grid-column:auto !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    overflow:hidden !important;
    flex:0 0 var(--mh-field-width, auto) !important;
    width:var(--mh-field-width, auto) !important;
    max-width:var(--mh-field-width, none) !important;
  }
  .document .row.elastic-v13 > .field.mh-row-last{
    flex:1 1 0 !important;
    width:auto !important;
    max-width:none !important;
    min-width:80px !important;
  }
  .document .row.elastic-v13 .field.inline{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:6px !important;
  }
  .document .row.elastic-v13 .field.block{
    display:block !important;
  }
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .document .row.elastic-v13 > .field:not(.mh-row-last) input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field:not(.mh-row-last) textarea,
  .document .row.elastic-v13 > .field:not(.mh-row-last) select{
    display:block !important;
    flex:0 0 var(--mh-input-width, auto) !important;
    width:var(--mh-input-width, auto) !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .document .row.elastic-v13 > .field.mh-row-last input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field.mh-row-last textarea,
  .document .row.elastic-v13 > .field.mh-row-last select{
    display:block !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
}


/* REAL ELASTIC FIELD FIX v17 - control pe input, nu pe coloane vechi */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .document .row.elastic-v13 > .field{
    grid-column:auto !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    overflow:hidden !important;
    flex:0 0 var(--mh-field-width, auto) !important;
    width:var(--mh-field-width, auto) !important;
    max-width:var(--mh-field-width, none) !important;
  }
  .document .row.elastic-v13 > .field.mh-row-last{
    flex:1 1 0 !important;
    width:auto !important;
    max-width:none !important;
    min-width:80px !important;
  }
  .document .row.elastic-v13 .field.inline{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:6px !important;
  }
  .document .row.elastic-v13 .field.block{
    display:block !important;
  }
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  .document .row.elastic-v13 > .field:not(.mh-row-last) input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field:not(.mh-row-last) textarea,
  .document .row.elastic-v13 > .field:not(.mh-row-last) select{
    display:block !important;
    flex:0 0 var(--mh-input-width, auto) !important;
    width:var(--mh-input-width, auto) !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .document .row.elastic-v13 > .field.mh-row-last input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field.mh-row-last textarea,
  .document .row.elastic-v13 > .field.mh-row-last select{
    display:block !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
}

/* Oferta multi-sectiune + WhatsApp international */
.offer-sections-wrapper{display:grid;gap:22px;margin-top:12px;}
.offer-section{border:1px solid rgba(0,0,0,.16);border-radius:16px;padding:12px;background:rgba(255,255,255,.55);}
.offer-section-head{display:flex;gap:12px;align-items:center;margin-bottom:10px;}
.offer-section-title{flex:1;border:none;background:#2aa14b;color:#fff;text-align:center;font-weight:800;text-transform:uppercase;padding:8px 10px;border-radius:10px;letter-spacing:.04em;}
.offer-section-title::placeholder{color:rgba(255,255,255,.8);}
.offer-section-summary{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(42,161,75,.10);font-size:13px;}
.offer-section-summary strong{font-size:14px;}
.offer-table-row{grid-template-columns:46px minmax(0,2.2fr) 70px 90px 120px 120px 110px 130px 80px;}
.offer-table-head{grid-template-columns:46px minmax(0,2.2fr) 70px 90px 120px 120px 110px 130px;}
.doc-section-title{margin-top:10px;}
.doc-section-summary{margin-bottom:8px;}
@media (max-width: 980px){
  .offer-section-head{flex-direction:column;align-items:stretch;}
  .offer-section-summary{justify-content:flex-start;}
}
@media print{
  .offer-section{border:none;padding:0;background:transparent;}
  .offer-section-head button,.remove-offer-section,.remove-offer-row,.add-offer-row,#add-offer-section{display:none!important;}
}

/* Print/PDF/share offer layout: match on-screen offer preview, not the compressed accounting layout */
.offer-print-modern{background:#f3f5f7;color:#111;font-family:Arial, Helvetica, sans-serif;}
.offer-print-shell{max-width:980px;}
.offer-print-page{width:210mm;min-height:148mm;max-width:100%;padding:0 6mm 6mm;border:1px solid #d9dde3;border-radius:18px;overflow:visible;box-shadow:0 14px 40px rgba(0,0,0,.08);}
.offer-print-bar{background:#2aa14b;color:#fff;text-align:center;font-weight:800;font-size:18px;line-height:1;padding:6px 10px;margin:0 -6mm 8px;letter-spacing:.03em;}
.offer-print-header{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start;margin-bottom:10px;}
.offer-print-logo{width:185px;max-width:100%;height:auto;display:block;}
.offer-print-supplier{padding-top:2px;}
.offer-print-grid{display:grid;gap:8px 18px;margin-bottom:8px;}
.offer-print-grid-4{grid-template-columns:1.8fr .8fr .85fr .75fr;}
.offer-print-grid-2{grid-template-columns:1.6fr 1fr;}
.offer-print-label{font-size:10px;font-weight:800;text-transform:none;line-height:1.1;margin-bottom:3px;}
.offer-print-value{font-size:11px;font-weight:600;line-height:1.25;word-break:break-word;}

.offer-print-iban-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;}
.offer-print-iban-card{border:1px solid #e1e5ea;border-radius:8px;background:#fff;padding:6px 8px;min-height:54px;}
.offer-print-iban-label{font-size:9px;font-weight:800;text-transform:uppercase;line-height:1.1;margin-bottom:2px;color:#111;}
.offer-print-iban-value{font-size:10px;font-weight:800;line-height:1.2;word-break:break-word;margin-bottom:4px;color:#111;}
.offer-print-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:center;margin:10px 0 8px;}
.offer-print-brand{text-align:center;font-size:17px;font-weight:900;letter-spacing:.02em;}
.offer-print-brand.bosch{color:#c91616}.offer-print-brand.daikin{color:#2685cc}.offer-print-brand.fujitsu{color:#e63232}.offer-print-brand.yamato{color:#111}
.offer-print-client-row{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px 18px;font-size:14px;margin:0 0 8px;}
.offer-print-address{grid-column:1/-1;}
.offer-print-title{background:#c9c9c9;text-align:center;font-size:11px;font-weight:900;padding:5px 8px;margin:4px 0 8px;text-transform:uppercase;}
.offer-print-section-title{background:#2aa14b;color:#fff;text-align:center;font-size:11px;font-weight:900;padding:5px 8px;margin:8px 0 0;text-transform:uppercase;}

.offer-print-section{break-inside:avoid;page-break-inside:avoid;}
.offer-print-table tr{break-inside:avoid;page-break-inside:avoid;}
.offer-print-table{width:100%;border-collapse:collapse;margin:0 0 0;table-layout:fixed;}
.offer-print-table th,.offer-print-table td{border:0;border-bottom:1px solid #e4e7eb;padding:6px 6px;font-size:14px;line-height:1.2;vertical-align:middle;}
.offer-print-table th{font-size:11px;font-weight:800;color:#111;background:#fff;text-align:left;}
.offer-print-table .nr{width:38px;text-align:left;}.offer-print-table .um{width:60px;text-align:center;}.offer-print-table .qty{width:68px;text-align:center;}.offer-print-table .amount{width:86px;text-align:right;white-space:nowrap;}
.offer-print-section-total{display:flex;justify-content:flex-end;gap:20px;align-items:center;background:rgba(42,161,75,.10);border-radius:12px;padding:10px 12px;margin:8px 0 16px;font-size:13px;}
.offer-print-general-total{width:370px;margin:12px 0 0 auto;font-size:16px;font-weight:800;}
.offer-print-general-total div{display:grid;grid-template-columns:1fr 110px;gap:16px;align-items:center;padding:9px 0;border-bottom:1px solid #aaa;}
.offer-print-general-total strong{text-align:right;}
@media screen and (max-width:760px){
  .offer-print-page{width:100%;padding:0 12px 12px;border-radius:14px;}
  .offer-print-bar{margin:0 -12px 10px;}
  .offer-print-header{grid-template-columns:1fr;gap:8px;}
  .offer-print-grid-4,.offer-print-grid-2,.offer-print-client-row,.offer-print-iban-grid{grid-template-columns:1fr;}
  .offer-print-logo{width:190px;}
  .offer-print-brands{grid-template-columns:repeat(2,1fr);}
  .offer-print-table{display:block;overflow-x:auto;white-space:nowrap;}
  .offer-print-section-total{justify-content:flex-start;}
  .offer-print-general-total{width:100%;}
}
@media print{
  @page{size:A4 portrait;margin:7mm;}
  .offer-print-modern{background:#fff!important;}
  .offer-print-modern .doc-toolbar{display:none!important;}
  .offer-print-modern .doc-shell{padding:0!important;max-width:none!important;}
  .offer-print-modern .offer-print-page{width:100%!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0 6mm 6mm!important;border:1px solid #d9dde3!important;border-radius:16px!important;box-shadow:none!important;overflow:visible!important;}
  .offer-print-modern .offer-print-bar{margin:0 -6mm 8px!important;}
  .offer-print-modern .offer-print-table th,.offer-print-modern .offer-print-table td{font-size:12px;padding:5px 6px;}
  .offer-print-modern .offer-print-table th{font-size:10px;}
  .offer-print-modern .offer-print-general-total{font-size:14px;}
}
.share-phone-wrap.editable-code{grid-template-columns:86px 1fr;}
.share-country-code-input{font-weight:800;text-align:center;background:#f8fafc!important;border-right:1px solid #cbd5e1!important;}
.share-phone-wrap.editable-code input{border:0!important;border-radius:0!important;}

/* Delete actions in history tables */
.notice.success{
  background:#e9f8ef;
  border:1px solid #bfe8cc;
  color:#14532d;
  border-radius:12px;
  padding:10px 12px;
  margin:0 0 14px;
  font-weight:700;
}
.action-cell{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.inline-delete-form{
  display:inline-flex;
  margin:2px 4px 2px 0;
}
.inline-delete-form .danger-btn{
  min-height:34px;
  white-space:nowrap;
}

/* FIX: conturile IBAN trebuie sa ramana pe acelasi rand in Print / PDF / Share */
.offer-print-modern .offer-print-header{
  display:grid !important;
  grid-template-columns:52mm minmax(0,1fr) !important;
  gap:8mm !important;
  align-items:start !important;
}
.offer-print-modern .offer-print-supplier{min-width:0 !important;width:100% !important;}
.offer-print-modern .offer-print-iban-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:2.5mm !important;
  width:100% !important;
  margin-top:2mm !important;
}
.offer-print-modern .offer-print-iban-card{
  display:block !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  border:1px solid #dfe4ea !important;
  border-radius:6px !important;
  background:#fff !important;
  padding:4px 6px !important;
  min-height:19mm !important;
  overflow:hidden !important;
}
.offer-print-modern .offer-print-iban-label{
  display:block !important;
  font-size:8px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  margin:0 0 1px !important;
}
.offer-print-modern .offer-print-iban-value{
  display:block !important;
  font-size:9px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  margin:0 0 3px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
@media print{
  .offer-print-modern .offer-print-page{
    width:100% !important;
    padding:0 5mm 6mm !important;
  }
  .offer-print-modern .offer-print-bar{margin:0 -5mm 8px !important;}
  .offer-print-modern .offer-print-header{
    grid-template-columns:48mm minmax(0,1fr) !important;
    gap:6mm !important;
  }
  .offer-print-modern .offer-print-logo{width:43mm !important;}
  .offer-print-modern .offer-print-grid-4{
    display:grid !important;
    grid-template-columns:1.6fr .75fr .8fr .75fr !important;
    gap:4px 10px !important;
  }
  .offer-print-modern .offer-print-grid-2{
    display:grid !important;
    grid-template-columns:1.65fr 1fr !important;
    gap:4px 10px !important;
  }
  .offer-print-modern .offer-print-iban-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:2mm !important;
  }
  .offer-print-modern .offer-print-iban-card{
    border:1px solid #dfe4ea !important;
    border-radius:5px !important;
    background:#fff !important;
    padding:3px 5px !important;
    min-height:17mm !important;
    break-inside:avoid !important;
    page-break-inside:avoid !important;
  }
  .offer-print-modern .offer-print-iban-label{font-size:7.5px !important;}
  .offer-print-modern .offer-print-iban-value{font-size:8.5px !important;}
}


/* FIX final: in print/PDF/share, conturile din oferta standard stau pe un rand, nu vertical. */
@media print{
  .offer-sheet .offer-hero{
    display:grid !important;
    grid-template-columns:52mm minmax(0,1fr) !important;
    gap:8mm !important;
    align-items:start !important;
  }
  .offer-sheet .offer-logo-image{
    width:45mm !important;
    max-width:45mm !important;
  }
  .offer-sheet .offer-supplier{
    min-width:0 !important;
    width:100% !important;
  }
  .offer-sheet .offer-supplier-row-4{
    display:grid !important;
    grid-template-columns:1.55fr .75fr .8fr .75fr !important;
    gap:4px 9px !important;
  }
  .offer-sheet .offer-supplier-row-2{
    display:grid !important;
    grid-template-columns:1.65fr 1fr !important;
    gap:4px 9px !important;
  }
  .offer-sheet .offer-supplier-iban-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:2mm !important;
    width:100% !important;
    margin-top:2mm !important;
  }
  .offer-sheet .offer-iban-card{
    display:block !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    padding:3px 5px !important;
    border:1px solid #dfe4ea !important;
    border-radius:5px !important;
    background:#fff !important;
    overflow:hidden !important;
  }
  .offer-sheet .offer-iban-card .field.block{
    display:block !important;
    margin:0 0 2px 0 !important;
  }
  .offer-sheet .offer-iban-card label{
    font-size:7.5px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    margin:0 0 1px !important;
  }
  .offer-sheet .offer-iban-card input{
    font-size:8.5px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
}

/* FIX WhatsApp share: fara camp separat de country code. Prefixul se detecteaza din numarul introdus: +40, +380, 0040 etc. */
#share-modal #share-phone-input{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font-size:16px;background:#fff;color:#0f172a;}
#share-modal .share-phone-wrap.editable-code{display:block;border:0;background:transparent;}
#share-modal .share-country-code-input{display:none!important;}


/* PV CLIENT 249 - online form visual alignment */
.document .sheet{
  border:1px solid #b7b7b7 !important;
  border-radius:0 !important;
  padding:14px 16px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.document .sheet-header{
  border-bottom:1px solid #c8c8c8 !important;
  padding-bottom:10px !important;
  margin-bottom:12px !important;
}
.document .logo-block{
  font-size:20px !important;
  letter-spacing:.08em !important;
  line-height:1.05 !important;
}
.document .logo-block small{
  font-size:11px !important;
  letter-spacing:0 !important;
  margin-top:8px !important;
}
.document .company-block{
  font-size:11px !important;
  line-height:1.35 !important;
}
.document .section-title{
  border:0 !important;
  padding:10px 0 6px !important;
  margin:8px 0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}
.document .row{
  gap:8px 12px !important;
  margin-bottom:7px !important;
}
.document .field.block label,
.document .inline-label{
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:none !important;
}
.document .field input[type=text],
.document .field input[type=date],
.document .field input[type=time],
.document .field input[type=number],
.document .field textarea{
  border:0 !important;
  border-bottom:1px dotted #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  font-size:13px !important;
  min-height:30px !important;
  height:30px !important;
  padding:2px 3px !important;
  box-shadow:none !important;
}
.document .field textarea{
  height:54px !important;
  min-height:54px !important;
}
.document .confirm-lines{
  gap:4px !important;
  margin:4px 0 8px !important;
}
.document .checkbox-line{
  font-size:13px !important;
  min-height:26px !important;
}
.document .signature-grid{
  border-top:0 !important;
  gap:18px !important;
}
.document .footer-line{
  font-size:12px !important;
  margin-top:8px !important;
}
@media print{
  .document .sheet{border:1px solid #999 !important; padding:10px !important;}
}

/* UPDATE 2026-06-08: formular montaj AC aliniat vizual dupa PV client 249.pdf */
.document .mobile-note{display:none!important}
.document .sheet{border:1px dotted #8d9299!important;padding:12px!important;margin-bottom:18px!important;background:#fff!important;overflow:visible!important}
.document .sheet-header{border-bottom:2px solid #777!important;padding-bottom:9px!important;margin-bottom:14px!important;align-items:flex-start!important}
.document .logo-block{font-size:30px!important;line-height:1!important;letter-spacing:1px!important}
.document .logo-block small{font-size:11px!important;margin-top:8px!important;letter-spacing:0!important}
.document .company-block{font-size:11px!important;line-height:1.25!important;margin-top:2px!important}
.document .row.elastic-v13{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:10px!important;margin-bottom:10px!important}
.document .row.elastic-v13 .field{width:auto!important;max-width:none!important;flex:none!important}
.document .field.block{min-height:52px!important;display:block!important;align-self:stretch!important}
.document .field.block label,.document .inline-label{font-size:13px!important;font-weight:800!important;color:#111!important;height:auto!important;line-height:16px!important;margin:0 0 3px 0!important;display:block!important;white-space:nowrap!important}
.document .field.inline{display:block!important;min-height:52px!important;align-items:stretch!important}
.document .field input[type=text],.document .field input[type=date],.document .field input[type=time],.document .field input[type=number],.document .field textarea{width:100%!important;height:34px!important;min-height:34px!important;border:0!important;border-bottom:1.5px solid #555!important;border-radius:0!important;background:transparent!important;padding:4px 0!important;font-size:13px!important;line-height:20px!important;box-shadow:none!important}
.document .field textarea{height:54px!important;min-height:54px!important;resize:vertical!important}
.document .section-title{font-size:13px!important;padding:7px 0!important;margin:12px 0 8px!important;border-top:2px solid #111!important;border-bottom:1px solid #111!important}
.document .checkbox-line{font-size:13px!important;gap:9px!important;margin:5px 0!important}
.document .small-copy{font-size:10px!important;line-height:1.22!important;margin-top:10px!important}
.document .footer-line{font-size:13px!important;font-weight:800!important;margin-top:8px!important}

.work-sheet-online{font-family:Arial, Helvetica, sans-serif!important;color:#111!important}
.work-copy{min-height:385px;border:0;padding:4px 2px 0 2px;position:relative;font-size:12px;line-height:1.2}
.work-copy input,.work-copy textarea{border:0!important;border-bottom:1.2px dotted #222!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;height:20px!important;min-height:20px!important;padding:1px 2px!important;font-size:12px!important;line-height:16px!important;width:100%!important}
.work-copy textarea{height:44px!important;min-height:44px!important;resize:vertical!important}
.work-logo{font-weight:900;font-size:24px;letter-spacing:1px;margin:8px 0 8px 0;min-height:30px;text-transform:uppercase}.work-title{text-align:center;font-weight:900;font-size:18px;letter-spacing:1px;margin-top:-42px;margin-bottom:45px}.work-topline{position:absolute;top:60px;left:52%;right:10px;display:grid;grid-template-columns:auto 80px auto 150px;gap:7px;align-items:center}.work-topline span{font-weight:800}.work-line{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:end;margin:4px 0}.work-line label,.work-check-row label,.work-grid-two label{font-weight:800;white-space:nowrap}.work-line.split{grid-template-columns:58px 170px 36px 1fr}.work-check-row{display:grid;grid-template-columns:auto 80px 80px 105px 85px;gap:8px;align-items:center;margin:6px 0}.work-check-row span{font-weight:800}.work-line.split3{grid-template-columns:70px 1fr 50px 1fr 155px 1fr}.work-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:18px}.work-grid-two>div{display:grid;grid-template-columns:120px 1fr;gap:7px 8px;align-items:start}.work-grid-two textarea{grid-column:1/3}.work-sign{display:flex;justify-content:space-between;margin-top:22px;padding-right:30%;font-size:13px}.cut-line{text-align:center;border-top:1px dashed #aaa;border-bottom:1px dashed #eee;color:#222;font-size:11px;margin:8px 0;padding:2px 0}.work-copy-mirror input,.work-copy-mirror textarea{pointer-events:none;color:#111!important}.work-copy-mirror{border-top:0}

@media (max-width:700px){.document .row.elastic-v13{grid-template-columns:1fr!important}.document .col-1,.document .col-2,.document .col-3,.document .col-4,.document .col-5,.document .col-6,.document .col-7,.document .col-8,.document .col-9,.document .col-12{grid-column:1/-1!important}.work-title{margin-top:0;margin-bottom:16px}.work-topline{position:static;display:grid;grid-template-columns:auto 1fr auto 1fr;margin:8px 0}.work-line,.work-line.split,.work-line.split3,.work-check-row,.work-grid-two,.work-grid-two>div{display:block}.work-line label,.work-check-row label,.work-grid-two label{display:block;margin-top:6px}.work-copy{min-height:0}}

@media print{.topbar,.actions,.navlinks,.brand+.navlinks,.print-note{display:none!important}.page-shell{max-width:none!important;padding:0!important}.form-card{box-shadow:none!important;border-radius:0!important;padding:0!important}.document .sheet{break-inside:avoid!important;page-break-inside:avoid!important;margin:0 0 8mm 0!important}}

/* Fisa de lucru separata - layout tip PDF editabil */
.work-document-card{max-width:1100px;margin-left:auto;margin-right:auto;background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.07)}
.work-document-card .row:first-of-type{max-width:360px}.work-actions{position:sticky;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:14px 0;margin-top:18px;z-index:5}.work-sheet-online{width:1024px;max-width:100%;margin:0 auto;border:1px solid #111;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;padding:0;box-sizing:border-box}.work-sheet-standalone{border:none;box-shadow:none}.work-copy{position:relative;height:498px;border:1px solid #111;padding:24px 18px 18px 18px;box-sizing:border-box;background:#fff;overflow:hidden}.work-copy+.cut-line{height:24px;line-height:24px;text-align:center;color:#777;font-size:11px;border-left:1px solid #fff;border-right:1px solid #fff;position:relative}.cut-line:before,.cut-line:after{content:"";position:absolute;top:12px;border-top:1px dashed #bbb;width:38%;}.cut-line:before{left:0}.cut-line:after{right:0}.work-logo{position:absolute;left:18px;top:20px;font-size:26px;font-weight:900;letter-spacing:3px}.work-title{text-align:center;font-size:24px;font-weight:900;letter-spacing:4px;margin-bottom:42px}.work-topline{position:absolute;right:28px;top:62px;display:grid;grid-template-columns:auto 95px auto 130px;gap:10px;align-items:end;font-size:13px;font-weight:800}.work-copy label,.work-copy span{font-size:13px;font-weight:800;letter-spacing:.4px}.work-copy input,.work-copy textarea{border:0;border-bottom:2px solid #111;border-radius:0;background:transparent;height:22px;font:14px Arial,Helvetica,sans-serif;padding:0 4px;box-sizing:border-box;outline:none;min-width:0}.work-copy textarea{height:62px;resize:none;line-height:18px;border:0;border-bottom:2px solid #111;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#111 30px,#111 31px);}.work-line{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:end;margin-bottom:8px}.work-line.split{grid-template-columns:80px 215px 45px 1fr}.work-check-row{display:grid;grid-template-columns:250px 80px 100px 115px 1fr;gap:8px;align-items:end;margin:8px 0}.work-line.split3{grid-template-columns:auto 145px auto 150px auto 1fr}.work-grid-two{display:grid;grid-template-columns:1fr 450px;gap:56px;margin-top:12px}.work-grid-two>div{display:flex;flex-direction:column;gap:7px}.work-grid-two label{margin-top:3px}.work-sign{position:absolute;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:1fr 1fr;font-size:14px;letter-spacing:.4px}.work-sign strong:nth-child(2){text-align:left}.work-copy-mirror input,.work-copy-mirror textarea{pointer-events:none;color:#111}.work-copy-mirror .work-logo{top:20px}@media print{body{background:#fff}.topbar,.notice,.error,.work-document-card>.row,.work-actions{display:none!important}.page-shell{padding:0;margin:0}.form-card,.work-document-card{box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}.work-sheet-online{width:100%;border:0}.work-copy{height:50vh;page-break-inside:avoid;border:1px solid #111}.cut-line{display:block}}@media(max-width:800px){.work-sheet-online{width:100%;overflow-x:auto}.work-copy{height:auto;min-height:560px}.work-line,.work-line.split,.work-line.split3,.work-check-row,.work-grid-two{display:block}.work-copy label,.work-copy span{display:block;margin-top:7px}.work-copy input,.work-copy textarea{width:100%}.work-title{text-align:left;margin-top:42px}.work-topline{position:static;margin-bottom:12px;display:grid;grid-template-columns:auto 1fr auto 1fr}.work-logo{font-size:20px}.work-sign{position:static;margin-top:20px}}

/* FIX FISA LUCRU v3: afisare completa text si campuri */
.work-sheet-online.work-sheet-standalone{
  width:1024px!important;
  max-width:100%!important;
  overflow:visible!important;
}
.work-sheet-standalone .work-copy{
  height:auto!important;
  min-height:610px!important;
  overflow:visible!important;
  padding:22px 18px 42px 18px!important;
  display:block!important;
}
.work-sheet-standalone .work-logo{
  top:18px!important;
  left:18px!important;
  font-size:25px!important;
  line-height:1!important;
}
.work-sheet-standalone .work-title{
  font-size:22px!important;
  line-height:1.1!important;
  margin:0 0 38px 0!important;
  padding-top:2px!important;
  text-align:center!important;
}
.work-sheet-standalone .work-topline{
  top:58px!important;
  right:24px!important;
  grid-template-columns:auto 94px auto 138px!important;
  gap:9px!important;
}
.work-sheet-standalone .work-copy label,
.work-sheet-standalone .work-copy span{
  font-size:12px!important;
  line-height:16px!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
}
.work-sheet-standalone .work-copy input,
.work-sheet-standalone .work-copy textarea{
  font-size:13px!important;
  line-height:17px!important;
  height:21px!important;
  min-height:21px!important;
  overflow:visible!important;
}
.work-sheet-standalone .work-copy textarea{
  height:58px!important;
  min-height:58px!important;
  background:repeating-linear-gradient(to bottom, transparent 0, transparent 27px, #111 28px, #111 29px)!important;
}
.work-sheet-standalone .work-line{margin-bottom:7px!important;grid-template-columns:148px 1fr!important;}
.work-sheet-standalone .work-line.split{grid-template-columns:78px 210px 42px 1fr!important;}
.work-sheet-standalone .work-check-row{grid-template-columns:245px 78px 96px 112px 1fr!important;margin:7px 0!important;}
.work-sheet-standalone .work-line.split3{grid-template-columns:auto 140px auto 145px auto 1fr!important;}
.work-sheet-standalone .work-grid-two{
  grid-template-columns:minmax(0,1fr) 430px!important;
  gap:44px!important;
  margin-top:10px!important;
}
.work-sheet-standalone .work-grid-two>div{gap:5px!important;}
.work-sheet-standalone .work-sign{
  position:static!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  margin-top:18px!important;
  padding:0!important;
  font-size:13px!important;
}
.work-sheet-standalone .cut-line{
  clear:both!important;
  height:26px!important;
  line-height:24px!important;
  margin:0!important;
  overflow:visible!important;
}
@media print{
  .work-sheet-standalone .work-copy{
    min-height:0!important;
    height:calc((100vh - 28px) / 2)!important;
    overflow:hidden!important;
    transform-origin:top left!important;
    padding:12px 14px 24px 14px!important;
  }
  .work-sheet-standalone .work-copy label,
  .work-sheet-standalone .work-copy span{font-size:9px!important;line-height:12px!important;}
  .work-sheet-standalone .work-copy input,
  .work-sheet-standalone .work-copy textarea{font-size:10px!important;line-height:12px!important;height:16px!important;min-height:16px!important;}
  .work-sheet-standalone .work-copy textarea{height:38px!important;min-height:38px!important;background:repeating-linear-gradient(to bottom, transparent 0, transparent 17px, #111 18px, #111 19px)!important;}
  .work-sheet-standalone .work-title{font-size:16px!important;margin-bottom:28px!important;}
  .work-sheet-standalone .work-logo{font-size:18px!important;}
  .work-sheet-standalone .work-topline{top:42px!important;right:16px!important;grid-template-columns:auto 65px auto 92px!important;}
  .work-sheet-standalone .work-line{margin-bottom:4px!important;grid-template-columns:105px 1fr!important;}
  .work-sheet-standalone .work-line.split{grid-template-columns:58px 150px 32px 1fr!important;}
  .work-sheet-standalone .work-check-row{grid-template-columns:180px 60px 70px 88px 1fr!important;margin:4px 0!important;}
  .work-sheet-standalone .work-line.split3{grid-template-columns:auto 100px auto 105px auto 1fr!important;}
  .work-sheet-standalone .work-grid-two{grid-template-columns:minmax(0,1fr) 310px!important;gap:28px!important;margin-top:7px!important;}
  .work-sheet-standalone .work-grid-two>div{gap:3px!important;}
  .work-sheet-standalone .work-sign{font-size:10px!important;margin-top:10px!important;}
}

/* Update fisa lucru - ghidaje subtile pentru completare */
.work-sheet-standalone .work-copy input,
.work-sheet-standalone .work-copy textarea{
  background:#f7f8ff!important;
  border:1px solid #b9beca!important;
  border-radius:2px!important;
  padding:2px 4px!important;
}
.work-sheet-standalone .work-copy textarea{
  background:
    repeating-linear-gradient(to bottom,#f7f8ff 0,#f7f8ff 18px,#d7dbe5 19px,#f7f8ff 20px)!important;
}
.work-sheet-standalone .work-copy label,
.work-sheet-standalone .work-copy span{
  color:#000!important;
}
@media print{
  .work-sheet-standalone .work-copy input,
  .work-sheet-standalone .work-copy textarea{
    background:#fff!important;
    border:1px solid #9a9a9a!important;
  }
  .work-sheet-standalone .work-copy textarea{
    background:repeating-linear-gradient(to bottom,#fff 0,#fff 18px,#cfcfcf 19px,#fff 20px)!important;
  }
}


/* Rebuild fisa lucru v4 - ghidaje tip formular, nu casete grele */
.work-sheet-standalone .work-copy{
  min-height:0!important;
  height:430px!important;
  overflow:hidden!important;
  padding:18px 18px 24px 18px!important;
  border:1px solid #222!important;
}
.work-sheet-standalone .cut-line{height:18px!important;line-height:18px!important;font-size:10px!important;color:#555!important;}
.work-sheet-standalone .cut-line:before,.work-sheet-standalone .cut-line:after{top:9px!important;border-top:1px dashed #c7c7c7!important;width:40%!important;}
.work-sheet-standalone .work-logo{top:22px!important;left:18px!important;font-size:20px!important;letter-spacing:2px!important;font-weight:800!important;}
.work-sheet-standalone .work-title{font-size:18px!important;letter-spacing:2.5px!important;margin:4px 0 34px 0!important;line-height:1!important;font-weight:700!important;}
.work-sheet-standalone .work-topline{top:72px!important;right:22px!important;grid-template-columns:auto 72px auto 120px!important;gap:8px!important;font-size:11px!important;align-items:end!important;}
.work-sheet-standalone .work-copy label,.work-sheet-standalone .work-copy span{font-size:10px!important;line-height:13px!important;font-weight:700!important;letter-spacing:.1px!important;color:#111!important;white-space:nowrap!important;}
.work-sheet-standalone .work-copy input,.work-sheet-standalone .work-copy textarea{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #575757!important;
  border-radius:0!important;
  box-shadow:none!important;
  height:16px!important;
  min-height:16px!important;
  font-size:11px!important;
  line-height:14px!important;
  padding:0 3px!important;
  color:#111!important;
}
.work-sheet-standalone .work-copy textarea{
  height:42px!important;
  min-height:42px!important;
  resize:none!important;
  border:1px solid #b5b5b5!important;
  background:repeating-linear-gradient(to bottom, transparent 0, transparent 13px, #d6d6d6 14px, transparent 15px)!important;
}
.work-sheet-standalone .work-line{grid-template-columns:118px 1fr!important;gap:6px!important;margin-bottom:5px!important;align-items:end!important;}
.work-sheet-standalone .work-line.split{grid-template-columns:64px 190px 32px 1fr!important;}
.work-sheet-standalone .work-check-row{grid-template-columns:205px 64px 70px 98px 1fr!important;gap:6px!important;margin:5px 0!important;align-items:end!important;}
.work-sheet-standalone .work-check-row input{border:1px solid #9a9a9a!important;height:16px!important;background:#fff!important;}
.work-sheet-standalone .work-line.split3{grid-template-columns:auto 126px auto 136px auto 1fr!important;gap:6px!important;}
.work-sheet-standalone .work-grid-two{grid-template-columns:minmax(0,1fr) 390px!important;gap:34px!important;margin-top:8px!important;}
.work-sheet-standalone .work-grid-two>div{gap:3px!important;}
.work-sheet-standalone .work-grid-two label{margin-top:2px!important;}
.work-sheet-standalone .work-sign{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:8px!important;font-size:10px!important;letter-spacing:.1px!important;}
.work-sheet-standalone .work-sign strong{font-size:10px!important;font-weight:700!important;}
.work-sheet-standalone .work-copy-mirror input,.work-sheet-standalone .work-copy-mirror textarea{pointer-events:none!important;}
@media print{
  .work-sheet-standalone .work-copy{height:calc((100vh - 18px) / 2)!important;padding:12px 14px 18px 14px!important;overflow:hidden!important;}
  .work-sheet-standalone .work-title{font-size:15px!important;margin-bottom:24px!important;}
  .work-sheet-standalone .work-logo{font-size:16px!important;top:14px!important;}
  .work-sheet-standalone .work-topline{top:48px!important;right:14px!important;grid-template-columns:auto 58px auto 86px!important;}
  .work-sheet-standalone .work-copy label,.work-sheet-standalone .work-copy span{font-size:8px!important;line-height:10px!important;}
  .work-sheet-standalone .work-copy input{height:12px!important;min-height:12px!important;font-size:8px!important;line-height:10px!important;}
  .work-sheet-standalone .work-copy textarea{height:28px!important;min-height:28px!important;font-size:8px!important;line-height:10px!important;background:repeating-linear-gradient(to bottom, transparent 0, transparent 9px, #d0d0d0 10px, transparent 11px)!important;}
  .work-sheet-standalone .work-line{grid-template-columns:88px 1fr!important;margin-bottom:3px!important;}
  .work-sheet-standalone .work-line.split{grid-template-columns:48px 138px 26px 1fr!important;}
  .work-sheet-standalone .work-check-row{grid-template-columns:152px 48px 54px 72px 1fr!important;margin:3px 0!important;}
  .work-sheet-standalone .work-line.split3{grid-template-columns:auto 92px auto 96px auto 1fr!important;}
  .work-sheet-standalone .work-grid-two{grid-template-columns:minmax(0,1fr) 286px!important;gap:22px!important;margin-top:5px!important;}
  .work-sheet-standalone .work-sign{font-size:8px!important;margin-top:6px!important;}
  .work-sheet-standalone .cut-line{height:14px!important;line-height:14px!important;}
}


/* FIX v19 - tichet instalare + campuri elastice mai mari.
   Regula finala: randurile elastic-v13 raman flex, campurile non-finale sunt calculate din JS,
   iar campul activ/tichetul primesc latime reala ca sa se poata tasta normal. */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .document .row.elastic-v13 > .field{
    grid-column:auto !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    overflow:hidden !important;
    transition:flex-basis .14s ease, width .14s ease, max-width .14s ease !important;
  }
  .document .row.elastic-v13 > .field:not(.mh-row-last){
    flex:0 0 var(--mh-field-width, auto) !important;
    width:var(--mh-field-width, auto) !important;
    max-width:var(--mh-field-width, none) !important;
  }
  .document .row.elastic-v13 > .field.mh-row-last{
    flex:1 1 0 !important;
    width:auto !important;
    max-width:none !important;
    min-width:120px !important;
  }
  .document .row.elastic-v13 .field.inline{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
  }
  .document .row.elastic-v13 .field.block{display:block !important;}
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .document .row.elastic-v13 > .field:not(.mh-row-last) input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field:not(.mh-row-last) textarea,
  .document .row.elastic-v13 > .field:not(.mh-row-last) select{
    display:block !important;
    flex:0 0 var(--mh-input-width, 64px) !important;
    width:var(--mh-input-width, 64px) !important;
    min-width:48px !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  .document .row.elastic-v13 > .field.mh-row-last input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field.mh-row-last textarea,
  .document .row.elastic-v13 > .field.mh-row-last select{
    display:block !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-width:80px !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .document .row.elastic-v13 > .ticket-number-field{
    min-width:210px !important;
  }
  .document .row.elastic-v13 > .ticket-number-field input[name="ticket_number"]{
    min-width:90px !important;
  }
}


/* FIX v20 - cache-busted + critical ticket field guard */
@media screen and (min-width:701px){
  .document .row.elastic-v13{gap:10px!important;}
  .document .row.elastic-v13 > .ticket-number-field{min-width:220px!important;flex:0 0 220px!important;width:220px!important;max-width:220px!important;}
  .document .row.elastic-v13 > .ticket-number-field input[name="ticket_number"]{min-width:95px!important;width:95px!important;flex:0 0 95px!important;}
  .document .row.elastic-v13 > .field:not(.ticket-number-field) input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field:not(.ticket-number-field) textarea,
  .document .row.elastic-v13 > .field:not(.ticket-number-field) select{min-width:56px!important;}
  .document .row.elastic-v13 > .field.mh-row-last input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 > .field.mh-row-last textarea,
  .document .row.elastic-v13 > .field.mh-row-last select{min-width:90px!important;}
}

/* Icon-only application navigation */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.navlinks.icon-nav{
  gap:5px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  padding-top:30px!important;
}
.navlinks.icon-nav .nav-icon-link{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#151515!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  font-size:0!important;
  position:relative!important;
}
.navlinks.icon-nav .nav-icon-link::before{
  content:attr(data-short);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  min-width:26px;
  padding:4px 7px;
  border-radius:7px;
  background:#101418;
  color:#fff;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800;
  letter-spacing:0;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  opacity:1;
  pointer-events:none;
  transform:translate(-50%,0);
  z-index:30;
}
.navlinks.icon-nav .nav-icon-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:calc(100% + 3px);
  border:5px solid transparent;
  border-top-color:#101418;
  opacity:1;
  pointer-events:none;
  transform:translate(-50%,0);
  z-index:31;
}
.navlinks.icon-nav .nav-icon-link.is-active{
  background:#eef3ea!important;
  color:#101418!important;
  border-color:#7cff3a!important;
}
.navlinks.icon-nav .nav-icon-link.logout-link{
  background:transparent!important;
  color:#3a3f45!important;
  border-color:transparent!important;
}
.navlinks.icon-nav .nav-icon-link:hover{
  background:#ffffff!important;
  border-color:#d8dde3!important;
  transform:none!important;
}
.navlinks.icon-nav .nav-icon{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Final field sizing requested: content width, wrapped rows for long text */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    overflow:visible!important;
  }
  .document .row.elastic-v13 > .field{
    overflow:visible!important;
  }
}
.document textarea.auto-grow,
.document .field textarea.auto-grow,
.offer-table-row textarea.offer-product{
  min-height:34px!important;
  height:auto!important;
  overflow:hidden!important;
  resize:none!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.document .field textarea.auto-grow{
  line-height:20px!important;
}
.offer-table-row{
  align-items:start!important;
}
.offer-table-row textarea.offer-product{
  width:100%!important;
  border:none!important;
  border-bottom:1px solid #666!important;
  background:transparent!important;
  padding:6px 4px!important;
  font:inherit!important;
  line-height:1.25!important;
}
.offer-table-row .offer-order[readonly]{
  color:#111!important;
  font-weight:800!important;
  text-align:center!important;
}
.offer-table-row > div:nth-child(2){
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.offer-print-table td.product-name,
.offer-print-table td:nth-child(2){
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.25!important;
  vertical-align:top!important;
}
.offer-print-table th:nth-child(2){
  white-space:normal!important;
}

/* FIX v21 - randuri elastice fara suprapunere intre campuri.
   Campul cu text lung se extinde in limita randului, iar celelalte campuri se strang controlat. */
@media screen and (min-width:701px){
  .document .row.elastic-v13{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-end!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .document .row.elastic-v13 > .field{
    grid-column:auto!important;
    box-sizing:border-box!important;
    min-width:0!important;
    overflow:hidden!important;
    flex:0 1 var(--mh-field-width, auto)!important;
    width:var(--mh-field-width, auto)!important;
    max-width:var(--mh-field-width, 100%)!important;
  }
  .document .row.elastic-v13 > .ticket-number-field{
    min-width:0!important;
    flex:0 1 var(--mh-field-width, 220px)!important;
    width:var(--mh-field-width, 220px)!important;
    max-width:var(--mh-field-width, 100%)!important;
  }
  .document .row.elastic-v13 .field.inline{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
  }
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    max-width:100%!important;
  }
  .document .row.elastic-v13 input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 textarea,
  .document .row.elastic-v13 select{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .document .row.elastic-v13 .field.inline input:not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13 .field.inline select{
    flex:1 1 auto!important;
    width:var(--mh-input-width, 80px)!important;
    flex-basis:var(--mh-input-width, 80px)!important;
  }
}

/* FIX v22 - Tichet instalare NR elastic real.
   Campul nu mai taie textul lung: se extinde pana la spatiul disponibil,
   apoi rupe textul pe randuri si impinge campurile urmatoare fara suprapunere. */
@media screen and (min-width:701px){
  .document .row.elastic-v13 > .ticket-number-field{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:100%!important;
    overflow:visible!important;
    align-items:flex-start!important;
  }
  .document .row.elastic-v13 > .ticket-number-field .inline-label{
    flex:0 0 auto!important;
    padding-top:8px!important;
  }
  .document .row.elastic-v13 > .ticket-number-field .ticket-number-input,
  .document .row.elastic-v13 > .ticket-number-field textarea[name="ticket_number"]{
    min-width:120px!important;
    max-width:100%!important;
    height:auto!important;
    min-height:34px!important;
    resize:none!important;
    overflow:hidden!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:20px!important;
  }
}


/* FIX v23 - randul de antet cu Tichet instalare NR are latime calculata dupa text.
   Camp gol = dimensiune standard. Camp completat = se mareste dupa continut,
   impinge campurile urmatoare spre dreapta si le strange controlat, fara suprapunere.
   Daca textul este mai lung decat spatiul real disponibil, campul se opreste la limita
   disponibila si rupe textul pe randuri, in loc sa intre peste data/ora/echipa. */
@media screen and (min-width:701px){
  .document .row.elastic-v13:first-of-type{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-end!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .document .row.elastic-v13:first-of-type > .field{
    grid-column:auto!important;
    box-sizing:border-box!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .document .row.elastic-v13:first-of-type > .ticket-number-field{
    flex:0 0 var(--mh-ticket-field-width,220px)!important;
    width:var(--mh-ticket-field-width,220px)!important;
    max-width:var(--mh-ticket-field-width,220px)!important;
    min-width:220px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .document .row.elastic-v13:first-of-type > .ticket-number-field .inline-label{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding-top:8px!important;
    overflow:visible!important;
  }
  .document .row.elastic-v13:first-of-type > .ticket-number-field textarea[name="ticket_number"]{
    flex:0 0 var(--mh-ticket-input-width,95px)!important;
    width:var(--mh-ticket-input-width,95px)!important;
    min-width:95px!important;
    max-width:var(--mh-ticket-input-width,95px)!important;
    height:auto!important;
    min-height:40px!important;
    resize:none!important;
    overflow:hidden!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:20px!important;
  }
  .document .row.elastic-v13:first-of-type > .field:not(.ticket-number-field){
    flex:0 1 var(--mh-field-width,auto)!important;
    width:var(--mh-field-width,auto)!important;
    max-width:var(--mh-field-width,100%)!important;
  }
}

/* FIX v24 - controale data/ora/echipa */
.document .date-field input[type="date"]{
  position:relative!important;
  min-width:118px!important;
  padding-right:28px!important;
  color:#111!important;
}
.document .date-field input[type="date"]:not(:focus):invalid,
.document .date-field input[type="date"][value=""]{
  color:transparent!important;
}
.document .date-field input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:1!important;
  width:15px!important;
  height:15px!important;
  cursor:pointer!important;
  margin-left:4px!important;
}
.document .time-field input[name="completed_time"]{
  min-width:56px!important;
  text-align:left!important;
}
.document .team-field textarea[name="team_name"]{
  min-height:54px!important;
  line-height:20px!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
@media screen and (min-width:701px){
  .document .row.elastic-v13:first-of-type > .team-field{min-width:126px!important;}
}

/* FIX v25 - data manuala + calendar in dreapta, echipa cu doua dropdown-uri */
.document .date-field .date-combo{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:142px!important;
  width:100%!important;
}
.document .date-field .date-text-input{
  flex:1 1 auto!important;
  min-width:86px!important;
  padding-right:4px!important;
}
.document .date-field .date-picker-input{
  flex:0 0 22px!important;
  width:22px!important;
  min-width:22px!important;
  height:26px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:transparent!important;
  cursor:pointer!important;
}
.document .date-field .date-picker-input::-webkit-datetime-edit,
.document .date-field .date-picker-input::-webkit-datetime-edit-fields-wrapper,
.document .date-field .date-picker-input::-webkit-datetime-edit-text,
.document .date-field .date-picker-input::-webkit-datetime-edit-month-field,
.document .date-field .date-picker-input::-webkit-datetime-edit-day-field,
.document .date-field .date-picker-input::-webkit-datetime-edit-year-field{
  display:none!important;
  color:transparent!important;
}
.document .date-field .date-picker-input::-webkit-calendar-picker-indicator{
  opacity:1!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  cursor:pointer!important;
}
.document .team-field .team-selects{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:112px!important;
}
.document .team-field .team-selects select{
  width:100%!important;
  min-height:26px!important;
  padding:2px 6px!important;
  font-size:14px!important;
}

/* FIX v26 - rand superior stabil, calendar vizibil, un singur dropdown echipa */
@media screen and (min-width:701px){
  .document .row.elastic-v13.form-topline-v26{
    display:grid!important;
    grid-template-columns:minmax(220px, 1.15fr) minmax(210px,.75fr) minmax(120px,.4fr) minmax(150px,.5fr)!important;
    gap:10px!important;
    align-items:end!important;
    overflow:visible!important;
  }
  .document .row.elastic-v13.form-topline-v26 > .field{
    width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;
    flex:none!important;grid-column:auto!important;
  }
  .document .row.elastic-v13.form-topline-v26 .field.inline{display:flex!important;align-items:center!important;gap:8px!important;}
  .document .row.elastic-v13.form-topline-v26 .inline-label{flex:0 0 auto!important;white-space:nowrap!important;overflow:visible!important;}
  .document .row.elastic-v13.form-topline-v26 textarea,
  .document .row.elastic-v13.form-topline-v26 input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .document .row.elastic-v13.form-topline-v26 select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  .document .row.elastic-v13.form-topline-v26 .ticket-number-input{min-height:34px!important;height:auto!important;resize:none!important;overflow:hidden!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
}
.document .date-field .date-combo{position:relative!important;display:flex!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;}
.document .date-field .date-text-input{flex:1 1 auto!important;min-width:0!important;padding-right:4px!important;}
.document .date-field .date-picker-button{flex:0 0 24px!important;width:24px!important;height:26px!important;min-height:26px!important;padding:0!important;border:0!important;background:transparent!important;color:#111!important;font-size:16px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;}
.document .date-field .date-picker-input{position:absolute!important;right:0!important;top:0!important;width:24px!important;height:26px!important;opacity:0!important;pointer-events:none!important;}
.document .team-field .team-member-select{min-height:28px!important;padding:2px 6px!important;font-size:14px!important;}

/* FIX v27 - calendar discret si dropdown echipa gol implicit */
.document .date-field .date-combo{
  display:flex!important;
  align-items:flex-end!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  position:relative!important;
}
.document .date-field .date-text-input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  padding:3px 2px 2px 2px!important;
  border:0!important;
  border-bottom:1.5px solid #666!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.document .date-field .date-text-input:focus{
  outline:none!important;
  border-bottom-color:#111!important;
  box-shadow:none!important;
}
.document .date-field .date-picker-button{
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
  margin:0 0 4px 1px!important;
  border:0!important;
  background:transparent!important;
  color:#111!important;
  font-size:12px!important;
  line-height:18px!important;
  cursor:pointer!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.document .date-field .date-picker-input{
  position:absolute!important;
  right:0!important;
  bottom:4px!important;
  top:auto!important;
  width:18px!important;
  height:22px!important;
  opacity:0!important;
  pointer-events:none!important;
  border:0!important;
}
.document .team-field .team-member-select{
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  height:30px!important;
  min-height:30px!important;
  padding:2px 6px!important;
  font-size:14px!important;
  line-height:20px!important;
  border:0!important;
  border-bottom:1.5px solid #666!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.document .team-field .team-member-select:focus{outline:none!important;box-shadow:none!important;border-bottom-color:#111!important;}


/* Materiale consumate */
.materials-card{max-width:820px;margin:0 auto;}
.materials-history-card,.materials-detail-card{overflow:visible;}
.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.materials-card .field input,.materials-card .field select{width:100%;min-height:42px;box-sizing:border-box;}
.materials-card .section-title{margin-top:18px;}
.materials-item{display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08);}
.materials-item label{margin:0;font-weight:650;}
.materials-item input[type=number]{text-align:right;}
.attach-note{font-size:13px;opacity:.75;margin-top:6px;}
.materials-files{padding:14px;border:1px dashed rgba(0,0,0,.25);border-radius:14px;background:rgba(255,255,255,.55);}
.table-link{color:#111;font-weight:800;text-decoration:underline;text-underline-offset:3px;}
.materials-history-table th:last-child,
.materials-history-table td:last-child{white-space:nowrap;}
.materials-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;}
.materials-client-grid > div{border:1px solid #e1e6ec;border-radius:8px;background:#fafbfc;padding:12px;min-width:0;}
.detail-label{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;}
.materials-detail-table th:last-child,
.materials-detail-table td:last-child{width:120px;text-align:right;}
.materials-file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:10px;}
.material-file-card{border:1px solid #dfe4ea;border-radius:8px;background:#fafbfc;padding:10px;min-width:0;}
.material-file-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border:1px solid #e3e7eb;border-radius:7px;background:#fff;overflow:hidden;}
.material-file-preview img{width:100%;height:100%;object-fit:contain;display:block;}
.material-file-name{margin-top:8px;font-size:13px;font-weight:800;line-height:1.3;overflow-wrap:anywhere;}
.material-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.material-file-actions .primary,
.material-file-actions .secondary{min-height:36px;padding:8px 10px;border-radius:8px;font-size:13px;}
@media(max-width:720px){.materials-grid,.materials-client-grid{grid-template-columns:1fr}.materials-item{grid-template-columns:1fr 96px}.materials-card{padding:14px}.materials-file-grid{grid-template-columns:1fr}.materials-history-table th:last-child,.materials-history-table td:last-child{white-space:normal}}

/* FIX v30 - data doar manuala, fara iconita calendar */
.document .date-field .date-manual-input{
  width:100%!important;
  min-width:104px!important;
  height:32px!important;
  min-height:32px!important;
  padding:3px 2px 2px 2px!important;
  border:0!important;
  border-bottom:1.5px solid #666!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  box-sizing:border-box!important;
}
.document .date-field .date-manual-input:focus{
  outline:none!important;
  border-bottom-color:#111!important;
  box-shadow:none!important;
}
.document .date-field .date-combo,
.document .date-field .date-picker-button,
.document .date-field .date-picker-input{display:none!important;}

/* UI refresh + notifications */
@media screen{
  :root{
    --ui-bg:#f6f7f9;
    --ui-surface:#ffffff;
    --ui-border:#e1e6ec;
    --ui-soft:#f1f4f7;
    --ui-shadow:0 14px 34px rgba(16,24,40,.08);
    --ui-green:#7cff3a;
    --ui-green-dark:#2f7f17;
  }
  body{
    background:
      radial-gradient(circle at 18% 0%, rgba(124,255,58,.16), transparent 28%),
      linear-gradient(180deg,#fbfcfd 0%,var(--ui-bg) 48%,#eef2f5 100%);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  .page-shell{
    width:100%;
    max-width:1180px;
    padding:18px clamp(10px,2vw,22px);
  }
  .topbar{
    position:sticky;
    top:0;
    z-index:50;
    margin:-6px 0 18px;
    padding:12px 0 10px;
    background:rgba(246,247,249,.88);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(225,230,236,.72);
  }
  .brand{
    color:#101418;
    line-height:1.1;
    max-width:min(52vw,520px);
  }
  .form-card,
  .list-card,
  .login-card,
  .materials-card,
  .materials-history-card,
  .materials-detail-card{
    border:1px solid var(--ui-border)!important;
    border-radius:8px!important;
    box-shadow:var(--ui-shadow)!important;
  }
  .document.form-card{
    background:#fff!important;
  }
  .primary,
  .secondary,
  .danger-btn,
  button.primary,
  button.secondary{
    border-radius:8px!important;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
  }
  .primary:hover,
  .secondary:hover,
  .danger-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(16,24,40,.1);
  }
  .secondary{
    border:1px solid #d8dde4!important;
  }
  .notice,
  .error{
    border-radius:8px!important;
    box-shadow:0 10px 22px rgba(16,24,40,.06);
  }
  .table-wrap{
    border:1px solid var(--ui-border);
    border-radius:8px;
    background:#fff;
  }
  .table-wrap .list-table th{
    background:#f8fafc;
    color:#3a4250;
    font-size:12px;
    text-transform:uppercase;
  }
  .table-wrap .list-table td{
    vertical-align:top;
  }
  .navlinks.icon-nav{
    padding-top:30px!important;
  }
  .navlinks.icon-nav .nav-icon-link{
    background:rgba(255,255,255,.78)!important;
    border-color:#dde4eb!important;
  }
  .navlinks.icon-nav .nav-icon-link:hover{
    background:#fff!important;
    border-color:#bfc8d3!important;
  }
  .navlinks.icon-nav .nav-icon-link.is-active{
    background:#f0ffe9!important;
    border-color:var(--ui-green)!important;
    box-shadow:0 0 0 3px rgba(124,255,58,.2)!important;
  }
  .nav-notify-badge{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    border:2px solid #fff;
    background:#e11d48;
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:900;
    box-shadow:0 6px 12px rgba(225,29,72,.28);
    z-index:35;
  }
  .nav-notify-badge[hidden]{
    display:none!important;
  }
  .app-notification-stack{
    position:fixed;
    right:16px;
    bottom:16px;
    z-index:9999;
    display:grid;
    gap:10px;
    width:min(360px,calc(100vw - 24px));
    pointer-events:none;
  }
  .app-toast{
    pointer-events:auto;
    display:grid;
    gap:3px;
    padding:12px 14px;
    border:1px solid #dfe6ee;
    border-left:4px solid var(--ui-green);
    border-radius:8px;
    background:rgba(255,255,255,.96);
    color:#101418;
    text-decoration:none;
    box-shadow:0 18px 38px rgba(16,24,40,.16);
    opacity:0;
    transform:translateY(10px) scale(.98);
    transition:opacity .2s ease,transform .2s ease;
  }
  .app-toast.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
  }
  .app-toast strong{
    font-size:13px;
    text-transform:uppercase;
    color:#26313f;
  }
  .app-toast span{
    font-size:15px;
    font-weight:800;
  }
  .app-toast small{
    color:var(--muted);
  }
  .app-toast-materials{
    border-left-color:#2563eb;
  }
  .field input[type=text],
  .field input[type=tel],
  .field input[type=number],
  .field select,
  .search-form input{
    border-radius:7px;
  }
}

@media screen and (max-width:760px){
  .page-shell{
    padding:10px!important;
  }
  .topbar{
    align-items:flex-start!important;
    gap:10px!important;
    margin:-10px -10px 12px!important;
    padding:10px 10px 8px!important;
  }
  .brand{
    width:100%;
    max-width:none;
    font-size:18px!important;
  }
  .navlinks.icon-nav{
    width:100%;
    justify-content:flex-start;
    gap:8px!important;
    padding-top:28px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none;
  }
  .navlinks.icon-nav::-webkit-scrollbar{
    display:none;
  }
  .navlinks.icon-nav .nav-icon-link{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .navlinks.icon-nav .nav-icon-link::before{
    font-size:10px!important;
    padding:4px 6px;
  }
  .form-card,
  .list-card,
  .materials-card,
  .materials-history-card,
  .materials-detail-card{
    padding:12px!important;
  }
  .actions{
    gap:8px!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:4px;
  }
  .actions .primary,
  .actions .secondary,
  .actions button{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .app-notification-stack{
    right:10px;
    bottom:10px;
    width:calc(100vw - 20px);
  }
  .materials-client-grid > div,
  .material-file-card{
    border-radius:8px!important;
  }
}


/* FINAL FIX PV MOBILE 2026-06-24
   Mobile-ul nu trebuie sa imite pagina A4/PDF. Pe ecrane <=760px formularul PV devine
   layout fluid, vertical, fara campuri inguste, fara overflow orizontal si fara text taiat. */
@media screen and (max-width:760px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .page-shell{
    max-width:100%!important;
    padding:10px!important;
  }
  .document.form-card{
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
    overflow:hidden!important;
  }
  .document .mobile-note{
    display:block!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:#596270!important;
    margin:0 0 10px!important;
  }
  .document .sheet{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 16px!important;
    padding:12px!important;
    border:1px solid #e1e7ef!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .document .sheet-header{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 0 14px!important;
    margin:0 0 14px!important;
    border-bottom:1px solid #e5e9ef!important;
  }
  .document .logo-block{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(38px,13vw,56px)!important;
    line-height:.95!important;
    letter-spacing:-1.5px!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .document .logo-block small{
    display:block!important;
    margin-top:8px!important;
    font-size:16px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
  }
  .document .company-block{
    width:100%!important;
    max-width:100%!important;
    margin-top:18px!important;
    padding-top:14px!important;
    border-top:1px solid #eef1f5!important;
    text-align:left!important;
    font-size:15px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  .document .row,
  .document .row.elastic-v13,
  .document .row.elastic-v13.form-topline-v26,
  .document .row.no-elastic-v26{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 10px!important;
    overflow:visible!important;
  }
  .document .row > [class*="col-"],
  .document .row.elastic-v13 > [class*="col-"],
  .document .row.form-topline-v26 > .field{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
  }
  .document .field.block,
  .document .field.inline{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:12px!important;
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .document .field.block label,
  .document .field.inline .inline-label{
    display:block!important;
    width:100%!important;
    margin:0 0 8px!important;
    padding:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }
  .document .field input[type=text],
  .document .field input[type=tel],
  .document .field input[type=number],
  .document .field input[type=date],
  .document .field input[type=time],
  .document .field textarea,
  .document .field select,
  .document .date-field .date-manual-input,
  .document .team-field .team-member-select,
  .document .time-field input[name="completed_time"],
  .document textarea[name="ticket_number"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:42px!important;
    padding:6px 2px!important;
    border:0!important;
    border-bottom:2px solid #4f5965!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1.3!important;
    color:#111!important;
    text-align:left!important;
    resize:vertical!important;
    overflow-wrap:anywhere!important;
    white-space:pre-wrap!important;
  }
  .document .field textarea{
    min-height:56px!important;
  }
  .document .field select,
  .document .team-field .team-member-select{
    appearance:auto!important;
    -webkit-appearance:auto!important;
  }
  .document .form-topline-v26 .time-field,
  .document .form-topline-v26 .team-field{
    width:100%!important;
  }
  .document .section-title{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 12px!important;
    padding:11px 12px!important;
    border:1px solid #d8e0ea!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:900!important;
    overflow-wrap:anywhere!important;
  }
  .document .confirm-lines{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .document .checkbox-line{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    padding:12px!important;
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  .document .checkbox-line input{
    width:20px!important;
    height:20px!important;
    margin-top:1px!important;
  }
  .document .demontaj-line{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
    padding:12px!important;
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
  }
  .document .signature-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .document .signature-pad{
    height:170px!important;
  }
  .document .small-copy{
    font-size:12px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  .document .footer-line{
    font-size:12px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  .document .estimate-row{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px 0!important;
    border-bottom:1px solid #edf1f5!important;
  }
  .document .estimate-row > *:nth-child(n+3){
    grid-column:2!important;
  }
  .document .actions,
  .actions{
    position:sticky!important;
    left:0!important;
    bottom:0!important;
    z-index:40!important;
    width:100%!important;
    padding:10px 0 0!important;
    background:rgba(246,247,249,.9)!important;
    backdrop-filter:blur(12px)!important;
  }
}

@media screen and (max-width:430px){
  .document.form-card{padding:10px!important;}
  .document .sheet{padding:10px!important;}
  .document .field.block,
  .document .field.inline{padding:11px!important;}
  .document .logo-block{font-size:clamp(34px,12vw,48px)!important;}
  .document .company-block{font-size:14px!important;}
}

/* Materials consumption statistics */
.materials-stats-card{margin-bottom:18px;overflow:visible;}
.materials-stats-card .section-title{margin:0 0 4px;font-size:20px;font-weight:800;}
.stats-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px;}
.stats-subtitle{margin:0;line-height:1.45;}
.materials-stats-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0 16px;}
.materials-stat-chip{border:1px solid #dfe6ee;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,250,252,.92));padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.06);min-width:0;}
.materials-stat-chip strong{display:block;font-size:15px;color:#111820;margin-bottom:6px;}
.materials-stat-chip span,.materials-stat-chip em{display:block;font-style:normal;font-size:13px;color:#586575;line-height:1.35;}
.materials-stat-chip em{font-weight:700;color:#111820;margin-top:4px;}
.materials-stats-table th:not(:first-child),.materials-stats-table td:not(:first-child){text-align:right;white-space:nowrap;}
.materials-stats-table .qty-cell{font-variant-numeric:tabular-nums;font-weight:650;}
@media(max-width:920px){.materials-stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.materials-stat-chip:last-child{grid-column:1/-1;}}
@media(max-width:720px){.materials-stats-card{padding:14px;}.materials-stats-summary{grid-template-columns:1fr;}.materials-stat-chip:last-child{grid-column:auto;}.materials-stats-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}.materials-stats-table{min-width:720px;}.materials-stats-card .section-title{font-size:18px;}}

/* FIX 2026-06-24 v28 - campuri stabile, fara elasticitate vizuala.
   Pastreaza functionalitatea utila: textarea-urile cresc pe inaltime si textul se rupe pe rand nou.
   Eliminam animatia de latime/flex care facea campurile sa se plimbe la click/focus. */
.document .row.elastic-v13,
.document .row.autosize-flow,
.offer-sheet .row.autosize-flow{
  transition:none!important;
  animation:none!important;
}
.document .row.elastic-v13 > .field,
.document .row.autosize-flow > .field,
.offer-sheet .row.autosize-flow > .field,
.document .row.elastic-v13 input,
.document .row.elastic-v13 textarea,
.document .row.elastic-v13 select,
.document .row.autosize-flow input,
.document .row.autosize-flow textarea,
.offer-sheet .row.autosize-flow input,
.offer-sheet .row.autosize-flow textarea{
  transition:none!important;
  animation:none!important;
  transform:none!important;
}
.document .row.elastic-v13:not(.form-topline-v26){
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:end!important;
  gap:10px!important;
}
.document .row.elastic-v13:not(.form-topline-v26) > .field{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
}
.document textarea.auto-grow,
.document .field textarea,
.offer-sheet textarea{
  overflow:hidden!important;
  resize:none!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.document .field input:not([type="checkbox"]):not([type="radio"]),
.document .field textarea,
.document .field select{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.document .field textarea.is-filled-autosize,
.document .field textarea{
  height:auto!important;
}

@media screen and (max-width:760px){
  .page-shell{width:100%!important;max-width:100%!important;padding:10px!important;overflow-x:hidden!important;}
  .document.form-card{width:100%!important;max-width:100%!important;overflow:hidden!important;padding:10px!important;}
  .document .sheet{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;overflow:hidden!important;border-radius:14px!important;}
  .document .sheet-header{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .document .logo-block{font-size:clamp(34px,11.5vw,50px)!important;line-height:1!important;letter-spacing:-1px!important;max-width:100%!important;overflow-wrap:anywhere!important;}
  .document .logo-block small{font-size:15px!important;line-height:1.25!important;}
  .document .company-block{font-size:14px!important;line-height:1.35!important;max-width:100%!important;overflow-wrap:anywhere!important;}
  .document .row,
  .document .row.elastic-v13,
  .document .row.elastic-v13:not(.form-topline-v26),
  .document .row.elastic-v13.form-topline-v26{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  .document .row > [class*="col-"],
  .document .row.elastic-v13 > [class*="col-"],
  .document .row.elastic-v13:not(.form-topline-v26) > [class*="col-"],
  .document .row.elastic-v13.form-topline-v26 > .field{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
    flex-basis:auto!important;
  }
  .document .field.block,
  .document .field.inline{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    padding:10px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .document .field.block label,
  .document .field.inline .inline-label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    line-height:1.25!important;
    margin:0 0 5px!important;
    padding:0!important;
    white-space:normal!important;
    font-size:15px!important;
    font-weight:800!important;
  }
  .document .field input[type=text],
  .document .field input[type=tel],
  .document .field input[type=number],
  .document .field input[type=date],
  .document .field input[type=time],
  .document .field textarea,
  .document .field select,
  .document textarea[name="ticket_number"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
    flex-basis:auto!important;
    height:auto!important;
    min-height:36px!important;
    padding:4px 0!important;
    border:0!important;
    border-bottom:1.5px solid #4f5965!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1.35!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
    white-space:pre-wrap!important;
  }
  .document .field textarea,
  .document textarea[name="ticket_number"]{min-height:46px!important;}
}


/* DESKTOP STABLE FIELDS v31 - fara elasticitate vizuala; campurile raman pe grila, textarea creste doar in jos. */
@media screen and (min-width:701px){
  .document .row.elastic-v13,
  .document .row.autosize-flow,
  .document .row.elastic-row-v6,
  .document .row{
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    gap:8px !important;
    align-items:end !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  .document .row > .col-12,.document .row.elastic-v13 > .col-12{grid-column:span 12 !important;}
  .document .row > .col-9,.document .row.elastic-v13 > .col-9{grid-column:span 9 !important;}
  .document .row > .col-8,.document .row.elastic-v13 > .col-8{grid-column:span 8 !important;}
  .document .row > .col-7,.document .row.elastic-v13 > .col-7{grid-column:span 7 !important;}
  .document .row > .col-6,.document .row.elastic-v13 > .col-6{grid-column:span 6 !important;}
  .document .row > .col-5,.document .row.elastic-v13 > .col-5{grid-column:span 5 !important;}
  .document .row > .col-4,.document .row.elastic-v13 > .col-4{grid-column:span 4 !important;}
  .document .row > .col-3,.document .row.elastic-v13 > .col-3{grid-column:span 3 !important;}
  .document .row > .col-2,.document .row.elastic-v13 > .col-2{grid-column:span 2 !important;}
  .document .row > .col-1,.document .row.elastic-v13 > .col-1{grid-column:span 1 !important;}
  .document .row > .field,
  .document .row.elastic-v13 > .field,
  .document .row.autosize-flow > .field,
  .document .row.elastic-row-v6 > .field{
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    flex-basis:auto !important;
    transform:none !important;
    overflow:visible !important;
    transition:none !important;
    box-sizing:border-box !important;
  }
  .document .field.inline,
  .document .row.elastic-v13 .field.inline{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    gap:6px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .document .field.block,
  .document .row.elastic-v13 .field.block{display:block !important;}
  .document .inline-label,
  .document .field.block > label,
  .document .row.elastic-v13 .inline-label,
  .document .row.elastic-v13 .field.block > label{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .document .field input:not([type=checkbox]):not([type=radio]),
  .document .field select,
  .document .field textarea,
  .document .row.elastic-v13 input:not([type=checkbox]):not([type=radio]),
  .document .row.elastic-v13 select,
  .document .row.elastic-v13 textarea{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    flex-basis:auto !important;
    box-sizing:border-box !important;
    transition:none !important;
    transform:none !important;
  }
  .document .field textarea,
  .document .row.elastic-v13 textarea{
    overflow:hidden !important;
    resize:none !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    height:auto !important;
    min-height:38px !important;
    line-height:22px !important;
  }
  .document .form-topline-v26 .ticket-number-field{grid-column:span 3 !important;}
  .document .form-topline-v26 .date-field{grid-column:span 3 !important;}
  .document .form-topline-v26 .time-field{grid-column:span 2 !important;}
  .document .form-topline-v26 .team-field{grid-column:span 4 !important;}
}

.materials-filter-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:12px 0 14px;}
.materials-filter-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
.materials-filter-form label{display:grid;gap:5px;font-weight:800;font-size:13px;}
.materials-filter-form select{min-height:40px;border:1px solid rgba(16,24,32,.14);border-radius:12px;background:#fff;padding:0 12px;font-weight:700;}
.materials-period-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px;}
.materials-period-result .materials-stat-chip{min-height:74px;}
@media (max-width:700px){.materials-period-result{grid-template-columns:1fr}.materials-filter-row{display:block}.materials-filter-form{margin-top:10px}.materials-filter-form select,.materials-filter-form button{width:100%;}}

/* DESKTOP CONTENT-FIT FIELDS v32
   Fiecare caseta se masoara dupa textul ei: latime text + 2px, fara camp final special. */
@media screen and (min-width:701px){
  .document .row.content-fit-row-v32,
  .document .row.elastic-v13.content-fit-row-v32,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:wrap!important;
    align-items:flex-end!important;
    gap:8px 18px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .document .row.content-fit-row-v32 > .field,
  .document .row.elastic-v13.content-fit-row-v32 > .field,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 > .field{
    grid-column:auto!important;
    flex:0 0 var(--content-fit-field-width, auto)!important;
    width:var(--content-fit-field-width, auto)!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    transition:none!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .document .row.content-fit-row-v32 .field.inline,
  .document .row.elastic-v13.content-fit-row-v32 .field.inline,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 .field.inline{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
  }
  .document .row.content-fit-row-v32 .field.block,
  .document .row.elastic-v13.content-fit-row-v32 .field.block,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 .field.block{
    display:block!important;
  }
  .document .row.content-fit-row-v32 .inline-label,
  .document .row.content-fit-row-v32 .field.block > label,
  .document .row.elastic-v13.content-fit-row-v32 .inline-label,
  .document .row.elastic-v13.content-fit-row-v32 .field.block > label,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 .inline-label,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 .field.block > label{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .document .row.content-fit-row-v32 input:not([type=checkbox]):not([type=radio]),
  .document .row.content-fit-row-v32 select,
  .document .row.content-fit-row-v32 textarea,
  .document .row.elastic-v13.content-fit-row-v32 input:not([type=checkbox]):not([type=radio]),
  .document .row.elastic-v13.content-fit-row-v32 select,
  .document .row.elastic-v13.content-fit-row-v32 textarea,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 input:not([type=checkbox]):not([type=radio]),
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 select,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 textarea{
    display:block!important;
    flex:0 0 var(--content-fit-input-width, auto)!important;
    flex-basis:var(--content-fit-input-width, auto)!important;
    width:var(--content-fit-input-width, auto)!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    transition:none!important;
    transform:none!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .document .row.content-fit-row-v32 textarea,
  .document .row.elastic-v13.content-fit-row-v32 textarea,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 textarea{
    height:auto!important;
    min-height:38px!important;
    resize:none!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:22px!important;
  }
  .document .row.content-fit-row-v32 .field.block > label,
  .document .row.elastic-v13.content-fit-row-v32 .field.block > label,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 .field.block > label{
    margin-bottom:2px!important;
  }
  .document .row.content-fit-row-v32 select,
  .document .row.elastic-v13.content-fit-row-v32 select,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32 select{
    appearance:auto!important;
    -webkit-appearance:auto!important;
  }
}

/* DESKTOP SLOT-FIT FIELDS v35
   Campurile raman aliniate pe grila formularului; doar linia valorii se strange/lateste in slotul ei. */
@media screen and (min-width:701px){
  .document .row.slot-fit-row-v33{
    display:grid!important;
    gap:8px!important;
    align-items:end!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .document .row.slot-fit-row-v33 > .field{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
    flex-basis:auto!important;
    transform:none!important;
    transition:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .document .row.slot-fit-row-v33 .field.inline{
    gap:6px!important;
    align-items:center!important;
  }
  .document .row.slot-fit-row-v33 .inline-label,
  .document .row.slot-fit-row-v33 .field.block > label{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .document .row.slot-fit-row-v33 input:not([type=checkbox]):not([type=radio]),
  .document .row.slot-fit-row-v33 select,
  .document .row.slot-fit-row-v33 textarea{
    display:block!important;
    width:var(--slot-fit-input-width, 100%)!important;
    max-width:100%!important;
    min-width:0!important;
    flex:0 0 var(--slot-fit-input-width, auto)!important;
    flex-basis:var(--slot-fit-input-width, auto)!important;
    justify-self:start!important;
    box-sizing:border-box!important;
    transform:none!important;
    transition:none!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .document .row.slot-fit-row-v33 textarea,
  .document .row.elastic-v13.slot-fit-row-v33 textarea,
  .document .row.elastic-v13.form-topline-v26.slot-fit-row-v33 textarea{
    height:auto!important;
    resize:none!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:22px!important;
  }
}

/* DESKTOP STABLE FORM FIELDS v36 - reparatie finala anti-artefacte.
   Nu mai exista autosize pe latime, flex elastic sau masurare dupa text.
   Campurile raman pe grila; doar textarea-urile cresc vertical si textul se rupe pe rand nou. */
@media screen and (min-width:701px){
  .document .row,
  .document .row.elastic-v13,
  .document .row.autosize-flow,
  .document .row.elastic-row-v6,
  .document .row.content-fit-row-v32,
  .document .row.slot-fit-row-v33,
  .document .row.elastic-v13.content-fit-row-v32,
  .document .row.elastic-v13.slot-fit-row-v33,
  .document .row.elastic-v13.form-topline-v26,
  .document .row.elastic-v13.form-topline-v26.content-fit-row-v32,
  .document .row.elastic-v13.form-topline-v26.slot-fit-row-v33{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:end!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    flex-wrap:initial!important;
    transition:none!important;
    animation:none!important;
  }
  .document .row > .col-12,.document .row.elastic-v13 > .col-12{grid-column:span 12!important;}
  .document .row > .col-9,.document .row.elastic-v13 > .col-9{grid-column:span 9!important;}
  .document .row > .col-8,.document .row.elastic-v13 > .col-8{grid-column:span 8!important;}
  .document .row > .col-7,.document .row.elastic-v13 > .col-7{grid-column:span 7!important;}
  .document .row > .col-6,.document .row.elastic-v13 > .col-6{grid-column:span 6!important;}
  .document .row > .col-5,.document .row.elastic-v13 > .col-5{grid-column:span 5!important;}
  .document .row > .col-4,.document .row.elastic-v13 > .col-4{grid-column:span 4!important;}
  .document .row > .col-3,.document .row.elastic-v13 > .col-3{grid-column:span 3!important;}
  .document .row > .col-2,.document .row.elastic-v13 > .col-2{grid-column:span 2!important;}
  .document .row > .col-1,.document .row.elastic-v13 > .col-1{grid-column:span 1!important;}
  .document .row > .field,
  .document .row.elastic-v13 > .field,
  .document .row.slot-fit-row-v33 > .field,
  .document .row.content-fit-row-v32 > .field{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
    flex-basis:auto!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .document .field.inline,
  .document .row.elastic-v13 .field.inline,
  .document .row.slot-fit-row-v33 .field.inline,
  .document .row.content-fit-row-v32 .field.inline{
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center!important;
    flex-wrap:initial!important;
  }
  .document .field.block,
  .document .row.elastic-v13 .field.block,
  .document .row.slot-fit-row-v33 .field.block,
  .document .row.content-fit-row-v32 .field.block{
    display:block!important;
  }
  .document .field input:not([type=checkbox]):not([type=radio]),
  .document .field select,
  .document .field textarea,
  .document .row.elastic-v13 input:not([type=checkbox]):not([type=radio]),
  .document .row.elastic-v13 select,
  .document .row.elastic-v13 textarea,
  .document .row.slot-fit-row-v33 input:not([type=checkbox]):not([type=radio]),
  .document .row.slot-fit-row-v33 select,
  .document .row.slot-fit-row-v33 textarea,
  .document .row.content-fit-row-v32 input:not([type=checkbox]):not([type=radio]),
  .document .row.content-fit-row-v32 select,
  .document .row.content-fit-row-v32 textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
    flex-basis:auto!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .document .field textarea,
  .document textarea.auto-grow,
  .document .row.elastic-v13 textarea,
  .document .row.slot-fit-row-v33 textarea,
  .document .row.content-fit-row-v32 textarea{
    min-height:38px!important;
    resize:none!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:22px!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
  }
  .document .inline-label,
  .document .field.block > label{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}


/* DESKTOP GRID LOCK v37 - final override.
   Rule: no elastic/flex autosizing on desktop. Every field stays inside the 12-col grid;
   controls keep 100% of their own slot; textareas grow vertically only. */
@media screen and (min-width:701px){
  .document .row,
  .document .row.elastic-v13,
  .document .row.autosize-flow,
  .document .row.elastic-row-v6,
  .document .row.slot-fit-row-v33,
  .document .row.content-fit-row-v32{
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:end !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
  .document .row > .col-12{grid-column:span 12 !important;}
  .document .row > .col-9{grid-column:span 9 !important;}
  .document .row > .col-8{grid-column:span 8 !important;}
  .document .row > .col-7{grid-column:span 7 !important;}
  .document .row > .col-6{grid-column:span 6 !important;}
  .document .row > .col-5{grid-column:span 5 !important;}
  .document .row > .col-4{grid-column:span 4 !important;}
  .document .row > .col-3{grid-column:span 3 !important;}
  .document .row > .col-2{grid-column:span 2 !important;}
  .document .row > .col-1{grid-column:span 1 !important;}

  .document .row > .field,
  .document .row > [class*="col-"]{
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    flex-basis:auto !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }

  .document .field.inline{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    column-gap:8px !important;
    align-items:center !important;
    min-height:42px !important;
    flex:none !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }
  .document .form-topline-v26 .ticket-number-field{grid-column:span 5 !important;}
  .document .form-topline-v26 .date-field{grid-column:span 3 !important;}
  .document .form-topline-v26 .time-field{grid-column:span 2 !important;}
  .document .form-topline-v26 .team-field{grid-column:span 2 !important;}

  .document .field.block{display:block !important; overflow:visible !important;}
  .document .inline-label,
  .document .field.block > label{
    display:block !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    min-width:0 !important;
    max-width:100% !important;
    line-height:18px !important;
  }

  .document .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .document .field textarea,
  .document .field select{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    flex-basis:auto !important;
    box-sizing:border-box !important;
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
  .document .field textarea{
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    overflow-x:hidden !important;
    resize:none !important;
  }
  .document input.is-filled-autosize,
  .document textarea.is-filled-autosize,
  .document select.is-filled-autosize{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .document .field.is-field-shrunk,
  .document .field.is-field-empty,
  .document .field.is-field-filled,
  .document .field.is-filled-v13,
  .document .field.is-empty-v13,
  .document .field.is-last-v13,
  .document .field.mh-row-last,
  .document .field.slot-fit-field-v33,
  .document .field.content-fit-field-v32{
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    flex-basis:auto !important;
  }
}


/* DESKTOP CONTENT-FIT FIELDS v38
   Campurile din PV instalare se aseaza in flux orizontal stabil: latime dupa continut + spatiu final,
   gap fix de 10px intre campuri, fara elasticitate veche si fara tremur la tastare. */
@media screen and (min-width:701px){
  .document .sheet:first-of-type > .row.mh-fit-row-v38{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:wrap !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:8px 10px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 > .field,
  .document .sheet:first-of-type > .row.mh-fit-row-v38 > [class*="col-"]{
    grid-column:auto !important;
    flex:0 0 auto !important;
    width:var(--mh-field-w, auto) !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 > .field.block{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 > .field.inline{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    column-gap:8px !important;
    min-height:42px !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 .inline-label,
  .document .sheet:first-of-type > .row.mh-fit-row-v38 .field.block > label{
    display:block !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    flex:0 0 auto !important;
    max-width:none !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .document .sheet:first-of-type > .row.mh-fit-row-v38 textarea,
  .document .sheet:first-of-type > .row.mh-fit-row-v38 select{
    width:var(--mh-control-w, auto) !important;
    min-width:var(--mh-min-control-w, 64px) !important;
    max-width:min(var(--mh-max-control-w, 100%), 100%) !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
    justify-self:start !important;
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 textarea{
    min-height:34px !important;
    height:auto !important;
    resize:none !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    line-height:22px !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .document .sheet:first-of-type > .row.mh-fit-row-v38 select{
    min-height:34px !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 .field.col-12{
    flex:1 1 100% !important;
    width:100% !important;
  }
  .document .sheet:first-of-type > .row.mh-fit-row-v38 .field.col-12 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .document .sheet:first-of-type > .row.mh-fit-row-v38 .field.col-12 textarea{
    width:var(--mh-control-w, 100%) !important;
    max-width:100% !important;
  }
}

/* V41: history tables fit, mobile cards, Romanian diacritics-compatible UI, colored nav labels */
.page-shell{
  max-width:1280px;
}
.table-wrap{
  max-width:100%;
  overflow-x:hidden!important;
}
.history-list-table,
.materials-history-table,
.materials-stats-table,
.offers-history-table{
  width:100%;
  table-layout:fixed;
}
.history-list-table th,
.history-list-table td,
.materials-history-table th,
.materials-history-table td,
.materials-stats-table th,
.materials-stats-table td,
.offers-history-table th,
.offers-history-table td{
  overflow-wrap:anywhere;
  word-break:normal;
}
.history-list-table th:nth-child(1),
.history-list-table td:nth-child(1){width:58px;}
.history-list-table th:nth-child(2),
.history-list-table td:nth-child(2){width:150px;}
.history-list-table th:nth-child(3),
.history-list-table td:nth-child(3){width:180px;}
.history-list-table th:nth-child(4),
.history-list-table td:nth-child(4){width:125px;}
.history-list-table th:nth-child(5),
.history-list-table td:nth-child(5){width:auto;max-width:none!important;}
.history-list-table th:nth-child(6),
.history-list-table td:nth-child(6){width:135px;}
.history-list-table th:nth-child(7),
.history-list-table td:nth-child(7){width:105px;}
.history-list-table th:nth-child(8),
.history-list-table td:nth-child(8){width:230px;}
.offers-history-table th:nth-child(1),
.offers-history-table td:nth-child(1){width:60px;}
.offers-history-table th:nth-child(2),
.offers-history-table td:nth-child(2){width:115px;}
.offers-history-table th:nth-child(3),
.offers-history-table td:nth-child(3){width:auto;}
.offers-history-table th:nth-child(4),
.offers-history-table td:nth-child(4){width:140px;}
.offers-history-table th:nth-child(5),
.offers-history-table td:nth-child(5){width:130px;}
.offers-history-table th:nth-child(6),
.offers-history-table td:nth-child(6){width:260px;}
.materials-history-table th:nth-child(1),
.materials-history-table td:nth-child(1){width:64px;}
.materials-history-table th:nth-child(2),
.materials-history-table td:nth-child(2){width:120px;}
.materials-history-table th:nth-child(3),
.materials-history-table td:nth-child(3){width:190px;}
.materials-history-table th:nth-child(4),
.materials-history-table td:nth-child(4){width:130px;}
.materials-history-table th:nth-child(5),
.materials-history-table td:nth-child(5){width:100px;}
.materials-history-table th:nth-child(6),
.materials-history-table td:nth-child(6){width:84px;}
.materials-history-table th:nth-child(7),
.materials-history-table td:nth-child(7){width:auto;}
.materials-history-table th:nth-child(8),
.materials-history-table td:nth-child(8){width:220px;}
.action-cell,
.list-table td[data-label="Actiuni"]{
  white-space:normal!important;
}
.inline-delete-form{
  display:inline-block;
  margin:2px 0;
}
.action-cell .secondary,
.action-cell .danger-btn,
.list-table td[data-label="Actiuni"] .secondary,
.list-table td[data-label="Actiuni"] .danger-btn{
  margin:2px 3px 2px 0!important;
  padding:7px 9px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.materials-stats-table .qty-cell{
  text-align:right;
}

.navlinks.icon-nav .nav-short-pv::before{background:#dc2626!important;color:#fff!important;}
.navlinks.icon-nav .nav-short-pv::after{border-top-color:#dc2626!important;}
.navlinks.icon-nav .nav-short-of::before{background:#16a34a!important;color:#fff!important;}
.navlinks.icon-nav .nav-short-of::after{border-top-color:#16a34a!important;}
.navlinks.icon-nav .nav-short-mc::before{background:#2563eb!important;color:#fff!important;}
.navlinks.icon-nav .nav-short-mc::after{border-top-color:#2563eb!important;}
.navlinks.icon-nav .nav-short-ps::before{background:#f97316!important;color:#fff!important;}
.navlinks.icon-nav .nav-short-ps::after{border-top-color:#f97316!important;}
.navlinks.icon-nav .nav-short-out::before{background:#101418!important;color:#fff!important;}
.navlinks.icon-nav .nav-short-out::after{border-top-color:#101418!important;}

@media screen and (max-width:760px){
  .table-wrap{
    overflow-x:hidden!important;
    border:0!important;
    background:transparent!important;
  }
  .history-list-table,
  .materials-history-table,
  .materials-stats-table,
  .offers-history-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    table-layout:auto!important;
    border-collapse:separate!important;
  }
  .history-list-table thead,
  .materials-history-table thead,
  .materials-stats-table thead,
  .offers-history-table thead{
    display:none!important;
  }
  .history-list-table tbody,
  .history-list-table tr,
  .history-list-table td,
  .materials-history-table tbody,
  .materials-history-table tr,
  .materials-history-table td,
  .materials-stats-table tbody,
  .materials-stats-table tr,
  .materials-stats-table td,
  .offers-history-table tbody,
  .offers-history-table tr,
  .offers-history-table td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  .history-list-table tr,
  .materials-history-table tr,
  .materials-stats-table tr,
  .offers-history-table tr{
    margin:0 0 12px!important;
    padding:10px!important;
    border:1px solid #dfe6ee!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(16,24,40,.05)!important;
    overflow:hidden!important;
  }
  .history-list-table td,
  .materials-history-table td,
  .materials-stats-table td,
  .offers-history-table td{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding:7px 0!important;
    border-bottom:1px solid #edf1f5!important;
    font-size:14px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  .history-list-table td:last-child,
  .materials-history-table td:last-child,
  .materials-stats-table td:last-child,
  .offers-history-table td:last-child{
    border-bottom:0!important;
  }
  .history-list-table td::before,
  .materials-history-table td::before,
  .materials-stats-table td::before,
  .offers-history-table td::before{
    content:attr(data-label);
    color:#4b5563;
    font-size:11px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.02em;
  }
  .history-list-table td[colspan],
  .materials-history-table td[colspan],
  .materials-stats-table td[colspan],
  .offers-history-table td[colspan]{
    display:block!important;
  }
  .history-list-table td[colspan]::before,
  .materials-history-table td[colspan]::before,
  .materials-stats-table td[colspan]::before,
  .offers-history-table td[colspan]::before{
    content:""!important;
    display:none!important;
  }
  .action-cell .secondary,
  .action-cell .danger-btn,
  .list-table td[data-label="Actiuni"] .secondary,
  .list-table td[data-label="Actiuni"] .danger-btn{
    display:block!important;
    width:100%!important;
    margin:0 0 6px!important;
    text-align:center!important;
  }
  .inline-delete-form{
    display:block!important;
    width:100%!important;
  }
  .materials-period-result{
    grid-template-columns:1fr!important;
  }
  .materials-filter-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

/* V42: fix colored navigation labels spacing - prevent overlap/intercalation */
.navlinks.icon-nav{
  gap:10px!important;
  column-gap:10px!important;
  row-gap:18px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  padding-top:34px!important;
  padding-left:4px!important;
  padding-right:4px!important;
}
.navlinks.icon-nav .nav-icon-link{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  flex:0 0 40px!important;
  margin:0!important;
  border-radius:10px!important;
}
.navlinks.icon-nav .nav-short-out{
  width:46px!important;
  min-width:46px!important;
  flex-basis:46px!important;
}
.navlinks.icon-nav .nav-icon-link::before{
  min-width:34px!important;
  box-sizing:border-box!important;
  padding:5px 9px!important;
  border-radius:10px!important;
  bottom:calc(100% + 9px)!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  transform:translateX(-50%)!important;
}
.navlinks.icon-nav .nav-short-out::before{
  min-width:44px!important;
}
.navlinks.icon-nav .nav-icon-link::after{
  bottom:calc(100% + 4px)!important;
  border-width:5px!important;
  transform:translateX(-50%)!important;
}
.navlinks.icon-nav .nav-icon{
  width:21px!important;
  height:21px!important;
}
@media screen and (max-width:760px){
  .navlinks.icon-nav{
    justify-content:flex-start!important;
    gap:8px!important;
    column-gap:8px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding-top:34px!important;
    padding-bottom:6px!important;
    scrollbar-width:none!important;
  }
  .navlinks.icon-nav::-webkit-scrollbar{display:none!important;}
  .navlinks.icon-nav .nav-icon-link{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .navlinks.icon-nav .nav-short-out{
    width:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
  }
  .navlinks.icon-nav .nav-icon-link::before{
    min-width:32px!important;
    padding:5px 8px!important;
    font-size:12px!important;
  }
  .navlinks.icon-nav .nav-short-out::before{min-width:42px!important;}
}


/* V43 desktop repair: history/material tables + materials form visual refresh
   Pastreaza cardurile pe mobil, dar repara desktopul unde coloanele deveneau prea inguste. */
@media screen and (min-width:761px){
  .page-shell{
    max-width:1380px!important;
  }
  .list-card,
  .materials-history-card,
  .materials-detail-card,
  .materials-stats-card{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .history-list-table,
  .materials-history-table,
  .offers-history-table{
    table-layout:auto!important;
    width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  .history-list-table th,
  .history-list-table td,
  .materials-history-table th,
  .materials-history-table td,
  .offers-history-table th,
  .offers-history-table td{
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
    vertical-align:top!important;
    line-height:1.35!important;
  }
  .history-list-table td[data-label="ID"],
  .history-list-table th:nth-child(1){width:54px!important;white-space:nowrap!important;}
  .history-list-table td[data-label="Tichet"],
  .history-list-table th:nth-child(2){width:150px!important;white-space:nowrap!important;}
  .history-list-table td[data-label="Beneficiar"],
  .history-list-table th:nth-child(3){width:180px!important;}
  .history-list-table td[data-label="Telefon"],
  .history-list-table th:nth-child(4){width:130px!important;white-space:nowrap!important;}
  .history-list-table td[data-label="Adresa"],
  .history-list-table th:nth-child(5){width:34%!important;min-width:300px!important;overflow-wrap:break-word!important;}
  .history-list-table td[data-label="Echipa"],
  .history-list-table th:nth-child(6){width:135px!important;}
  .history-list-table td[data-label="Data"],
  .history-list-table th:nth-child(7){width:110px!important;white-space:nowrap!important;}
  .history-list-table td[data-label="Actiuni"],
  .history-list-table th:nth-child(8){width:170px!important;}
  .history-list-table td[data-label="Actiuni"] .secondary,
  .history-list-table td[data-label="Actiuni"] .danger-btn{
    display:block!important;
    width:100%!important;
    max-width:160px!important;
    margin:0 0 7px!important;
    text-align:center!important;
    justify-content:center!important;
  }

  .materials-history-table td[data-label="ID"],
  .materials-history-table th:nth-child(1){width:58px!important;white-space:nowrap!important;}
  .materials-history-table td[data-label="Data"],
  .materials-history-table th:nth-child(2){width:115px!important;white-space:nowrap!important;}
  .materials-history-table td[data-label="Client"],
  .materials-history-table th:nth-child(3){width:190px!important;}
  .materials-history-table td[data-label="Telefon"],
  .materials-history-table th:nth-child(4){width:125px!important;white-space:nowrap!important;}
  .materials-history-table td[data-label="Echipa"],
  .materials-history-table th:nth-child(5){width:110px!important;}
  .materials-history-table td[data-label="Fisiere"],
  .materials-history-table th:nth-child(6){width:78px!important;text-align:center!important;white-space:nowrap!important;}
  .materials-history-table td[data-label="Materiale"],
  .materials-history-table th:nth-child(7){width:auto!important;min-width:340px!important;overflow-wrap:break-word!important;}
  .materials-history-table td[data-label="Actiuni"],
  .materials-history-table th:nth-child(8){width:175px!important;white-space:nowrap!important;}
  .materials-history-table td[data-label="Actiuni"] .secondary{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .materials-stats-table{
    table-layout:auto!important;
  }
  .materials-stats-table th,
  .materials-stats-table td{
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
  }
}

@media screen{
  .materials-card{
    max-width:1120px!important;
    padding:28px!important;
    border-radius:18px!important;
    background:
      radial-gradient(circle at 0% 0%, rgba(124,255,58,.12), transparent 32%),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.96))!important;
  }
  .materials-card .section-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 16px!important;
    padding:12px 14px!important;
    border:1px solid #dfe7ef!important;
    border-left:4px solid #7cff3a!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
    font-size:15px!important;
    font-weight:900!important;
  }
  .materials-card .section-title:not(:first-child){
    margin-top:24px!important;
  }
  .materials-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    margin-bottom:8px!important;
  }
  .materials-card .field.block{
    padding:13px 14px!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
  }
  .materials-card .field.block label{
    margin-bottom:8px!important;
    color:#334155!important;
    font-size:12px!important;
    text-transform:uppercase!important;
    letter-spacing:.025em!important;
  }
  .materials-card .field input,
  .materials-card .field select{
    min-height:46px!important;
    border:1px solid #d7dee8!important;
    border-radius:12px!important;
    padding:9px 11px!important;
    background:#fbfdff!important;
    font-size:16px!important;
  }
  .materials-items-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 14px!important;
  }
  .materials-item{
    grid-template-columns:minmax(0,1fr) 118px!important;
    gap:12px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
  }
  .materials-item label{
    font-size:15px!important;
    line-height:1.25!important;
    color:#111820!important;
  }
  .materials-item input[type=number]{
    width:118px!important;
    height:38px!important;
    border:1px solid #cfd7e3!important;
    border-radius:10px!important;
    padding:6px 9px!important;
    background:#fff!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
  }
  .materials-files{
    border-radius:16px!important;
    border-color:#cbd5e1!important;
    background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  }
}

@media screen and (max-width:900px){
  .materials-grid{grid-template-columns:1fr!important;}
  .materials-items-grid{grid-template-columns:1fr!important;}
  .materials-card{padding:16px!important;}
}


/* Fisa de lucru visual + mobile layout fix v44 */
@media screen {
  .work-document-card{
    max-width:1180px!important;
    border:1px solid rgba(148,163,184,.28)!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.08)!important;
  }
  .work-document-card > form > .row:first-of-type{
    padding:10px 12px 14px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.72)!important;
    margin-bottom:18px!important;
  }
  .work-document-card .field label{
    font-size:15px!important;
    font-weight:800!important;
    color:#111827!important;
  }
  .work-document-card select{
    min-height:44px!important;
    border:1px solid #cbd5e1!important;
    border-radius:12px!important;
    background:#fff!important;
    padding:8px 12px!important;
    font-size:17px!important;
  }
  .work-sheet-online.work-sheet-standalone{
    border:0!important;
    background:transparent!important;
    padding:0!important;
  }
  .work-sheet-standalone .work-copy{
    border:1px solid #d7dde8!important;
    border-radius:16px!important;
    box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
    background:#fff!important;
  }
  .work-sheet-standalone .work-copy-master{
    margin-bottom:0!important;
  }
  .work-sheet-standalone .work-copy input:focus,
  .work-sheet-standalone .work-copy textarea:focus{
    border-color:#2563eb!important;
    box-shadow:0 2px 0 rgba(37,99,235,.18)!important;
    outline:none!important;
  }
  .work-sheet-standalone .cut-line{
    border:0!important;
    color:#64748b!important;
    font-weight:700!important;
    letter-spacing:.2px!important;
  }
}

@media screen and (max-width:800px){
  .work-document-card{
    margin:0!important;
    padding:18px!important;
    border-radius:18px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .work-document-card > form > .row:first-of-type{
    margin-bottom:18px!important;
    padding:12px!important;
  }
  .work-document-card .row:first-of-type,
  .work-document-card .col-4{
    max-width:none!important;
    width:100%!important;
  }
  .work-sheet-online.work-sheet-standalone{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    display:block!important;
  }
  .work-sheet-standalone .work-copy{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding:22px 18px 24px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }
  .work-sheet-standalone .work-logo{
    position:static!important;
    display:block!important;
    margin:0 0 6px 0!important;
    padding:0!important;
    font-size:25px!important;
    line-height:1.05!important;
    letter-spacing:1.5px!important;
    text-align:left!important;
    color:#111827!important;
  }
  .work-sheet-standalone .work-title{
    position:static!important;
    display:block!important;
    margin:0 0 22px 0!important;
    padding:0 0 14px 0!important;
    text-align:left!important;
    font-size:24px!important;
    line-height:1.1!important;
    letter-spacing:2px!important;
    border-bottom:2px solid #111827!important;
    color:#111827!important;
  }
  .work-sheet-standalone .work-topline{
    position:static!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:8px 10px!important;
    margin:0 0 16px 0!important;
    align-items:end!important;
    width:100%!important;
  }
  .work-sheet-standalone .work-copy label,
  .work-sheet-standalone .work-copy span{
    display:block!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:normal!important;
    color:#111827!important;
  }
  .work-sheet-standalone .work-line,
  .work-sheet-standalone .work-line.split,
  .work-sheet-standalone .work-line.split3,
  .work-sheet-standalone .work-check-row,
  .work-sheet-standalone .work-grid-two,
  .work-sheet-standalone .work-grid-two>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0 0 14px 0!important;
  }
  .work-sheet-standalone .work-copy input,
  .work-sheet-standalone .work-copy textarea{
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    font-size:16px!important;
    line-height:20px!important;
    padding:8px 10px!important;
    border:1px solid #cbd5e1!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    box-sizing:border-box!important;
  }
  .work-sheet-standalone .work-copy textarea{
    height:112px!important;
    min-height:112px!important;
    resize:vertical!important;
    background:#f8fafc!important;
  }
  .work-sheet-standalone .work-check-row input{
    height:40px!important;
    min-height:40px!important;
  }
  .work-sheet-standalone .work-sign{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:20px!important;
    padding-top:14px!important;
    border-top:1px dashed #cbd5e1!important;
  }
  .work-sheet-standalone .work-sign strong{
    display:block!important;
    min-height:44px!important;
    padding-top:8px!important;
    border-bottom:1px solid #94a3b8!important;
    font-size:13px!important;
  }
  .work-sheet-standalone .cut-line{
    height:34px!important;
    line-height:34px!important;
    margin:8px 0!important;
    font-size:13px!important;
  }
  .work-actions{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:16px 0 0!important;
  }
  .work-actions .primary,
  .work-actions .secondary,
  .work-actions a.secondary{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

@media screen and (min-width:801px){
  .work-sheet-standalone .work-copy{
    height:452px!important;
    padding:22px 22px 24px 22px!important;
  }
  .work-sheet-standalone .work-logo{
    top:24px!important;
    left:22px!important;
    font-size:22px!important;
  }
  .work-sheet-standalone .work-title{
    font-size:20px!important;
    margin:6px 0 36px 0!important;
  }
  .work-sheet-standalone .work-topline{
    top:76px!important;
    right:26px!important;
  }
}

/* =========================================================
   v45 - Fisa de lucru desktop polish + remove materials human check dependency
   ========================================================= */
@media screen and (min-width:801px){
  body:has(.work-document-card){
    background:
      radial-gradient(circle at 8% 0%, rgba(99,255,70,.18), transparent 28%),
      linear-gradient(180deg,#f8fafc 0%,#eef4f8 100%)!important;
  }
  .work-document-card{
    max-width:1180px!important;
    margin:28px auto 48px!important;
    padding:28px!important;
    border:1px solid #dbe4ee!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
  }
  .work-document-card > form > .row:first-of-type{
    max-width:none!important;
    width:100%!important;
    margin:0 0 24px 0!important;
    padding:18px 20px!important;
    border:1px solid #d8e2ee!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
  }
  .work-document-card .field label{
    display:block!important;
    margin-bottom:8px!important;
    font-size:15px!important;
    font-weight:850!important;
    color:#0f172a!important;
  }
  .work-document-card select{
    width:100%!important;
    min-height:48px!important;
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    background:#fff!important;
    padding:10px 14px!important;
    font-size:18px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
  }
  .work-sheet-online.work-sheet-standalone{
    width:1120px!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .work-sheet-standalone .work-copy{
    position:relative!important;
    height:auto!important;
    min-height:620px!important;
    overflow:visible!important;
    padding:30px 34px 34px!important;
    border:1px solid #d6dee9!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 18px 46px rgba(15,23,42,.075)!important;
  }
  .work-sheet-standalone .work-copy-master{
    margin-bottom:0!important;
  }
  .work-sheet-standalone .work-logo{
    position:static!important;
    display:inline-block!important;
    margin:0!important;
    padding:0!important;
    font-size:30px!important;
    line-height:1!important;
    letter-spacing:3px!important;
    font-weight:950!important;
    color:#111827!important;
    vertical-align:top!important;
  }
  .work-sheet-standalone .work-title{
    position:static!important;
    display:block!important;
    margin:-30px 0 26px 0!important;
    padding:0 0 18px 0!important;
    text-align:center!important;
    font-size:30px!important;
    line-height:1!important;
    letter-spacing:5px!important;
    font-weight:950!important;
    color:#111827!important;
    border-bottom:3px solid #111827!important;
  }
  .work-sheet-standalone .work-topline{
    position:static!important;
    display:grid!important;
    grid-template-columns:auto minmax(140px,1fr) auto minmax(170px,1fr)!important;
    gap:10px 16px!important;
    align-items:end!important;
    max-width:660px!important;
    margin:0 0 20px auto!important;
    font-size:14px!important;
  }
  .work-sheet-standalone .work-copy label,
  .work-sheet-standalone .work-copy span{
    display:block!important;
    font-size:13px!important;
    line-height:1.25!important;
    letter-spacing:.25px!important;
    font-weight:850!important;
    color:#111827!important;
    white-space:normal!important;
  }
  .work-sheet-standalone .work-line{
    display:grid!important;
    grid-template-columns:170px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:end!important;
    margin:0 0 11px 0!important;
  }
  .work-sheet-standalone .work-line.split{
    grid-template-columns:92px 250px 58px minmax(0,1fr)!important;
  }
  .work-sheet-standalone .work-line.split3{
    grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr) auto minmax(150px,1fr)!important;
    gap:10px!important;
  }
  .work-sheet-standalone .work-check-row{
    display:grid!important;
    grid-template-columns:255px 90px 110px 125px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:end!important;
    margin:12px 0!important;
  }
  .work-sheet-standalone .work-copy input,
  .work-sheet-standalone .work-copy textarea{
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    padding:4px 8px!important;
    border:0!important;
    border-bottom:2px solid #475569!important;
    border-radius:0!important;
    background:transparent!important;
    font:16px/22px Arial,Helvetica,sans-serif!important;
    color:#111827!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  .work-sheet-standalone .work-copy input:focus,
  .work-sheet-standalone .work-copy textarea:focus{
    border-bottom-color:#2563eb!important;
    background:linear-gradient(180deg,transparent 0%,rgba(37,99,235,.055) 100%)!important;
    outline:none!important;
    box-shadow:0 3px 0 rgba(37,99,235,.12)!important;
  }
  .work-sheet-standalone .work-check-row input{
    border:1px solid #94a3b8!important;
    border-radius:4px!important;
    height:24px!important;
    min-height:24px!important;
    background:#fff!important;
  }
  .work-sheet-standalone .work-grid-two{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 430px!important;
    gap:44px!important;
    margin-top:16px!important;
  }
  .work-sheet-standalone .work-grid-two>div{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .work-sheet-standalone .work-copy textarea{
    height:82px!important;
    min-height:82px!important;
    resize:vertical!important;
    line-height:22px!important;
    background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(71,85,105,.5) 30px,transparent 31px)!important;
  }
  .work-sheet-standalone .work-sign{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:44px!important;
    margin-top:24px!important;
    padding-top:16px!important;
    border-top:1px dashed #cbd5e1!important;
  }
  .work-sheet-standalone .work-sign strong{
    min-height:54px!important;
    border-bottom:2px solid #475569!important;
    font-size:13px!important;
    letter-spacing:.2px!important;
  }
  .work-sheet-standalone .cut-line{
    height:36px!important;
    line-height:36px!important;
    margin:10px 0!important;
    color:#64748b!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  .work-actions{
    margin-top:24px!important;
    border-radius:18px!important;
  }
}

@media screen and (min-width:801px){
  .materials-card .checkbox-line:has(input[name="human_check"]){display:none!important;}
}

/* V47: Istoric materiale - clientii raman primii, statisticile sunt mutate jos si accesibile prin buton */
.materials-actions-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.materials-stats-bottom{
  margin-top:22px!important;
  scroll-margin-top:110px!important;
}
.materials-stats-bottom .stats-subtitle{
  max-width:760px;
}
@media screen and (max-width:760px){
  .materials-actions-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .materials-actions-row .primary,
  .materials-actions-row .secondary{
    width:100%!important;
    text-align:center!important;
  }
  .materials-stats-bottom{
    margin-top:16px!important;
    scroll-margin-top:130px!important;
  }
}

/* V49: Dashboard administrare, roluri, cautare globala, trafic si securitate */
.admin-shell{max-width:1320px!important;}
.admin-shell .topbar{align-items:center!important;}
.navlinks.icon-nav .nav-short-adm::before{background:#6d28d9!important;color:#fff!important;min-width:38px!important;}
.navlinks.icon-nav .nav-short-adm::after{border-top-color:#6d28d9!important;}
.navlinks.icon-nav .nav-short-adm{border-color:rgba(109,40,217,.28)!important;background:rgba(109,40,217,.08)!important;color:#4c1d95!important;}
.panel.admin-panel,.admin-hero.panel{background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 45px rgba(15,23,42,.08);border-radius:24px;padding:22px;margin:18px 0;}
.admin-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;overflow:hidden;position:relative;}
.admin-hero:before{content:"";position:absolute;inset:-80px auto auto -80px;width:260px;height:260px;background:radial-gradient(circle,rgba(124,255,58,.28),transparent 68%);pointer-events:none;}
.admin-hero h1{margin:4px 0 8px;font-size:clamp(26px,4vw,44px);letter-spacing:-.04em;line-height:1.03;}
.admin-hero p{margin:0;color:#536071;max-width:760px;}
.eyebrow{font-size:12px!important;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#6d28d9!important;margin:0!important;}
.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:300px;}
.dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:18px 0;}
.dash-stat{display:block;text-decoration:none;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.09);border-radius:22px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.06);color:#111827;min-height:110px;transition:transform .18s ease, box-shadow .18s ease;}
.dash-stat:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(15,23,42,.1);}
.dash-stat span{display:block;color:#667085;font-size:13px;font-weight:700;margin-bottom:12px;}
.dash-stat strong{display:block;font-size:38px;line-height:1;font-weight:900;letter-spacing:-.04em;}
.dash-stat-pv{border-top:5px solid #dc2626}.dash-stat-of{border-top:5px solid #16a34a}.dash-stat-mc{border-top:5px solid #2563eb}.dash-stat-ps{border-top:5px solid #f97316}.dash-stat-adm{border-top:5px solid #6d28d9}.dash-stat-traffic{border-top:5px solid #111827}
.admin-search{display:flex;gap:10px;align-items:stretch;margin:12px 0 18px;}
.admin-search input{flex:1;border-radius:16px;border:1px solid rgba(15,23,42,.14);padding:14px 16px;font-size:16px;background:#fff;}
.global-results h3{margin:16px 0 10px;}
.global-result{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:#111827;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:14px;margin:10px 0;box-shadow:0 6px 18px rgba(15,23,42,.04);}
.global-result:hover{border-color:rgba(37,99,235,.35);box-shadow:0 12px 28px rgba(37,99,235,.1);}
.result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:34px;border-radius:999px;color:#fff;font-weight:900;font-size:12px;flex:0 0 auto;}
.result-badge-pv{background:#dc2626}.result-badge-of{background:#16a34a}.result-badge-mc{background:#2563eb}.result-badge-ps{background:#f97316}
.global-result strong{display:block;font-size:17px;}.global-result small{display:block;color:#64748b;margin:3px 0;}.global-result p{margin:0;color:#475569;}
.audit-list{display:grid;gap:10px;}.audit-row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;}.audit-row span,.audit-row small{color:#64748b;}
.admin-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}.admin-user-grid.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.admin-form{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.09);border-radius:20px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04);}.admin-form h3{margin:0 0 12px;}.admin-form label{display:block;font-weight:800;font-size:13px;color:#334155;margin:10px 0 6px;}.admin-form input,.admin-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(15,23,42,.14);border-radius:12px;padding:10px 12px;background:#fff;font:inherit;}.admin-form .checkline{display:flex;gap:8px;align-items:flex-start;font-weight:700;margin:8px 0;}.admin-form .checkline input{width:auto;margin-top:2px;}.perm-grid{display:grid;grid-template-columns:1fr;gap:4px;margin:10px 0 14px;}.user-card{border-left:5px solid #6d28d9;}
.security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;}.security-check{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:14px;}.security-check strong{display:block;margin-bottom:5px;}.security-check span{color:#475569;}.admin-list{line-height:1.8;color:#334155;}.responsive-table{overflow:auto;width:100%;}.responsive-table table{width:100%;border-collapse:collapse;}.responsive-table th,.responsive-table td{padding:10px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;vertical-align:top;}.responsive-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;}
@media screen and (max-width:1100px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.admin-user-grid,.admin-user-grid.role-grid{grid-template-columns:1fr 1fr;}}
@media screen and (max-width:760px){.admin-hero{display:block;padding:18px}.admin-hero-actions{min-width:0;justify-content:flex-start;margin-top:14px}.admin-hero-actions .primary,.admin-hero-actions .secondary{width:100%;text-align:center}.dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-stat{min-height:92px;padding:13px}.dash-stat strong{font-size:30px}.admin-search{display:grid;grid-template-columns:1fr}.global-result{display:grid;grid-template-columns:auto 1fr}.admin-user-grid,.admin-user-grid.role-grid,.security-list{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr;gap:4px}.panel.admin-panel,.admin-hero.panel{border-radius:18px;padding:16px;margin:12px 0}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tr{background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:14px;padding:10px;margin:10px 0}.responsive-table td{border:0;padding:5px 0}}

/* v50 - dashboard, filtre, audit si mobil */
.advanced-filter-form{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(140px,.6fr)) auto auto;gap:12px;align-items:end;margin-bottom:16px}.advanced-filter-form .field{margin:0}.advanced-filter-form input,.advanced-filter-form select{min-height:42px}.filter-card{margin-bottom:16px}.ops-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dash-action-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.08)}.dash-action-card strong{font-size:18px}.dash-action-card span{color:#64748b;line-height:1.45}.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.audit-changes{max-width:520px;white-space:normal}.audit-changes p{padding:8px 0;margin:0;border-bottom:1px solid rgba(15,23,42,.08)}.audit-changes span{display:block;color:#475569;word-break:break-word}.admin-responsive-table td,.admin-responsive-table th{vertical-align:top}.table-wrap{overflow-x:auto}.list-table{table-layout:auto}details summary{cursor:pointer;font-weight:700;color:#0f172a}.notice.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.notice.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
@media (max-width: 980px){.advanced-filter-form{grid-template-columns:1fr 1fr}.advanced-filter-form .search-field{grid-column:1/-1}.advanced-filter-form button,.advanced-filter-form a.secondary{width:100%;text-align:center}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hero{gap:18px}.admin-hero-actions a{flex:1 1 140px;text-align:center}}
@media (max-width: 720px){.page-shell.admin-shell,.admin-shell{padding:12px}.advanced-filter-form{grid-template-columns:1fr;gap:10px}.dashboard-grid{grid-template-columns:1fr}.admin-hero.panel{padding:18px}.admin-hero h1{font-size:24px;line-height:1.12}.dash-stat{min-height:auto;padding:16px}.responsive-table,.table-wrap{overflow:visible}.responsive-table table,.admin-responsive-table,.admin-panel table{display:block;width:100%}.responsive-table thead,.admin-responsive-table thead,.admin-panel table thead{display:none}.responsive-table tbody,.responsive-table tr,.responsive-table td,.admin-responsive-table tbody,.admin-responsive-table tr,.admin-responsive-table td,.admin-panel table tbody,.admin-panel table tr,.admin-panel table td{display:block;width:100%;box-sizing:border-box}.responsive-table tr,.admin-responsive-table tr,.admin-panel table tr{margin:0 0 12px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(15,23,42,.06)}.responsive-table td,.admin-responsive-table td,.admin-panel table td{border:0!important;padding:6px 0!important;white-space:normal!important;word-break:break-word}.responsive-table td::before,.admin-responsive-table td::before,.admin-panel table td::before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:800;margin-bottom:2px}.admin-hero-actions{flex-direction:column}.admin-hero-actions a{width:100%}.global-result{align-items:flex-start}.audit-changes{max-width:100%}}

/* v52 - afisare data si ora completare in istorice */
.history-date-stack{display:flex;flex-direction:column;gap:3px;min-width:112px;line-height:1.15;white-space:nowrap}
.history-date-stack strong{font-size:14px;font-weight:900;color:#0f172a}
.history-date-stack small{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.01em}
@media (max-width:720px){.history-date-stack{white-space:normal;min-width:0}.history-date-stack strong{font-size:15px}.history-date-stack small{font-size:12px}}

/* V55: istoric filtre utilizator - fara suprapunere buton/select + collation fix in helpers */
@media screen and (min-width:981px){
  .advanced-filter-form{
    display:grid!important;
    grid-template-columns:minmax(320px,2fr) minmax(150px,.65fr) minmax(150px,.65fr) minmax(300px,1.25fr) auto auto auto!important;
    gap:12px!important;
    align-items:end!important;
  }
  .advanced-filter-form .field,
  .advanced-filter-form .field.block{
    min-width:0!important;
    width:100%!important;
  }
  .advanced-filter-form select,
  .advanced-filter-form input{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .advanced-filter-form button,
  .advanced-filter-form a.secondary,
  .advanced-filter-form .primary,
  .advanced-filter-form .secondary{
    white-space:nowrap!important;
    position:relative!important;
    z-index:1!important;
  }
}
@media screen and (max-width:1180px) and (min-width:981px){
  .advanced-filter-form{
    grid-template-columns:minmax(280px,1.6fr) minmax(140px,.6fr) minmax(140px,.6fr) minmax(260px,1fr)!important;
  }
  .advanced-filter-form button,
  .advanced-filter-form a.secondary{width:100%!important;justify-content:center!important;text-align:center!important;}
}
@media screen and (min-width:761px){
  .history-list-table td[data-label="Data / ora completare"],
  .history-list-table th:nth-child(6){width:150px!important;min-width:135px!important;white-space:normal!important;}
  .history-list-table td[data-label="Utilizator sistem"],
  .history-list-table th:nth-child(7){width:190px!important;min-width:160px!important;white-space:normal!important;overflow-wrap:break-word!important;}
  .history-list-table td[data-label="Actiuni"],
  .history-list-table th:nth-child(8){width:170px!important;min-width:150px!important;}
}

/* V57: notificari admin persistente + fix containere butoane/navigatie */
@media screen{
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) minmax(0,auto)!important;
    align-items:center!important;
    gap:14px!important;
    overflow:visible!important;
  }
  .topbar .brand{
    min-width:0!important;
    max-width:100%!important;
  }
  .topbar .navlinks.icon-nav{
    max-width:100%!important;
    width:auto!important;
    min-width:0!important;
    justify-content:flex-end!important;
    align-content:start!important;
    flex-wrap:wrap!important;
    row-gap:28px!important;
    overflow:visible!important;
    padding-top:34px!important;
    padding-bottom:6px!important;
  }
  .navlinks.icon-nav .nav-icon-link{
    overflow:visible!important;
  }
  .history-list-table td[data-label="Actiuni"],
  .materials-history-table td[data-label="Actiuni"]{
    min-width:150px!important;
    max-width:190px!important;
    white-space:normal!important;
  }
  .history-list-table td[data-label="Actiuni"] .secondary,
  .history-list-table td[data-label="Actiuni"] .primary,
  .history-list-table td[data-label="Actiuni"] .danger-btn,
  .materials-history-table td[data-label="Actiuni"] .secondary,
  .materials-history-table td[data-label="Actiuni"] .primary,
  .materials-history-table td[data-label="Actiuni"] .danger-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:170px!important;
    min-height:34px!important;
    margin:0 0 8px 0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .admin-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
  }
  .admin-section-head h2{
    margin:0 0 4px;
  }
  .admin-notification-list{
    display:grid;
    gap:10px;
  }
  .admin-notification-card{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:flex-start;
    padding:14px;
    border:1px solid rgba(37,99,235,.16);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(239,246,255,.9),rgba(255,255,255,.96));
    color:#0f172a;
    text-decoration:none;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
  }
  .admin-notification-card:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 36px rgba(15,23,42,.1);
  }
  .admin-notification-card p{
    margin:2px 0 4px;
    color:#334155;
    line-height:1.4;
  }
  .admin-notification-card small{
    color:#64748b;
    font-weight:700;
  }
}
@media screen and (max-width:980px){
  .topbar{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .topbar .navlinks.icon-nav{
    width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding-right:10px!important;
  }
  .admin-section-head{
    display:grid;
    grid-template-columns:1fr;
  }
}
@media screen and (max-width:720px){
  .history-list-table td[data-label="Actiuni"],
  .materials-history-table td[data-label="Actiuni"]{
    max-width:none!important;
  }
  .history-list-table td[data-label="Actiuni"] .secondary,
  .history-list-table td[data-label="Actiuni"] .primary,
  .history-list-table td[data-label="Actiuni"] .danger-btn,
  .materials-history-table td[data-label="Actiuni"] .secondary,
  .materials-history-table td[data-label="Actiuni"] .primary,
  .materials-history-table td[data-label="Actiuni"] .danger-btn{
    max-width:none!important;
  }
}

/* V58: fixed notification drawer + desktop history action containment */
@media screen{
  .mh-notification-float{
    position:fixed!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:9998!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    writing-mode:vertical-rl!important;
    text-orientation:mixed!important;
    min-height:118px!important;
    min-width:42px!important;
    padding:12px 8px!important;
    border:1px solid #d7dee8!important;
    border-right:0!important;
    border-radius:14px 0 0 14px!important;
    background:#101418!important;
    color:#fff!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    box-shadow:0 16px 34px rgba(16,24,40,.22)!important;
    cursor:pointer!important;
  }
  .mh-notification-float:hover,
  .mh-notification-float[aria-expanded="true"]{
    background:#0f172a!important;
    box-shadow:0 18px 44px rgba(16,24,40,.28)!important;
  }
  .mh-notification-float-text{
    font-size:12px!important;
    line-height:1!important;
  }
  .mh-notification-float-badge{
    writing-mode:horizontal-tb!important;
    position:absolute!important;
    top:-8px!important;
    left:-8px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    border:2px solid #fff!important;
    background:#e11d48!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:0 8px 16px rgba(225,29,72,.32)!important;
  }
  .mh-notification-float-badge[hidden]{display:none!important;}
  .mh-notification-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:9996!important;
    background:rgba(15,23,42,.22)!important;
    backdrop-filter:blur(2px)!important;
  }
  .mh-notification-overlay[hidden]{display:none!important;}
  .mh-notification-sidebar{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    z-index:9997!important;
    width:min(430px,calc(100vw - 46px))!important;
    transform:translateX(104%)!important;
    display:flex!important;
    flex-direction:column!important;
    border-left:1px solid #dfe6ee!important;
    background:rgba(255,255,255,.98)!important;
    color:#101418!important;
    box-shadow:-24px 0 54px rgba(16,24,40,.22)!important;
    transition:transform .22s ease!important;
  }
  .mh-notification-sidebar.is-open{
    transform:translateX(0)!important;
  }
  .mh-notification-sidebar-head{
    display:flex!important;
    justify-content:space-between!important;
    gap:14px!important;
    align-items:flex-start!important;
    padding:18px 18px 14px!important;
    border-bottom:1px solid #e6edf4!important;
    background:linear-gradient(180deg,#fff,#f8fafc)!important;
  }
  .mh-notification-sidebar-head strong{
    display:block!important;
    font-size:18px!important;
    line-height:1.15!important;
    color:#101418!important;
  }
  .mh-notification-sidebar-head span{
    display:block!important;
    margin-top:4px!important;
    color:#667085!important;
    font-size:13px!important;
    font-weight:700!important;
  }
  .mh-notification-close{
    width:34px!important;
    height:34px!important;
    border:1px solid #d8dee7!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#101418!important;
    font-size:24px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .mh-notification-sidebar-list{
    overflow:auto!important;
    padding:12px!important;
    display:grid!important;
    gap:10px!important;
  }
  .mh-notification-item{
    display:grid!important;
    gap:5px!important;
    padding:13px 14px!important;
    border:1px solid #dfe6ee!important;
    border-left:4px solid #2563eb!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#101418!important;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
  }
  .mh-notification-item:hover{
    border-color:#cbd5e1!important;
    transform:translateY(-1px)!important;
    box-shadow:0 14px 30px rgba(15,23,42,.1)!important;
  }
  .mh-notification-item strong{
    font-size:13px!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
    color:#1f2937!important;
  }
  .mh-notification-item span{
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
  }
  .mh-notification-item small{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:700!important;
  }
  .mh-notification-sidebar-empty{
    margin:14px!important;
    padding:16px!important;
    border:1px dashed #cbd5e1!important;
    border-radius:14px!important;
    color:#64748b!important;
    text-align:center!important;
    font-weight:800!important;
  }
}

@media screen and (min-width:761px){
  .table-wrap{
    overflow-x:hidden!important;
  }
  .history-list-table{
    table-layout:fixed!important;
    width:100%!important;
  }
  .history-list-table th,
  .history-list-table td{
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .history-list-table th:nth-child(1),
  .history-list-table td:nth-child(1){width:4%!important;}
  .history-list-table th:nth-child(2),
  .history-list-table td:nth-child(2){width:14%!important;}
  .history-list-table th:nth-child(3),
  .history-list-table td:nth-child(3){width:12%!important;}
  .history-list-table th:nth-child(4),
  .history-list-table td:nth-child(4){width:11%!important;}
  .history-list-table th:nth-child(5),
  .history-list-table td:nth-child(5){width:24%!important;}
  .history-list-table th:nth-child(6),
  .history-list-table td:nth-child(6){width:10%!important;}
  .history-list-table th:nth-child(7),
  .history-list-table td:nth-child(7){width:15%!important;}
  .history-list-table th:nth-child(8),
  .history-list-table td:nth-child(8){width:10%!important;}
  .history-list-table td[data-label="Adresa"],
  .history-list-table td[data-label="Utilizator sistem"]{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .history-list-table td[data-label="Actiuni"],
  .action-cell{
    overflow:visible!important;
    padding-right:10px!important;
    white-space:normal!important;
  }
  .history-list-table td[data-label="Actiuni"] .secondary,
  .history-list-table td[data-label="Actiuni"] .danger-btn,
  .action-cell .secondary,
  .action-cell .danger-btn{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 7px!important;
    padding:8px 8px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  .history-list-table .inline-delete-form,
  .action-cell .inline-delete-form{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
}

@media screen and (max-width:760px){
  .mh-notification-float{
    min-height:96px!important;
    min-width:38px!important;
    padding:10px 7px!important;
    border-radius:12px 0 0 12px!important;
  }
  .mh-notification-float-text{
    font-size:11px!important;
  }
  .mh-notification-sidebar{
    width:calc(100vw - 38px)!important;
  }
}

/* V59: fix definitiv actiuni Istoric PV + raspuns mai rapid pe tabele mari */
@media screen and (min-width: 761px){
  .list-card{
    overflow:hidden!important;
  }
  .table-wrap{
    overflow-x:hidden!important;
    contain:layout paint!important;
  }
  .history-list-table{
    width:100%!important;
    max-width:100%!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  .history-list-table th,
  .history-list-table td{
    box-sizing:border-box!important;
    vertical-align:top!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .history-list-table tbody tr{
    content-visibility:auto;
    contain-intrinsic-size:96px;
  }
  .history-list-table th:nth-child(1),
  .history-list-table td:nth-child(1){width:42px!important;min-width:42px!important;max-width:42px!important;}
  .history-list-table th:nth-child(2),
  .history-list-table td:nth-child(2){width:138px!important;min-width:138px!important;max-width:138px!important;}
  .history-list-table th:nth-child(3),
  .history-list-table td:nth-child(3){width:148px!important;min-width:148px!important;max-width:148px!important;}
  .history-list-table th:nth-child(4),
  .history-list-table td:nth-child(4){width:118px!important;min-width:118px!important;max-width:118px!important;}
  .history-list-table th:nth-child(5),
  .history-list-table td:nth-child(5){width:auto!important;min-width:0!important;max-width:none!important;}
  .history-list-table th:nth-child(6),
  .history-list-table td:nth-child(6){width:132px!important;min-width:132px!important;max-width:132px!important;}
  .history-list-table th:nth-child(7),
  .history-list-table td:nth-child(7){width:166px!important;min-width:166px!important;max-width:166px!important;}
  .history-list-table th:nth-child(8),
  .history-list-table td:nth-child(8){width:128px!important;min-width:128px!important;max-width:128px!important;}
  .history-list-table td[data-label="Actiuni"],
  .history-list-table .action-cell{
    padding:12px 8px!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  .history-list-table td[data-label="Actiuni"] .secondary,
  .history-list-table td[data-label="Actiuni"] .primary,
  .history-list-table td[data-label="Actiuni"] .danger-btn{
    width:100%!important;
    max-width:112px!important;
    min-width:0!important;
    min-height:32px!important;
    padding:7px 6px!important;
    margin:0 0 7px 0!important;
    font-size:12px!important;
    line-height:1.12!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .history-list-table .inline-delete-form{
    display:block!important;
    width:100%!important;
    max-width:112px!important;
    margin:0!important;
  }
  .history-list-table td[data-label="Utilizator sistem"]{
    font-size:13px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  .history-list-table td[data-label="Adresa"]{
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .advanced-filter-form{
    contain:layout!important;
  }
  .advanced-filter-form button,
  .advanced-filter-form a.secondary,
  .history-list-table a,
  .history-list-table button{
    transition:none!important;
  }
}

/* v62 - stergere fise materiale cu modal de confirmare */
.material-action-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  align-items:stretch!important;
  max-width:150px!important;
}
.materials-actions-cell .secondary,
.materials-actions-cell .danger-btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.2!important;
}
.danger-btn{
  appearance:none;
  border:1px solid #e2a6a6;
  background:#fee2e2;
  color:#991b1b;
  border-radius:9px;
  padding:9px 12px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.danger-btn:hover{background:#fecaca;}
.confirm-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(15,23,42,.52);
  backdrop-filter:blur(6px);
}
.confirm-modal-backdrop.is-open{display:flex;}
.confirm-modal{
  width:min(460px,100%);
  background:#fff;
  border:1px solid #dbe4ef;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(15,23,42,.28);
  padding:22px;
}
.confirm-modal h2{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.15;
}
.confirm-modal p{
  margin:0 0 18px;
  color:#475569;
  line-height:1.45;
}
.confirm-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
@media screen and (max-width:760px){
  .material-action-stack{max-width:none!important;width:100%!important;}
  .confirm-modal{padding:18px;border-radius:16px;}
  .confirm-modal-actions{display:grid;grid-template-columns:1fr;}
  .confirm-modal-actions .secondary,
  .confirm-modal-actions .danger-btn{width:100%;}
}

/* v63 - Istoric materiale: actiuni vizibile, tabel compact, notificari floating compacte */
@media screen{
  .materials-history-card{
    overflow:hidden!important;
  }
  .materials-history-card .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .materials-history-table{
    width:100%!important;
    max-width:100%!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  .materials-history-table th,
  .materials-history-table td{
    box-sizing:border-box!important;
    vertical-align:top!important;
    padding:14px 10px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .materials-history-table th:nth-child(1),
  .materials-history-table td:nth-child(1){width:4%!important;}
  .materials-history-table th:nth-child(2),
  .materials-history-table td:nth-child(2){width:13%!important;}
  .materials-history-table th:nth-child(3),
  .materials-history-table td:nth-child(3){width:17%!important;}
  .materials-history-table th:nth-child(4),
  .materials-history-table td:nth-child(4){width:13%!important;}
  .materials-history-table th:nth-child(5),
  .materials-history-table td:nth-child(5){width:9%!important;}
  .materials-history-table th:nth-child(6),
  .materials-history-table td:nth-child(6){width:7%!important;}
  .materials-history-table th:nth-child(7),
  .materials-history-table td:nth-child(7){width:7%!important;text-align:center!important;}
  .materials-history-table th:nth-child(8),
  .materials-history-table td:nth-child(8){width:20%!important;}
  .materials-history-table th:nth-child(9),
  .materials-history-table td:nth-child(9){width:10%!important;min-width:110px!important;}
  .materials-history-table td[data-label="Utilizator sistem"]{
    overflow-wrap:anywhere!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  .materials-history-table td[data-label="Materiale"]{
    line-height:1.35!important;
  }
  .materials-actions-cell{
    overflow:visible!important;
  }
  .materials-actions-cell .material-action-stack{
    width:100%!important;
    max-width:118px!important;
    margin:0 auto!important;
    gap:6px!important;
  }
  .materials-actions-cell .secondary,
  .materials-actions-cell .danger-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:118px!important;
    min-height:32px!important;
    padding:7px 6px!important;
    margin:0!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-align:center!important;
  }
  .file-count-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:54px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:#eef4ff!important;
    color:#1d4ed8!important;
    border:1px solid #bfdbfe!important;
    font-weight:900!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

@media screen and (max-width:1180px) and (min-width:761px){
  .materials-history-table th,
  .materials-history-table td{padding:12px 7px!important;font-size:13px!important;}
  .materials-history-table th:nth-child(3),
  .materials-history-table td:nth-child(3){width:15%!important;}
  .materials-history-table th:nth-child(4),
  .materials-history-table td:nth-child(4){width:14%!important;}
  .materials-history-table th:nth-child(8),
  .materials-history-table td:nth-child(8){width:20%!important;}
  .materials-history-table th:nth-child(9),
  .materials-history-table td:nth-child(9){width:11%!important;min-width:104px!important;}
  .materials-actions-cell .material-action-stack{max-width:106px!important;}
  .materials-actions-cell .secondary,
  .materials-actions-cell .danger-btn{max-width:106px!important;font-size:11.5px!important;}
}

@media screen and (max-width:760px){
  .materials-history-table,
  .materials-history-table thead,
  .materials-history-table tbody,
  .materials-history-table tr,
  .materials-history-table td{display:block!important;width:100%!important;box-sizing:border-box!important;}
  .materials-history-table thead{display:none!important;}
  .materials-history-table tr{border:1px solid #e2e8f0!important;border-radius:16px!important;margin:0 0 12px!important;padding:10px!important;background:#fff!important;}
  .materials-history-table td{border:0!important;padding:6px 0!important;display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;overflow:visible!important;}
  .materials-history-table td::before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#64748b;}
  .materials-actions-cell .material-action-stack{max-width:none!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  .materials-actions-cell .secondary,
  .materials-actions-cell .danger-btn{max-width:none!important;width:100%!important;}
}

@media screen{
  .mh-notification-float{
    right:14px!important;
    top:auto!important;
    bottom:22px!important;
    transform:none!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    padding:0!important;
    border-radius:18px!important;
    border:1px solid rgba(15,23,42,.14)!important;
    background:#101418!important;
    box-shadow:0 18px 42px rgba(16,24,40,.28)!important;
  }
  .mh-notification-float-icon{
    display:block!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .mh-notification-float-text{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .mh-notification-float-badge{
    top:-7px!important;
    right:-7px!important;
    left:auto!important;
    writing-mode:horizontal-tb!important;
  }
  .mh-notification-sidebar{
    width:min(430px,calc(100vw - 72px))!important;
  }
}


/* Upload imagini materiale - JPG max 500 KB */
.materials-files input[type=file]{
  width:100%;
  max-width:100%;
  min-height:44px;
  padding:10px;
  border:1px solid rgba(148,163,184,.45);
  border-radius:12px;
  background:#fff;
  box-sizing:border-box;
}
.materials-files .attach-note{
  display:block;
  font-size:13px;
  line-height:1.45;
  opacity:.82;
  margin-top:8px;
}
@media(max-width:720px){
  .materials-files input[type=file]{font-size:15px;}
}

/* V65: notificari verzi lipite de margine + inchidere individuala */
@media screen{
  .mh-notification-float{
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    min-height:112px!important;
    min-width:46px!important;
    padding:12px 8px!important;
    border:1px solid rgba(255,255,255,.32)!important;
    border-right:0!important;
    border-radius:18px 0 0 18px!important;
    background:linear-gradient(160deg,#16a34a 0%,#22c55e 52%,#15803d 100%)!important;
    color:#fff!important;
    box-shadow:0 18px 42px rgba(21,128,61,.34), inset 0 1px 0 rgba(255,255,255,.3)!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .mh-notification-float::before{
    content:""!important;
    position:absolute!important;
    inset:4px!important;
    border-radius:14px 0 0 14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0))!important;
    pointer-events:none!important;
    z-index:-1!important;
  }
  .mh-notification-float:hover,
  .mh-notification-float[aria-expanded="true"]{
    background:linear-gradient(160deg,#15803d 0%,#22c55e 58%,#166534 100%)!important;
    box-shadow:0 20px 50px rgba(21,128,61,.42), inset 0 1px 0 rgba(255,255,255,.34)!important;
  }
  .mh-notification-float-icon{
    width:24px!important;
    height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    writing-mode:horizontal-tb!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.16)!important;
  }
  .mh-notification-float-icon svg{
    width:16px!important;
    height:16px!important;
    display:block!important;
    fill:currentColor!important;
  }
  .mh-notification-float-bubbles{
    position:absolute!important;
    inset:auto auto -8px -13px!important;
    width:30px!important;
    height:52px!important;
    pointer-events:none!important;
    writing-mode:horizontal-tb!important;
  }
  .mh-notification-float-bubbles i{
    position:absolute!important;
    display:block!important;
    border-radius:999px!important;
    background:#22c55e!important;
    border:2px solid #fff!important;
    box-shadow:0 6px 14px rgba(21,128,61,.25)!important;
  }
  .mh-notification-float-bubbles i:nth-child(1){width:9px!important;height:9px!important;left:7px!important;top:4px!important;opacity:.86!important;}
  .mh-notification-float-bubbles i:nth-child(2){width:13px!important;height:13px!important;left:0!important;top:19px!important;opacity:.96!important;}
  .mh-notification-float-bubbles i:nth-child(3){width:7px!important;height:7px!important;left:16px!important;top:37px!important;opacity:.78!important;}
  .mh-notification-float-text{
    font-size:11px!important;
    letter-spacing:.04em!important;
  }
  .mh-notification-float-badge{
    background:#dc2626!important;
    color:#fff!important;
    border:2px solid #fff!important;
    box-shadow:0 8px 16px rgba(220,38,38,.32)!important;
  }
  .mh-notification-item-wrap{
    position:relative!important;
    display:block!important;
    transition:opacity .18s ease, transform .18s ease!important;
  }
  .mh-notification-item-wrap.is-dismissing{
    opacity:.45!important;
    transform:translateX(8px)!important;
  }
  .mh-notification-item{
    padding-right:46px!important;
    border-left-color:#16a34a!important;
  }
  .mh-notification-item-close{
    position:absolute!important;
    right:10px!important;
    top:10px!important;
    width:28px!important;
    height:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d8e1ea!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#334155!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:900!important;
    cursor:pointer!important;
    box-shadow:0 6px 14px rgba(15,23,42,.08)!important;
  }
  .mh-notification-item-close:hover,
  .mh-notification-item-close:focus-visible{
    background:#f8fafc!important;
    color:#dc2626!important;
    border-color:#fecaca!important;
  }
}

@media screen and (max-width:760px){
  .mh-notification-float{
    min-height:96px!important;
    min-width:42px!important;
    border-radius:16px 0 0 16px!important;
  }
  .mh-notification-float-text{
    font-size:10px!important;
  }
  .mh-notification-float-icon{
    width:22px!important;
    height:22px!important;
  }
}

/* V72: reparatie Istoric materiale pe mobil
   Cauza: latimile fixe ale coloanelor se pastrau pe td-uri si valoarea din card era comprimata pe 1 caracter/linie.
   Solutie: reset complet pentru tabelul de istoric materiale doar pe ecrane mici + buton notificari mutat jos ca sa nu acopere continutul. */
@media screen and (max-width: 760px){
  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  .page-shell{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
  .form-card.materials-history-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:12px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }
  .materials-actions-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .materials-actions-row a,
  .advanced-filter-form .primary,
  .advanced-filter-form .secondary{
    width:100% !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
  .advanced-filter-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }
  .advanced-filter-form .field,
  .advanced-filter-form .field.block,
  .advanced-filter-form input,
  .advanced-filter-form select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .materials-history-card .table-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  .materials-history-table,
  .materials-history-table thead,
  .materials-history-table tbody,
  .materials-history-table tr,
  .materials-history-table th,
  .materials-history-table td{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .materials-history-table{
    display:block !important;
    table-layout:auto !important;
    border-collapse:separate !important;
  }
  .materials-history-table thead{
    display:none !important;
  }
  .materials-history-table tbody{
    display:block !important;
  }
  .materials-history-table tr{
    display:block !important;
    margin:0 0 14px !important;
    padding:12px !important;
    border:1px solid rgba(148,163,184,.30) !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
    overflow:hidden !important;
  }

  /* Reset explicit pentru toate latimile nth-child din desktop. */
  .materials-history-table th:nth-child(n),
  .materials-history-table td:nth-child(n){
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .materials-history-table td{
    display:grid !important;
    grid-template-columns:minmax(104px, 38%) minmax(0, 1fr) !important;
    column-gap:12px !important;
    row-gap:4px !important;
    align-items:start !important;
    padding:9px 0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(226,232,240,.95) !important;
    font-size:15px !important;
    line-height:1.35 !important;
    color:#111827 !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .materials-history-table td:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .materials-history-table td::before{
    content:attr(data-label) !important;
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    color:#64748b !important;
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.045em !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .materials-history-table td > *,
  .materials-history-table td a,
  .materials-history-table td span,
  .materials-history-table td strong{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .materials-history-table td[data-label="ID"],
  .materials-history-table td[data-label="Data / ora completare"],
  .materials-history-table td[data-label="Telefon"],
  .materials-history-table td[data-label="Echipa"]{
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .materials-history-table td[data-label="Data / ora completare"]{
    font-variant-numeric:tabular-nums !important;
  }
  .materials-history-table td[data-label="Materiale"]{
    line-height:1.45 !important;
  }

  .materials-actions-cell .material-action-stack,
  .materials-history-table td[data-label="Actiuni"] .action-cell{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
  }
  .materials-actions-cell .secondary,
  .materials-actions-cell .danger-btn,
  .materials-history-table td[data-label="Actiuni"] .secondary,
  .materials-history-table td[data-label="Actiuni"] .danger-btn{
    width:100% !important;
    max-width:100% !important;
    min-height:42px !important;
    margin:0 !important;
    font-size:14px !important;
    box-sizing:border-box !important;
  }

  .file-count-badge{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
  }

  /* Pe mobil, tab-ul vertical de notificari acoperea randurile. Il facem buton compact jos-dreapta. */
  .mh-notification-float{
    right:12px !important;
    left:auto !important;
    top:auto !important;
    bottom:18px !important;
    transform:none !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    padding:0 !important;
    border-radius:18px !important;
    border-right:1px solid rgba(255,255,255,.32) !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    z-index:9999 !important;
  }
  .mh-notification-float-text{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
  }
  .mh-notification-float-bubbles{
    inset:auto auto -7px -10px !important;
  }
  .mh-notification-sidebar{
    width:calc(100vw - 28px) !important;
    max-width:420px !important;
    right:14px !important;
  }
}

@media screen and (max-width: 380px){
  .materials-history-table td{
    grid-template-columns:96px minmax(0, 1fr) !important;
    column-gap:10px !important;
    font-size:14px !important;
  }
  .materials-history-table td::before{
    font-size:10.5px !important;
  }
}


/* V73: repara coloana Actiuni/Sterge pe desktop pentru Istoric materiale.
   V72 a reparat mobilul, dar istoricul materiale are 9 coloane; regulile vechi vizau 8 coloane,
   iar coloana Actiuni putea ramane comprimata/iesita din zona vizibila pe desktop. */
@media screen and (min-width:761px){
  .materials-history-card .table-wrap{
    overflow-x:auto!important;
    overflow-y:visible!important;
  }
  .materials-history-table{
    table-layout:fixed!important;
    width:100%!important;
    min-width:1180px!important;
  }
  .materials-history-table th,
  .materials-history-table td{
    box-sizing:border-box!important;
    vertical-align:top!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
  }
  .materials-history-table th:nth-child(1),
  .materials-history-table td:nth-child(1){width:58px!important;white-space:nowrap!important;}
  .materials-history-table th:nth-child(2),
  .materials-history-table td:nth-child(2){width:145px!important;white-space:normal!important;}
  .materials-history-table th:nth-child(3),
  .materials-history-table td:nth-child(3){width:155px!important;}
  .materials-history-table th:nth-child(4),
  .materials-history-table td:nth-child(4){width:150px!important;}
  .materials-history-table th:nth-child(5),
  .materials-history-table td:nth-child(5){width:120px!important;white-space:nowrap!important;}
  .materials-history-table th:nth-child(6),
  .materials-history-table td:nth-child(6){width:95px!important;}
  .materials-history-table th:nth-child(7),
  .materials-history-table td:nth-child(7){width:85px!important;text-align:center!important;}
  .materials-history-table th:nth-child(8),
  .materials-history-table td:nth-child(8){width:auto!important;min-width:260px!important;}
  .materials-history-table th:nth-child(9),
  .materials-history-table td:nth-child(9),
  .materials-history-table td[data-label="Actiuni"]{
    width:175px!important;
    min-width:175px!important;
    max-width:175px!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .materials-history-table .material-action-stack,
  .materials-history-table td[data-label="Actiuni"] .action-cell{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
  }
  .materials-history-table td[data-label="Actiuni"] .secondary,
  .materials-history-table td[data-label="Actiuni"] .danger-btn,
  .materials-history-table .material-delete-trigger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:34px!important;
    margin:0!important;
    padding:8px 10px!important;
    line-height:1.2!important;
    text-align:center!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:2!important;
  }
  .materials-history-table .material-delete-trigger{
    cursor:pointer!important;
  }
}

/* V74 cascade guard: pastreaza triggerul meniului pe acelasi rand la orice rezolutie. */
@media screen{
  html.operations-menu-open,
  body.operations-menu-open,
  body.operations-menu-open .page-shell{
    overflow:visible!important;
  }
  .topbar,
  .admin-shell .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .topbar .operations-nav{
    width:auto!important;
    min-width:0!important;
    justify-self:end!important;
  }
}
@media screen and (max-width:760px){
  .topbar,
  .admin-shell .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
}

/* V83.2: override final pentru meniul comun; trebuie să fie ultima regulă
   pentru a nu lăsa cascadele mai vechi să acopere antetul. */
@media screen{
  .topbar,.admin-shell .topbar{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#ffffff!important;
  }
  .operations-menu[open]::before{
    display:none!important;
    content:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:transparent!important;
  }
  .operations-nav,.operations-menu{isolation:isolate!important}
  .operations-menu[open] .operations-menu-panel{
    z-index:2147482001!important;
    background:#ffffff!important;
    opacity:1!important;
    filter:none!important;
  }
  .operations-menu-trigger,.home-nav-link,.depanero-nav-link{
    border:1px solid #cbd5e1!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
    box-shadow:0 5px 14px rgba(15,23,42,.08)!important;
  }
  .operations-menu-trigger:hover,.operations-menu-trigger:focus-visible,.home-nav-link:hover,.home-nav-link:focus-visible,.home-nav-link.is-active,.depanero-nav-link:hover,.depanero-nav-link:focus-visible,.depanero-nav-link.is-active,.operations-menu[open] .operations-menu-trigger{
    border-color:#818cf8!important;
    background:linear-gradient(180deg,#eef2ff 0%,#ffffff 100%)!important;
    box-shadow:0 0 0 3px rgba(99,102,241,.13),0 10px 22px rgba(15,23,42,.12)!important;
  }
  .operations-menu-panel .operations-menu-head strong,.operations-menu-panel .operations-menu-title{color:#3730a3!important}
}

/* Oferta: titlurile sectiunilor raman verzi, iar notele sunt vizibile si in
   editor, si in previzualizare/print. */
@media screen{
  .offer-section-head{align-items:stretch!important;gap:10px!important}
  .offer-section-head-fields{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(220px,1.15fr);gap:10px;flex:1;min-width:0}
  .offer-section-title{background:#2aa14b!important;border:0!important;color:#fff!important;text-align:center!important;font-weight:900!important;min-height:42px!important}
  .offer-section-title:focus{background:#238b40!important;color:#fff!important}
  .offer-section-note{min-height:42px!important;height:42px!important;resize:vertical!important;padding:10px 12px!important;font-size:13px!important;line-height:1.35!important}
  .offer-section-note::placeholder{color:#94a3b8!important}
  .offer-section-head .remove-offer-section{align-self:center;white-space:nowrap}
  .offer-section-summary{background:rgba(42,161,75,.1)!important;border:1px solid rgba(42,161,75,.18)!important}
  .offer-view-section-note,.offer-print-section-note{margin:6px 0 0;padding:7px 10px;border-left:3px solid #2aa14b;border-radius:0 8px 8px 0;background:#f0fdf4;color:#166534;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
  .offer-print-section-note{margin:5px 0 0;font-size:10px;padding:5px 8px}
}
@media screen and (max-width:980px){
  .offer-section-head-fields{grid-template-columns:1fr}
  .offer-section-head .remove-offer-section{align-self:stretch}
}

/* Oferta: ordinea vizuala este titlu verde -> tabel -> nota -> total. */
@media screen{
  .offer-section-head-fields{display:block!important;min-width:0!important;width:100%!important}
  .offer-section-head{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .offer-section-title{display:block!important;width:100%!important;box-sizing:border-box!important;min-height:44px!important;border-radius:10px!important}
  .offer-subbrand{display:block!important;width:100%!important;box-sizing:border-box!important;background:#2aa14b!important;color:#fff!important}
  .offer-subbrand-edit{display:block!important;width:100%!important;box-sizing:border-box!important;background:transparent!important;color:inherit!important;border:0!important}
  .offer-title-edit{background:transparent!important;color:inherit!important;border:0!important}
  .offer-section-note-wrap{display:grid;gap:5px;margin-top:10px;padding:0 2px}
  .offer-section-note-wrap label{font-size:11px!important;font-weight:900!important;letter-spacing:.04em;text-transform:uppercase;color:#64748b!important}
  .offer-section-note{display:block!important;width:100%!important;box-sizing:border-box!important;min-height:42px!important;height:42px!important;background:#fff!important;color:#172033!important}
  .offer-section-note:focus{height:64px!important}
  .offer-section-head .remove-offer-section{justify-self:end!important;align-self:center!important;margin-top:7px!important}
  .offer-title-bar{display:block!important;width:100%!important;box-sizing:border-box!important;background:#2aa14b!important;color:#fff!important;border-radius:10px!important;padding:8px 12px!important;margin:8px 0 10px!important}
  .offer-title-edit{display:block!important;width:100%!important;box-sizing:border-box!important;background:transparent!important;color:#fff!important;border:0!important;font-weight:900!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.03em!important}
  .offer-total-line{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,160px) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}
  .offer-total-line[hidden]{display:none!important}
  .offer-total-line strong{font-weight:850;color:#172033}
  .offer-total-line input{min-width:0!important;width:100%!important;background:transparent!important;border:0!important;border-bottom:1px solid #94a3b8!important;text-align:right!important;font-weight:900!important}
  .offer-total-line .remove-offer-total{min-height:32px!important;padding:6px 9px!important;font-size:11px!important;white-space:nowrap!important}
  .offer-total-restore-wrap{display:flex;justify-content:flex-end;margin-top:8px}
  .offer-total-restore-wrap button[hidden]{display:none!important}
}
@media screen and (max-width:980px){
  .offer-section-head{display:grid!important;grid-template-columns:1fr!important}
  .offer-total-line{grid-template-columns:1fr!important;gap:5px!important}
  .offer-total-line input{text-align:left!important}
  .offer-total-line .remove-offer-total{justify-self:start!important}
}

/* Oferta: benzile cerute pentru editor, previzualizare și PDF. */
.offer-print-title{background:#2aa14b!important;color:#fff!important;border-radius:4px!important;padding:7px 10px!important;font-weight:900!important}
.offer-print-section-title{width:100%!important;box-sizing:border-box!important;background:#2aa14b!important;color:#fff!important}

/* Dialoguri proprii aplicației: fără ferestre native de browser. */
.app-dialog-backdrop{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.46)}
.app-dialog-backdrop.is-open{display:flex}
.app-dialog-card{position:relative;width:min(500px,100%);display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 14px;padding:24px;background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:22px;box-shadow:0 28px 90px rgba(15,23,42,.3);font-family:inherit;animation:app-dialog-in .18s ease-out}
.app-dialog-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff7ed;color:#c2410c;font-size:24px;font-weight:950}
.app-dialog-card.is-confirm .app-dialog-icon{background:#ecfdf5;color:#15803d}
.app-dialog-card.is-error .app-dialog-icon{background:#fef2f2;color:#b91c1c}
.app-dialog-content{min-width:0}
.app-dialog-kicker{margin:1px 0 4px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.app-dialog-card h2{margin:0;color:#172033;font-size:20px;line-height:1.2}
.app-dialog-card p{margin:8px 0 0;color:#475569;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.app-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
.app-dialog-actions button{min-height:42px;border-radius:11px;font-weight:850;cursor:pointer}
.app-dialog-actions button[hidden]{display:none!important}
@keyframes app-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media screen and (max-width:520px){.app-dialog-card{grid-template-columns:40px minmax(0,1fr);gap:0 10px;padding:18px;border-radius:18px}.app-dialog-icon{width:36px;height:36px;border-radius:11px;font-size:20px}.app-dialog-card h2{font-size:18px}.app-dialog-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.app-dialog-actions button{width:100%}}
@media print{.app-dialog-backdrop{display:none!important}}