/* BIHUB app-owned Website shell. Native Frappe tokens; no Desk or framework. */
.bihub-product .table-responsive,.bihub-dialog .table-responsive{max-width:100%;min-width:0;overscroll-behavior-inline:contain}
.bihub-product :is(td,th):is(.cell-date,.cell-period,.cell-datetime,.cell-time,.cell-id,.cell-number,.cell-status){white-space:nowrap;overflow-wrap:normal;word-break:normal;max-width:none;min-width:7rem}
.bihub-product :is(td,th).cell-datetime{min-width:10.75rem}
.bihub-product :is(td,th).cell-number{text-align:right;font-variant-numeric:tabular-nums}
.bihub-product :is(td,th).cell-text{white-space:normal;overflow-wrap:break-word;word-break:normal;min-width:9rem;max-width:24rem}
.unit-identity{display:flex;flex-direction:column;gap:4px;min-width:12rem;max-width:22rem}.unit-name{font-weight:550;white-space:normal;overflow-wrap:break-word}.unit-code{background:transparent;padding:0;font-size:10px;white-space:nowrap;word-break:normal;overflow-wrap:normal;color:var(--bihub-muted)}
:root{--bihub-page:#f7f8fa;--bihub-surface:#fff;--bihub-text:#1f272e;--bihub-muted:#687178;--bihub-border:#e6e9ed;--bihub-accent:#171717;--bihub-radius:10px;--bihub-sidebar:236px}
body:has(.bihub-product){background:var(--bihub-page);color:var(--bihub-text)}
body:has(.bihub-product) .page-content-wrapper{padding:0!important;max-width:none!important}
body:has(.bihub-product) .page-breadcrumbs,body:has(.bihub-product) .page-footer:empty{display:none}
.bihub-product{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;min-height:100vh;color:var(--bihub-text);background:var(--bihub-page);isolation:isolate}
.bihub-product *, .bihub-dialog *{box-sizing:border-box}
.bihub-product a,.bihub-dialog a{color:inherit;text-decoration:none}
.bihub-product button,.bihub-product input,.bihub-product select,.bihub-product textarea,.bihub-dialog input,.bihub-dialog select,.bihub-dialog textarea{font:inherit}
.bihub-product :focus-visible,.bihub-dialog :focus-visible{outline:3px solid #8ab4f8;outline-offset:3px}
.bihub-product svg,.bihub-dialog svg{height:19px;width:19px;flex-shrink:0}
.product-header{position:sticky;top:0;z-index:50;height:64px;background:var(--bihub-surface);border-bottom:1px solid var(--bihub-border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px}
.header-start,.header-end,.product-logo,.company-context{display:flex;align-items:center;gap:12px;min-width:0}
.header-start{flex:1}.header-end{flex-shrink:0}.product-logo{font-weight:750;font-size:18px;letter-spacing:-.5px;white-space:nowrap}
.logo-mark{display:grid;place-items:center;background:#171717;color:#fff;border-radius:8px;height:33px;width:33px;font-size:15px;font-weight:750;letter-spacing:-1px}
.header-divider{height:22px;width:1px;background:var(--bihub-border)}.company-context{font-size:13px;color:#525b64;max-width:320px}
.company-context>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.environment-pill{border:1px solid #e1e5ea;border-radius:5px;padding:2px 7px;font-size:10px;color:var(--bihub-muted);white-space:nowrap}
.icon-button{height:34px;width:34px;border:0;background:transparent;display:grid;place-items:center;border-radius:6px;cursor:pointer;color:var(--bihub-muted)}
.icon-button:hover{background:#f0f2f5}.btn svg{vertical-align:middle}.compact-button{display:flex!important;align-items:center;gap:7px;font-size:12px!important}
.product-layout{display:grid;grid-template-columns:var(--bihub-sidebar) minmax(0,1fr);min-height:calc(100vh - 64px)}
.product-sidebar{background:var(--bihub-surface);border-right:1px solid var(--bihub-border);position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);padding:25px 14px 15px;display:flex;flex-direction:column;z-index:40;overflow-y:auto}
.sidebar-caption{font-size:10px;letter-spacing:.09em;color:#8a919a;font-weight:650;padding:0 12px;margin-bottom:13px}
.sidebar-navigation,#company-navigation{display:flex;flex-direction:column;gap:5px}
.sidebar-navigation a,#company-navigation a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:7px;font-size:13px;color:#59616a;line-height:1.4}
.sidebar-navigation a:hover,#company-navigation a:hover{background:#f6f7f9;color:#171717}
.sidebar-navigation a.active,#company-navigation a.active{background:#eef0f3;color:#15191e;font-weight:600;box-shadow:inset 3px 0 0 var(--bihub-accent)}
.sidebar-navigation a svg,#company-navigation a svg{color:#8c949e}
.sidebar-navigation a.active svg,#company-navigation a.active svg{color:var(--bihub-accent)}
.sidebar-bottom{margin-top:auto;padding:28px 12px 0;font-size:11px;display:grid;gap:5px}
.sidebar-version{color:#a1a7ae}.product-main{min-width:0;max-width:1600px;width:100%;padding:25px 34px 0;margin:0 auto}
.product-breadcrumb{font-size:11px;display:flex;align-items:center;gap:9px;color:#979ea6;margin-bottom:22px}
.product-breadcrumb a{color:#6f7781}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.bihub-product h1{font-size:25px;line-height:1.3;font-weight:650;letter-spacing:-.6px;margin:0 0 7px}
.bihub-product h2{font-size:19px;line-height:1.4;letter-spacing:-.3px;font-weight:620;margin:0 0 10px}
.bihub-product h3{font-size:15px;line-height:1.45;font-weight:600;margin:0 0 9px}
.page-heading p{color:var(--bihub-muted);margin:0;font-size:13px;max-width:720px}.muted,.text-muted{color:var(--bihub-muted)}.small{font-size:12px}
.bihub-product .btn,.bihub-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;line-height:1.35;padding:8px 13px;font-size:12px;font-weight:550;white-space:normal;border-radius:6px;border:1px solid transparent;cursor:pointer;box-shadow:none;text-decoration:none}
.bihub-product .btn-primary,.bihub-dialog .btn-primary{background:var(--bihub-accent);border-color:var(--bihub-accent);color:var(--bihub-accent-text,#fff)}
.bihub-product .btn-primary:hover,.bihub-dialog .btn-primary:hover{filter:brightness(1.15)}
.bihub-product .btn-default,.bihub-dialog .btn-default{background:#fff;color:#37404a;border-color:#dce1e6}
.bihub-product .btn-default:hover,.bihub-dialog .btn-default:hover{background:#f5f6f8}
.bihub-product .btn-danger,.bihub-dialog .btn-danger{background:#be3434;color:#fff;border-color:#be3434}
.bihub-product .btn-warning,.bihub-dialog .btn-warning{background:#fff7e2;color:#805b18;border-color:#e3d5ae}
.bihub-product button:disabled,.bihub-dialog button:disabled{opacity:.55;cursor:not-allowed}
.avatar{height:32px;width:32px;border-radius:50%;display:inline-grid;place-items:center;background:#edf0f3;border:1px solid #e1e5ea;color:#4a535f;font-size:11px;font-weight:650;flex-shrink:0}
.account-menu{position:relative}.account-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px}
.account-menu summary::-webkit-details-marker{display:none}.account-label{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.account-popover{position:absolute;right:0;top:44px;min-width:245px;padding:12px;background:white;border:1px solid var(--bihub-border);border-radius:9px;box-shadow:0 6px 24px #16233718;display:flex;flex-direction:column;font-size:12px;gap:3px}
.account-popover strong,.account-popover>.muted{padding:4px 7px;overflow-wrap:anywhere}
.account-popover a,.account-popover button{border:0;background:transparent;cursor:pointer;text-align:left;border-radius:5px;padding:9px 7px;margin-top:2px}
.account-popover a:hover,.account-popover button:hover{background:#f4f6f8}
.product-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#959da6;padding:28px 0 20px;margin-top:30px;border-top:1px solid var(--bihub-border)}
.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:white;padding:10px;border-radius:4px}.skip-link:focus{top:10px}
.product-tabs{display:flex;gap:25px;border-bottom:1px solid var(--bihub-border);margin-bottom:24px}
.product-tabs button{border:0;background:none;padding:11px 0 13px;font-size:13px;color:#7a838e;position:relative;cursor:pointer;min-height:43px}
.product-tabs button[aria-selected=true]{color:#171717;font-weight:600}.product-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--bihub-accent)}
.product-panel[hidden]{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.filter-buttons{display:flex;gap:4px;flex-wrap:wrap}.filter-buttons button{border:1px solid transparent;border-radius:6px;background:transparent;padding:6px 10px;color:#7a838e;font-size:11px;cursor:pointer}
.filter-buttons button[aria-pressed=true]{background:#fff;border-color:#dce1e6;color:#252d36}
.search-control{width:260px;max-width:100%;position:relative}.search-control input{padding-left:32px!important}.search-control svg{position:absolute;left:10px;top:9px;height:15px;width:15px;color:#9ba2aa}
.workspace-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workspace-card,.portfolio-card,.panel-card,.metric-card{background:#fff;border:1px solid var(--bihub-border);border-radius:var(--bihub-radius)}
.workspace-card{padding:20px;display:flex;flex-direction:column;min-width:0;gap:14px;transition:border-color .15s}
.workspace-card:hover{border-color:#cdd3da}.workspace-card.highlight{outline:2px solid #9aacc2;outline-offset:2px}.workspace-card h3{font-size:15px;overflow-wrap:anywhere;margin:0}
.workspace-card .card-heading{display:flex;gap:12px;align-items:flex-start}.workspace-monogram{height:42px;width:42px;background:#eef0f3;color:#515c69;font-size:15px;display:grid;place-items:center;border-radius:9px;font-weight:650;flex-shrink:0}
.workspace-monogram img{width:32px;height:32px;object-fit:contain}.workspace-address{font-size:11px;color:#8a939e;overflow-wrap:anywhere;margin-top:4px}
.workspace-role{font-size:11px;color:#737e89;line-height:1.7}.card-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #eff1f4}
.badge{font-size:10px;line-height:1.4;padding:3px 7px;display:inline-flex;align-items:center;gap:4px;border-radius:5px;font-weight:550;white-space:normal}
.badge-neutral{background:#f1f3f5;color:#687584}.badge-good{background:#edf8f0;color:#378250}.badge-warning{background:#fff7e7;color:#956d20}.badge-danger{background:#fceeee;color:#bd4b4b}.badge-demo{background:#eff3fc;color:#596f9e}
.badge-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.panel-card{padding:23px;margin-bottom:22px;min-width:0}.panel-card p:last-child{margin-bottom:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 15px}
.section-title h2{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 25px}
.metric-card{padding:18px 20px}.metric-card .metric-label{font-size:11px;color:#7f8994;margin-bottom:8px}.metric-card .metric-value{font-size:26px;font-weight:650;line-height:1.25;letter-spacing:-.5px;overflow-wrap:anywhere}.metric-foot{font-size:10px;color:#929ba5;margin-top:8px}
.metric-card.business .metric-value{font-size:23px}.empty-state{padding:40px 20px;text-align:center;border:1px dashed #d9dee5;border-radius:10px;background:#fbfcfd;color:#7f8995}
.empty-state h2,.empty-state h3{color:#424c58;margin-bottom:7px}.empty-state p{max-width:540px;margin:0 auto 18px;font-size:12px}.empty-icon{width:50px;height:50px;margin:0 auto 15px;border-radius:12px;background:#eff2f5;display:grid;place-items:center;color:#8b96a3}.empty-icon svg{width:24px;height:24px}
.context-note{padding:12px 15px;border:1px solid #e5e9ee;border-radius:7px;background:#f8fafc;color:#6e7d8f;font-size:12px;display:flex;align-items:flex-start;gap:9px;margin-bottom:20px}
.context-note.warning{background:#fffbf0;border-color:#f0e4bd;color:#8a7034}.context-note.good{background:#f4fbf5;border-color:#d9ebdb;color:#587b5d}
.inline-error{font-size:12px;color:#bc4141;margin:7px 0 0;min-height:0}.inline-error:empty{display:none}.field-hint{font-size:11px;color:#8a939e;margin-top:5px}.field-message{font-size:11px;margin-top:5px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid>.full-width{grid-column:1/-1}
.bihub-product label,.bihub-dialog label,.bihub-dialog legend{display:block;font-size:12px;font-weight:550;color:#4c5560;margin-bottom:6px}
.bihub-product .form-control,.bihub-dialog .form-control{display:block;width:100%;min-height:37px;padding:8px 10px;background:#fff;border:1px solid #dce1e6;border-radius:6px;color:#303b46;font-size:13px;box-shadow:none}
.bihub-product .form-control:focus,.bihub-dialog .form-control:focus{border-color:#91a7c5;outline:2px solid #d7e4f6}
.bihub-product textarea.form-control,.bihub-dialog textarea.form-control{min-height:100px;resize:vertical}.input-suffix{display:flex;align-items:stretch;border:1px solid #dce1e6;border-radius:6px;overflow:hidden}.input-suffix input.form-control{border:0;border-radius:0;min-width:0}.input-suffix span{display:flex;align-items:center;font-size:12px;color:#788493;background:#f5f7f9;padding:0 11px;border-left:1px solid #dce1e6;white-space:nowrap}
.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.checkbox-label{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;font-size:12px!important}.checkbox-label input{margin-top:4px;flex-shrink:0}
.bihub-dialog{padding:0;border:1px solid #dce1e6;border-radius:12px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);color:#29343f;box-shadow:0 20px 80px #13212d30;overflow:auto}
.bihub-dialog::backdrop{background:#18212c65}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 24px 0}.dialog-header h2{font-size:19px;line-height:1.4;margin:0 0 7px;font-weight:650}
.dialog-description{font-size:12px;line-height:1.6;color:#7b858f;margin:0;padding:0 24px 20px}.dialog-body{padding:0 24px 23px}.dialog-header .icon-button{margin:-5px -7px 0 0}.bihub-dialog:focus{outline:none}.choice-group{display:flex;flex-direction:column;gap:7px;border:1px solid #e4e8ed;border-radius:6px;padding:10px;max-height:190px;overflow:auto}.choice-group label{display:flex;gap:8px;font-weight:400;margin:0}.choice-group input{margin-top:3px}
.product-notice{position:fixed;bottom:22px;right:24px;z-index:150;background:#242d38;color:#fff;padding:13px 18px;border-radius:8px;box-shadow:0 4px 20px #0e1d2520;max-width:calc(100vw - 32px);font-size:12px}
.product-notice[hidden]{display:none}.table-responsive{border:1px solid var(--bihub-border);border-radius:8px;overflow:auto;background:white}
.bihub-product table{width:100%;border-collapse:collapse;font-size:12px;margin:0}.bihub-product th{font-size:10px;letter-spacing:.02em;color:#8a949f;font-weight:550;background:#fafbfc;text-align:left;padding:11px 14px;border-bottom:1px solid var(--bihub-border);white-space:nowrap}.bihub-product td{padding:13px 14px;border-bottom:1px solid #eff1f4;vertical-align:middle;color:#4a5662;overflow-wrap:anywhere;max-width:360px}.bihub-product tr:last-child td{border-bottom:0}.bihub-product tr:hover td{background:#fdfdfe}.bihub-product td .btn{padding:5px 9px;font-size:11px;min-height:28px}
.status-line{font-size:12px;color:#83909c;min-height:0;margin:0 0 18px}.status-line:empty{display:none}
.progress-steps{list-style:none;padding:0;margin:25px 0}.progress-steps li{display:flex;gap:12px;padding:0 0 24px;position:relative;color:#969fa9;font-size:13px}.progress-steps li:not(:last-child):before{content:"";position:absolute;left:12px;top:28px;bottom:0;width:1px;background:#e0e6ec}.step-dot{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dbe1e7;border-radius:50%;font-size:11px;background:white;flex-shrink:0}
.progress-steps li.current{color:#3a4654;font-weight:550}.progress-steps li.current .step-dot{border:2px solid #394a5e;background:#eef2f7}.progress-steps li.complete{color:#576f5e}.progress-steps li.complete .step-dot{background:#edf8f0;border-color:#b8d6bf;color:#3f8052}
.report-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:13px;margin:0 0 23px;padding:16px 18px;background:white;border:1px solid var(--bihub-border);border-radius:8px}.report-controls .form-group{min-width:175px;flex:1;margin:0}.report-controls .btn{margin:0;min-height:37px}
.two-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.portfolio-card{padding:20px;cursor:pointer;min-width:0}.portfolio-card h3{font-size:15px}.bihub-product svg.sparkline{width:100%;height:68px;display:block;margin:18px 0 4px}.sparkline-labels{font-size:9px;color:#9da6b0;display:flex;justify-content:space-between}.unit-metric{font-size:23px;font-weight:650;color:#33414f;margin-top:15px}
.comparison-row{display:grid;grid-template-columns:150px 1fr 100px;gap:12px;align-items:center;font-size:12px;margin:15px 0}.comparison-track{height:10px;background:#f1f3f5;border-radius:4px;position:relative}.comparison-bar{height:100%;border-radius:4px;background:#536a81;min-width:0}.comparison-bar.target{background:#c8d2dc}
.heatmap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:130px}.heatmap-cell{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding:12px;border:1px solid #e6ebef;border-radius:7px;background:#f8fafb;min-height:70px}.unit-chip{font-size:10px;padding:3px 6px;border-radius:4px;background:#edf0f3;color:#62717f}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-card{padding:22px;border:1px solid var(--bihub-border);border-radius:10px;background:white;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.plan-card.featured{border-color:#929da9}.plan-card .btn{margin-top:auto;width:100%}
.drawer-backdrop{position:fixed;inset:64px 0 0;background:#17232c50;border:0;z-index:35}.sidebar-collapsed{--bihub-sidebar:72px}.sidebar-collapsed .sidebar-caption,.sidebar-collapsed .sidebar-navigation a span,.sidebar-collapsed #company-navigation a span,.sidebar-collapsed .sidebar-bottom{display:none}.sidebar-collapsed .product-sidebar{padding-left:13px;padding-right:13px}.sidebar-collapsed .sidebar-navigation a,.sidebar-collapsed #company-navigation a{justify-content:center;padding-left:0;padding-right:0}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:76px 0 70px}.hero h1{font-size:45px;letter-spacing:-1.7px;line-height:1.2;margin-bottom:22px}.hero p{font-size:15px;color:#7a8590;line-height:1.85;margin-bottom:25px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-visual{background:#fff;border:1px solid #dfe5ec;border-radius:12px;box-shadow:0 12px 45px #24313e0b;padding:22px}.hero-visual .mini-top{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding-bottom:14px;font-size:11px;color:#8994a0}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mini-kpis>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:7px;padding:14px 10px}.mini-kpis small{display:block;font-size:8px;color:#9aa5b1}.mini-kpis strong{font-size:18px;font-weight:600}.mini-bars{height:110px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;border-bottom:1px solid #e4eaf0;margin:15px 0}.mini-bars>span{display:block;width:24px;border-radius:3px 3px 0 0;background:#cad5df}.mini-bars>span:nth-child(even){background:#6d8398}.hero-visual figcaption{font-size:10px;color:#9da6af;margin-top:15px;text-align:center}
.bihub-public .product-main{max-width:1180px;padding:0 28px}.bihub-public .product-header{padding-left:max(28px,calc((100vw - 1124px)/2));padding-right:max(28px,calc((100vw - 1124px)/2))}.bihub-public .company-context,.bihub-public .header-divider{display:none}.landing-section{padding:55px 0;border-top:1px solid #e5e9ee}.landing-section>h2{font-size:27px;letter-spacing:-.6px;margin-bottom:12px}.section-intro{font-size:14px;color:#87919b;max-width:680px;margin-bottom:30px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-card{padding:23px;background:white;border:1px solid var(--bihub-border);border-radius:9px}.feature-card>svg{color:#6f8193;margin-bottom:15px}.feature-card p{font-size:12px;color:#84909b;line-height:1.75}.workflow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.workflow-step{padding:18px 15px;border:1px solid var(--bihub-border);background:white;border-radius:8px}.workflow-step .step-number{font-size:10px;color:#9aa6b3;letter-spacing:.08em}.workflow-step strong{display:block;font-size:12px;margin-top:9px}.workflow-step p{font-size:11px;color:#8d97a1;margin:8px 0 0}.landing-cta{padding:50px 20px;background:#eff2f6;border-radius:12px;text-align:center;margin:40px 0}.landing-cta h2{font-size:25px;margin-bottom:12px}.landing-cta p{font-size:13px;color:#818e9c;margin-bottom:22px}
@media(min-width:1600px){.product-main{padding-left:44px;padding-right:44px}}
@media(max-width:1200px){.workspace-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-label{display:none}.product-main{padding:23px 25px 0}.hero{gap:30px}.hero h1{font-size:38px}}
@media(max-width:900px){:root{--bihub-sidebar:205px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-context{max-width:190px}.environment-pill{display:inline-flex}.two-columns{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:50px 0}.hero-visual{max-width:600px;width:100%;margin:auto}.workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.product-header{height:58px;padding:0 14px;gap:10px}.header-start{gap:8px}.header-end{gap:8px}.company-context{max-width:135px;font-size:11px}.product-logo{font-size:15px;gap:7px}.logo-mark{width:28px;height:28px;font-size:13px;border-radius:6px}.header-divider{margin:0 2px}.compact-button span{display:none}.compact-button{padding:7px!important;min-width:31px}.product-layout{display:block;min-height:calc(100vh - 58px)}.product-sidebar{position:fixed;top:58px;left:0;height:calc(100dvh - 58px);width:246px;transform:translateX(-100%);transition:transform .18s;padding:24px 14px;box-shadow:7px 0 30px #18212c15}.drawer-open .product-sidebar{transform:none}.drawer-backdrop{top:58px}.sidebar-collapsed .sidebar-caption,.sidebar-collapsed .sidebar-navigation a span,.sidebar-collapsed #company-navigation a span,.sidebar-collapsed .sidebar-bottom{display:revert}.sidebar-collapsed .sidebar-navigation a,.sidebar-collapsed #company-navigation a{justify-content:flex-start;padding:10px 12px}.product-main{padding:20px 17px 0}.product-breadcrumb{margin-bottom:18px;font-size:10px}.bihub-product h1{font-size:23px}.page-heading{flex-wrap:wrap;gap:14px;margin-bottom:20px}.page-heading p{font-size:12px}.workspace-grid,.portfolio-grid{grid-template-columns:1fr}.workspace-card{padding:18px}.toolbar{gap:14px}.search-control{width:100%}.product-tabs{gap:19px}.product-tabs button{font-size:12px}.panel-card{padding:18px}.metric-card{padding:15px}.metric-card .metric-value{font-size:23px}.metric-grid{gap:12px}.form-grid{grid-template-columns:1fr}.form-grid>.full-width{grid-column:auto}.report-controls{padding:14px;gap:13px}.report-controls .form-group{flex:1 1 100%;min-width:0}.report-controls .btn{width:100%}.comparison-row{grid-template-columns:90px 1fr 65px;font-size:10px;gap:8px}.product-footer{font-size:9px;flex-wrap:wrap;margin-top:25px}.input-suffix span{font-size:10px;padding:0 7px}.bihub-public .product-main{padding:0 18px}.bihub-public .product-header{padding:0 18px}.hero{padding:42px 0;gap:30px}.hero h1{font-size:34px;letter-spacing:-1px}.hero p{font-size:13px}.landing-section{padding:38px 0}.landing-section>h2{font-size:23px}.feature-grid,.plan-grid{grid-template-columns:1fr}.workflow-strip{grid-template-columns:1fr 1fr}.bihub-public .environment-pill{display:inline-flex;font-size:9px}.bihub-public .header-end{gap:6px}.bihub-public .header-end .btn{padding:7px 9px;font-size:11px}.dialog-header{padding:20px 20px 0}.dialog-description{padding:0 20px 18px}.dialog-body{padding:0 20px 20px}}
@media(prefers-reduced-motion:reduce){.bihub-product *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:700px){.bihub-product:not(.bihub-public) .product-logo>span:last-child{display:none}.bihub-product:not(.bihub-public) .environment-pill{position:absolute;top:63px;right:17px;font-size:8px;background:#fff;z-index:1}.company-context{max-width:125px}}

.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.content-grid>.card{min-width:0}.content-grid h2{margin-bottom:16px}.content-grid p{overflow-wrap:anywhere}.section-heading{margin:28px 0 15px}.portfolio-card{padding:23px;min-width:0}.portfolio-card h2{font-size:18px;margin:16px 0 8px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.metric-pair{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin:14px 0}.metric-pair strong{font-size:25px}.bihub-product svg.sparkline{width:100%;height:80px;color:#71879b;margin:15px 0}.bihub-product svg.comparison-chart{display:block;width:100%;max-width:600px;height:75px}.badge[data-rating="Green"]{background:#eaf5ed;color:#316747}.badge[data-rating="Amber"]{background:#fff5df;color:#88621e}.badge[data-rating="Red"]{background:#fceced;color:#963d43}.badge[data-rating="Unrated"]{background:#f0f2f5;color:#7d8792}#company-content>.card{margin-bottom:20px}#company-content .table-responsive{margin:18px 0}#company-content .btn{margin:5px 8px 5px 0}#portal-status{overflow-wrap:anywhere}#platform-filter .form-control{width:min(290px,100%)}.choice-group label{display:flex;align-items:center;gap:9px;font-size:13px}.choice-group legend{font-size:12px}.choice-group{border:1px solid #dfe4e9;border-radius:7px;padding:12px;margin:8px 0 20px;max-height:210px;overflow:auto}.metric-value{overflow-wrap:anywhere}.bihub-product .card p{white-space:pre-wrap}.bihub-product .form-control{min-width:0}.bihub-product [hidden]{display:none!important}
@media(max-width:700px){.content-grid{grid-template-columns:1fr}.portfolio-card{padding:18px}.metric-pair strong{font-size:21px}.bihub-product .table-responsive{max-width:calc(100vw - 34px)}}
.bihub-product td.report-state{white-space:nowrap;overflow-wrap:normal;max-width:none}.report-state-guide{font-size:12px;line-height:1.75}.loaded-context{font-size:12px;overflow-wrap:anywhere}.report-controls>.loaded-context{flex-basis:100%;margin:0}.sample-library,.sample-upload{padding:22px;margin:18px 0;min-width:0}.sample-library h2,.sample-upload h2{font-size:18px}.sample-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.sample-actions>.btn{margin:0!important;max-width:100%}.sample-learning{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--bihub-border);padding-top:18px;margin-top:18px}.sample-learning>section{min-width:0}.sample-learning p,.sample-learning li,.sample-library>.small{font-size:12px;color:var(--bihub-muted);line-height:1.75}.sample-learning ul{padding-left:20px}.sample-synthetic{font-size:12px;font-weight:550}.sample-download-status{font-size:12px;overflow-wrap:anywhere;margin:10px 0}.sample-download-status:empty{display:none}.sample-upload input[type=file]{height:auto;min-height:38px;padding:8px;max-width:100%}
@media(max-width:700px){.sample-library,.sample-upload{padding:17px}.sample-learning{grid-template-columns:1fr;gap:18px}.sample-actions{display:grid;grid-template-columns:minmax(0,1fr)}.sample-actions>.btn{width:100%;justify-content:flex-start;text-align:left}.sample-library .btn,.sample-upload .btn{max-width:100%}.sample-learning section+section{border-top:1px solid var(--bihub-border);padding-top:18px}}

.bihub-product .hero p,.bihub-product .section-intro,.bihub-product .feature-card p,.bihub-product .workflow-step p,.bihub-product .landing-cta p,.bihub-product .hero-visual figcaption{color:var(--bihub-muted)}

.demo-mobile-label{display:none}@media(max-width:700px){.header-start>.badge-demo{display:none}.demo-mobile-label{display:block;font-size:10px;color:var(--bihub-muted);margin:0 0 14px;padding:6px 9px;border:1px solid var(--bihub-border);border-radius:6px}.product-breadcrumb{flex-wrap:wrap}}

.bihub-product .settings-logo-preview{display:block;max-width:180px;max-height:96px;object-fit:contain;margin:12px 0;border:1px solid var(--bihub-border);border-radius:6px;padding:6px;background:#fff}

/* Native-style appearance tokens. Images and business values are never inverted. */
:root{--bihub-surface-alt:#f1f3f6;--bihub-surface-hover:#f0f2f5;--bihub-text-soft:#4a5662;--bihub-focus:#8ab4f8;--bihub-chart:#607c97}
html[data-bihub-theme="dark"]{color-scheme:dark;--bihub-page:#151a21;--bihub-surface:#1e252e;--bihub-surface-alt:#29323e;--bihub-surface-hover:#303b49;--bihub-text:#e6ebf2;--bihub-text-soft:#c6cfdb;--bihub-muted:#a8b3c2;--bihub-border:#3d4857;--bihub-accent:#9fc5ff;--bihub-accent-text:#13253c;--bihub-focus:#9fc5ff;--bihub-chart:#a1bdd6}
.preferences-menu{position:relative;flex-shrink:0}.preferences-trigger{display:flex;align-items:center;justify-content:center;gap:3px;list-style:none;cursor:pointer;min-width:38px;min-height:34px;padding:6px;border:1px solid var(--bihub-border);border-radius:6px;color:var(--bihub-text-soft);font-size:11px;font-weight:600;background:var(--bihub-surface)}.preferences-trigger::-webkit-details-marker{display:none}.preferences-trigger:hover{background:var(--bihub-surface-hover)}
.preferences-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:90;width:240px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 85px);overflow:auto;padding:16px;background:var(--bihub-surface);border:1px solid var(--bihub-border);border-radius:9px;box-shadow:0 12px 30px #0002}.preferences-popover>strong{display:block;margin-bottom:14px}.preferences-popover label{margin-top:12px}.preferences-popover .btn{width:100%;margin-top:5px;font-size:11px}.preferences-popover .field-hint{white-space:normal;line-height:1.6}.company-footer-context{display:flex;flex-wrap:wrap;gap:6px 18px;flex-basis:100%;min-width:0;margin-bottom:5px}.company-footer-context>*{max-width:100%;overflow-wrap:anywhere}
html[data-bihub-theme="dark"] .bihub-product :focus-visible,html[data-bihub-theme="dark"] .bihub-dialog :focus-visible{outline-color:var(--bihub-focus)}
html[data-bihub-theme="dark"] .bihub-product :is(.card,.workspace-card,.panel-card,.metric-card,.plan-card,.feature-card,.workflow-step,.hero-visual,.table-responsive,.report-controls,.account-popover,.preferences-popover,.empty-state,.bihub-dialog){background:var(--bihub-surface);border-color:var(--bihub-border);color:var(--bihub-text)}
html[data-bihub-theme="dark"] .bihub-product :is(h1,h2,h3,h4,strong,.metric-value,.unit-metric,.company-context,.workspace-role,.form-control){color:var(--bihub-text)}
html[data-bihub-theme="dark"] .bihub-product :is(.muted,.text-muted,.field-hint,.dialog-description,.product-footer,.product-breadcrumb,.section-intro,.sidebar-caption,.sidebar-version,.status-line,.sample-learning p,.sample-learning li,.sample-library>.small,.sparkline-labels,.hero p,.feature-card p,.workflow-step p){color:var(--bihub-muted)}
html[data-bihub-theme="dark"] .bihub-product :is(label,legend,td){color:var(--bihub-text-soft)}
html[data-bihub-theme="dark"] .bihub-product :is(.form-control,.input-suffix,.choice-group,.search-control input){background:var(--bihub-page);color:var(--bihub-text);border-color:var(--bihub-border)}
html[data-bihub-theme="dark"] .bihub-product :is(input,select,textarea)::placeholder{color:var(--bihub-muted);opacity:1}
html[data-bihub-theme="dark"] .bihub-product :is(input,select,textarea):disabled{color:var(--bihub-muted);background:var(--bihub-surface-alt);opacity:1}
html[data-bihub-theme="dark"] .bihub-product .form-control:focus{border-color:var(--bihub-focus);outline-color:#9fc5ff55}
html[data-bihub-theme="dark"] .bihub-product :is(.input-suffix span,.metric-card,.workspace-monogram,.avatar,.empty-icon,.hero-visual .mini-kpis>div,.step-dot,.comparison-track,.unit-chip,.heatmap-cell){background:var(--bihub-surface-alt);border-color:var(--bihub-border);color:var(--bihub-text-soft)}
html[data-bihub-theme="dark"] .bihub-product :is(.icon-button:hover,.filter-buttons button:hover,.account-popover>a:hover,.account-popover>button:hover,.sidebar-navigation a:hover,#company-navigation a:hover){background:var(--bihub-surface-hover);color:var(--bihub-text)}
html[data-bihub-theme="dark"] .bihub-product :is(.sidebar-navigation a.active,#company-navigation a.active,.filter-buttons button[aria-pressed="true"]){background:var(--bihub-surface-alt);color:var(--bihub-text);border-color:var(--bihub-focus)}
html[data-bihub-theme="dark"] .bihub-product :is(.btn-default,.btn-secondary){background:var(--bihub-surface-alt);color:var(--bihub-text);border-color:var(--bihub-border)}
html[data-bihub-theme="dark"] .bihub-product :is(.btn-default:hover,.btn-secondary:hover){background:var(--bihub-surface-hover)}
html[data-bihub-theme="dark"] .bihub-product .btn-primary{background:var(--bihub-accent);border-color:var(--bihub-accent);color:var(--bihub-accent-text,#13253c)}
html[data-bihub-theme="dark"] .bihub-product th{background:var(--bihub-surface-alt);color:var(--bihub-muted);border-color:var(--bihub-border)}
html[data-bihub-theme="dark"] .bihub-product td{border-color:var(--bihub-border)}html[data-bihub-theme="dark"] .bihub-product tr:hover td{background:var(--bihub-surface-hover)}
html[data-bihub-theme="dark"] .bihub-product :is(.context-note,.context-note.neutral,.landing-cta){background:#243142;color:#c0d7f3;border-color:#405978}
html[data-bihub-theme="dark"] .bihub-product :is(.context-note.warning,.badge-warning,.alert-warning){background:#3c321e;color:#f1d18d;border-color:#6e5a2f}
html[data-bihub-theme="dark"] .bihub-product :is(.context-note.good,.badge-good){background:#20382a;color:#a2d8b5;border-color:#3d694e}
html[data-bihub-theme="dark"] .bihub-product :is(.badge-neutral,.badge-demo,.badge[data-rating="Unrated"]){background:#303a47;color:#cad3df;border-color:var(--bihub-border)}
html[data-bihub-theme="dark"] .bihub-product .badge[data-rating="Green"]{background:#203b2a;color:#9bdbb0}html[data-bihub-theme="dark"] .bihub-product .badge[data-rating="Amber"]{background:#40341e;color:#f0d18c}html[data-bihub-theme="dark"] .bihub-product .badge[data-rating="Red"]{background:#43272e;color:#f7b4bc}
html[data-bihub-theme="dark"] .bihub-product .inline-error{color:#ffb6bd}html[data-bihub-theme="dark"] .bihub-dialog::backdrop{background:#0009}
html[data-bihub-theme="dark"] .bihub-product :is(hr,.product-tabs,.hero-visual .mini-top,.mini-bars,.landing-section){border-color:var(--bihub-border)}
html[data-bihub-theme="dark"] .bihub-product svg.sparkline{color:var(--bihub-chart)}html[data-bihub-theme="dark"] .bihub-product svg text{fill:var(--bihub-text-soft)}
html[data-bihub-theme="dark"] .bihub-product .environment-pill{background:var(--bihub-surface);border-color:var(--bihub-border)}
html[data-bihub-theme="dark"] .bihub-product .product-tabs button{color:var(--bihub-muted)}html[data-bihub-theme="dark"] .bihub-product .product-tabs button[aria-selected="true"]{color:var(--bihub-text);border-color:var(--bihub-focus)}html[data-bihub-theme="dark"] .bihub-product .progress-steps li{color:var(--bihub-muted)}html[data-bihub-theme="dark"] .bihub-product .progress-steps li.current{color:var(--bihub-text)}
html[data-bihub-theme="dark"] .bihub-product .product-sidebar :is(.sidebar-navigation,#company-navigation) a:not(.active){color:var(--bihub-text-soft)}
html[data-bihub-theme="dark"] .bihub-product .product-sidebar :is(.sidebar-navigation,#company-navigation) a:not(.active) svg{color:var(--bihub-muted)}
html[data-bihub-theme="dark"] .bihub-product .product-sidebar :is(.sidebar-navigation,#company-navigation) a.active{color:var(--bihub-text)}
html[data-bihub-theme="dark"] .bihub-product .product-sidebar :is(.sidebar-navigation,#company-navigation) a.active svg{color:var(--bihub-focus)}
html[data-bihub-theme="dark"] .bihub-product .product-header .company-context,html[data-bihub-theme="dark"] .bihub-product .product-header .company-context>span{color:var(--bihub-text-soft)}
html[data-bihub-theme="dark"] .bihub-product .product-breadcrumb,html[data-bihub-theme="dark"] .bihub-product .product-breadcrumb a{color:var(--bihub-text-soft)}
@media(max-width:700px){.preferences-trigger{min-width:33px;padding:5px;font-size:10px}.header-end{gap:6px}.bihub-product:not(.bihub-public) .company-context{max-width:95px}.preferences-popover{right:-5px}.company-footer-context{flex-direction:column;gap:5px}}
.company-brand-details{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(0,1fr);gap:9px 18px;margin:20px 0}.company-brand-details dt{font-size:12px;color:var(--bihub-muted);font-weight:500}.company-brand-details dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--bihub-text)}.bihub-product input[type=color].form-control{width:72px;min-height:38px;padding:4px;cursor:pointer}
@media(max-width:700px){.company-brand-details{grid-template-columns:minmax(0,1fr);gap:4px}.company-brand-details dd{margin-bottom:11px}}
