/* Shared workspace polish: admin groups and a focused customer workspace. */
.shell{grid-template-columns:260px minmax(0,1fr)}
.shell main{min-width:0;padding:30px 32px}
.shell .side{padding:24px 16px;gap:14px;background:#0b111c;border-right:1px solid #202b40}
.side-kicker{margin:0 8px;color:#8497bc;font-size:9px;font-weight:700;letter-spacing:2px}
.shell .brand{padding:0 8px;margin-bottom:8px}
.shell .brand b{font-size:21px;letter-spacing:.4px}
.shell .brand small{font-size:11px;color:#8c9bb4}
.shell .company-button{border-radius:16px;background:#121d2e;border-color:#2b3b56;padding:13px}
.shell .company-button small{font-size:10px;color:#8fa3c4}
.admin-nav-search{display:grid;gap:7px;padding:0 4px}
.admin-nav-search>span{font-size:10px;color:#96a7c0}
.admin-nav-search input{padding:11px 12px;font-size:12px;background:#080f1b;border-radius:12px}
.shell .admin-navigation{display:block;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#2c3950 transparent}
.admin-nav-group{padding:6px 0;border-bottom:1px solid #172338}
.admin-nav-group summary{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;color:#8d9eb9;font-size:11px;font-weight:700;cursor:pointer;list-style:none;letter-spacing:.2px}
.admin-nav-group summary::-webkit-details-marker{display:none}
.admin-nav-group summary:after{content:'＋';font-size:13px;color:#6e83a8}
.admin-nav-group[open] summary:after{content:'−'}
.admin-nav-items{display:grid;gap:4px;padding-bottom:7px}
.shell .admin-navigation button{display:flex;align-items:center;gap:11px;border-radius:12px;padding:12px 13px;font-size:12px;color:#a4b4cf;width:100%;text-align:left;min-height:43px}
.shell .admin-navigation button:hover{background:#172439;color:#fff}
.shell .admin-navigation button.active{background:linear-gradient(105deg,#302853,#14283e);border-left:3px solid #8c81ff;color:#fff;box-shadow:0 5px 20px #03071340}
.admin-nav-empty{font-size:11px;color:#98aac8;text-align:center;padding:16px}
.shell header{gap:16px;align-items:center;margin-bottom:24px}
.admin-breadcrumb{font-size:10px!important;letter-spacing:.3px;color:#8c9ebd!important;margin:0 0 10px!important}
.shell header h1{font-size:27px;letter-spacing:-.5px}
.shell header #pageSub{font-size:12px;color:#99a8c2;line-height:1.7}
.shell .head-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.shell .head-actions .ghost,.shell .head-actions .primary{font-size:11px;padding:11px 13px;border-radius:12px}
.shell .panel{border-radius:20px;border-color:#26324a}
.shell .panel p{color:#92a3bf;line-height:1.65}
.shell .cards>div{border-radius:18px}
.shell .modern-chat{height:calc(100dvh - 180px);min-height:560px}
.shell .chat-topbar{padding:0 20px}
.admin-menu-toggle{display:none}
.admin-nav-close{display:none}
[hidden]{display:none!important}
.workspace-account{position:relative;z-index:25;flex-shrink:0}
.workspace-account summary{cursor:pointer;list-style:none;border:1px solid #294356;border-radius:16px;padding:10px 13px;background:#0d1d2b}
.workspace-account summary::-webkit-details-marker{display:none}
.workspace-account summary i{font-style:normal;color:#8aacbc;margin-left:8px}
.account-actions{position:absolute;top:calc(100% + 9px);right:0;width:260px;display:grid;gap:4px;padding:12px;border:1px solid #335068;border-radius:18px;background:#0b1b2a;box-shadow:0 25px 60px #0008}
.account-actions p{font-size:10px;color:#8ca5b7;margin:4px 9px 8px}
.account-actions button,.account-actions a{padding:11px 12px;border:0;border-radius:10px;text-align:left;background:transparent;color:#d6e4ee;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}
.account-actions button:hover,.account-actions a:hover{background:#1b3345}
.account-actions #accountLogout{border-top:1px solid #294356;border-radius:0;color:#ffa5ab;margin-top:4px}
.customer-app nav{gap:10px}
.customer-app nav button{padding:15px 16px;border-radius:14px;font-size:13px}
.customer-app nav button.active{background:linear-gradient(110deg,#24395d,#123b42);color:#f0ffff;border-left:3px solid #50d9c0}
.customer-flow{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 25px;padding:15px 19px;border:1px solid #1f394a;border-radius:17px;background:#0a1b28}
.customer-flow span{display:flex;gap:9px;align-items:center;color:#7f99af;font-size:11px;flex:1;min-width:125px}
.customer-flow span b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #2a4355;border-radius:9px;font-size:9px;letter-spacing:.5px}
.customer-flow span.active{color:#d3fff2}
.customer-flow span.active b{background:#185447;color:#83f7d0;border-color:#2c8974}
.customer-app header{gap:14px}
.customer-app header h1{font-size:28px;line-height:1.4}
.customer-app .content-card{border-radius:22px}
.customer-app .content-card h2{font-size:20px;line-height:1.45}
.customer-app .content-card p{line-height:1.75}
.customer-app .channel-card{border-top:2px solid #487cba}
.customer-app .channel-card:first-child{border-top-color:#3ec59b}
.customer-app .test-chat-card{width:100%;max-width:1100px}
.customer-app .test-messages{min-height:400px;border-radius:18px}
.customer-app .doc-list article{gap:10px}
.customer-app .account-chip div{min-width:0}
@media(max-width:1000px){
  .shell{grid-template-columns:240px minmax(0,1fr)}
  .shell .side{padding:20px 12px}
  .shell .brand div:not(.logo),.shell .company-button span,.shell .company-button i,.shell nav span,.shell .side-foot div div{display:initial}
  .shell .company-button{height:auto;justify-content:space-between}
  .shell main{padding:25px 22px}
  .shell .head-actions{max-width:300px}
}
@media(max-width:760px){
  .shell{display:block}
  .shell main{padding:22px 16px}
  .shell .side{position:fixed;top:0;left:0;bottom:0;width:270px;height:100dvh;z-index:80;transform:translateX(-100%);transition:transform .2s ease;box-shadow:20px 0 70px #0008}
  .admin-navigation-open .side{transform:translateX(0)}
  .admin-menu-toggle{display:inline-flex!important}
  .admin-nav-close{display:block;position:absolute;right:14px;top:12px;border:0;background:transparent;color:#b9cce7;font-size:27px;cursor:pointer}
  .shell header{align-items:flex-start;flex-wrap:wrap}
  .shell .head-actions{max-width:none;justify-content:flex-start}
  .shell .head-actions #adminLogoutBtn{display:inline-flex}
  .shell header h1{font-size:24px}
  .shell .modern-chat{height:auto;min-height:580px}
  .shell .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-app header h1{font-size:23px}
  .customer-app .workspace-account .account-chip div,.customer-app .workspace-account .account-chip i{display:none}
  .customer-app .workspace-account .account-chip{padding:7px;background:#102b38}
  .customer-app .workspace-account .account-chip>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px}
  .customer-flow{padding:12px;gap:8px}
  .customer-flow span{font-size:10px;min-width:90px}
  .customer-app nav{justify-content:space-around}
  .customer-app nav button{flex:1;padding:10px 8px;min-width:0}
}
@media(prefers-reduced-motion:reduce){.shell .side{transition:none}}