/* V153 Premium workspace visual system — applied across the signed-in app */
#app .shell{grid-template-columns:260px minmax(0,1fr);background:#f7f9fc;color:#17233b}
#app .sidebar{background:linear-gradient(180deg,#071a33 0%,#0b2442 100%);border-right:0;padding:22px 14px;color:#fff;box-shadow:8px 0 28px rgba(12,31,58,.08)}
#app .brand{padding:5px 10px 24px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
#app .brand strong{color:#fff;font-size:20px;letter-spacing:.1px}#app .brand strong span{color:#48c2c7}#app .brand small{color:#9eb4c9;letter-spacing:2px}
#app .sidebar nav{gap:5px}#app .navItem{color:#d5deea;border-radius:10px;padding:11px 12px;font-size:13px;transition:.15s}
#app .navItem:hover{background:rgba(255,255,255,.07);color:#fff}#app .navItem.active{background:linear-gradient(135deg,#1aa7ad,#43c1c5);color:#fff;box-shadow:0 8px 20px rgba(30,177,183,.22)}
#app .navIcon{background:rgba(255,255,255,.08);color:#b8c9da}#app .navItem.active .navIcon{background:rgba(255,255,255,.18);color:#fff}
#app .profile{border-color:rgba(255,255,255,.1)}#app .profile b{color:#fff}#app .profile small{color:#9eb4c9}#app .profile>span{background:#1aa7ad}
#app .workspace{max-width:none;padding:0 30px 55px;background:#f7f9fc}
#app .topbar{min-height:76px;margin:0 -30px 24px;padding:12px 30px;background:#fff;border-bottom:1px solid #e6ebf2;box-shadow:0 1px 0 rgba(20,36,62,.02)}
#app .topbar h1{font-size:25px;color:#10233f}#app .topbar p{color:#748197}
#app .searchWrap input{width:310px;border-color:#dce3ed;background:#f9fbfd;border-radius:11px;padding:11px 14px}
#app .ai{background:#10233f;border-radius:10px;padding:11px 15px;box-shadow:none}
#app .contentPanel,#app .panel,#app .panelSoft,#app .simpleCard,#app .settingCard{border:1px solid #e2e8f0;background:#fff;border-radius:14px;box-shadow:0 3px 14px rgba(18,37,63,.035)}
#app .contentPanel{padding:24px;min-height:680px}
#app .contentHead h2,#app .acc125Top h2{color:#10233f;font-size:30px;letter-spacing:-.4px}
#app .eyebrow{color:#159da4;font-size:9px;letter-spacing:1.7px}
#app button{transition:background .15s,border-color .15s,box-shadow .15s,transform .08s}
#app button:active{transform:translateY(1px)}
#app .primary,#app .acc152 button.primary,#app .acc152Btn.primary{background:linear-gradient(135deg,#149fa6,#38bcc0)!important;border:1px solid #159fa6!important;color:#fff!important;box-shadow:0 4px 12px rgba(26,167,173,.18)!important}
#app .primary:hover,#app .acc152 button.primary:hover,#app .acc152Btn.primary:hover{background:linear-gradient(135deg,#118d94,#2aadb2)!important;box-shadow:0 6px 16px rgba(26,167,173,.24)!important}
#app .acc152 button,#app .acc152Btn,#app .headActions button,#app .editorToolbar button,#app .panelHead button,#app .contentHead button{min-height:38px;border:1px solid #dce3ed;border-radius:9px;padding:8px 13px;background:#fff;color:#263955;font-size:12px;font-weight:700;box-shadow:none}
#app .acc152 button:hover,#app .acc152Btn:hover{background:#f8fafc;border-color:#c7d1df;box-shadow:none}
/* Accounts navigation: quiet text tabs, not a wall of buttons */
#app .acc125Tabs{display:flex;gap:22px!important;align-items:center;border-bottom:1px solid #e7ecf2;padding:0 4px;margin:18px 0 20px;overflow-x:auto}
#app .acc125Tabs button{border:0!important;background:transparent!important;border-radius:0!important;min-height:44px!important;padding:10px 2px!important;color:#65738a!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap;position:relative}
#app .acc125Tabs button.active{color:#0d8f98!important}#app .acc125Tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#21aeb4;border-radius:3px 3px 0 0}
#app .acc125Subnav{display:flex!important;gap:26px!important;align-items:center;border-bottom:1px solid #e7ecf2;margin:0 0 18px;padding:0 4px;overflow-x:auto}
#app .acc125Subnav button{border:0!important;background:transparent!important;border-radius:0!important;min-height:42px!important;padding:9px 1px!important;color:#65738a!important;box-shadow:none!important;position:relative;font-size:12px!important}
#app .acc125Subnav button.active{color:#0d8f98!important}#app .acc125Subnav button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#21aeb4;border-radius:3px 3px 0 0}
/* Hide legacy duplicate toolbar; V152 section header owns create action */
#app .acc152 .acc125Toolbar{display:none!important}
#app .acc152SectionHead{margin:0 0 16px;padding:4px 0 14px;background:transparent;border:0;border-radius:0}
#app .acc152SectionHead h3{font-size:23px;color:#10233f;margin:0 0 4px}#app .acc152SectionHead p{font-size:11px;color:#7b8799}
#app .acc152SectionHead>button{min-width:150px}
#app .acc125TableWrap{border:1px solid #e4e9f0;border-radius:12px;overflow:auto;background:#fff}
#app .acc125Table{width:100%;border-collapse:separate;border-spacing:0}#app .acc125Table th{background:#f6f8fb;color:#53627a;font-size:11px;font-weight:800;padding:12px;border-bottom:1px solid #e5eaf0;text-align:left}
#app .acc125Table td{padding:12px;border-bottom:1px solid #edf0f4;font-size:12px;color:#283a55;vertical-align:middle}#app .acc125Table tbody tr:hover{background:#fbfcfe}
#app .acc125Actions{display:flex;gap:6px;flex-wrap:wrap}#app .acc125Actions button{min-height:32px!important;padding:6px 9px!important;font-size:10px!important;border-radius:8px!important;font-weight:700!important}
#app .acc125Card,#app .acc152Editor{border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 3px 14px rgba(18,37,63,.035)}
#app .acc152Editor{padding:20px;margin:0 0 18px}#app .acc152EditorHead{border-bottom:1px solid #edf0f4;padding-bottom:14px;margin-bottom:15px}
#app .acc152EditorHead h3{font-size:22px;color:#10233f;margin:3px 0}
#app .acc125Form label{color:#53627a;font-size:11px;font-weight:700}#app .acc125Form input,#app .acc125Form select,#app .acc125Form textarea{border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:10px;color:#1c304c;outline:none}
#app .acc125Form input:focus,#app .acc125Form select:focus,#app .acc125Form textarea:focus{border-color:#27adb3;box-shadow:0 0 0 3px rgba(39,173,179,.10)}
#app .acc152Lines{border:1px solid #e5eaf0;background:#fafbfd;border-radius:10px;padding:12px}
#app .metricGrid{gap:14px}#app .metric{border-color:#e2e8f0;border-radius:13px;box-shadow:0 3px 14px rgba(18,37,63,.035);padding:18px}#app .metric b{color:#10233f}
#app .hero{border-radius:18px;background:linear-gradient(125deg,#0b2442,#123a5d 68%,#159fa6);box-shadow:0 14px 35px rgba(11,36,66,.14)}
#app .appCard{border-color:#e2e8f0;border-radius:13px;box-shadow:0 3px 14px rgba(18,37,63,.025)}#app .appCard:hover{border-color:#a9dfe1;box-shadow:0 9px 24px rgba(18,37,63,.07)}
#app .statusPill,#app .acc125Status{border-radius:999px!important;padding:5px 9px!important;font-weight:800!important}
/* Workspace grouped apps */
#app .workspaceGroup{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:16px}
@media(max-width:980px){#app .shell{grid-template-columns:210px minmax(0,1fr)}#app .workspace{padding-left:18px;padding-right:18px}#app .topbar{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}#app .searchWrap input{width:210px}}