/* V154 — visual-system rebuild. Loaded LAST. Functionality intentionally untouched. */
:root{--v154-navy:#071c38;--v154-navy2:#0b2748;--v154-teal:#22aeb5;--v154-teal2:#42c2c6;--v154-ink:#10233f;--v154-text:#30435f;--v154-muted:#748198;--v154-line:#e1e7ef;--v154-soft:#f6f8fb;--v154-bg:#f8fafc;--v154-red:#ef4661;--v154-green:#1ab66f;--v154-amber:#f0a129}
#app{background:var(--v154-bg);color:var(--v154-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
#app .shell{display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;min-height:100vh!important;background:var(--v154-bg)!important}
#app .sidebar{position:sticky!important;top:0!important;height:100vh!important;padding:20px 10px 14px!important;background:linear-gradient(180deg,#061a34 0%,#0a2341 58%,#071a33 100%)!important;border:0!important;box-shadow:5px 0 24px rgba(10,28,52,.10)!important;color:white!important;z-index:20!important}
#app .brand{margin:0 5px 16px!important;padding:5px 9px 20px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;min-height:58px!important}
#app .brand strong{font:800 20px/1.1 Nunito,Inter,sans-serif!important;color:#fff!important}#app .brand strong span{color:#fff!important}#app .brand small{color:#8fa8c0!important;font-size:7px!important;letter-spacing:2px!important;margin-top:5px!important}
#app .graphLogo{transform:scale(.9)}#app .sidebar nav{display:grid!important;gap:4px!important;padding:0!important;overflow:auto!important}
#app .navItem{width:100%!important;min-height:43px!important;padding:8px 11px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#d3ddeb!important;display:flex!important;align-items:center!important;gap:11px!important;font-size:13px!important;font-weight:600!important;text-align:left!important;box-shadow:none!important}
#app .navItem:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}#app .navItem.active{background:linear-gradient(100deg,#139ca5,#3bbcc1)!important;color:#fff!important;box-shadow:0 7px 18px rgba(18,166,174,.22)!important}
#app .navIcon{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:6px!important;background:transparent!important;color:#afc0d2!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important}#app .navItem.active .navIcon{background:rgba(255,255,255,.14)!important;color:#fff!important}
#app .v151WorkspaceNav{display:contents!important}#app .v151SubNav{display:grid!important;gap:2px!important;margin:0 0 3px 34px!important;border-left:1px solid rgba(255,255,255,.1)!important;padding-left:5px!important}#app .v151SubNav .navItem{min-height:34px!important;font-size:11px!important;padding:5px 8px!important}#app .v151SubNav .navIcon{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:8px!important}
#app .v151Addon{margin-left:auto!important;background:rgba(58,191,196,.16)!important;color:#74dadd!important;border:1px solid rgba(92,214,218,.22)!important;border-radius:999px!important;padding:2px 6px!important;font-size:7px!important;letter-spacing:.6px!important}
#app .sidebarBottom{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:8px!important}#app .profile{border-top:0!important;margin-top:5px!important;padding:10px 7px!important}#app .profile>span{background:#1f8f9d!important;color:#fff!important}#app .profile b{color:#fff!important}#app .profile small{color:#8fa8c0!important}
#app .workspace{min-width:0!important;max-width:none!important;padding:0 28px 48px!important;background:var(--v154-bg)!important}
#app .topbar{height:72px!important;min-height:72px!important;margin:0 -28px 20px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid var(--v154-line)!important;box-shadow:0 1px 0 rgba(10,30,55,.02)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
#app .topbar>div:first-child{position:relative!important;padding-left:335px!important;min-width:470px!important}#app .topbar>div:first-child:before{content:"⌕  Search anywhere...";position:absolute;left:0;top:50%;transform:translateY(-50%);width:300px;height:40px;border:1px solid #dce3ed;border-radius:11px;background:#f9fbfd;color:#7d899b;display:flex;align-items:center;padding:0 15px;font-size:12px;box-shadow:inset 0 1px 2px rgba(20,40,70,.02)}
#app .topbar h1{font-size:0!important;margin:0!important}#app .topbar h1:after{content:""}#app .topbar p{display:none!important}#app .topActions{gap:9px!important;align-items:center!important}#app .userBadge{border:0!important;background:transparent!important;padding:4px 8px!important}#app .userBadge>span{width:34px!important;height:34px!important;background:#177e91!important;color:white!important;font-size:0!important}#app .userBadge>span:after{content:"AC";font-size:10px;font-weight:800}#app .userBadge b{color:var(--v154-ink)!important;font-size:11px!important}#app .userBadge small{color:var(--v154-muted)!important;font-size:9px!important}
#app .appSiteBack,#app .ai{height:38px!important;border:1px solid #dce3ed!important;border-radius:9px!important;background:#fff!important;color:#40516a!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important;padding:0 12px!important}#app .ai{background:var(--v154-navy)!important;color:#fff!important;border-color:var(--v154-navy)!important}
/* page surfaces */
#app .contentPanel{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:8px 0 0!important;min-height:650px!important}#app .contentHead{margin:0 0 20px!important;align-items:flex-end!important}#app .contentHead h2,#app .acc125Top h2{font:800 31px/1.1 Nunito,Inter,sans-serif!important;letter-spacing:-.7px!important;color:var(--v154-ink)!important;margin:4px 0 6px!important}#app .contentHead p,#app .acc125Top p{font-size:12px!important;color:var(--v154-muted)!important;margin:0!important}#app .eyebrow{color:#179ca4!important;font-size:8px!important;font-weight:800!important;letter-spacing:1.8px!important}
#app .panel,#app .panelSoft,#app .simpleCard,#app .settingCard,#app .acc125Card,#app .v151Library,#app .task151Card{background:#fff!important;border:1px solid var(--v154-line)!important;border-radius:12px!important;box-shadow:0 2px 9px rgba(18,37,63,.025)!important}
#app button{font-family:Inter,ui-sans-serif,system-ui!important}#app .primary,#app button.primary,#app .acc152Btn.primary{background:linear-gradient(100deg,#139fa7,#36bbc0)!important;border:1px solid #169fa7!important;color:#fff!important;border-radius:9px!important;box-shadow:0 5px 12px rgba(20,165,173,.16)!important;font-weight:750!important}#app .primary:hover,#app button.primary:hover{filter:brightness(.97)!important;box-shadow:0 7px 15px rgba(20,165,173,.20)!important}
/* Accounts: screenshot-style hierarchy */
#app .acc125,#app .acc152{background:transparent!important}#app .acc125Top{padding:8px 0 3px!important;margin-bottom:5px!important}#app .acc125Top:before{content:"⌂  ›  Accounts";display:block;color:#667792;font-size:10px;font-weight:650;margin-bottom:12px}#app .acc125Tabs{display:flex!important;gap:29px!important;margin:12px 0 0!important;padding:0 3px!important;border-bottom:1px solid #e4e9f0!important;background:transparent!important;overflow-x:auto!important}#app .acc125Tabs button,#app .acc125Subnav button{border:0!important;background:transparent!important;color:#52637d!important;box-shadow:none!important;border-radius:0!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;position:relative!important}#app .acc125Tabs button{min-height:42px!important;padding:8px 0!important}#app .acc125Tabs button.active,#app .acc125Subnav button.active{color:#0795a4!important}#app .acc125Tabs button.active:after,#app .acc125Subnav button.active:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:3px!important;background:#20acb4!important;border-radius:3px 3px 0 0!important}
#app .acc125Subnav{display:flex!important;gap:31px!important;margin:0 0 18px!important;padding:0 4px!important;border-bottom:1px solid #e4e9f0!important;background:#fff!important;border-radius:0!important;overflow-x:auto!important}#app .acc125Subnav button{min-height:44px!important;padding:9px 0!important}
#app .acc152SectionHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:16px 0 14px!important;margin:0!important;border:0!important;background:transparent!important}#app .acc152SectionHead h3{font:800 23px/1.1 Nunito,Inter!important;color:var(--v154-ink)!important;margin:0 0 4px!important}#app .acc152SectionHead p{font-size:11px!important;color:var(--v154-muted)!important;margin:0!important}#app .acc152SectionHead>button{height:40px!important;min-width:142px!important;padding:0 17px!important;border-radius:9px!important}
#app .acc152 .acc125Toolbar{display:none!important}#app .acc152 button,#app .acc152Btn,#app .acc125Actions button,#app .headActions button,#app .editorToolbar button,#app .panelHead button{min-height:34px!important;padding:6px 10px!important;border:1px solid #dce3ed!important;border-radius:8px!important;background:#fff!important;color:#344761!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important}#app .acc152 button:hover,#app .acc125Actions button:hover{background:#f7f9fc!important;border-color:#c8d2df!important}
#app .acc125TableWrap{background:#fff!important;border:1px solid #e2e7ee!important;border-radius:11px!important;overflow:auto!important;box-shadow:0 2px 8px rgba(18,37,63,.02)!important}#app .acc125Table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}#app .acc125Table th{height:42px!important;background:#f5f7fa!important;border-bottom:1px solid #e2e7ee!important;color:#4b5c76!important;font-size:10px!important;font-weight:800!important;padding:10px 13px!important;text-align:left!important}#app .acc125Table td{height:47px!important;background:#fff!important;border-bottom:1px solid #edf0f4!important;color:#243751!important;font-size:11px!important;padding:10px 13px!important}#app .acc125Table tbody tr:hover td{background:#fbfcfe!important}#app .acc125Actions{display:flex!important;gap:5px!important;flex-wrap:nowrap!important}#app .acc125Actions button{min-height:29px!important;padding:4px 8px!important;font-size:9px!important}
#app .acc152Editor{background:#fff!important;border:1px solid #e1e7ef!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(18,37,63,.03)!important;padding:20px!important;margin:0 0 18px!important}#app .acc152EditorHead{border-bottom:1px solid #edf0f4!important;padding-bottom:13px!important;margin-bottom:15px!important}#app .acc152EditorHead h3{font:800 21px Nunito,Inter!important;color:var(--v154-ink)!important}#app .acc125Form label{color:#52627a!important;font-size:10px!important;font-weight:700!important}#app .acc125Form input,#app .acc125Form select,#app .acc125Form textarea,#app input,#app select,#app textarea{border-color:#dce3ed!important;border-radius:8px!important}#app .acc125Form input:focus,#app .acc125Form select:focus,#app .acc125Form textarea:focus{outline:none!important;border-color:#25aeb5!important;box-shadow:0 0 0 3px rgba(37,174,181,.09)!important}
/* metrics like the approved concept */
#app .metricGrid{gap:13px!important;margin:12px 0 18px!important}#app .metric{min-height:91px!important;padding:17px 18px!important;background:#fff!important;border:1px solid #e0e6ee!important;border-radius:11px!important;box-shadow:0 2px 8px rgba(18,37,63,.025)!important}#app .metric small{color:#67768d!important;font-size:10px!important}#app .metric b{color:var(--v154-ink)!important;font:800 23px Nunito,Inter!important;margin-top:4px!important}#app .metric span{font-size:9px!important;color:#7b8798!important}
/* dashboard loses old gradient prototype feel */
#app .hero{background:#fff!important;border:1px solid #e0e6ee!important;border-radius:13px!important;box-shadow:0 2px 10px rgba(18,37,63,.025)!important;color:var(--v154-ink)!important;padding:25px!important}#app .hero h2{color:var(--v154-ink)!important;font:800 31px/1.05 Nunito,Inter!important}#app .hero p{color:var(--v154-muted)!important}#app .hero .eyebrow{color:#159da4!important}
#app .appGrid{gap:12px!important}#app .appCard{background:#fff!important;border:1px solid #e0e6ee!important;border-radius:11px!important;box-shadow:0 2px 8px rgba(18,37,63,.02)!important;padding:16px!important}#app .appCard:hover{border-color:#a8dde0!important;box-shadow:0 6px 16px rgba(18,37,63,.055)!important;transform:translateY(-1px)!important}
/* tabs / filters / segmented controls everywhere */
#app .seg,#app .v151Tabs,#app .officeTabs{background:transparent!important;border-bottom:1px solid #e3e8ef!important;border-radius:0!important;padding:0!important;gap:22px!important}#app .seg button,#app .v151Tabs button,#app .officeTabs button{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#5b6b82!important;font-size:10px!important;font-weight:700!important;padding:10px 1px!important;position:relative!important}#app .seg button.active,#app .officeTabs button.active{color:#0b98a4!important}#app .seg button.active:after,#app .officeTabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#20acb4;border-radius:3px 3px 0 0}
#app .statusPill,#app .acc125Status{border-radius:999px!important;padding:4px 10px!important;font-size:9px!important;font-weight:800!important;border:0!important}#app .statusPill.overdue,#app .acc125Status.overdue{background:#ffe4e8!important;color:#df2948!important}#app .statusPill.paid,#app .acc125Status.paid{background:#ddf7e9!important;color:#0c9b59!important}
/* Tasks, clients, forms, calendar, workspace: same card/table language */
#app .v151TaskTop,#app .v151FormTop,#app .v151JourneyTop,#app .officeTop,#app .listHead,#app .panelHead{background:transparent!important;border-bottom:1px solid #e7ebf1!important;padding-bottom:13px!important}#app .v151TaskGrid,#app .clientGrid,#app .formBuilder,#app .v124SettingsGrid{gap:13px!important}#app .task151Card,#app .clientCard,#app .helpCard,#app .featureCard{border:1px solid #e1e7ef!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 8px rgba(18,37,63,.02)!important}
#app .officeShell{background:#fff!important;border:1px solid #e1e7ef!important;border-radius:12px!important;padding:0!important;overflow:hidden!important}#app .officeTop{padding:15px 18px!important}#app .ribbon{background:#f7f9fb!important;border-bottom:1px solid #e4e9f0!important;padding:8px 14px!important}#app .ribbon button{background:#fff!important;border:1px solid #dce3ed!important;border-radius:7px!important;box-shadow:none!important}
/* remove squashed fixed helpers; keep functions available */
#app .cornerTools,#app .floatingTools{gap:6px!important}#app .cornerTools button,#app .floatingTools button{width:36px!important;height:36px!important;border-radius:9px!important;background:#fff!important;border:1px solid #dce3ed!important;box-shadow:0 4px 12px rgba(20,40,70,.08)!important;overflow:hidden!important}
@media(max-width:1050px){#app .shell{grid-template-columns:210px minmax(0,1fr)!important}#app .topbar>div:first-child{padding-left:235px!important;min-width:330px!important}#app .topbar>div:first-child:before{width:210px!important}}
@media(max-width:760px){#app .shell{display:block!important}#app .sidebar{position:relative!important;height:auto!important}#app .workspace{padding:0 14px 35px!important}#app .topbar{margin:0 -14px 15px!important;padding:0 14px!important}#app .topbar>div:first-child{display:none!important}#app .userBadge{display:none!important}#app .acc125Tabs,#app .acc125Subnav{gap:18px!important}}
\n/* V155 — Accounts navigation/settings polish */
#app .acc125Tabs{display:flex!important;align-items:center!important;gap:2px!important;padding:4px!important;margin:18px 0 20px!important;background:#f5f7fa!important;border:1px solid #e3e8ef!important;border-radius:10px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin}
#app .acc125Tabs button{flex:0 0 auto!important;border:0!important;background:transparent!important;color:#687385!important;padding:9px 13px!important;border-radius:7px!important;font-size:11px!important;font-weight:650!important;box-shadow:none!important;white-space:nowrap!important;min-height:36px!important}
#app .acc125Tabs button:hover{background:#fff!important;color:#172b4d!important}
#app .acc125Tabs button.active{background:#fff!important;color:#008f93!important;box-shadow:0 1px 4px rgba(18,37,63,.10)!important;position:relative!important}
#app .acc125Tabs button.active:after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:#00a3a8}
#app .acc125SettingsSections{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
#app .acc125SettingsSections>.acc125Card{padding:20px!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(18,37,63,.025)!important}
#app .acc125SettingsSections>.acc125Card h3{font-size:15px!important;color:#172b4d!important;margin-bottom:16px!important;padding-bottom:11px!important;border-bottom:1px solid #edf0f4!important}
#app .acc125SettingsSections label{display:block!important;margin:0 0 13px!important;color:#526071!important;font-size:10px!important;font-weight:700!important}
#app .acc125SettingsSections input:not([type=checkbox]),#app .acc125SettingsSections select,#app .acc125SettingsSections textarea{margin-top:6px!important;border:1px solid #dce2e9!important;border-radius:8px!important;background:#fff!important;min-height:39px!important;padding:9px 11px!important;box-shadow:none!important}
#app .acc125SettingsSections textarea{min-height:132px!important}
#app .acc125SettingsSections>div:last-child{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;padding-top:2px!important}
#app .acc155TopActions{align-items:center!important}
@media(max-width:900px){#app .acc125SettingsSections{grid-template-columns:1fr!important}}