:root{--praxis-navy: #142043;--praxis-blue: #0454F8;--praxis-blue-light: #0A6CFF;--praxis-purple: #6A1AEB;--praxis-purple-light: #8628F4;--praxis-white: #FFFFFF;--praxis-mist: #F5F7FC;--praxis-gradient-blue: linear-gradient(135deg, #0A6CFF 0%, #0454F8 100%);--praxis-gradient-purple: linear-gradient(135deg, #8628F4 0%, #6A1AEB 100%);--praxis-font-family: "Poppins", Arial, sans-serif}:root{--color-primary: #0454F8;--color-primary-hover: #0344c9;--color-primary-light: #E8F0FE;--color-primary-dark: #0333a0;--color-success: #1E7A50;--color-success-light: #E4F5EC;--color-warning: #B45309;--color-warning-light: #FDEBD0;--color-danger: #B3261E;--color-danger-light: #FBE9E7;--color-violet: #6A1AEB;--color-violet-light: #EDE7FB;--color-bg: #F5F7FC;--color-surface: #ffffff;--color-surface-hover: #EEF2FB;--color-border: #E3E8F4;--color-border-light: #F0F2F8;--color-text: #142043;--color-text-secondary: #5B647A;--color-text-tertiary: #9AA2B6;--color-overlay: rgba(20,32,67,.45);--sidebar-bg: #142043;--sidebar-text: #C3CADE;--sidebar-text-active: #ffffff;--sidebar-hover: #1E2C55;--sidebar-active: rgba(4,84,248,.22);--sidebar-width: 244px;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(20,32,67,.05);--shadow-md: 0 2px 8px rgba(20,32,67,.08), 0 1px 2px rgba(20,32,67,.05);--shadow-lg: 0 4px 16px rgba(20,32,67,.1), 0 2px 4px rgba(20,32,67,.05);--shadow-xl: 0 8px 32px rgba(20,32,67,.14), 0 4px 8px rgba(20,32,67,.06);--transition-fast: .15s ease}body{margin:0;font-family:Poppins,system-ui,sans-serif;background:var(--praxis-mist, #F5F7FC);color:var(--praxis-navy, #142043)}.praxis-shell{max-width:720px;margin:10vh auto;padding:0 24px}h1{color:var(--praxis-blue, #0454F8)}.topbar{display:flex;justify-content:space-between;align-items:baseline}.row{display:flex;gap:8px;margin:12px 0}input{padding:8px 10px;border:1px solid #C9CFDD;border-radius:6px;flex:1}button{padding:8px 14px;border:0;border-radius:6px;background:var(--praxis-blue, #0454F8);color:#fff;cursor:pointer}button:hover{background:var(--praxis-purple, #6A1AEB)}.error{color:#b3261e}.wordmark{width:280px;max-width:70vw;display:block;margin-bottom:8px}.wordmark--small{width:140px;margin-bottom:0}.praxis-app{max-width:1100px;margin:24px auto;padding:0 24px}.columns{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:16px}@media(max-width:720px){.columns{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #E3E8F4;border-radius:12px;padding:16px 18px}.panel h2{margin:0 0 12px;font-size:16px;color:var(--praxis-navy, #142043)}.muted{color:#6b7280}ul.projects,ul.items{list-style:none;margin:8px 0 0;padding:0}ul.projects li{padding:8px 10px;border-radius:8px;cursor:pointer}ul.projects li:hover{background:var(--praxis-mist, #F5F7FC)}ul.projects li.selected{background:#e8f0fe}ul.items li{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #F0F2F8}ul.items li label{display:flex;gap:10px;align-items:center;cursor:pointer}ul.items li.done span{text-decoration:line-through;color:#9ca3af}.chip{font-size:11px;padding:2px 8px;border-radius:999px;background:#eef1f8;color:#4b5563;text-transform:capitalize}.chip--high{background:#fdebd0;color:#92400e}.chip--urgent{background:#fbdad7;color:#991b1b}.tabs{display:flex;gap:6px}.tab{background:transparent;color:#4b5563;border:1px solid transparent}.tab:hover{background:var(--praxis-mist, #F5F7FC);color:var(--praxis-navy, #142043)}.tab.active{background:#fff;color:var(--praxis-blue, #0454F8);border-color:#e3e8f4;font-weight:600}.panel-head{display:flex;justify-content:space-between;align-items:center}.view-toggle{display:flex;gap:4px}.add-row select,.add-row input[type=date]{padding:8px 10px;border:1px solid #C9CFDD;border-radius:6px;background:#fff}.bucket{margin-top:14px}.bucket-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:0 0 4px}.bucket--overdue{color:#991b1b}.bucket--today{color:#92400e}.proj-tag{font-size:12px;background:#eef1f8;padding:1px 8px;border-radius:999px;margin-left:8px}.row-right{display:flex;gap:6px;align-items:center}.chip--due-overdue{background:#fbdad7;color:#991b1b}.chip--due-today{background:#fdebd0;color:#92400e}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}@media(max-width:900px){.board{grid-template-columns:repeat(2,1fr)}}.board-col{background:var(--praxis-mist, #F5F7FC);border-radius:10px;padding:10px}.board-col h3{font-size:13px;margin:2px 4px 8px;color:var(--praxis-navy, #142043)}.card{background:#fff;border:1px solid #E3E8F4;border-radius:8px;padding:10px;margin-bottom:8px}.card-title{font-size:14px;margin-bottom:6px}.card-meta{display:flex;gap:6px;margin-bottom:8px}.card select{width:100%;padding:5px 8px;border:1px solid #E3E8F4;border-radius:6px;background:#fafbfe;font-size:12px}.item-main{display:flex;gap:10px;align-items:center;min-width:0}.link-title{background:transparent;color:var(--praxis-navy, #142043);padding:0;border:0;cursor:pointer;text-align:left;font:inherit}.link-title:hover{color:var(--praxis-blue, #0454F8);background:transparent;text-decoration:underline}ul.items li.done .link-title{text-decoration:line-through;color:#9ca3af}ul.items.compact li{padding:6px 2px}.small{font-size:12px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14204347;display:flex;justify-content:flex-end;z-index:50}.drawer{width:460px;max-width:92vw;height:100%;overflow-y:auto;background:#fff;box-shadow:-8px 0 30px #1420432e;padding:20px 22px}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer-head h2{margin:0;font-size:18px}.drawer-meta{display:flex;gap:8px;align-items:center;margin:12px 0;flex-wrap:wrap}.drawer-meta select{padding:6px 8px;border:1px solid #C9CFDD;border-radius:6px;background:#fff}.drawer-section{border-top:1px solid #F0F2F8;padding-top:14px;margin-top:14px}.drawer-section h3{font-size:14px;margin:0 0 8px}.comments{list-style:none;padding:0;margin:8px 0}.comments li{padding:8px 0;border-bottom:1px solid #F5F7FC}.comment-head{display:flex;justify-content:space-between;align-items:baseline}.activity{list-style:none;padding:0;margin:8px 0}.activity li{padding:4px 0;font-size:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#c9cfdd;margin-right:4px}.dot--done{background:#1e9e6a}.dot--in_progress{background:#0454f8}.dot--blocked{background:#b3261e}.rollup-bar{height:6px;background:#eef1f8;border-radius:999px;overflow:hidden;margin:6px 0 10px}.rollup-fill{height:100%;background:var(--praxis-blue, #0454F8)}.cadence{margin-top:16px}.period-picker{display:flex;gap:10px;align-items:center}.period-picker select{padding:6px 10px;border:1px solid #C9CFDD;border-radius:6px;background:#fff}.cadence-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.cadence-grid .span-2{grid-column:1 / -1}@media(max-width:900px){.cadence-grid{grid-template-columns:1fr}}.status-select{padding:4px 8px;border-radius:6px;border:1px solid #E3E8F4;background:#fafbfe;font-size:12px}.status--on_track{color:#1e7a50}.status--at_risk{color:#92400e}.status--off_track,.status--missed{color:#991b1b}.status--done{color:#0454f8}.status-pill{font-size:11px;padding:2px 10px;border-radius:999px;background:#eef1f8;text-transform:capitalize}.issue-row{align-items:center}.scorecard{margin-top:12px}.scorecard h3{font-size:14px;margin:6px 0}.scorecard-scroll{overflow-x:auto}.scorecard-table{border-collapse:collapse;width:100%;font-size:13px}.scorecard-table th,.scorecard-table td{padding:6px 8px;text-align:center;border-bottom:1px solid #F0F2F8;white-space:nowrap}.scorecard-table th:first-child,.scorecard-table td:first-child{text-align:left}.cell--on_track{background:#e4f5ec;color:#1e7a50}.cell--off_track{background:#fbe9e7;color:#991b1b}.cell--no_data{color:#9ca3af}.cell-input{width:64px;padding:4px 6px;border:1px solid #C9CFDD;border-radius:6px;text-align:center}.dot--h-on_track{background:#1e9e6a}.dot--h-off_track{background:#b3261e}.dot--h-no_data{background:#c9cfdd}.agenda h3{font-size:14px;margin:16px 0 6px;color:var(--praxis-navy, #142043)}.seats{margin:8px 0}.seat{border-left:2px solid #E3E8F4;padding:8px 0 8px 12px;margin:6px 0}.seat-head{display:flex;justify-content:space-between;align-items:center}ul.resp{list-style:none;margin:6px 0;padding:0}ul.resp li{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:2px 0;color:#4b5563}.link-x{background:transparent;color:#9ca3af;border:0;cursor:pointer;padding:0 6px}.link-x:hover{color:#b3261e;background:transparent}.seat-actions input{font-size:13px}.label-editor{margin-top:12px}.label-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0}@media(max-width:720px){.label-grid{grid-template-columns:1fr}}.label-grid label{display:flex;flex-direction:column;font-size:12px;color:#6b7280;gap:4px}.label-grid input{flex:none}.schedule{margin-top:16px}.cal-day{margin-top:14px}.cal-date{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:0 0 4px}.cal-icon{width:20px;text-align:center}.chip--cal-event{background:#e8f0fe;color:#0454f8}.chip--cal-deadline{background:#fdebd0;color:#92400e}.chip--cal-meeting{background:#ede7fb;color:#6a1aeb}.meet-link{font-size:12px;color:var(--praxis-purple, #6A1AEB);text-decoration:none;margin-left:8px;border:1px solid #E0D6F8;padding:1px 8px;border-radius:999px}.meet-link:hover{background:#f3eefd}.agenda-list{margin:6px 0;padding-left:20px}.agenda-list li{padding:2px 0;font-size:13px}.notes{width:100%;box-sizing:border-box;border:1px solid #C9CFDD;border-radius:8px;padding:8px 10px;font:inherit;resize:vertical}.drawer-meta label{display:flex;align-items:center;gap:6px}.messages{margin-top:16px}.bell{position:relative}.badge{background:#b3261e;color:#fff;border-radius:999px;font-size:10px;padding:0 5px;margin-left:4px}.flash{color:#1e7a50;background:#e4f5ec;padding:6px 10px;border-radius:8px}.inbox{margin-bottom:14px}.msg-list{list-style:none;padding:0;margin:8px 0}.msg-list li{padding:8px 0;border-bottom:1px solid #F0F2F8}.msg-head{display:flex;gap:8px;align-items:baseline}.msg-body{margin:2px 0 4px;white-space:pre-wrap}.msg-actions{display:flex;gap:10px;align-items:center}.react{background:#eef1f8;color:#4b5563;padding:2px 8px;border-radius:999px;font-size:12px}.react:hover{background:#e8f0fe}.linkish{background:transparent;color:var(--praxis-blue, #0454F8);padding:0;font-size:12px}.linkish:hover{background:transparent;text-decoration:underline}.chip--ack{background:#fdebd0;color:#92400e;cursor:pointer;border:0}.chip--ack-done{background:#e4f5ec;color:#1e7a50}.composer{margin-top:10px}.composer textarea{width:100%;box-sizing:border-box;border:1px solid #C9CFDD;border-radius:8px;padding:8px 10px;font:inherit;resize:vertical}.composer-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.campaigns{margin-top:16px}.fld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#6b7280;margin:8px 0}.blocks{margin:8px 0}.block-edit{border:1px solid #E3E8F4;border-radius:8px;padding:8px 10px;margin-bottom:8px}.block-head{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize}.block-edit textarea,.block-edit input{width:100%;box-sizing:border-box;border:1px solid #C9CFDD;border-radius:6px;padding:6px 8px;font:inherit}.block-add{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.camp-preview{border:1px solid #E3E8F4;border-radius:12px;padding:20px;margin:12px auto;background:#fff}.camp-preview--desktop{max-width:600px}.camp-preview--mobile{max-width:360px}.camp-subject{font-size:18px;font-weight:600;margin-bottom:12px}.camp-btn{display:inline-block;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;margin:6px 0}.camp-divider{border:0;border-top:1px solid #E3E8F4;margin:12px 0}.camp-img{max-width:100%;border-radius:8px}.camp-ack{display:flex;gap:8px;align-items:center;border:1px dashed;border-radius:8px;padding:8px 10px;margin:8px 0}.report .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.report .stat{background:var(--praxis-mist, #F5F7FC);border-radius:10px;padding:14px;text-align:center}.report .stat-n{font-size:24px;font-weight:700;color:var(--praxis-navy, #142043)}@media(max-width:720px){.report .stat-row{grid-template-columns:repeat(2,1fr)}}body{background:var(--color-bg);color:var(--color-text)}button{padding:8px 16px;border:0;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;font-family:inherit;font-weight:600;font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tab{background:transparent;color:var(--color-text-secondary);border:1px solid transparent;box-shadow:none}.tab:hover{background:var(--color-surface-hover);color:var(--color-text);transform:none;box-shadow:none}.tab.active{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border);font-weight:600}input,select,textarea{font-family:inherit;color:var(--color-text)}input,select,textarea,.add-row select,.add-row input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0454f81f}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel h2{color:var(--color-text);letter-spacing:-.01em}.muted{color:var(--color-text-secondary)}.chip{background:var(--color-surface-hover);color:var(--color-text-secondary)}.app-shell{display:flex;min-height:100vh;background:var(--color-bg)}.sidenav{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidenav-brand{display:flex;align-items:center;gap:9px;padding:18px 18px 10px}.sidenav-brand .wm{font-family:Poppins,sans-serif;font-weight:600;font-size:20px;color:#fff;letter-spacing:-.02em}.sidenav-brand .xmark{width:22px;height:22px;flex-shrink:0}.sidenav-nav{flex:1;overflow-y:auto;padding:6px 10px}.nav-group{padding-top:10px;margin-top:6px;border-top:1px solid rgba(255,255,255,.07)}.nav-group:first-child{border-top:none;margin-top:0;padding-top:2px}.nav-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#fff6;padding:4px 10px}.side-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-md);background:transparent;border:0;color:var(--sidebar-text);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;margin-bottom:2px;box-shadow:none;transition:all var(--transition-fast)}.side-item:hover{background:var(--sidebar-hover);color:#fff;transform:none;box-shadow:none}.side-item.active{background:var(--sidebar-active);color:#fff}.side-item svg{width:18px;height:18px;flex-shrink:0;opacity:.72}.side-item:hover svg,.side-item.active svg{opacity:1}.side-item.active svg{color:#6ea0ff}.side-badge{margin-left:auto;background:var(--color-primary);color:#fff;font-size:10px;font-weight:600;padding:1px 7px;border-radius:var(--radius-full)}.sidenav-footer{border-top:1px solid rgba(255,255,255,.07);padding:12px 14px;display:flex;align-items:center;gap:10px}.sf-avatar{width:34px;height:34px;border-radius:var(--radius-full);flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-violet));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sf-info{flex:1;min-width:0}.sf-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-tenant{color:var(--sidebar-text);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-signout{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb8;font-size:11px;padding:4px 9px;box-shadow:none}.sf-signout:hover{background:#ffffff14;color:#fff;transform:none;box-shadow:none}.app-main{flex:1;min-width:0;padding:24px 28px;max-width:1180px}.app-main>.error{margin-top:0}@media(max-width:820px){.app-shell{flex-direction:column}.sidenav{width:100%;height:auto;position:static}.sidenav-nav{display:flex;flex-wrap:wrap;gap:2px}.nav-group{border-top:none;margin-top:0;padding-top:0;display:contents}.nav-group-label{display:none}.side-item{width:auto}.app-main{padding:16px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;animation:praxis-fade .16s ease}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:92vw;max-height:90vh;overflow-y:auto;animation:praxis-slideup .16s ease}.modal-header{padding:18px 22px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:18px;font-weight:700}.modal-close{background:none;border:0;color:var(--color-text-tertiary);font-size:22px;line-height:1;cursor:pointer;box-shadow:none;padding:0 4px}.modal-close:hover{color:var(--color-text);background:none;transform:none;box-shadow:none}.modal-body{padding:20px 22px}.modal-footer{padding:14px 22px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px}@keyframes praxis-fade{0%{opacity:0}to{opacity:1}}@keyframes praxis-slideup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.learning{margin-top:4px}.module{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px;margin:10px 0}.module-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.module-body{color:var(--color-text-secondary);font-size:14px;margin:4px 0}.quiz-q{margin:8px 0}.quiz-q>div:first-child{font-weight:600;margin-bottom:4px}.quiz-opt{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:14px;cursor:pointer}.sidenav-loc{display:flex;align-items:center;gap:8px;margin:2px 12px 8px;padding:6px 8px;color:#fff9}.sidenav-loc select{flex:1;min-width:0;background:var(--sidebar-hover);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);padding:5px 8px;font-size:12px;font-weight:500;cursor:pointer}.sidenav-loc select:focus{border-color:var(--color-primary);box-shadow:none}.knowledge{margin-top:4px}.doc-body{white-space:pre-wrap;line-height:1.6;margin:10px 0;color:var(--color-text)}.ack-bar{border-top:1px solid var(--color-border);margin-top:14px;padding-top:12px}.kpi-section{margin:16px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.kpi{border:1px solid var(--color-border);border-radius:10px;padding:14px;background:#fff;border-left:4px solid var(--color-border)}.kpi--on_track{border-left-color:#1e9e6a}.kpi--off_track{border-left-color:#b3261e}.kpi--no_data{border-left-color:#c9cfdd}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-name{font-weight:600;color:var(--color-text)}.kpi-badge{font-size:11px;padding:2px 8px;border-radius:999px}.kpi-value{font-size:28px;font-weight:700;color:var(--color-text);margin:8px 0 2px}.kpi-trend{font-size:15px;margin-left:8px}.trend--up{color:#1e9e6a}.trend--down{color:#b3261e}.trend--flat{color:#9ca3af}.kpi-meta{font-size:12px}.kpi-record{margin-top:10px;font-size:12px;padding:4px 10px}.metric-new,.metric-record{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0;padding:12px;background:var(--color-bg);border-radius:10px}.metric-record .ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.recurring-banner{border:1px solid var(--color-warning);background:var(--color-warning-light);border-radius:10px;padding:12px 14px;margin-bottom:12px}.recurring-banner .items{margin-top:8px}.ticket-list li{cursor:pointer}.ticket-list li.selected{background:var(--color-primary-light);border-radius:8px}.chip.sla-breached,.sla-breached{color:var(--color-danger);font-weight:600}.chip.sla-soon{color:var(--color-warning)}.chip.sla-ok{color:var(--color-text-secondary)}.status-pill.status--new{color:var(--color-primary)}.status-pill.status--in_progress{color:var(--color-violet)}.status-pill.status--on_hold{color:var(--color-warning)}.status-pill.status--resolved,.status-pill.status--closed{color:var(--color-success)}.template-picker{margin-top:8px;padding:10px;background:var(--color-bg);border-radius:8px}.template-picker .row{flex-wrap:wrap}.util-bar{height:6px;background:var(--color-border);border-radius:999px;overflow:hidden;min-width:80px}.util-fill{height:100%;background:var(--color-primary)}.util-fill.util-over{background:var(--color-danger)}