/* BOM v3.9.4 UNIVERSAL SMART DESIGN — styles only; preserves work timeline logic */
:root{--smart-bg:#f2f4fa;--smart-panel:#fff;--smart-text:#253454;--smart-muted:#7987a1;--smart-edge:#e5eaf4;--smart-accent:#6276d6;--smart-accent-soft:#edf0ff;--smart-shadow:0 8px 30px rgba(36,52,92,.06);--ui-radius:15px}
body[data-bom-theme="dark"]{--smart-bg:#101729;--smart-panel:#1b2640;--smart-text:#eaf0ff;--smart-muted:#a6b6d3;--smart-edge:#33415e;--smart-accent:#a0acff;--smart-accent-soft:#2a3859;--smart-shadow:0 10px 28px #03081240}
body,body .main{background:var(--smart-bg)!important;color:var(--smart-text)!important}
body .main{min-height:100vh;padding:25px 30px 32px;max-width:none}
body .top{background:transparent!important;border:0!important;border-bottom:1px solid var(--smart-edge)!important;box-shadow:none!important;padding:0 0 19px!important;margin:0 0 23px!important;display:flex;align-items:center;gap:16px;min-height:76px}
body .top h1{color:var(--smart-text)!important;letter-spacing:-.7px;font-weight:800}
body .top .muted,body .footer,body .muted,body .helptext{color:var(--smart-muted)}
body .card,body .mono-panel,body .kb-col,body .calendar-card,body .modal,body .modal-box,body .ai-studio,body .tools-panel,body .journal-entry,body .work-panel,body .bom-drawer,body .bom-smart-panel{background:var(--smart-panel);color:var(--smart-text);border:1px solid var(--smart-edge);border-radius:var(--ui-radius);box-shadow:var(--smart-shadow)}
body .card{padding:19px 20px}body .card + .card{margin-top:13px}
body .card h2,body .card h3,body .mono-panel h2,body .mono-panel h3,body .tools-intro h2{color:var(--smart-text);letter-spacing:-.35px}
body .sidebar{background:linear-gradient(165deg,#141e38,#101a31)!important;border-right:1px solid #ffffff18;box-shadow:8px 0 30px #111a3010}
body .sidebar .logo{font-weight:850;letter-spacing:-.5px}body .sidebar .nav{border-radius:11px!important;transition:background .15s,color .15s}body .sidebar .nav.active{background:#ffffff20!important;color:white!important;box-shadow:inset 3px 0 0 #9eadff}body .sidebar .nav:hover{background:#ffffff17!important}
body .btn,body button.btn,body .bom-theme-toggle{border-radius:10px!important;min-height:34px;box-shadow:none!important;transition:filter .15s,background .15s,box-shadow .15s,transform .15s;font-weight:750;letter-spacing:-.15px}
body .btn:not(.secondary):not(.outline):not(.danger){background:#6176d5!important;color:white!important;border:1px solid #6176d5!important}body .btn:hover,body .bom-theme-toggle:hover{filter:brightness(1.07);box-shadow:0 5px 16px #5b6dbe25!important}
body .btn.secondary,body .btn.outline{background:var(--smart-panel)!important;color:var(--smart-text)!important;border:1px solid var(--smart-edge)!important}
body .btn.danger{background:transparent!important;color:#d95569!important;border:1px solid #e9aab488!important}
body input:not([type="checkbox"]):not([type="radio"]),body textarea,body select{background:var(--smart-panel);color:var(--smart-text);border:1px solid var(--smart-edge);border-radius:10px;min-height:38px;outline-offset:2px}body input:focus,body textarea:focus,body select:focus{border-color:var(--smart-accent)!important;box-shadow:0 0 0 3px #6276d522}
body .field label,body label{color:var(--smart-text)}body .pill,body .badge,body .tag{border-radius:999px;background:var(--smart-accent-soft);color:var(--smart-accent)}
body .kb-col{background:var(--smart-bg)!important;box-shadow:none!important}body .kb-card,body .cal-selection,body .menu-order-row,body .journal-entry{background:var(--smart-panel)!important;color:var(--smart-text)!important;border-color:var(--smart-edge)!important;border-radius:12px!important}
body .kb-card:hover,body .card.clickable:hover{box-shadow:0 10px 25px #6477d326!important;transform:translateY(-1px)}
body .calday,body .calendar-card,body .calhead,body .calweek{border-color:var(--smart-edge)!important}body .calday{background:var(--smart-panel);color:var(--smart-text)}body .calday.outside{background:var(--smart-bg)}body .calday.selected{background:var(--smart-accent-soft)!important}body .calentry{border-radius:5px}
body .modalbg{background:#07132896;backdrop-filter:blur(5px)}body .modal{background:var(--smart-panel)!important;color:var(--smart-text);border-radius:18px!important;box-shadow:0 28px 80px #0004}
body .viewtoggle,body .actions,body .row{gap:9px}body .work-timeline{background:var(--smart-panel);border-radius:12px}/* do not change .work-range positioning, handles, or event behavior */
body .bom-drawer{border-radius:17px 0 0 17px;box-shadow:-15px 0 35px #06102833!important}body .bom-drawer-head{background:var(--smart-panel);border-bottom:1px solid var(--smart-edge)}body .bom-drawer-content{background:var(--smart-bg);color:var(--smart-text)}body .bom-board-tools button,body .mind-control-32 button,body .mind-zoom-controls button{background:var(--smart-panel);border:1px solid var(--smart-edge);color:var(--smart-text);border-radius:9px}
body .mind-stage-32{border:1px solid var(--smart-edge);border-radius:17px}body .mind-node-interactive{border-radius:13px!important;box-shadow:0 7px 20px #00000014!important}body .sticky-canvas{border-color:var(--smart-edge);border-radius:16px}
body .tools-intro,body .assistant-head{background:linear-gradient(120deg,#24385c,#566cba)!important;border-radius:15px}
body[data-bom-theme="dark"] .ai-assistant,body[data-bom-theme="dark"] .assistant-msgs,body[data-bom-theme="dark"] .assistant-panel,body[data-bom-theme="dark"] .tools-tabs,body[data-bom-theme="dark"] .drop-zone{background:var(--smart-panel);color:var(--smart-text);border-color:var(--smart-edge)}
body[data-bom-theme="dark"] .calday,body[data-bom-theme="dark"] .calendar-card,body[data-bom-theme="dark"] .modal,body[data-bom-theme="dark"] .bom-drawer,body[data-bom-theme="dark"] .menu-order-row,body[data-bom-theme="dark"] .journal-entry{background:var(--smart-panel)!important;color:var(--smart-text)!important}
body[data-bom-theme="dark"] .kb-card strong,body[data-bom-theme="dark"] .itemtitle,body[data-bom-theme="dark"] h2,body[data-bom-theme="dark"] h3{color:var(--smart-text)}
body .pl-clock{display:none!important}body .bom-header-clock{display:flex;align-items:center;gap:12px;flex:0 0 auto;background:var(--smart-panel);border:1px solid var(--smart-edge);border-radius:12px;padding:8px 12px;box-shadow:var(--smart-shadow);white-space:nowrap;color:var(--smart-text)}.bom-clock-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:9px;background:var(--smart-accent-soft);color:var(--smart-accent);font-size:18px}.bom-clock-info{display:grid;gap:2px}.bom-clock-time{font-size:16px;line-height:1;font-weight:850;letter-spacing:.3px;font-variant-numeric:tabular-nums}.bom-clock-date{font-size:10px;line-height:1.2;color:var(--smart-muted)}
body .bom-theme-toggle{background:var(--smart-panel)!important;color:var(--smart-text)!important;border:1px solid var(--smart-edge)!important}
@media(max-width:1120px){body .main{padding:20px 16px}body .bom-header-clock{padding:7px 9px}.bom-clock-icon{display:none}}
@media(max-width:700px){body .main{padding:14px 11px 80px}body .top{flex-wrap:wrap;gap:10px}body .bom-header-clock{order:3;margin-left:0}.bom-clock-time{font-size:13px}body .card{padding:14px}body .modal{max-width:95vw}}
@media(prefers-reduced-motion:reduce){body .btn,body .nav,body .kb-card{transition:none!important}}