/* BuildInspect shared screen styles. New York controls, Zinc light and graphite dark. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Hebrew:wght@400;500;600;700&display=swap") screen;

@media screen {
  :root {
    color-scheme: light;
    --background: #ffffff;
    --foreground: #09090b;
    --card: #ffffff;
    --muted: #f4f4f5;
    --accent: #f4f4f5;
    --muted-foreground: #71717a;
    --border: #e4e4e7;
    --primary: #18181b;
    --primary-foreground: #fafafa;
    --primary-hover: #27272a;
    --bi-muted-text: #62626c;
    --bi-font: Inter, "Noto Sans Hebrew", Arial, sans-serif;
    --bi-card-radius: 0.75rem;
    --bi-control-radius: 0.375rem;
    --bi-card-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --bi-positive: #166534;
    --bi-positive-bg: #f0fdf4;
    --bi-danger: #991b1b;
    --bi-danger-bg: #fef2f2;
    --bi-warning: #854d0e;
    --bi-warning-bg: #fffbeb;
    --bi-info: #1e40af;
    --bi-info-bg: #eff6ff;
    --surface: var(--card);
    --text: var(--foreground);
    --line: var(--border);
    --page: var(--background);
    --bi-shell-surface: var(--card);
    --bi-shell-panel: var(--muted);
    --bi-shell-line: var(--border);
    --bi-shell-muted: var(--bi-muted-text);
    --bi-shell-active: var(--accent);
    --bi-shell-accent: var(--primary);
  }

  html[data-bi-theme=dark] {
    color-scheme: dark;
    --background: #202124;
    --foreground: #f0f1f3;
    --card: #292b30;
    --muted: #32353b;
    --accent: #3e434c;
    --muted-foreground: #b9bdc7;
    --border: #494e57;
    --primary: #505966;
    --primary-foreground: #f7f8fa;
    --primary-hover: #5c6675;
    --bi-input: #24262b;
    --bi-control-border: #757d8b;
    --bi-focus-ring: #becbdf;
    --bi-muted-text: var(--muted-foreground);
    --bi-positive: #86efac;
    --bi-positive-bg: #102017;
    --bi-danger: #fca5a5;
    --bi-danger-bg: #2a1518;
    --bi-warning: #fde68a;
    --bi-warning-bg: #272012;
    --bi-info: #93c5fd;
    --bi-info-bg: #151e32;
    --bi-disposal: #d4b4ff;
    --bi-disposal-bg: #2d233b;
  }
}

/* Existing layout and feature selectors. */
.bi-logo{width:clamp(80px,13vw,150px);height:48px;object-fit:contain;border:1px solid #ffffff50;border-radius:8px;padding:4px;background:var(--foreground);margin-inline-end:8px;vertical-align:middle}.bi-project-photo{width:112px;height:68px;object-fit:cover;border:1px solid var(--border);border-radius:8px;padding:3px;vertical-align:middle;margin-inline-end:12px}.bi-brand-banner{min-height:96px;background-position:center;background-size:cover}.bi-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bi-actions a{color:inherit;border:1px solid var(--border);border-radius:8px;padding:7px 10px;text-decoration:none}.bi-nav-menu{position:relative}.bi-nav-menu>summary{padding:8px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer;list-style:none}.bi-nav-menu>summary::after{content:' ▾'}.bi-nav-menu>div{position:absolute;inset-inline-start:0;top:100%;z-index:10;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px;display:grid;gap:4px;box-shadow:0 8px 18px #10274720}.bi-nav-menu a{display:block;padding:8px;color:inherit}.bi-badge{background:#b42436;color:white;border-radius:99px;padding:2px 7px;margin-inline-start:5px;font-size:.8em}
@media screen{html[data-bi-theme=dark]{color-scheme:dark;--surface:var(--card);--text:var(--foreground);--line:var(--border);--page:var(--background)}
html[data-bi-theme=dark] body{background:var(--page);color:var(--text)}html[data-bi-theme=dark] :is(section,.surface,.panel,.card,.layer,dialog,nav,header,.library-layout,.document-card,.document-detail,.folder-name,.folder-toggle,.bi-nav-menu>div,.stats>div,.stats>button,.history,.issue-list,.repair-work),html[data-bi-theme=dark] #checkFeedback{background-color:var(--surface);color:var(--text);border-color:var(--line)}html[data-bi-theme=dark] :is(input,select,textarea){background-color:var(--background);color:var(--text);border-color:var(--line)}html[data-bi-theme=dark] .primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}html[data-bi-theme=dark] :is(.muted,.no-photo){color:var(--bi-muted-text)}html[data-bi-theme=dark] a{color:var(--foreground)}html[data-bi-theme=dark] .error{color:#ff9b9b}html[data-bi-theme=dark] :is(.checked,.stock-good){color:#83e5b6}html[data-bi-theme=dark] :is(.faulty,.stock-min){color:#ff939e}html[data-bi-theme=dark] :is(.pending,.muted){color:#b7c8be}html[data-bi-theme=dark] :is(.closed){color:#9bbfff}html[data-bi-theme=dark] :is(.unable,.stock-reserved){color:#ffb665}html[data-bi-theme=dark] .stock-disposed{color:#d4b4ff}html[data-bi-theme=dark] .issue{color:var(--foreground)}html[data-bi-theme=dark] .unable-form{color:#fff}html[data-bi-theme=dark] td,html[data-bi-theme=dark] th{border-color:var(--line)}
}

.bi-web-shell{display:grid;grid-template-columns:244px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh;align-items:start;--bi-shell-surface:#fff;--bi-shell-panel:var(--muted);--bi-shell-line:var(--border);--bi-shell-muted:var(--bi-muted-text);--bi-shell-active:var(--accent);--bi-shell-accent:var(--primary)}
.bi-web-shell>header{grid-column:2;grid-row:1;min-height:142px;display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:24px 28px;background:var(--card) center/cover;color:white;min-width:0}
.bi-web-shell>header .bi-brand-copy{display:grid;gap:2px}
.bi-web-shell>header .bi-brand-copy span{font-size:13px}
.bi-web-shell>header .bi-logo{width:190px;max-width:38vw;height:62px;margin:0;padding:10px 14px;background:#18181b}
.bi-web-shell>header .bi-header-back{margin-inline-start:auto;color:white}
.bi-web-shell>main,.bi-web-shell>.bi-web-content{grid-column:2;grid-row:2;min-width:0;width:100%;max-width:1450px;margin:0 auto;padding:26px 32px 36px}
.bi-sidebar{grid-column:1;grid-row:1 / -1;position:sticky;top:0;height:100vh;min-width:0;overflow:auto;padding:22px 14px;background:var(--bi-shell-surface);border-inline-end:1px solid var(--bi-shell-line)}
.bi-wordmark{display:block;padding-inline:10px;color:var(--bi-shell-accent);font-size:21px;font-weight:bold;text-decoration:none}
.bi-sidebar-context{margin:22px 10px 10px;color:var(--bi-shell-muted);font-size:13px;overflow-wrap:anywhere}
.bi-sidebar nav,.bi-sidebar .bi-nav-group{display:grid;gap:4px;background:none}
.bi-sidebar :is(nav a,nav button,nav summary){display:flex;align-items:center;gap:10px;min-height:43px;padding:9px 10px;border:0;border-radius:8px;background:none;color:inherit;font:600 14px/1.4 var(--bi-font,Arial,sans-serif);text-align:start;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.bi-sidebar nav :is(a,button,summary):hover,.bi-sidebar nav [aria-current=page]{background:var(--bi-shell-active);color:var(--bi-shell-accent)}
.bi-sidebar nav [aria-current=page]{font-weight:700}
.bi-sidebar svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bi-sidebar a:focus-visible,.bi-outline:focus-visible,.bi-metric:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.bi-sidebar .bi-nav-divider{border:0;border-top:1px solid var(--bi-shell-line);margin:8px 0}
.bi-outline{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;border:1px solid var(--bi-shell-line,var(--border));border-radius:8px;background:var(--bi-shell-surface,var(--card));color:inherit;font-size:14px;font-weight:bold;text-decoration:none}
.bi-outline:hover{border-color:var(--bi-shell-accent,var(--primary))}
.bi-company-home:not(.bi-web-shell)>main{max-width:580px}
.bi-company-home .bi-session{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:16px;color:var(--bi-shell-muted);font-size:13px}
.bi-company-home .bi-session button{min-height:36px;padding:5px 10px}
.bi-page-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.bi-page-heading h1,.bi-service-card h2,.bi-service-card p{margin:0}
.bi-service-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.bi-company-home .bi-project-card{display:grid;grid-template-columns:minmax(250px,2fr) minmax(0,5fr);align-items:center;gap:20px;margin:0 0 14px;padding:20px;background:var(--bi-shell-surface);border:1px solid var(--bi-shell-line);border-radius:14px}
.bi-project-identity{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}
.bi-project-identity h2,.bi-service-card h2,.bi-empty-projects h2{font-size:17px;margin:0 0 6px}
.bi-project-frame{width:112px;height:76px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--bi-shell-line);background:var(--bi-shell-panel);border-radius:9px;padding:3px;font-size:11px;color:var(--bi-shell-muted)}
.bi-project-frame .bi-project-photo{width:100%;height:68px;margin:0;padding:0;border:0;border-radius:6px}
.bi-project-status{display:table;margin:0 0 9px;padding:1px 8px;border-radius:12px;background:#dff3eb;color:#006951;font-size:12px}
.bi-company-metrics{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bi-metric{display:grid;align-content:center;gap:2px;text-align:center;min-height:76px;padding:7px 5px;border:1px solid var(--bi-shell-line);border-radius:8px;background:var(--bi-shell-panel);text-decoration:none;color:inherit;font-size:13px}
.bi-metric:hover{border-color:currentColor}
.bi-metric strong{font-size:25px;line-height:1.1}
.bi-company-metrics>.bi-inspection-progress{grid-column:span 2}
.bi-company-metrics>.bi-lifetime{font-size:12px;text-align:center;text-decoration:none;color:inherit}
.bi-inspection-track{display:flex;min-height:23px;overflow:hidden;border-radius:20px;background:var(--bi-shell-line);direction:ltr;align-items:stretch}
.bi-inspection-track span{display:grid;place-items:center;min-width:0;overflow:hidden;color:#fff;font-weight:bold;font-size:11px}
.bi-inspection-track .bi-no-items{color:var(--bi-shell-muted);width:100%}
.bi-inspection-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;color:var(--bi-shell-muted);font-size:13px}
.bi-closed-projects summary{margin:14px 0;cursor:pointer}
.bi-company-home .bi-empty-projects{padding:28px 24px;text-align:center}
.bi-empty-projects p,.bi-company-home #message:empty{margin:0}
.bi-company-home #companySync button{min-height:34px;padding:4px 9px}
.bi-company-home dialog{width:min(460px,calc(100% - 32px));padding:24px;border:1px solid var(--bi-shell-line);border-radius:14px;color:inherit}
.bi-company-home dialog::backdrop{background:#10274780}
@media screen{
html[data-bi-theme=dark] .bi-web-shell{--bi-shell-surface:var(--surface);--bi-shell-panel:var(--muted);--bi-shell-line:var(--line);--bi-shell-muted:var(--bi-muted-text);--bi-shell-active:var(--accent);--bi-shell-accent:var(--primary)}
html[data-bi-theme=dark] .bi-sidebar :is(.bi-wordmark,[aria-current=page]){color:var(--bi-shell-accent)}
html[data-bi-theme=dark] .bi-sidebar nav{background:none}
html[data-bi-theme=dark] .bi-sidebar nav button:not([aria-current=page]){background:transparent}
}
@media(max-width:1100px){.bi-company-home .bi-project-card{grid-template-columns:1fr}.bi-company-metrics{max-width:none}}
@media(max-width:760px){
  .bi-web-shell{display:flex;flex-direction:column;align-items:stretch}
  .bi-web-shell>header{order:-2;min-height:90px;padding:16px}
  .bi-web-shell>main,.bi-web-shell>.bi-web-content{padding:18px 14px}
  .bi-sidebar{position:static;height:auto;padding:10px 12px;border-inline-end:0;border-bottom:1px solid var(--bi-shell-line)}
  .bi-sidebar .bi-wordmark,.bi-sidebar-context{display:none}
  .bi-sidebar nav{display:flex;flex-wrap:wrap}
  .bi-sidebar .bi-nav-divider{display:none}
  .bi-sidebar :is(nav a,nav button,nav summary){min-height:40px;padding:8px;font-size:13px}
  .bi-company-home .bi-project-card{padding:13px;gap:12px}
  .bi-company-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bi-company-metrics>.bi-inspection-progress{grid-row:2}
}

.bi-project-sidebar nav{padding:0;align-items:stretch}
.bi-project-sidebar .bi-company-back,.bi-tech-nav .bi-company-back{display:flex;align-items:center;gap:8px;padding:10px;text-decoration:none;font-size:13px;font-weight:bold;color:var(--bi-shell-accent,var(--primary))}
.bi-company-back svg,.bi-surface-toggle svg,.bi-tech-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.bi-project-sidebar .bi-sidebar-context{display:block;margin:10px 0 16px;padding:14px;background:var(--bi-shell-panel);border:1px solid var(--bi-shell-line);border-radius:10px;color:inherit;font-size:15px}
.bi-surface-toggle{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;border:1px solid #ffffff70;color:inherit;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:bold}
.bi-project-sidebar .bi-project-submenu{min-width:0}
.bi-project-sidebar .bi-project-submenu summary{list-style:none}
.bi-project-sidebar .bi-project-submenu summary::after{content:'◂';margin-inline-start:auto}
.bi-project-sidebar .bi-project-submenu[open]>summary::after{content:'▾'}
.bi-project-sidebar .bi-project-submenu:has([aria-current=page])>summary{background:var(--bi-shell-active);color:var(--bi-shell-accent)}
.bi-project-sidebar .bi-project-submenu .bi-nav-group{margin-inline-start:12px;padding-inline-start:8px;border-inline-start:1px solid var(--bi-shell-line)}
.bi-project-sidebar .bi-project-submenu .bi-nav-group :is(a,button,summary){min-height:36px;font-size:13px}
.bi-project-sidebar nav .bi-close-project{border:1px solid #e3a2a6;color:#ad2735;margin-top:10px}
.bi-project-page>.bi-web-content .layout{margin:0}
.bi-project-page .layout:has(#browseTab[aria-current=page]){align-items:start}
.bi-project-page:has(#projectNav) .layout:not(:has(.tree:focus-within)){min-width:0}
.bi-project-page:has(#browseTab:not([aria-current=page])) .layout{grid-template-columns:minmax(0,1fr)}
.bi-project-page:has(#browseTab:not([aria-current=page])) .layout>.tree{display:none}
.bi-project-page .bi-web-content :is(#message,#editorView){margin:0 0 16px}
.bi-project-page #message:empty,.bi-project-page #checkFeedback:empty{display:none}
.bi-project-page #breadcrumbs{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:12px;color:var(--bi-muted-text)}
.bi-project-page #breadcrumbs button{overflow-wrap:anywhere;max-width:100%;font-size:13px}
.bi-project-page #projectName{font-size:16px;overflow-wrap:anywhere}
.bi-project-page #editorFrame{height:calc(100vh - 135px);border-radius:10px;display:block}
.bi-location-summary{padding:4px 0 16px}
.bi-location-summary .stats button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}
.bi-location-list{margin-top:12px;padding-top:2px;border-top:1px solid var(--bi-shell-line,var(--border))}
.place-branch{margin:8px 0}
.place-row{width:100%;min-width:0;display:flex;gap:10px;align-items:center;justify-content:space-between;text-align:start;background:var(--bi-shell-surface,var(--card));border:1px solid var(--bi-shell-line,var(--border));border-radius:9px;padding:9px 10px;list-style:none;color:inherit}
.place-row:hover{border-color:var(--border)}
.place-row::-webkit-details-marker{display:none}
.place-branch summary::after{content:'◂';flex-shrink:0}
.place-branch[open]>summary::after{content:'▾'}
.place-name{min-width:0;display:flex;gap:7px;align-items:center;overflow-wrap:anywhere}
.place-name .icon{flex-shrink:0;margin:0}
.place-name small{display:block;font-weight:400;color:var(--bi-shell-muted,var(--bi-muted-text))}
.place-counts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;margin-inline-start:auto;font-size:12px;font-weight:600}
.place-children{margin:6px 10px 8px 0;padding-inline-start:9px;border-inline-start:1px solid var(--bi-shell-line,var(--border))}
.place-children>button,.bi-location-list>button{margin-top:7px}
.bi-item-heading{padding-block:8px}
.bi-item-heading h2,.bi-item-heading p{margin:4px 0}
.bi-item-state{display:inline-block;background:var(--bi-shell-panel,var(--muted));padding:4px 10px;border-radius:14px;font-size:13px;font-weight:700}
.bi-project-page #issueForms:not(:empty){padding:6px 0 12px}
.bi-project-page .issue h3{margin-top:0;padding:8px 10px;border-radius:8px;background:#ff2e3a;color:#111827}
.bi-project-page .issue.unable-form h3{background:#ff9030;color:#111827}
.bi-project-page .issue.unable-form :is(label,summary,small){color:#fff}
.bi-project-page .issue.unable-form .photo-button{color:var(--foreground)}
.bi-project-page .issue.unable-form .photo-button summary{color:var(--foreground)}
.bi-project-page .inspection-field-label{display:block;font-weight:bold;margin:12px 0 5px}
.bi-project-page .photo-button{position:relative}
.bi-project-page #markChecked{background:#00856e;color:#fff}
.bi-project-page #markFaulty{background:#ff2e3a;color:#111827}
.bi-project-page #markUnable{background:#ff9030;color:#111827}
.bi-project-page .photo-button input{display:block;position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0}
.bi-project-page .photo-button:focus-within{outline:3px solid var(--primary);outline-offset:2px}
.bi-project-page :is(.bi-warehouse-block,.bi-location-summary,.bi-location-list){min-width:0}
.bi-warehouse-block{padding:12px 0;border-block-start:1px solid var(--bi-shell-line,var(--border))}
.bi-stock-screen>.bi-warehouse-block,.bi-stock-screen #warehouseContent>.bi-warehouse-block,.bi-stock-screen #stockFormArea:not(:empty){background:var(--bi-shell-surface,var(--card));border:1px solid var(--bi-shell-line,var(--border));border-radius:14px;padding:18px;margin:14px 0}
.bi-stock-screen #warehouseContent>.bi-warehouse-block h3{margin:0 0 12px}
.bi-project-page .layout>.panel:has(.bi-stock-screen){background:transparent;border:0;padding:0}
.bi-project-page .panel:has(.bi-stock-screen)>#breadcrumbs{display:none}
.bi-stock-cards{display:grid;gap:9px}
.bi-stock-cards .bi-stock-row{display:grid;grid-template-columns:76px minmax(100px,1.8fr) minmax(68px,1fr) minmax(68px,1fr) minmax(100px,1.6fr) repeat(3,minmax(72px,1fr)) minmax(86px,1fr);align-items:stretch;background:var(--bi-shell-panel,var(--muted));border:1px solid var(--bi-shell-line,var(--border));border-radius:10px;padding:9px}
.bi-stock-cards .bi-stock-row>div{min-width:0;padding:5px 9px;border-inline-end:1px solid var(--bi-shell-line,var(--border));overflow-wrap:anywhere}
.bi-stock-cards .bi-stock-row>div:last-child{border:0}
.bi-stock-cards .bi-stock-row p{margin:4px 0}
.bi-stock-cards .stock-disposed-qty{color:var(--bi-stock-disposed,#7852ad)}
html[data-bi-theme=dark] .bi-stock-cards .stock-disposed-qty{color:#d4b4ff}
.bi-stock-cards .bi-stock-row>div:nth-child(n+2):nth-child(-n+8)::before{display:block;font-size:11px;color:var(--bi-shell-muted,var(--bi-muted-text))}
.bi-stock-cards .bi-stock-row>div:nth-child(2)::before{content:'חומר'}
.bi-stock-cards .bi-stock-row>div:nth-child(3)::before{content:'יצרן'}
.bi-stock-cards .bi-stock-row>div:nth-child(4)::before{content:'דגם'}
.bi-stock-cards .bi-stock-row>div:nth-child(5)::before{content:'מאפיינים'}
.bi-stock-cards .bi-stock-row>div:nth-child(6)::before{content:'תקין במלאי'}
.bi-stock-cards .bi-stock-row>div:nth-child(7)::before{content:'פגום במלאי'}
.bi-stock-cards .bi-stock-row>div:nth-child(8)::before{content:'סולק במצטבר'}
.bi-stock-cards .bi-stock-row details summary{padding:7px;border:1px solid var(--bi-shell-line,var(--border));background:var(--bi-shell-surface,var(--card))}
.bi-stock-cards .bi-stock-row details :is(a,button){display:block;width:100%;margin-block:5px;font-size:12px;text-align:start}
.bi-personal-stock-nav button{font-size:13px}
@media(max-width:1120px){
 .bi-stock-cards .bi-stock-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bi-stock-cards .bi-stock-row>div{border-block-end:1px solid var(--bi-shell-line,var(--border))}
 .bi-stock-cards .bi-stock-row>div:nth-child(2){grid-column:span 2}
 .bi-stock-cards .bi-stock-row>div:nth-child(9){grid-column:1/-1}
}
.bi-warehouse-tools{padding:6px 0 16px}
.stock-inventory-table .bi-stock-row{display:contents}
.stock-inventory-table .bi-stock-row>div{border-bottom:1px solid var(--bi-shell-line,var(--border));border-inline-end:1px solid var(--bi-shell-line,var(--border));padding:12px;min-width:0;overflow-wrap:anywhere}
.bi-stock-row details summary{padding:5px;border-radius:6px;background:var(--bi-shell-panel,var(--muted));font-size:13px}
.bi-project-tech{display:table;margin-block-start:8px;color:inherit;font-size:13px}
.bi-report-heading{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.bi-report-heading h1{margin:0;line-height:1.25}
.bi-report-heading strong{display:block;margin-top:5px;font-size:17px;overflow-wrap:anywhere}
.bi-report-heading .bi-report-export{margin-inline-start:auto}
.bi-report-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:start}
.bi-report-summary .bi-report-total{min-height:30px;border-color:transparent;background:none;font-size:13px}
.bi-report-total b{color:var(--metric-color);margin-inline-start:4px}
.bi-report-checked{background:#00856e}.bi-report-pending{background:#62747b}
.bi-progress-branch button{background:transparent;border:0;min-height:32px;padding:3px 6px}
.progress-cell[data-progress-state]{padding:8px;border:1px solid var(--bi-shell-line,var(--border));border-radius:8px;background:var(--muted)}
.progress-cell[data-progress-state=pending]{background:var(--muted)}
.progress-cell[data-progress-state=pending] strong{color:#62747b}
.bi-tech-shell{--bi-shell-line:var(--border);--bi-shell-surface:#fff;--bi-shell-panel:var(--muted);--bi-shell-muted:var(--bi-muted-text);--bi-shell-accent:var(--primary)}
.bi-tech-shell>header{position:sticky;top:0;z-index:3;max-width:720px;margin:auto;padding:10px 14px;justify-content:space-between;gap:8px;background:var(--bi-shell-surface);color:inherit;border-bottom:1px solid var(--bi-shell-line)}
.bi-tech-shell .bi-surface-toggle{border-color:var(--bi-shell-line)}
.bi-tech-shell>main,.bi-tech-shell>.bi-web-content{max-width:720px;width:100%;margin:0 auto;padding:14px 12px calc(86px + env(safe-area-inset-bottom))}
.bi-tech-shell .layout{display:block}
.bi-tech-shell .layout>.tree,.bi-tech-shell #reportModes{display:none}
.bi-tech-shell .panel{padding:12px}
.bi-tech-shell .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bi-tech-shell .stats button{min-width:0;font-size:12px}
.bi-tech-shell .place-row{min-height:62px}
.bi-tech-shell .place-counts{font-size:13px}
.bi-tech-shell>header .bi-surface-toggle{min-height:44px}
.bi-tech-shell #content h2{text-wrap:balance}
.bi-tech-shell #markUnable{flex:1 0 100%}
.bi-tech-shell #issueForms>button{margin:8px 0 0;width:100%}
.bi-tech-shell .photo-button{font-size:13px;vertical-align:top}
.bi-tech-shell details.photo-button{display:inline-block;padding:0}
.bi-tech-shell :is(details.photo-button>summary,details.photo-button>label,label.photo-button){min-height:44px;align-content:center}
.bi-tech-shell label.photo-button{align-items:center}
.bi-tech-shell details.photo-button>:is(summary,label){position:relative;padding:8px 9px;margin:0}
.bi-tech-shell details.photo-button>label{color:var(--foreground);border-block-start:1px solid var(--border);cursor:pointer}
.bi-tech-nav{position:fixed;z-index:5;inset-inline:0;bottom:0;max-width:720px;margin:auto;background:var(--bi-shell-surface);border:1px solid var(--bi-shell-line);padding:4px 8px max(4px,env(safe-area-inset-bottom))}
.bi-tech-nav .bi-wordmark,.bi-tech-nav .bi-sidebar-context,.bi-tech-nav .bi-company-back{display:none}
.bi-tech-nav nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;padding:0}
.bi-tech-nav :is(button,a){width:100%;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px;border:0;border-radius:7px;background:none;color:inherit;text-decoration:none;font:600 12px/1.3 var(--bi-font,Arial,sans-serif)}
.bi-tech-nav [aria-current=page]{background:var(--accent);color:var(--bi-shell-accent)}
.bi-tech-shell .bi-report-export{display:none}
html[data-bi-theme=dark] .bi-tech-shell{--bi-shell-surface:var(--surface);--bi-shell-panel:var(--muted);--bi-shell-line:var(--line);--bi-shell-muted:var(--bi-muted-text);--bi-shell-accent:var(--primary)}
html[data-bi-theme=dark] .bi-tech-nav [aria-current=page]{background:var(--accent);color:var(--bi-shell-accent)}
html[data-bi-theme=dark] .bi-sidebar nav :is(button,a)[aria-current=page]{background:var(--bi-shell-active);color:var(--bi-shell-accent);border-color:transparent}
html[data-bi-theme=dark] .bi-location-summary .stats button.checked{color:#83e5b6}
html[data-bi-theme=dark] .bi-location-summary .stats button.pending{color:#b7c8be}
html[data-bi-theme=dark] .bi-location-summary .stats button.faulty{color:#ff939e}
html[data-bi-theme=dark] .bi-location-summary .stats button.closed{color:#9bbfff}
html[data-bi-theme=dark] .bi-location-summary .stats button.unable{color:#ffb665}
html[data-bi-theme=dark] .chart text{fill:var(--text)}
html[data-bi-theme=dark] .bi-report-export a.button:not(.primary){background:transparent;color:var(--text);border-color:var(--line)}
html[data-bi-theme=dark] .metrics [data-value=checked]{color:#83e5b6}
html[data-bi-theme=dark] .metrics [data-value=pending]{color:#b7c8be}
html[data-bi-theme=dark] .metrics [data-value=open]{color:#ff939e}
html[data-bi-theme=dark] .metrics :is([data-value=closed],[data-value=resolved]){color:#9bbfff}
html[data-bi-theme=dark] :is(.metrics,.bi-report-total) :is([data-value=unable],[data-value=unableTotal]){color:#ffb665}
html[data-bi-theme=dark] :is(.metrics,.bi-report-total) :is([data-value=opened],[data-value=openedTotal]){color:#d4b4ff}
html[data-bi-theme=dark] .progress-cell[data-progress-state]{background:var(--muted)}
html[data-bi-theme=dark] .progress-cell[data-progress-state] strong{color:#83e5b6}
html[data-bi-theme=dark] .progress-cell[data-progress-state=pending]{background:var(--muted)}
html[data-bi-theme=dark] .progress-cell[data-progress-state=pending] strong{color:#b7c8be}
@media(max-width:1100px){.bi-project-page .layout{grid-template-columns:minmax(180px,245px) minmax(0,1fr)}}
@media(max-width:760px){
 .bi-web-shell>header{flex-wrap:wrap}
 .bi-web-shell>header .bi-surface-toggle{white-space:normal}
 .bi-project-sidebar nav{display:flex;align-items:start}
 .bi-project-sidebar .bi-sidebar-context{display:none}
 .bi-project-sidebar .bi-project-submenu .bi-nav-group{min-width:min(100%,240px)}
 .bi-project-page .layout{grid-template-columns:minmax(0,1fr)}
 .bi-report-heading{gap:8px}.bi-report-heading h1{font-size:20px}
 .bi-report-heading .bi-report-export{margin:0}
 .bi-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bi-report-summary>div{grid-column:1/-1}
 .bi-project-page .stock-inventory-table{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .stock-inventory-table .stock-head{display:none}
 .stock-inventory-table .bi-stock-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--bi-shell-line,var(--border));border-radius:10px}
 .stock-inventory-table .bi-stock-row>div{padding:8px;border-inline-end:0}
 .bi-stock-row>div:nth-child(2){grid-column:span 2}
 .bi-stock-row>div:nth-child(9){grid-column:1/-1;border-bottom:0}
 .bi-stock-row>div:nth-child(n+3):nth-child(-n+8)::before{display:block;font-size:11px;color:var(--bi-shell-muted,var(--bi-muted-text))}
 .bi-stock-row>div:nth-child(3)::before{content:'יצרן'}
 .bi-stock-row>div:nth-child(4)::before{content:'דגם'}
 .bi-stock-row>div:nth-child(5)::before{content:'מאפיינים'}
 .bi-stock-row>div:nth-child(6)::before{content:'תקין במלאי'}
 .bi-stock-row>div:nth-child(7)::before{content:'פגום במלאי'}
 .bi-stock-row>div:nth-child(8)::before{content:'סולק במצטבר'}
}

#offlineMediaReminder:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:var(--surface,var(--card));color:var(--text,var(--foreground));border-block-end:2px solid #c76a00}
#offlineMediaReminder button{margin-inline-start:auto}
#offlineStatus{padding:10px 12px;margin-block-end:12px;border:1px solid var(--bi-shell-line,var(--border));border-radius:8px;background:var(--bi-shell-surface,var(--card));color:var(--text,var(--foreground));font-size:14px;overflow-wrap:anywhere}
.bi-sync-toolbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.bi-sync-status{flex:1 1 270px;min-inline-size:0;font-variant-numeric:tabular-nums}
.bi-sync-status::before{content:'';display:inline-block;inline-size:8px;block-size:8px;border-radius:50%;margin-inline-end:7px;background:currentColor}
.bi-sync-status::before{transition:transform 140ms cubic-bezier(.23,1,.32,1)}
#offlineStatus[data-syncing=true] .bi-sync-status::before{transform:scale(1.35)}
@media(prefers-reduced-motion:reduce){.bi-sync-status::before{transition:none}#offlineStatus[data-syncing=true] .bi-sync-status::before{transform:none}}
#offlineStatus[data-connection=online] .bi-sync-status::before{background:#00856e}
#offlineStatus[data-connection=offline] .bi-sync-status::before{background:#b85800}
html[data-bi-theme=dark] #offlineStatus[data-connection=online] .bi-sync-status::before{background:#83e5b6}
html[data-bi-theme=dark] #offlineStatus[data-connection=offline] .bi-sync-status::before{background:#ffb665}
#offlineStatus summary{width:fit-content;min-height:32px;align-content:center;cursor:pointer}
.bi-tech-shell #offlineStatus :is(summary,a,button){min-height:44px}
#offlineStatus a{display:inline-flex;align-items:center;color:var(--bi-shell-accent,var(--primary));font-weight:700}
#excelStatus:not(:empty){flex-basis:100%;color:var(--bi-muted-text);font-size:14px}
.bi-report-export #excelStatus{flex-basis:100%;min-block-size:1.5em;font-size:14px}
#excelStatus[data-state=error]{color:#a42432}
html[data-bi-theme=dark] #excelStatus[data-state=error]{color:#ff939e}
.bi-progress-table th,.bi-progress-table td{padding-block:6px}
.bi-progress-table .bi-progress-branch button{min-height:32px}
.bi-progress-table .progress-cell{padding-block:4px}
.bi-progress-table .progress-cell .open{font-size:14px}
html:not([data-bi-theme=dark]) :is(.bi-stock-row,.place-counts) .checked{color:#007863}
html:not([data-bi-theme=dark]) :is(.bi-stock-row,.place-counts) .unable,
html:not([data-bi-theme=dark]) :is(.metrics,.bi-report-total) :is([data-value=unable],[data-value=unableTotal]),
html:not([data-bi-theme=dark]) .bi-company-metrics :is([data-value=unable],[data-value=unableTotal]){color:#a64e00}
.bi-company-metrics [data-value]{color:var(--bi-metric-color)}
html[data-bi-theme=dark] .bi-company-metrics [data-value=checked]{color:#83e5b6}
html[data-bi-theme=dark] .bi-company-metrics [data-value=pending]{color:#b7c8be}
html[data-bi-theme=dark] .bi-company-metrics [data-value=open]{color:#ff939e}
html[data-bi-theme=dark] .bi-company-metrics :is([data-value=unable],[data-value=unableTotal]){color:#ffb665}
html[data-bi-theme=dark] .bi-company-metrics [data-value=openedTotal]{color:#d4b4ff}
#workDigest dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:8px}
#workDigest dl>div{padding:10px;border:1px solid var(--bi-shell-line,var(--border));border-radius:8px}
#workDigest dd{margin:4px 0 0;font-weight:700;font-variant-numeric:tabular-nums}

/* Screen components shared by the dashboard, project, library, settings and editor. */
@media screen {
  html body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: var(--bi-font);
  }

  html :is(h1, h2, h3, h4) {
    font-weight: 600;
    letter-spacing: -0.025em;
  }

  html :is(button, input, textarea, select, .button, .action, .bi-outline, .bi-sidebar nav a, .bi-sidebar nav summary, .bi-tech-nav a) {
    font-family: var(--bi-font);
  }

  html :is(.bi-web-shell, .bi-tech-shell) {
    --bi-shell-surface: var(--card);
    --bi-shell-panel: var(--muted);
    --bi-shell-line: var(--border);
    --bi-shell-muted: var(--bi-muted-text);
    --bi-shell-active: var(--accent);
    --bi-shell-accent: var(--primary);
  }

  html :is(.muted, .no-photo, .path, #breadcrumbs, #excelStatus:not([data-state=error])) { color: var(--bi-muted-text); }
  html a:not(:is(.primary, .button, .action, .bi-outline, .bi-sidebar a, .bi-tech-nav a)) { color: inherit; }

  html :is(.bi-web-shell > header, .bi-tech-shell > header, body > header, .bi-sidebar, .bi-tech-nav) {
    background-color: var(--background);
    color: var(--foreground);
    border-color: var(--border);
  }

  html .bi-web-shell > header:not(.bi-brand-banner) { min-height: 4.5rem; }
  html .bi-web-shell > header.bi-brand-banner {
    background-color: #18181b;
    background-blend-mode: luminosity, luminosity;
    color: #fafafa;
  }
  html header .bi-logo { background-color: #18181b; border-color: #ffffff33; }
  html .bi-web-shell > header .bi-header-back { color: inherit; }

  html :is(.surface, .panel, .card, .layer, .report-panel, .document-card, .document-detail, .list-card, .detail, .history,
    dialog, .modal, .editor-card, .mobile-card, .phone-card, .issue,
    .bi-company-home .bi-project-card, .bi-stock-screen > .bi-warehouse-block,
    .bi-stock-screen #warehouseContent > .bi-warehouse-block, .bi-stock-screen #stockFormArea:not(:empty),
    .bi-company-home main > :is(#auth, #change)) {
    background-color: var(--card);
    color: var(--foreground);
    border: 1px solid var(--border);
    border-radius: var(--bi-card-radius);
    box-shadow: var(--bi-card-shadow);
    padding: 1.5rem;
  }

  html :is(.bi-project-page .layout > .panel:has(.bi-stock-screen)) {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }

  html :is(dialog, .modal)::backdrop { background: rgb(9 9 11 / 0.55); }
  html :is(.bi-metric, .stats > div, .stats > button, .metrics button, .repair-work, .bi-project-frame) {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--bi-card-radius);
  }
  html :is(.bi-item-state, .progress-cell[data-progress-state], .progress-cell[data-progress-state=pending], .thumb, .no-photo) {
    background: var(--muted);
    border-color: var(--border);
  }

  html :is(button, .button, .action, .btn, .bi-outline, .bi-actions a, .bi-surface-toggle, .photo-button,
    .bi-nav-menu > summary, .bi-stock-row details summary) {
    min-height: 2.25rem;
    border-radius: var(--bi-control-radius);
    border: 1px solid var(--border);
    padding: 0.375rem 0.75rem;
    background-color: transparent;
    color: var(--foreground);
    font: 500 0.875rem/1.25 var(--bi-font);
    transition: background-color 150ms, border-color 150ms;
  }
  html :is(button.primary, .button.primary, .action.primary, .btn.primary, input[type=submit]) {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-foreground);
  }
  html :is(.secondary, .bi-sidebar nav [aria-current=page], .bi-tech-nav [aria-current=page],
    button[aria-selected=true], button[aria-current=page]:not(.primary), .stats button[aria-pressed=true]) {
    background-color: var(--muted);
    color: var(--foreground);
  }

  html :is(.bi-sidebar nav a, .bi-sidebar nav button, .bi-sidebar nav summary, .bi-tech-nav a, .bi-tech-nav button) {
    border-color: transparent;
    font-weight: 500;
  }
  html .bi-brand-banner .bi-surface-toggle { color: inherit; border-color: #ffffff55; }
  html :is(.bi-sidebar, .bi-tech-nav, .bi-company-back, .bi-surface-toggle) svg {
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html :is(input:not([type=checkbox], [type=radio], [type=range], [type=color], [type=hidden]), select, textarea) {
    min-height: 2.25rem;
    background-color: var(--background);
    color: var(--foreground);
    border: 1px solid var(--border);
    border-radius: var(--bi-control-radius);
    padding: 0.375rem 0.75rem;
    font: 400 0.875rem/1.25 var(--bi-font);
  }
  html :is(input, textarea)::placeholder { color: var(--bi-muted-text); opacity: 1; }
  html :is(input[type=checkbox], input[type=radio]) { accent-color: var(--primary); }
  html :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible,
  html .bi-project-page .photo-button:focus-within {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
  }
  html .bi-brand-banner :focus-visible { outline-color: #fafafa; }
  html .bi-project-page .photo-button input {
    width: 1px;
    height: 1px;
    min-height: 0;
    padding: 0;
  }
  html :is(button:disabled, input:disabled, select:disabled, textarea:disabled, .button[aria-disabled=true]) {
    opacity: 0.55;
    cursor: not-allowed;
  }

  html :is(table, .warehouse-table) { border-color: var(--border); }
  html :is(th, td, .warehouse-table > div, .stock-inventory-table .bi-stock-row > div, .bi-stock-cards .bi-stock-row > div) {
    border: 0;
    border-block-end: 1px solid var(--border);
  }
  html :is(th, .stock-head),
  html[data-bi-theme=dark] :is(th, .stock-head),
  html .bi-stock-cards .bi-stock-row > div::before {
    background-color: transparent;
    color: var(--muted-foreground);
    font-size: 0.8125rem;
    font-weight: 500;
  }
  html .table-scroll tbody td::before,
  html[data-bi-theme=dark] .table-scroll tbody td::before { color: var(--bi-muted-text); }
  html table tr[aria-selected=true] { background-color: var(--accent); }
  html :is(.bi-stock-cards .bi-stock-row, .list-card, .place-row) {
    background-color: var(--card);
    border-color: var(--border);
  }

  html :is(.tag.active, .tag.accepted, .bi-project-status) { color: var(--bi-positive); background: var(--bi-positive-bg); }
  html :is(.tag.blocked, .tag.rejected, .notice-unread, .stock-event-defective, .stock-event-low) { color: var(--bi-danger); background: var(--bi-danger-bg); }
  html :is(.tag.pending, .tag.contractor, .stock-event-transfer) { color: var(--bi-warning); background: var(--bi-warning-bg); }
  html .bi-project-page :is(#markChecked, #markFaulty, #markUnable),
  html .bi-project-sidebar nav .bi-close-project { border-color: currentColor; }
  html .bi-project-page #markChecked { color: var(--bi-positive); background: var(--bi-positive-bg); }
  html :is(.bi-project-page #markFaulty, .bi-project-sidebar nav .bi-close-project) { color: var(--bi-danger); background: var(--bi-danger-bg); }
  html .bi-project-page #markUnable { color: var(--bi-warning); background: var(--bi-warning-bg); }
  html :is(.bi-project-page .issue, .bi-project-page .issue.unable-form) { color: var(--foreground); border-color: var(--border); }
  html .bi-project-page .issue h3 { color: var(--bi-danger); background: var(--bi-danger-bg); }
  html .bi-project-page .issue.unable-form h3 { color: var(--bi-warning); background: var(--bi-warning-bg); }
  html .bi-project-page .issue.unable-form :is(label, summary, small, .photo-button) { color: var(--foreground); }
  html :is(.checked, .stock-good, .metrics [data-value=checked]) { color: var(--bi-positive); }
  html :is(.faulty, .open, .error, .stock-min, .metrics [data-value=open], #excelStatus[data-state=error]) { color: var(--bi-danger); }
  html :is(.unable, .stock-reserved, .metrics :is([data-value=unable], [data-value=unableTotal])) { color: var(--bi-warning); }
  html :is(.closed, .metrics :is([data-value=closed], [data-value=resolved])) { color: var(--bi-info); }
  html :is(.pending, .metrics [data-value=pending]) { color: var(--bi-muted-text); }

  html #offlineStatus { border-radius: var(--bi-card-radius); }
  html #offlineMediaReminder { border-color: var(--border); background: var(--bi-warning-bg); color: var(--bi-warning); }
  html .chart text { font-family: var(--bi-font); fill: var(--foreground); }

  /* The tree editor has an isolated document and still uses its existing selector names. */
  html:has(.workspace .tree-panel) {
    --ink: var(--foreground);
    --line: var(--border);
    --soft: var(--muted);
    --panel: var(--card);
    --accent2: var(--primary-hover);
    --accentSoft: var(--accent);
    --radius: var(--bi-card-radius);
    --shadow: var(--bi-card-shadow);
  }
  html:has(.workspace .tree-panel), html:has(.workspace .tree-panel) body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: var(--bi-font);
  }
  html:has(.workspace .tree-panel) :is(.topbar, .phone, .phone-top, .mobile-head, .mobile-content, .search, .field-row, .modal) {
    background-color: var(--card);
    color: var(--foreground);
    border-color: var(--border);
  }
  html:has(.workspace .tree-panel) .phone { border-color: var(--primary); box-shadow: var(--bi-card-shadow); }
  html:has(.workspace .tree-panel) :is(.node.selected, .btn:not(.primary):hover) { background-color: var(--accent); color: var(--foreground); }
  html:has(.workspace .tree-panel) .btn.primary { background: var(--primary); color: var(--primary-foreground); }

  @media (hover: hover) and (pointer: fine) {
    html :is(button, .button, .action, .btn, .bi-outline, .bi-surface-toggle):not(.primary, .ok, .bad, .skip, :disabled, [aria-disabled=true]):hover,
    html :is(.bi-sidebar nav a, .bi-sidebar nav summary, .place-row, table tbody tr, .bi-stock-cards .bi-stock-row, .bi-metric):hover {
      background-color: var(--accent);
    }
    html :is(button.primary, .button.primary, .action.primary, .btn.primary):not(:disabled, [aria-disabled=true]):hover {
      background-color: var(--primary-hover);
      border-color: var(--primary-hover);
    }
  }

  @media (pointer: coarse) {
    html .bi-tech-shell :is(#markChecked, #markFaulty, #markUnable, .bi-surface-toggle, .photo-button, #offlineStatus button),
    html .bi-tech-nav :is(button, a) { min-height: 2.75rem; }
  }
  @media (max-width: 760px) {
    html :is(.panel, .card, .surface, .report-panel, .bi-company-home .bi-project-card,
      .bi-stock-screen > .bi-warehouse-block, .bi-stock-screen #warehouseContent > .bi-warehouse-block,
      .bi-stock-screen #stockFormArea:not(:empty)) { padding: 1rem; }
    html .bi-project-page .layout > .panel:has(.bi-stock-screen) { padding: 0; }
  }
  @media (prefers-reduced-motion: reduce) {
    html :is(button, .button, .action, .btn, .bi-outline, .bi-surface-toggle) { transition: none; }
  }

  html[data-bi-theme=dark] :is(.bi-web-shell, .bi-tech-shell) {
    --bi-shell-accent: var(--foreground);
  }
  html[data-bi-theme=dark] :is(.bi-metric, .bi-project-frame, .stats > div, .stats > button, .metrics button, .repair-work) {
    background-color: var(--muted);
  }
  html[data-bi-theme=dark] :is(button, .button, .action, .btn, .bi-outline, .bi-actions a, .photo-button, .bi-nav-menu > summary, .bi-stock-row details summary) {
    border-color: var(--bi-control-border);
  }
  html[data-bi-theme=dark] :is(button:not(.primary, .ok, .bad, .skip), .button:not(.primary), .action:not(.primary), .btn:not(.primary), .bi-outline, .photo-button, .bi-nav-menu > summary) {
    background-color: var(--muted);
  }
  html[data-bi-theme=dark] :is(input:not([type=checkbox], [type=radio], [type=range], [type=color], [type=hidden], [type=submit], [type=button], [type=reset]), select, textarea) {
    background-color: var(--bi-input);
    color: var(--foreground);
    border-color: var(--bi-control-border);
  }
  html[data-bi-theme=dark] :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible,
  html[data-bi-theme=dark] .bi-project-page .photo-button:focus-within {
    outline-color: var(--bi-focus-ring);
  }
  html[data-bi-theme=dark] .bi-sidebar nav :is(button, a, summary),
  html[data-bi-theme=dark] .bi-tech-nav nav :is(button, a) {
    border-color: transparent;
  }
  html[data-bi-theme=dark] .bi-tech-nav button:not([aria-current=page]) { background-color: transparent; }
  html[data-bi-theme=dark] :is(.bi-sidebar nav, .bi-tech-nav) [aria-current=page] { background-color: var(--accent); }
  :where(html[data-bi-theme=dark]) .tag {
    background-color: var(--bi-info-bg);
    color: var(--bi-info);
  }
  html[data-bi-theme=dark] .tag.open {
    background-color: var(--bi-danger-bg);
    color: var(--bi-danger);
  }
  html[data-bi-theme=dark] :is(.good, .success, .document-version-current) { color: var(--bi-positive); }
  html[data-bi-theme=dark] .warning { color: var(--bi-warning); }
  html[data-bi-theme=dark] .bi-inspection-track .bi-no-items { color: var(--foreground); }
  html[data-bi-theme=dark] .stock-event-disposal {
    background-color: var(--bi-disposal-bg);
    color: var(--bi-disposal);
    border-color: var(--bi-disposal);
  }
  /* The closure table's disposal column has a legacy inline color. */
  html[data-bi-theme=dark] .closure-balances > div:nth-of-type(5n) { color: var(--bi-disposal) !important; }

  html[data-bi-theme=dark] #browseView > .panel:has(#stockOverview) {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  html[data-bi-theme=dark] :is(.bi-stock-cards .bi-stock-row, #stockFormArea .cross-row, #employeeRows .layer, .bi-warehouse-block .list-card) {
    background-color: var(--muted);
  }
  html[data-bi-theme=dark] .bi-stock-cards .bi-stock-row details summary { background-color: var(--bi-input); }
  html[data-bi-theme=dark] .bi-stock-cards .bi-stock-row details[open] summary,
  html[data-bi-theme=dark] #warehouseContent button[aria-pressed=true] {
    background-color: var(--accent);
    border-color: var(--bi-control-border);
  }

  html[data-bi-theme=dark] :is(.library-layout, .library-layout > aside:first-child, .folder-children, .document-version, .document-link, .history-row, .nodes-selection, dialog .node-check) {
    border-color: var(--border);
  }
  html[data-bi-theme=dark] :is(#documentList .document-card, .library-layout #documentDetail) { background-color: var(--muted); }
  html[data-bi-theme=dark] #documentList .document-card[aria-selected=true],
  html[data-bi-theme=dark] :is(.folder-row[aria-selected=true] .folder-name, .person-list button[aria-selected=true]) {
    background-color: var(--accent);
    border-color: var(--bi-control-border);
    color: var(--foreground);
  }
  html[data-bi-theme=dark] .library-layout .folder-toggle { background-color: transparent; border-color: transparent; }
  html[data-bi-theme=dark] :is(.pdf-pages, .document-preview) {
    background-color: var(--bi-input);
    border-color: var(--border);
  }

  html[data-bi-theme=dark] .bi-project-page .progress { background-color: var(--bi-input); }
  html[data-bi-theme=dark] .bi-project-page .tree-row .chosen { background-color: var(--accent); border-color: var(--bi-control-border); }
  html[data-bi-theme=dark] .bi-project-page .icon { background-color: var(--bi-info-bg); color: var(--bi-info); }
  html[data-bi-theme=dark] .bi-project-page :is(.kind-קומה, .kind-item) { background-color: var(--bi-positive-bg); color: var(--bi-positive); }
  html[data-bi-theme=dark] .bi-project-page :is(.kind-דירה, .kind-חזית) { background-color: var(--bi-warning-bg); color: var(--bi-warning); }
  html[data-bi-theme=dark] .bi-project-page .kind-מערכת { background-color: var(--bi-disposal-bg); color: var(--bi-disposal); }

  @media (hover: hover) and (pointer: fine) {
    html[data-bi-theme=dark] :is(button, .button, .action, .btn, .bi-outline, .photo-button, .bi-nav-menu > summary):not(.primary, .ok, .bad, .skip, :disabled, [aria-disabled=true]):hover {
      background-color: var(--accent);
    }
    html[data-bi-theme=dark] :is(button.primary, .button.primary, .action.primary, .btn.primary):not(:disabled, [aria-disabled=true]):hover {
      border-color: var(--bi-control-border);
    }
  }
}