/* Single owner of the page frame and shared components. */
html{scrollbar-gutter:stable}
#bimflow-app .bf-main {
  width:100%; max-width:none; min-width:0; margin:0; align-self:start;
  padding:var(--ui-page-y) var(--ui-page-x) var(--ui-section-gap);
}
#bimflow-app {font-family:var(--ui-font-family);font-size:var(--ui-font-body)}
#bimflow-app h1{font-size:var(--ui-font-title);font-weight:650;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}
#bimflow-app h2{font-size:var(--ui-font-section);font-weight:600;line-height:1.5}
#bimflow-app h3{font-size:var(--ui-font-body);font-weight:600;line-height:1.5}
#bimflow-app .bf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4);margin-bottom:var(--ui-section-gap);min-width:0}
#bimflow-app .bf-heading-copy{min-width:0;flex:1}
#bimflow-app .bf-head h1{margin:0}
#bimflow-app .bf-head .bf-subtitle{margin-bottom:0}
#bimflow-app .bf-panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;flex-wrap:wrap}
#bimflow-app .bf-panelhead h2{margin:0;font-size:17px}
#bimflow-app .bf-panelbody{padding:0 16px 16px}
#bimflow-app .bf-panelbody>.bf-tablewrap{margin-inline:-16px}
#bimflow-app .bf-sectiontitle{font-size:14px;font-weight:600;margin:20px 0 12px}
#bimflow-app .bf-rowitem{padding-block:12px}
#bimflow-app .bf-toolbar[data-ui-filter-group]{padding:12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--bf-panel)}
#bimflow-app .bf-drawer{min-height:100dvh;height:auto;padding:24px;overflow:visible}
#bimflow-app .bf-drawertop{margin:0 0 16px;font-size:12px;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}
#bimflow-app .bf-drawer>h2{margin:0 0 8px}
#bimflow-app .bf-drawer>.bf-tabs{margin-top:16px}
#bimflow-app .bf-form{gap:16px}
#bimflow-app .bf-formactions{padding-top:16px;gap:8px}
#bimflow-app .bf-formactions .bf-button{min-width:72px}
@media(max-width:620px){#bimflow-app .bf-drawer{padding:16px}#bimflow-app .bf-field :is(input,select,textarea){font-size:16px}#bimflow-app .bf-formactions{flex-wrap:wrap}#bimflow-app .bf-formactions .bf-button{min-height:44px}}
#bimflow-app .bf-detail,#bimflow-app .rc-editor{width:100%;max-width:none;margin:0;padding:0}
#bimflow-app .bf-detail{background:transparent;border:0;border-radius:0;overflow:visible;height:auto;min-height:0}
#bimflow-app .bf-detail>h1{margin:var(--ui-space-4) 0 var(--ui-space-2)}
#bimflow-app .bf-detail .bf-detail-back{margin:0 0 12px}
#bimflow-app .bf-record-head{min-width:0;margin-bottom:16px}
#bimflow-app .bf-record-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}
#bimflow-app .bf-record-title :is(h1,h2){margin:0;font-size:24px;line-height:1.4;overflow-wrap:anywhere}
#bimflow-app .bf-record-head .bf-subtitle{margin:6px 0 0}
#bimflow-app .bf-detail>.bf-tabs{margin-top:0;margin-bottom:20px}
@media(max-width:620px){#bimflow-app .bf-record-title :is(h1,h2){font-size:20px}#bimflow-app .bf-detail .bf-detail-back{margin-bottom:12px}}
#bimflow-app .bf-head .bf-subtitle{margin-top:var(--ui-space-2);line-height:1.7}
#bimflow-app .bf-head-actions{display:flex;align-items:center;gap:var(--ui-space-2);flex-wrap:wrap;justify-content:flex-end}
#bimflow-app .bf-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--bf-panel);color:var(--bf-text);font-size:var(--ui-font-body);line-height:1.4;white-space:nowrap}
#bimflow-app .bf-button:hover{background:var(--bf-hover)}
#bimflow-app .bf-button.primary{background:var(--bf-blue);border-color:var(--bf-blue);color:var(--ui-on-accent)}
#bimflow-app .bf-button.primary:hover{background:var(--ui-blue-hover)}
#bimflow-app .bf-button.small{min-height:var(--ui-control-compact);padding:4px 8px;font-size:var(--ui-font-small)}
#bimflow-app .bf-button:disabled{opacity:.5;cursor:not-allowed}
#bimflow-app .bf-button>svg,#bimflow-app .bf-tab>svg,#bimflow-app .bf-search>svg{width:var(--ui-icon-size);height:var(--ui-icon-size);flex-shrink:0}
#bimflow-app :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
#bimflow-app .bf-tabs{display:flex;align-items:stretch;gap:var(--ui-space-1);width:fit-content;max-width:100%;padding:5px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-segment-surface);margin-bottom:var(--ui-section-gap);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-padding-inline:6px;overscroll-behavior-inline:contain}
#bimflow-app .bf-tab{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-2);padding:8px 16px;border:1px solid transparent;border-radius:var(--ui-radius);color:var(--bf-text);background:transparent;font-size:var(--ui-font-body);font-weight:600;line-height:1.4;white-space:nowrap;flex-shrink:0;min-height:var(--ui-segment-height)}
#bimflow-app .bf-tab:hover{background:var(--bf-panel)}
#bimflow-app .bf-tab.active{color:var(--ui-segment-active-text);background:var(--bf-blue);border-color:var(--bf-blue);box-shadow:var(--ui-shadow)}
#bimflow-app .bf-tab:disabled{opacity:.5;cursor:not-allowed}
#bimflow-app .bf-toolbar{display:flex;gap:var(--ui-space-3);align-items:center;margin-bottom:var(--ui-section-gap);flex-wrap:wrap;min-width:0}
#bimflow-app .bf-search{display:flex;align-items:center;gap:var(--ui-space-2);padding:0 var(--ui-space-3);background:var(--bf-panel);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);min-width:130px;max-width:320px;flex:1;min-height:var(--ui-control-height);color:var(--bf-muted)}
#bimflow-app .bf-search input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-size:var(--ui-font-body);padding:8px 0;line-height:1.4}
#bimflow-app .bf-search:focus-within{outline:2px solid var(--ui-focus);outline-offset:2px}
#bimflow-app :is(.bf-toolbar,.rc-toolbar,.bf-intel-toolbar,.sd-controls) select{min-height:var(--ui-control-height);padding:8px 10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--bf-panel);font-size:var(--ui-font-body);max-width:100%}
#bimflow-app .bf-field :is(input,select,textarea){border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--bf-panel);padding:8px 10px;min-height:var(--ui-control-height);font-size:var(--ui-font-body)}
#bimflow-app .bf-panel{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--bf-panel);min-width:0;overflow:hidden}
#bimflow-app :is(.bf-kpi,.bf-membercard,.bf-taskcard,.rc-category,.rc-family-card){border-radius:var(--ui-radius-lg);border-color:var(--ui-border);background:var(--bf-panel)}
#bimflow-app :is(.bf-membercard,.bf-taskcard,.rc-family-card):hover{box-shadow:var(--ui-shadow)}
#bimflow-app .bf-tablewrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
#bimflow-app .bf-table{font-size:var(--ui-font-body)}
#bimflow-app .bf-table :is(th,td){padding:12px 16px}
#bimflow-app .bf-table tbody tr:hover{background:var(--bf-hover)}
#bimflow-app .bf-table th{font-size:var(--ui-font-small);line-height:1.5}
#bimflow-app .bf-empty{padding:32px 16px;text-align:center;color:var(--bf-muted);font-size:var(--ui-font-body);line-height:1.7}
#bimflow-app .bf-empty .bf-button{margin-top:var(--ui-space-3)}
#bimflow-app .bf-membergrid>.bf-empty{grid-column:1/-1}
#bimflow-app .bf-notice{display:flex;align-items:center;gap:var(--ui-space-2);background:var(--bf-softorange);border-radius:var(--ui-radius);color:var(--bf-orange);padding:12px 16px;font-size:var(--ui-font-body);margin-bottom:var(--ui-section-gap);line-height:1.6}
#bimflow-app .bf-notice.neutral{background:var(--bf-softblue);color:var(--bf-blue)}
#bimflow-app .bf-notice button{color:inherit;font-weight:500;white-space:nowrap}
#bimflow-app .bf-intel-status{font-size:var(--ui-font-small);line-height:1.7}
#bimflow-app .bf-toast{border-radius:var(--ui-radius);padding:12px 16px;font-size:var(--ui-font-body)}
@media(max-width:900px){#bimflow-app .bf-head{flex-wrap:wrap}#bimflow-app .bf-head-actions{justify-content:flex-start}}
@media(max-width:620px){
 #bimflow-app .bf-head-actions{width:100%}
 #bimflow-app :is(.bf-toolbar,.rc-toolbar,.bf-intel-toolbar) .bf-search{flex-basis:100%;width:100%;max-width:none;min-width:0}
 #bimflow-app .bf-toolbar>.bf-button{max-width:100%}
 #bimflow-app .bf-notice{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){#bimflow-app *,#bimflow-app *:before,#bimflow-app *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* YANTRON identity and preference controls. Original logo is never recolored. */
html{background:light-dark(#f8f7f5,#000000);color-scheme:light dark}
#bimflow-app .bf-logo{flex-shrink:0;padding:8px 10px;background:transparent}
#bimflow-app .bf-logo img{display:block;width:166px;height:auto;max-width:100%;object-fit:contain}
#bimflow-app .bf-top{min-height:64px;height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
#bimflow-app .bf-preferences{display:flex;gap:12px;align-items:center}
#bimflow-app .bf-switcher{display:inline-flex;align-items:stretch;gap:3px;padding:3px;border:1px solid var(--bf-line);background:var(--bf-side);border-radius:var(--ui-radius)}
#bimflow-app .bf-switcher button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid transparent;border-radius:var(--ui-radius-sm);font-size:12px;font-weight:600;color:var(--bf-muted);white-space:nowrap}
#bimflow-app .bf-switcher button:hover{background:var(--bf-hover);color:var(--bf-text)}
#bimflow-app .bf-switcher button[aria-pressed="true"]{background:var(--bf-blue);color:var(--ui-on-accent);box-shadow:0 1px 3px #0002}
#bimflow-app .bf-switcher button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
#bimflow-app .bf-switcher svg{width:15px;height:15px}
#bimflow-app input,#bimflow-app select,#bimflow-app textarea{background-color:var(--bf-panel)}
@media(max-width:760px){#bimflow-app .bf-topnote{display:none}#bimflow-app .bf-preferences{gap:8px}#bimflow-app .bf-logo img{width:142px}}
@media(max-width:620px){#bimflow-app .bf-top{padding:8px 12px;gap:8px}#bimflow-app .bf-preferences{order:4;flex-basis:100%;justify-content:space-between}#bimflow-app .bf-switcher button{min-height:42px;padding:0 12px}#bimflow-app .bf-logo img{width:138px}}

/* Shared numeric hierarchy: full numbers, tabular figures, units on the baseline. */
#bimflow-app{--ui-metric-size:28px;--ui-metric-weight:650}
#bimflow-app .bf-kpi-value{font-size:var(--ui-metric-size);font-weight:var(--ui-metric-weight);font-variant-numeric:tabular-nums;letter-spacing:-.4px;line-height:1.3;color:var(--bf-text)}
#bimflow-app .bf-kpi{container-type:inline-size}
#bimflow-app .bf-kpi .bf-kpi-value{font-size:clamp(18px,10cqi,var(--ui-metric-size));min-width:0;overflow-wrap:normal}
#bimflow-app .bf-number{display:inline-flex;align-items:baseline;gap:.24em;max-width:100%;font-variant-numeric:tabular-nums}
#bimflow-app .bf-number-value{white-space:nowrap;min-width:0}
#bimflow-app .bf-number-unit{font-size:.5em;letter-spacing:0;font-weight:500;color:var(--bf-muted);flex-shrink:0}
#bimflow-app .bf-number-divider{font-size:.6em;padding:0 .4em;color:var(--bf-muted)}
#bimflow-app .bf-number[data-number-status="denied"]{font-size:16px}
#bimflow-app :is(.bf-count,.mk-amount,.rc-capacity,.schedule-load,.rv-plan-progress,.bf-inline-label){font-variant-numeric:tabular-nums}
#bimflow-app .rv-metrics strong{display:flex;align-items:baseline;flex-wrap:wrap}
#bimflow-app .mk-amount{overflow-wrap:anywhere}
@media(max-width:620px){#bimflow-app{--ui-metric-size:24px}#bimflow-app .bf-kpi .bf-kpi-value{font-size:clamp(18px,10cqi,var(--ui-metric-size))}}

#bimflow-app .bf-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
#bimflow-app .bf-workspace .bf-w{background:var(--bf-blue);color:var(--ui-on-accent)}

#bimflow-app .bf-nav-text{min-width:0;overflow-wrap:anywhere;white-space:normal}
#bimflow-app .bf-field :is(input,textarea)::placeholder{color:var(--bf-muted);opacity:1}
@media(max-width:700px){html[lang=en] #bimflow-app .bf-shell:not(.bf-sidebar-collapsed) .bf-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}html[lang=en] #bimflow-app .bf-shell:not(.bf-sidebar-collapsed) .bf-nav{flex-direction:column;gap:4px;min-height:60px;padding:7px 4px}html[lang=en] #bimflow-app .bf-nav-text{overflow-wrap:normal;word-break:normal;text-align:center}}

/* Summary cards: the single visual owner for center, report and inventory totals. */
#bimflow-app .bf-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:0 0 var(--ui-section-gap)}
#bimflow-app .bf-kpi{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--bf-panel);text-align:left;color:var(--bf-text)}
#bimflow-app .bf-kpitop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:14px;line-height:1.5;color:var(--bf-muted)}
#bimflow-app .bf-kpi-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--bf-muted)}
#bimflow-app .bf-kpi-icon svg{width:16px;height:16px}
#bimflow-app .bf-kpi .bf-kpi-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:0;margin:8px 0 3px;font-weight:var(--ui-metric-weight);line-height:1.3;letter-spacing:-.4px;color:var(--bf-text)}
#bimflow-app .bf-kpi-note{display:block;margin-top:auto;font-size:12px;line-height:1.5;color:var(--bf-muted)}
#bimflow-app button.bf-kpi-action{border:1px solid var(--ui-border);background:var(--bf-panel);cursor:pointer}
#bimflow-app .bf-kpi-action:hover{border-color:var(--bf-blue)}
#bimflow-app .bf-kpi-action[aria-pressed=true]{border-color:var(--bf-blue);box-shadow:inset 0 0 0 1px var(--bf-blue)}
#bimflow-app .bf-kpi-action:focus-visible{outline:2px solid var(--bf-blue);outline-offset:3px}
@media(max-width:620px){#bimflow-app .bf-kpi{padding:16px}}

/* Map selection is a UI state, separate from business stage and starred status. */
#bimflow-app .bf-map-marker{background:var(--bf-muted);color:var(--bf-panel);border:2px solid var(--bf-panel);opacity:.78;box-shadow:0 2px 6px #0003}
#bimflow-app .bf-map-marker:after{border-top-color:var(--bf-muted)}
#bimflow-app .bf-map-marker.selected{background:var(--bf-blue);color:var(--ui-on-accent);border-color:var(--bf-panel);opacity:1;outline:3px solid var(--bf-blue);outline-offset:3px;transform:scale(1.2);transform-origin:50% 100%}
#bimflow-app .bf-map-marker.selected:after{border-top-color:var(--bf-blue)}
#bimflow-app :is(.pf-project.selected,.mk-card.mk-selected){border-color:var(--bf-blue);background:var(--bf-softblue);box-shadow:inset 3px 0 var(--bf-blue)}
#bimflow-app .bf-map-key{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--bf-muted)}
#bimflow-app .bf-map-key span{display:inline-flex;align-items:center;gap:6px}
#bimflow-app .bf-map-key i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--bf-muted)}
#bimflow-app .bf-map-key i.selected{background:var(--bf-blue);outline:1px solid var(--bf-blue);outline-offset:2px}
