:root {
  --bg: #08262c;
  --bg-2: #0b3037;
  --panel: rgba(15, 58, 66, .94);
  --panel-2: rgba(19, 73, 82, .92);
  --line: rgba(145, 224, 221, .24);
  --text: #f2ffff;
  --muted: #bad8d8;
  --accent: #76d2ce;
  --accent-2: #4ca9b0;
  --success: #78d8ad;
  --warning: #ffd27a;
  --danger: #ff8e94;
  --shadow: 0 20px 60px rgba(0, 0, 0, .28);
  --radius: 18px;
  --sidebar: 248px;
  font-family: Arial, "Noto Sans Hebrew", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 12% 8%, rgba(61, 159, 166, .20), transparent 34%), radial-gradient(circle at 86% 78%, rgba(63, 132, 143, .18), transparent 36%), linear-gradient(145deg, var(--bg), #0b3239 65%, #071f25); color: var(--text); }
a { color: var(--accent); text-decoration: none; }
button, input, select, textarea { font: inherit; }
.ambient-grid { position: fixed; inset: 0; pointer-events: none; opacity: .26; background-image: linear-gradient(rgba(118, 210, 206, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(118, 210, 206, .04) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(circle at center, black, transparent 88%); animation: grid-drift 24s linear infinite; }
@keyframes grid-drift { to { transform: translate3d(48px, 48px, 0); } }
.topbar { position: sticky; top: 0; z-index: 20; height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; border-bottom: 1px solid var(--line); background: rgba(8, 38, 44, .92); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 12px; color: var(--text); min-width: 0; }
.brand-marks { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.burla-logo-surface { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.brand .burla-brand-logo { width: 126px; height: 38px; object-fit: contain; object-position: center; }
.brand .flowcore-brand-logo { width: 46px; height: 46px; object-fit: contain; border-radius: 10px; background: #fff; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 17px; letter-spacing: .2px; }
.brand small { color: var(--muted); margin-top: 3px; }
[dir="ltr"] .sidebar { border-left: 0; border-right: 1px solid var(--line); }
[dir="ltr"] .status-border-completed, [dir="ltr"] .status-border-on_site, [dir="ltr"] .status-border-en_route, [dir="ltr"] .status-border-waiting { border-right-width: 1px; border-left-width: 4px; }
[dir="ltr"] .compare-new, [dir="ltr"] .compare-changed, [dir="ltr"] .compare-missing { box-shadow: inset 4px 0 0 currentColor; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.user-chip { color: var(--muted); border: 1px solid var(--line); border-radius: 999px; padding: 9px 13px; }
.app-shell { display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); min-height: calc(100vh - 76px); }
.sidebar { position: sticky; top: 76px; align-self: start; height: calc(100vh - 76px); padding: 18px 12px; border-left: 1px solid var(--line); background: rgba(9, 44, 51, .88); overflow-y: auto; }
.nav-link { display: flex; align-items: center; gap: 11px; padding: 11px 12px; margin: 3px 0; color: var(--muted); border-radius: 12px; transition: .16s ease; }
.nav-link:hover, .nav-link.active { color: var(--text); background: rgba(118, 210, 206, .12); box-shadow: inset 0 0 0 1px rgba(118, 210, 206, .16); }
.nav-icon { width: 24px; text-align: center; color: var(--accent); font-size: 18px; }
.sidebar-footer { margin-top: 22px; padding: 14px 8px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; line-height: 1.45; }
.sidebar-footer img { width: 58px; height: 60px; object-fit: contain; display: block; margin-bottom: 8px; opacity: .92; }
.sidebar-footer span { display: block; margin-top: 7px; color: #6f999a; }
.main-content, .print-content { position: relative; padding: 26px; min-width: 0; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.page-heading h1 { margin: 0; font-size: clamp(24px, 3vw, 34px); }
.page-heading p { margin: 7px 0 0; color: var(--muted); }
.page-actions, .button-row { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.panel, .metric-card, .quick-card, .field-card { background: linear-gradient(145deg, var(--panel), rgba(4, 29, 35, .96)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.panel { padding: 18px; margin-bottom: 18px; }
.panel h2 { margin: 0 0 14px; font-size: 19px; }
.panel h3 { margin: 14px 0 8px; font-size: 15px; color: var(--accent); }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.panel-head h2 { margin: 0; }
.metric-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.metric-card { padding: 18px; min-height: 112px; display: flex; flex-direction: column; justify-content: space-between; }
.metric-card span, .metric-card small { color: var(--muted); }
.metric-card strong { font-size: 34px; line-height: 1; }
.metric-card.warning { border-color: rgba(255, 210, 122, .38); }
.quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.quick-card { color: var(--text); padding: 18px; min-height: 112px; transition: transform .16s ease, border-color .16s ease; }
.quick-card:hover { transform: translateY(-2px); border-color: rgba(118, 210, 206, .5); }
.quick-card strong, .quick-card span { display: block; }
.quick-card span { color: var(--muted); margin-top: 9px; font-size: 14px; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 14px; border-radius: 11px; border: 1px solid transparent; cursor: pointer; font-weight: 700; transition: .15s ease; }
.btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.btn-primary { color: #001b1f; background: linear-gradient(135deg, #9fe5df, #5fc1c0); }
.btn-secondary { color: var(--text); background: #0a4a54; border-color: rgba(118, 210, 206, .22); }
.btn-ghost { color: var(--accent); background: transparent; border-color: var(--line); }
.btn-danger { color: #2d0004; background: var(--danger); }
.btn-small { min-height: 32px; padding: 6px 10px; font-size: 12px; }
.btn-block { width: 100%; }
.inline-form { display: inline-flex; margin: 0; }
.form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.stack-form { display: grid; gap: 14px; }
.inline-grid { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(90px, .7fr) minmax(90px, .7fr) minmax(160px, 1fr) auto; gap: 9px; align-items: end; margin-top: 14px; }
label { display: grid; gap: 7px; color: var(--muted); font-size: 13px; font-weight: 700; }
input, select, textarea { width: 100%; color: var(--text); background: rgba(5, 37, 43, .86); border: 1px solid rgba(145, 224, 221, .27); border-radius: 10px; padding: 10px 11px; outline: none; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(118, 210, 206, .1); }
textarea { resize: vertical; }
.checkbox-label { display: flex; align-items: center; gap: 9px; align-self: center; }
.checkbox-label input { width: auto; accent-color: var(--accent); }
.span-2 { grid-column: span 2; }
.span-3 { grid-column: 1 / -1; }
.form-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 4px; }
.section-title { padding-top: 8px; border-top: 1px solid var(--line); color: var(--accent); font-weight: 700; font-size: 17px; }
.is-hidden { display: none !important; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-bottom: 16px; padding: 13px; background: rgba(5, 39, 46, .7); border: 1px solid var(--line); border-radius: 14px; }
.filter-bar label { min-width: 150px; }
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th, .data-table td { padding: 11px 9px; border-bottom: 1px solid rgba(118, 210, 206, .12); text-align: right; vertical-align: top; }
.data-table th { color: var(--accent); font-size: 12px; letter-spacing: .25px; }
.data-table td { font-size: 13px; }
.data-table td small, .data-table td strong { display: block; }
.data-table td small { color: var(--muted); margin-top: 4px; }
.data-table.compact th, .data-table.compact td { padding: 8px; }
.badge-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 5px 9px; font-size: 11px; font-weight: 700; background: rgba(159, 199, 199, .12); color: var(--muted); border: 1px solid rgba(159, 199, 199, .16); }
.status-completed, .status-tested { color: var(--success); background: rgba(120, 216, 173, .11); border-color: rgba(120, 216, 173, .25); }
.status-on_site, .status-en_route, .status-received { color: #7ad8ff; background: rgba(80, 168, 214, .12); }
.status-waiting { color: var(--warning); background: rgba(255, 210, 122, .11); }
.status-cancelled { color: var(--danger); background: rgba(255, 142, 148, .11); }
.status-draft { color: #b5a6ff; }
.priority-urgent { color: #ff9aa0; border-color: rgba(255, 142, 148, .35); }
.priority-high { color: var(--warning); }
.alert { padding: 12px 14px; border-radius: 12px; margin-bottom: 14px; border: 1px solid var(--line); }
.alert-success { color: var(--success); background: rgba(120, 216, 173, .09); border-color: rgba(120, 216, 173, .25); }
.alert-error { color: #ffc0c4; background: rgba(255, 142, 148, .09); border-color: rgba(255, 142, 148, .25); }
.alert-warning { color: var(--warning); background: rgba(255, 210, 122, .09); border-color: rgba(255, 210, 122, .25); }
.alert-info { color: #a9e8ff; background: rgba(101, 184, 218, .09); border-color: rgba(101, 184, 218, .25); }
.empty-state { padding: 40px 18px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: var(--radius); }
.detail-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 18px; }
.two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.details-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.details-list div { padding: 10px; border: 1px solid rgba(118, 210, 206, .12); border-radius: 11px; background: rgba(0, 20, 24, .3); }
.details-list dt { color: var(--muted); font-size: 11px; }
.details-list dd { margin: 5px 0 0; font-weight: 700; }
.text-block { border-top: 1px solid var(--line); margin-top: 15px; padding-top: 2px; }
.text-block p { line-height: 1.65; }
.date-emphasis { font-size: 18px; color: var(--accent); }
.invoice-state { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.invoice-state span { color: var(--muted); }
.requirement-row, .document-row, .sample-row { display: grid; grid-template-columns: auto 1fr; gap: 5px 10px; padding: 10px 0; border-bottom: 1px solid rgba(118, 210, 206, .11); }
.requirement-row span { grid-row: span 2; color: var(--warning); font-size: 11px; border: 1px solid rgba(255, 210, 122, .25); border-radius: 999px; padding: 5px 7px; align-self: start; }
.requirement-row small, .document-row small, .sample-row small { color: var(--muted); grid-column: 2; }
.timeline article { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; padding: 13px 0; border-bottom: 1px solid rgba(118, 210, 206, .11); }
.timeline time, .timeline article > span { color: var(--muted); font-size: 11px; }
.timeline p { grid-column: 1 / -1; margin: 0; line-height: 1.55; }
.schedule-group { margin-bottom: 20px; }
.schedule-group-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border-radius: 13px 13px 0 0; background: #0a4a54; }
.schedule-group-head h2 { margin: 0; }
.schedule-group .data-table { background: rgba(5, 39, 46, .74); border-radius: 0 0 13px 13px; overflow: hidden; }
.warehouse-order { padding: 14px 0; border-top: 1px solid var(--line); }
.warehouse-order header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.print-paperwork { margin-top: 10px; color: var(--muted); }
.print-placeholder, .placeholder-cell, .print-checkbox { display: none; }
.field-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.field-card { display: block; color: var(--text); padding: 17px; border-right-width: 4px; }
.field-card h2 { margin: 13px 0 8px; font-size: 18px; }
.field-card p { color: var(--muted); min-height: 42px; }
.field-card-head { display: flex; align-items: center; justify-content: space-between; }
.status-border-completed { border-right-color: var(--success); }
.status-border-on_site, .status-border-en_route { border-right-color: #69c4e8; }
.status-border-waiting { border-right-color: var(--warning); }
.lab-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.result-list { margin: 0; }
.result-list div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid rgba(118, 210, 206, .1); }
.result-list dt { color: var(--muted); }
.result-list dd { margin: 0; font-weight: 700; }
.compare-new { box-shadow: inset -4px 0 0 #72d9b0; }
.compare-changed { box-shadow: inset -4px 0 0 #ffd27a; }
.compare-missing { opacity: .65; box-shadow: inset -4px 0 0 #ff8e94; }
.muted { color: var(--muted); }
.narrow { max-width: 560px; }
code, pre { direction: ltr; text-align: left; background: rgba(0, 0, 0, .25); border-radius: 8px; padding: 3px 6px; color: #d8ffff; overflow: auto; }
.link-button { border: 0; background: transparent; color: var(--danger); cursor: pointer; padding: 0; }
.password-wrap { position: relative; }
.password-wrap input { padding-left: 44px; }
.eye-toggle { position: absolute; left: 5px; top: 5px; width: 34px; height: 34px; border: 0; border-radius: 8px; background: rgba(118, 210, 206, .12); color: var(--accent); cursor: pointer; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 22px; }
.login-card { position: relative; z-index: 2; width: min(460px, 100%); padding: 28px; border: 1px solid rgba(145, 224, 221, .28); border-radius: 22px; background: rgba(13, 52, 60, .95); box-shadow: 0 28px 90px rgba(0, 0, 0, .34); backdrop-filter: blur(18px); }
.login-card h1 { margin: 15px 0 5px; text-align: center; }
.login-card > p { text-align: center; color: var(--muted); margin: 0 0 20px; }
.login-brands { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.login-brands .flowcore-login-mark { width: 148px; height: 148px; max-width: 52%; object-fit: contain; border-radius: 18px; background: #fff; }
.login-brands .burla-logo-surface { max-width: 88%; padding: 8px 14px; }
.login-brands .burla-mark { width: 235px; max-width: 100%; height: auto; object-fit: contain; }
.login-brands .schwartz-mark { width: 82px; height: 85px; max-width: 34%; object-fit: contain; opacity: .94; }
.login-language { display: flex; justify-content: center; gap: 9px; margin-top: 13px; font-size: 13px; color: var(--muted); }
.login-language a { color: var(--muted); }
.login-language a.active { color: var(--accent); font-weight: 700; }
.login-footer { display: block; text-align: center; color: #6f999a; margin-top: 18px; }
.install-card { width: min(560px, 100%); }
@media (max-width: 1180px) {
  .metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .field-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 880px) {
  :root { --sidebar: 78px; }
  .sidebar .nav-link span:last-child, .sidebar-footer small, .sidebar-footer img { display: none; }
  .nav-link { justify-content: center; }
  .sidebar-footer { text-align: center; }
  .topbar { height: auto; min-height: 70px; }
  .brand small, .user-chip { display: none; }
  .app-shell { min-height: calc(100vh - 70px); }
  .sidebar { top: 70px; height: calc(100vh - 70px); }
  .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .span-3 { grid-column: 1 / -1; }
  .detail-grid, .two-col { grid-template-columns: 1fr; }
  .inline-grid { grid-template-columns: 1fr 1fr; }
  .inline-grid textarea, .inline-grid input:first-of-type { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  :root { --sidebar: 0px; }
  .sidebar { position: fixed; bottom: 0; top: auto; right: 0; left: 0; width: 100%; height: 62px; z-index: 40; display: flex; gap: 4px; padding: 7px; border: 0; border-top: 1px solid var(--line); overflow-x: auto; background: rgba(8, 38, 44, .98); }
  .sidebar .nav-link { min-width: 48px; margin: 0; padding: 7px; }
  .sidebar-footer { display: none; }
  .app-shell { display: block; }
  .main-content { padding: 17px 12px 84px; }
  .topbar { padding: 8px 12px; }
  .brand .burla-brand-logo { width: 84px; height: 30px; }
  .brand .flowcore-brand-logo { width: 36px; height: 36px; }
  .brand strong { font-size: 14px; }
  .topbar-actions .btn { min-height: 34px; padding: 7px 10px; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .metric-grid, .quick-grid, .field-cards, .lab-grid { grid-template-columns: 1fr; }
  .form-grid, .inline-grid, .details-list { grid-template-columns: 1fr; }
  .span-2, .span-3 { grid-column: 1; }
  .panel { padding: 14px; border-radius: 15px; }
  .filter-bar { display: grid; grid-template-columns: 1fr 1fr; }
  .filter-bar label { min-width: 0; }
  .data-table th, .data-table td { white-space: nowrap; }
  .timeline article { grid-template-columns: 1fr auto; }
  .timeline article > span { grid-column: 1 / -1; }
}
@media print {
  @page { size: A4 portrait; margin: 12mm; }
  body { background: #fff; color: #000; font-size: 10pt; }
  .ambient-grid, .topbar, .sidebar, .page-actions, .filter-bar, .btn, form, .quick-grid { display: none !important; }
  .app-shell { display: block; }
  .main-content, .print-content { padding: 0; }
  .panel, .metric-card, .field-card { background: #fff; color: #000; box-shadow: none; border: 1px solid #999; break-inside: avoid; }
  .page-heading { margin-bottom: 8mm; }
  .page-heading h1 { font-size: 18pt; }
  .data-table th, .data-table td { color: #000; border-color: #bbb; padding: 5px; }
  .badge { color: #000 !important; border-color: #999 !important; background: #fff !important; }
  .print-placeholder, .placeholder-cell, .print-checkbox { display: inline; }
  .warehouse-sheet { break-after: page; }
  .warehouse-sheet:last-child { break-after: auto; }
  .print-paperwork { color: #000; }
  a { color: #000; }
}


/* v1.7 operational modules */
.is-hidden { display: none !important; }
.row-warning { box-shadow: inset -4px 0 0 var(--warning); }
.row-danger { box-shadow: inset -4px 0 0 var(--danger); }
.metric-card.warning strong { color: var(--warning); }
.metric-card.danger strong { color: var(--danger); }
.badge.success { color: var(--success); border-color: rgba(120,216,173,.35); }
.badge.danger { color: var(--danger); border-color: rgba(255,142,148,.35); }
.button-row, .public-toolbar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.inline-form { display:flex; gap:7px; align-items:center; }
.copy-box { display:flex; gap:8px; align-items:center; }
.copy-box input { flex:1; direction:ltr; text-align:left; }
.signature-block { border:1px solid var(--line); border-radius:14px; padding:12px; }
.signature-block p { color:var(--muted); font-size:12px; }
.signature-block canvas { display:block; width:100%; height:220px; background:#fff; border:1px dashed #5b8588; border-radius:10px; touch-action:none; cursor:crosshair; }
.proof-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.proof-card { display:grid; gap:6px; padding:12px; border:1px solid var(--line); border-radius:12px; color:var(--text); }
.import-grid input, .import-grid select, .import-grid textarea { min-width:130px; }
.report-brand, .public-brand { display:flex; align-items:center; gap:20px; margin-bottom:24px; }
.report-brand img, .public-brand img { width:155px; max-height:92px; object-fit:contain; }
.report-brand h1, .public-brand h1 { margin:0; }
.report-brand p, .public-brand p { margin:6px 0 0; color:var(--muted); }
.report-signoff { display:flex; justify-content:space-between; gap:20px; margin-top:28px; padding-top:18px; border-top:1px solid var(--line); }
.water-report footer { display:flex; justify-content:flex-end; margin-top:24px; }
.water-report footer img { width:58px; height:60px; object-fit:contain; }
.public-page { min-height:100vh; padding:28px 14px; }
.public-shell { width:min(1050px,100%); margin:0 auto; position:relative; z-index:2; }
.public-card { background:rgba(13,52,60,.96); border:1px solid rgba(145,224,221,.28); border-radius:20px; padding:clamp(18px,4vw,38px); box-shadow:0 25px 80px rgba(0,0,0,.30); }
.public-footer { display:flex; justify-content:center; align-items:center; gap:12px; margin:20px 0; color:var(--muted); }
.public-footer img { width:54px; height:56px; object-fit:contain; }
.language-links { display:flex; justify-content:flex-end; gap:8px; margin:-12px 0 18px; }
.portal-report-list { display:grid; gap:12px; }
.portal-report-item { display:grid; gap:5px; color:var(--text); padding:16px; border:1px solid var(--line); border-radius:13px; background:rgba(0,20,24,.4); }
.portal-report-item:hover { border-color:var(--accent); }
html[dir="ltr"] .sidebar { right:auto; left:0; border-left:0; border-right:1px solid var(--line); }
html[dir="ltr"] .main-content { direction:ltr; }
html[dir="ltr"] .status-border-completed, html[dir="ltr"] .status-border-on_site, html[dir="ltr"] .status-border-en_route, html[dir="ltr"] .status-border-waiting { border-right-width:1px; border-left-width:4px; }
html[dir="ltr"] input, html[dir="ltr"] textarea, html[dir="ltr"] select { text-align:left; }
@media (max-width:620px) {
  .copy-box, .report-signoff { align-items:stretch; flex-direction:column; }
  .report-brand, .public-brand { align-items:flex-start; }
  .report-brand img, .public-brand img { width:105px; }
  .signature-block canvas { height:180px; }
}
@media print {
  .public-page { padding:0; }
  .public-card { border:0; box-shadow:none; padding:0; background:#fff; }
  .public-footer, .no-print { display:none !important; }
  .report-brand img { width:45mm; }
}

/* v1.8 full-clean warehouse, languages and session controls */
.language-menu { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:6px; }
.language-menu a { display:inline-flex; align-items:center; min-height:30px; padding:5px 8px; border:1px solid transparent; border-radius:8px; color:var(--muted); font-size:12px; }
.language-menu a:hover, .language-menu a.active { color:var(--accent); border-color:var(--line); background:rgba(118,210,206,.08); }
.warehouse-meta { display:flex; flex-wrap:wrap; gap:12px; margin:8px 0 12px; color:var(--muted); font-size:12px; }
.warehouse-table td:nth-child(4) { min-width:440px; }
.warehouse-update { display:grid; grid-template-columns:repeat(2,minmax(150px,1fr)); gap:9px; align-items:end; }
.warehouse-update .btn { align-self:end; }
.shortage-panel { border-color:rgba(255,142,148,.36); box-shadow:inset 0 3px 0 rgba(255,142,148,.48); }
.shortage-panel .panel-head { margin-bottom:8px; }
.status-border-pending { box-shadow:inset -4px 0 0 var(--warning); }
.status-border-prepared { box-shadow:inset -4px 0 0 var(--success); }
.status-border-shortage { box-shadow:inset -4px 0 0 var(--danger); }
.status-border-not_required { opacity:.72; }
.print-only { display:none; }
.legal-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.public-language { margin-top:0; }
.session-device { display:grid; gap:4px; }
.session-device small { color:var(--muted); }
html[dir="ltr"] .status-border-pending,
html[dir="ltr"] .status-border-prepared,
html[dir="ltr"] .status-border-shortage { box-shadow:none; border-left-width:4px; }
@media (max-width:880px) {
  .warehouse-table td:nth-child(4) { min-width:360px; }
  .warehouse-update { grid-template-columns:1fr; }
  .warehouse-update .span-2 { grid-column:1; }
  .language-menu { max-width:260px; }
}
@media (max-width:620px) {
  .language-menu { justify-content:center; max-width:none; width:100%; order:3; }
  .topbar { flex-wrap:wrap; }
  .warehouse-table td:nth-child(4) { min-width:300px; }
  .warehouse-order header { flex-direction:column; }
}
@media print {
  .print-only { display:inline; }
  .warehouse-update, .shortage-panel.no-print, .language-menu { display:none !important; }
  .warehouse-table td:nth-child(4) { min-width:0; }
}

/* v1.8.2 native language labels and iPad/mobile viewport hardening */
html {
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  min-height: 100vh;
  min-height: 100dvh;
  padding-top: env(safe-area-inset-top, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
}
.lang-switch,
.login-language a,
.language-links a {
  unicode-bidi: isolate;
  white-space: nowrap;
}
.panel,
.table-wrap,
.public-card {
  max-width: 100%;
}
.table-wrap,
.panel:has(> .data-table) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
img,
video,
canvas,
iframe {
  max-width: 100%;
}
input,
select,
textarea,
button {
  touch-action: manipulation;
}
@media (hover: none), (pointer: coarse) {
  .btn,
  .nav-link,
  .language-menu a,
  .login-language a,
  .language-links a,
  input,
  select,
  textarea,
  button {
    min-height: 44px;
  }
  .btn-small { min-height: 40px; }
}
@media (max-width: 1024px) {
  .topbar {
    padding-inline: max(14px, env(safe-area-inset-left, 0px)) max(14px, env(safe-area-inset-right, 0px));
  }
  .main-content,
  .print-content {
    padding-inline: max(18px, env(safe-area-inset-left, 0px)) max(18px, env(safe-area-inset-right, 0px));
  }
  input,
  select,
  textarea { font-size: 16px; }
  .panel-head { align-items: flex-start; flex-wrap: wrap; }
  .page-actions { width: 100%; }
  .page-actions > * { max-width: 100%; }
  .data-table { min-width: max-content; }
  .signature-block canvas { min-height: 220px; }
}
@media (max-width: 820px) {
  .topbar-actions { flex-wrap: wrap; justify-content: flex-end; }
  .brand { min-width: 0; }
  .brand span { min-width: 0; }
  .brand strong { overflow-wrap: anywhere; }
  .login-card { margin-block: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 620px) {
  .sidebar {
    height: calc(62px + env(safe-area-inset-bottom, 0px));
    padding-bottom: calc(7px + env(safe-area-inset-bottom, 0px));
  }
  .main-content {
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  }
  .login-page,
  .public-page {
    padding-inline: max(10px, env(safe-area-inset-left, 0px)) max(10px, env(safe-area-inset-right, 0px));
  }
  .login-card { width: 100%; }
  .filter-bar { grid-template-columns: 1fr; }
  .language-menu,
  .login-language,
  .language-links { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@supports not selector(:has(*)) {
  .panel { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}


/* v1.8.4 retained operational cards and digital field-report workflow */
.accounting-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:18px; }
.accounting-action-card { display:grid; gap:8px; min-height:142px; padding:24px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(8,58,66,.92),rgba(3,25,29,.95)); color:var(--text); align-content:center; }
.accounting-action-card strong { font-size:clamp(20px,3vw,29px); color:var(--accent); }
.accounting-action-card span { color:var(--muted); }
.operational-driver-card { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:14px; background:rgba(0,20,24,.42); }
.operational-driver-card > div:first-child { display:grid; gap:5px; }
.operational-driver-card small { color:var(--muted); }
@media (max-width:820px) { .accounting-actions { grid-template-columns:1fr; } .operational-driver-card { align-items:stretch; flex-direction:column; } }


/* FlowCore 1.8.4 branding and logo consistency */
.page-title-with-logo { display: flex; align-items: center; gap: 12px; min-width: 0; }
.page-flowcore-logo { width: 46px; height: 46px; flex: 0 0 46px; object-fit: contain; border-radius: 10px; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.public-system-brand { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto 14px; color: var(--muted); font-size: 13px; }
.public-system-brand img { width: 48px; height: 48px; object-fit: contain; border-radius: 10px; background: #fff; }
.report-brand img, .public-brand img { background: transparent; border: 0; border-radius: 0; padding: 0; box-sizing: border-box; }
.public-footer img { background: transparent; border-radius: 0; padding: 0; }
@media (max-width: 760px) {
  .brand-marks { gap: 5px; }
  .brand .burla-brand-logo { width: 84px; height: 30px; }
  .brand .flowcore-brand-logo { width: 36px; height: 36px; }
  .burla-logo-surface { padding: 4px 6px; border-radius: 7px; }
  .page-flowcore-logo { width: 38px; height: 38px; flex-basis: 38px; }
  .public-system-brand span { display: none; }
}
@media print {
  .page-flowcore-logo { width: 28mm; height: 28mm; box-shadow: none; }
  .report-brand img, .public-brand img { border-color: #ddd; }
}


/* v1.8.4 lighter Schwartz teal theme and unified schedule additions */
.burla-logo-surface { background: transparent; border: 0; box-shadow: none; padding: 0; }
.report-brand img, .public-brand img { background: transparent; border: 0; border-radius: 0; padding: 0; }
.brand .burla-brand-logo, .login-brands .burla-mark { filter: none; }
.page-title-with-logo { display: flex; align-items: center; gap: 12px; min-width: 0; }
.linked-task-panel { border-color: rgba(145,224,221,.34); }
.linked-task-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); }
.linked-task-card:first-of-type { border-top: 0; }
.linked-task-card > div:first-child { display: grid; gap: 4px; }
.linked-task-card span, .linked-task-card small { color: var(--muted); }
.linked-task-actions { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.framework-mode-fields { display: contents; }
.theme-swatch { border-radius: 14px; border: 1px solid var(--line); }
@media (max-width: 760px) {
  .linked-task-card { align-items: flex-start; flex-direction: column; }
  .linked-task-actions { width: 100%; justify-content: space-between; }
  .brand-marks { gap: 5px; }
  .brand .burla-brand-logo { width: 92px; }
}
@media print {
  .report-brand img, .public-brand img { background: #fff; }
}