/* Shared desktop rail and mobile drawer. Logo asset stays at original proportions. */
.brand-image,.brand-logo,.mobilebrand{flex-shrink:0;overflow:hidden!important}
.brand-image{width:242px!important;height:82px!important}.brand-image img{width:280px!important;height:auto!important;left:-23px!important;top:-17px!important;max-width:none!important}
.brand-logo{height:78px!important;min-height:78px!important}.brand-logo img{width:250px!important;height:auto!important;top:-13px!important;left:-20px!important}
.mobilebrand{width:154px!important;height:60px!important}.mobilebrand img{width:186px!important;height:auto!important;left:-16px!important;top:-9px!important}
.menu-toggle,.drawer-close{display:none}.menu-toggle,.drawer-close{min-width:44px;min-height:44px;border:1px solid #dce3ee;background:#fff;color:#142139;border-radius:10px;font-size:23px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.nav-backdrop{position:fixed;inset:0;z-index:79;border:0;background:rgba(10,21,42,.48);backdrop-filter:blur(2px)}.nav-backdrop[hidden]{display:none}.force-mobile{max-width:480px!important;margin-inline:auto!important;min-height:100dvh;border-inline:1px solid #e5eaf1}.nav-open{overflow:hidden!important}
.compact .menu-toggle{display:inline-flex}.compact.auth-mode .menu-toggle,.compact.account-loading .menu-toggle{display:none}.compact .sidebar,.compact .rail{display:flex!important;flex-direction:column!important;position:fixed!important;inset:0 auto 0 0!important;width:min(320px,86vw)!important;height:100dvh!important;max-width:86vw;padding:28px 20px calc(24px + env(safe-area-inset-bottom))!important;background:#fff!important;z-index:80!important;overflow-y:auto!important;overscroll-behavior:contain;transform:translateX(-110%);visibility:hidden;transition:transform .2s ease,visibility .2s;border-right:1px solid #dbe2ed!important}.compact.nav-open .sidebar,.compact.nav-open .rail{transform:translateX(0);visibility:visible}.compact .drawer-close{display:flex;align-self:flex-end;margin-bottom:10px}.compact .rail nav{display:flex;flex-direction:column!important;overflow:visible!important;gap:6px!important}.compact .rail nav button{display:flex!important;white-space:normal;min-height:48px;font-size:15px;padding:12px 14px}.compact .rail nav button[hidden]{display:none!important}.compact .rail-label,.compact .rail-footer{display:block}.compact .org-select{width:100%;max-width:240px}.compact .shell{display:block!important;min-width:0}.compact .app{margin-left:0!important;width:100%;min-width:0}.compact main{max-width:100%;min-width:0;margin:0;padding:24px 16px}.compact .header,.compact .topbar{height:88px!important;min-height:88px;padding:4px 14px!important;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.compact .header-right{margin-left:auto;width:auto!important;gap:10px;font-size:13px}.compact .brand-image{width:190px!important;height:72px!important}.compact .brand-image img{width:220px!important;top:-10px!important;left:-17px!important}.compact .header-right a[href='/ai']{display:none}.compact .mobilebrand{display:block}.compact .breadcrumb{display:none}.compact .top-actions{margin-left:auto;gap:4px}.compact .top-actions>.pill{display:none}.compact .mobile-link{display:none}.compact .g2,.compact .g3,.compact .hero,.compact .split,.compact .grid,.compact .workspace-steps{grid-template-columns:1fr!important}.compact .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact .pagehead,.compact .page-head{display:block}.compact h1,.compact .page-head h1{font-size:28px}.compact .hero h2{font-size:26px}.compact .card{padding:20px}.compact .flowbox{border-left:0;padding-left:0}.compact .pagehead>.actions{display:flex;flex-wrap:wrap;margin-top:14px}.compact .auth-grid{display:block;min-height:0}.compact .auth-story{display:none}.compact .auth-panel{padding:28px 22px}.compact .signup-wrap .card{padding:24px 20px}.compact .signup-wrap h1{font-size:25px}.compact .verified-account{display:block}.compact .verified-account .chip{margin-top:8px}.compact .welcome-bottom{align-items:flex-start;flex-direction:column;gap:16px}.compact .metric-row{grid-template-columns:1fr}.compact .app-footer,.compact .page-footer{padding:20px 16px;flex-wrap:wrap;font-size:12px}.compact .bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;z-index:30;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #dbe2ed}.compact:has(.bottomnav){padding-bottom:calc(80px + env(safe-area-inset-bottom))}.compact .bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;font-size:12px;color:#62728b}.compact .bottomnav button.active{color:#285ef0}.compact .bottomnav svg{width:24px;height:24px}.compact .tabs{overflow:auto;max-width:100%;white-space:nowrap}.compact .filterbar{flex-wrap:wrap}.compact .filterbar label{flex:1;min-width:130px}.compact .filterbar input,.compact .filterbar select{width:100%;min-width:0}.compact dialog{max-width:calc(100vw - 24px);width:calc(100% - 24px);padding:20px}.compact .toast{bottom:90px}.compact .table-wrap,.compact .tablewrap{overflow:auto;max-width:100%}.compact .auth-note,.compact .type-choice small{word-break:keep-all;overflow-wrap:anywhere}.compact .page-footer{display:flex;flex-direction:column;gap:8px}.compact .app-footer span{display:none}
@media(min-width:768px){.force-mobile .sidebar,.force-mobile .rail{left:calc(50vw - 240px)!important;transform:translateX(-115%)}.force-mobile.nav-open .sidebar,.force-mobile.nav-open .rail{transform:none}.force-mobile .bottomnav{left:calc(50vw - 240px);right:auto;width:480px}.force-mobile .header-right .mobile-view{display:block;font-size:12px}.force-mobile .header-right a[href='/ai']{display:none}}
@media(prefers-reduced-motion:reduce){.compact .sidebar,.compact .rail{transition:none}}

.account-nav-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;color:var(--muted,#64748b);text-decoration:none;font-size:14px;font-weight:600}.account-nav-link:hover,.account-nav-link[aria-current="page"]{background:#eef6ff;color:#1361c8}

.compact .header-right #logout{display:none}.compact .header-right .mobile-view{font-size:11px;white-space:nowrap}.compact .header .brand-image{flex-shrink:1;min-width:174px}.compact .rail a[hidden]{display:none!important}

.mobile-signout{display:none}.compact .mobile-signout{display:flex}

.account-nav-link[hidden]{display:none!important}.compact .header,.compact .topbar{position:sticky;top:0;z-index:40;background:#fff}.force-mobile .top-actions .mobile-link{display:inline-flex;font-size:11px;white-space:nowrap}.compact .button.small{min-height:44px}.compact #screen .table-wrap{overflow:visible;margin:0}.compact #screen table,.compact #screen tbody,.compact #screen tr,.compact #screen td{display:block;width:100%}.compact #screen thead{display:none}.compact #screen tbody tr{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:12px}.compact #screen td{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;padding:8px 0;border:0;align-items:center}.compact #screen td::before{content:attr(data-label);font-size:12px;color:var(--muted)}.compact #screen td:first-child{display:block}.compact #screen td:first-child::before{display:block;margin-bottom:5px}.compact #screen td .sub{max-width:none;word-break:break-word}.compact #screen .member-controls{flex-wrap:wrap}.compact #screen td select{max-width:190px}

.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar .nav,.sidebar .side-bottom{flex-shrink:0}.rail .mobile-signout{display:none}.compact .rail .mobile-signout{display:flex}.mobilebrand{width:158px!important}
.workspace-nav i{display:inline-flex;width:20px;height:20px;flex:0 0 20px}.workspace-nav i svg{width:20px;height:20px}
.workspace-nav .account-nav-link{font-size:14px;line-height:1.5}
.workspace-section-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.workspace-section-nav button{min-height:44px;padding:10px 14px;border:1px solid #dce3ee;border-radius:9px;background:#fff;color:#506078;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}
.workspace-section-nav button.active{background:#eef6ff;border-color:#aac9ff;color:#1361c8}
.workspace-section-nav button[hidden]{display:none}
.compact .workspace-section-nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:6px}
.compact .workspace-section-nav button{white-space:nowrap;flex-shrink:0}