/* Layout adjustments for the mock-up shell (page header spans the module; sub-navigation and page sit below it, as in Flow+ Operations). */
.header .bdiv { width: 1px; height: 30px; background: rgba(255,255,255,.35); }
.header .brand b { font-weight: 500; }
.body { flex-direction: column; }
.lay { display: flex; flex: 1; min-height: 0; }
.pg { flex: 1; min-width: 0; overflow: auto; position: relative; }
.pg.flush { overflow: hidden; }
.ph { position: relative; }
.split, .modeler, .wbuild { height: 100%; }
.rail { background: #eef3fc; }
.subnav { background: transparent; }
.rot180 { transform: rotate(180deg); }
button.chip { border: 1px solid transparent; font-family: inherit; }
button.chip.out { border-color: var(--border); }
.tree .tn .ct .chip { height: 20px; }
.kpi .v { font-weight: 600; }
.menu a { color: var(--text); }
.bn text, .wnode text { user-select: none; }
.canvas-wrap svg.cv { cursor: default; }
.page.narrow { margin-inline: auto; }
.lay > .subnav { padding-top: 14px; }
@media print { .rail, .header, .subnav, .ph .act { display: none !important; } .app, .main, .body, .lay, .pg { display: block !important; height: auto !important; overflow: visible !important; } }
.hsearch { width: 270px; white-space: nowrap; }
.hsearch span { overflow: hidden; text-overflow: ellipsis; }
.tabs button { padding: 12px 11px; font-size: 14.5px; }
.tbl td.mono { white-space: nowrap; }
.kanban { grid-auto-columns: minmax(235px, 1fr); }
.toasts { top: 74px; bottom: auto; }
.row > .prog { flex: 1; min-width: 60px; }