/* Final console calibration: scoped readability, fit and contrast rules. */
.workspace-shell,.admin-shell{--console-ink:#202124;--console-text:#4f5662;--console-muted:#707987;--console-faint:#8a94a3;--console-line:#e1e5ea;color:var(--console-text);font-size:14px;line-height:1.55}
.workspace-shell *,.admin-shell *{box-sizing:border-box}

/* Sidebar */
.workspace-shell .nav-section-label,.admin-shell .nav-section-label{margin-top:9px;margin-bottom:3px;color:#69717d;font-size:11.5px;font-weight:500;line-height:16px}
.workspace-shell .nav-item,.admin-shell .nav-item{min-height:37px;height:37px;color:#464d58;font-size:14px;font-weight:450;line-height:20px}
.workspace-shell .nav-item.active,.admin-shell .nav-item.active{color:#20242a;font-weight:540}
.workspace-shell .sidebar-plan,.admin-shell .sidebar-plan{width:100%;max-width:100%;overflow:hidden}
.workspace-shell .sidebar-plan>div,.admin-shell .sidebar-plan>div{min-width:0}
.workspace-shell .sidebar-plan strong,.admin-shell .sidebar-plan strong{color:#303640;font-size:13px}
.workspace-shell .sidebar-plan small,.admin-shell .sidebar-plan small{color:#727b89;font-size:11px;line-height:16px}
.workspace-shell .sidebar-plan .btn,.admin-shell .sidebar-plan .btn{width:100%;max-width:100%;min-width:0;padding-inline:9px;overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.workspace-shell .sidebar-account strong,.admin-shell .sidebar-account strong{color:#303640;font-size:12px}
.workspace-shell .sidebar-account small,.admin-shell .sidebar-account small{color:#707986;font-size:11px}

/* Headings and supporting text */
.workspace-shell .page-heading h1,.admin-shell .page-heading h1{color:var(--console-ink);font-size:24px;font-weight:610;line-height:1.28;letter-spacing:-.45px}
.workspace-shell .page-heading p,.admin-shell .page-heading p{color:#626b78;font-size:13px;line-height:1.65}
.workspace-shell .card-heading h2,.admin-shell .card-heading h2,.workspace-shell .card h2,.admin-shell .card h2{color:var(--console-ink)}
.workspace-shell .card-heading p,.admin-shell .card-heading p,.workspace-shell .muted,.admin-shell .muted{color:var(--console-muted);font-size:12px;line-height:1.6}
.workspace-shell .notice,.admin-shell .notice,.workspace-shell .note-box,.admin-shell .note-box{color:#56606e;font-size:12px;line-height:1.6}
.workspace-shell .btn,.admin-shell .btn{font-size:13px}
.workspace-shell .btn.small,.admin-shell .btn.small,.workspace-shell .badge,.admin-shell .badge{font-size:11.5px;line-height:16px}
.workspace-shell .btn.primary,.workspace-shell .btn.primary *,.admin-shell .btn.primary,.admin-shell .btn.primary *{color:#fff}

/* Tables and dense list content */
.workspace-shell table,.admin-shell table{color:#4c5563;font-size:13px;line-height:1.5}
.workspace-shell table th,.admin-shell table th,.admin-shell-v2 .admin-page-content table th{color:#626c7a;font-size:12px;font-weight:540;line-height:17px}
.workspace-shell table td,.admin-shell table td,.admin-shell-v2 .admin-page-content table td{color:#454f5d;font-size:13px}
.workspace-shell table td strong,.admin-shell table td strong,.admin-shell-v2 .admin-page-content table td strong{color:var(--console-ink);font-size:13px}
.workspace-shell table td small,.admin-shell table td small,.workspace-shell .recent-item small,.admin-shell .recent-item small,.workspace-shell .recent-item p,.admin-shell .recent-item p,.workspace-shell .conversation-item small,.admin-shell .conversation-item small{color:#778292;font-size:11px;line-height:1.45}
.admin-shell-v2 .admin-user-cell b{font-size:13px}.admin-shell-v2 .admin-user-cell small{color:#748091;font-size:11px}
.admin-shell-v2 .admin-metric span{font-size:12px}.admin-shell-v2 .admin-metric small{color:#778292;font-size:11px}
.admin-shell-v2 .admin-panel-head h2{font-size:16px}.admin-shell-v2 .admin-panel-head p{color:#707b8b;font-size:12px;line-height:1.55}
.admin-shell-v2 .admin-task-row strong{font-size:13px}.admin-shell-v2 .admin-task-row small{color:#737e8e;font-size:11px}

/* Forms */
.workspace-shell .field>span,.admin-shell .field>span,.workspace-shell .toggle-row strong,.admin-shell .toggle-row strong{color:#2e343c;font-size:13px}
.workspace-shell .field small,.admin-shell .field small,.workspace-shell .toggle-row small,.admin-shell .toggle-row small,.workspace-shell .settings-section-head p,.admin-shell .settings-section-head p{color:#717b89;font-size:12px;line-height:1.55}

/* Overview plan card must never leave its column. */
.workspace-shell .overview-top{grid-template-columns:minmax(0,1fr) minmax(300px,342px)}
.workspace-shell .overview-plan{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:10px 12px;overflow:hidden;grid-template-columns:minmax(78px,auto) minmax(0,1fr) auto;column-gap:9px}
.workspace-shell .overview-plan>*,.workspace-shell .overview-plan .card-heading,.workspace-shell .overview-plan .usage-label,.workspace-shell .overview-plan .progress{min-width:0}
.workspace-shell .overview-plan .usage-label{overflow:hidden;color:#606b7a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.workspace-shell .overview-plan>.btn{min-width:0;max-width:92px;padding:6px 9px;justify-self:end;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}

/* Restore intentional foreground colors on blue/dark product surfaces. */
.workspace-shell .chat-preview-head,.admin-shell .chat-preview-head{color:#fff}
.workspace-shell .chat-preview-head strong,.workspace-shell .chat-preview-head small,.workspace-shell .chat-preview-head b,.admin-shell .chat-preview-head strong,.admin-shell .chat-preview-head small,.admin-shell .chat-preview-head b{color:inherit}
.workspace-shell .preview-theme-minimal .chat-preview-head,.workspace-shell .preview-theme-soft .chat-preview-head,.admin-shell .preview-theme-minimal .chat-preview-head,.admin-shell .preview-theme-soft .chat-preview-head{color:#283548}
.workspace-shell .chat-preview-message.mine p,.admin-shell .chat-preview-message.mine p,.workspace-shell .chat-msg.mine .message-body,.admin-shell .chat-msg.mine .message-body,.workspace-shell .send-circle,.admin-shell .send-circle,.workspace-shell .channel-hero,.workspace-shell .monitor-hero{color:#fff}
.workspace-shell .chat-preview-message.mine p *,.admin-shell .chat-preview-message.mine p *,.workspace-shell .channel-hero h2,.workspace-shell .channel-hero h3,.workspace-shell .channel-hero strong,.workspace-shell .channel-hero b,.workspace-shell .monitor-hero h2,.workspace-shell .monitor-hero h3,.workspace-shell .monitor-hero strong,.workspace-shell .monitor-hero b{color:inherit}

@media(max-width:1180px){.workspace-shell .overview-top{grid-template-columns:minmax(0,1fr)}.workspace-shell .overview-plan{grid-template-columns:minmax(92px,auto) minmax(0,1fr) auto}}
@media(max-height:820px) and (min-width:801px){.workspace-shell .nav-section-label,.admin-shell .nav-section-label{font-size:11px}.workspace-shell .nav-item,.admin-shell .nav-item{min-height:35px;height:35px;font-size:13.5px}}
@media(max-width:800px){
  .workspace-shell .page-heading h1,.admin-shell .page-heading h1{font-size:22px}
  .workspace-shell .page-heading p,.admin-shell .page-heading p{font-size:13px}
  .workspace-shell .nav-item,.admin-shell .nav-item{min-height:42px;height:42px;font-size:14px}
  .workspace-shell .overview-plan{grid-template-columns:minmax(88px,auto) minmax(0,1fr)}
  .workspace-shell .overview-plan>.btn{display:none}

  /* All four-item summaries use one aligned, compact mobile data rail. */
  .workspace-shell .grid.grid-4:has(>.metric),#modal-root .grid.grid-4:has(>.metric){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;overflow:hidden}
  .workspace-shell .grid.grid-4>.metric,#modal-root .grid.grid-4>.metric{min-width:0!important;min-height:92px!important;margin:0!important;padding:12px 3px 10px!important;border:0!important;border-left:1px solid #e7eaf0!important;border-radius:0!important;box-shadow:none!important}
  .workspace-shell .grid.grid-4>.metric:first-child,#modal-root .grid.grid-4>.metric:first-child{border-left:0!important}
  .workspace-shell .grid.grid-4>.metric .metric-top,#modal-root .grid.grid-4>.metric .metric-top{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center}
  .workspace-shell .grid.grid-4>.metric .icon-tile,#modal-root .grid.grid-4>.metric .icon-tile{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important}
  .workspace-shell .grid.grid-4>.metric .icon-tile .icon,#modal-root .grid.grid-4>.metric .icon-tile .icon{width:16px!important;height:16px!important}
  .workspace-shell .grid.grid-4>.metric .metric-copy,.workspace-shell .grid.grid-4>.metric .metric-top>div,#modal-root .grid.grid-4>.metric .metric-copy,#modal-root .grid.grid-4>.metric .metric-top>div{display:flex!important;min-width:0!important;align-items:center!important;flex-direction:column!important;gap:1px!important}
  .workspace-shell .grid.grid-4>.metric strong,#modal-root .grid.grid-4>.metric strong{font-size:21px!important;line-height:23px!important;letter-spacing:-.5px!important}
  .workspace-shell .grid.grid-4>.metric .metric-copy>span,.workspace-shell .grid.grid-4>.metric .metric-top>div>span,#modal-root .grid.grid-4>.metric .metric-copy>span,#modal-root .grid.grid-4>.metric .metric-top>div>span{display:block!important;width:100%;overflow:hidden;color:#646d7b!important;font-size:10px!important;line-height:14px!important;text-align:center;text-overflow:ellipsis;white-space:nowrap}
  .workspace-shell .grid.grid-4>.metric .metric-note,#modal-root .grid.grid-4>.metric .metric-note{display:none!important}

  /* Six-item report summaries stay in one row and scroll instead of crushing labels. */
  .workspace-shell .grid.grid-6:has(>.metric){display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .workspace-shell .grid.grid-6:has(>.metric)::-webkit-scrollbar{display:none}
  .workspace-shell .grid.grid-6>.metric{flex:0 0 118px!important;min-height:88px!important;margin:0!important;padding:12px 10px!important;border-radius:0!important;border-left:1px solid #e7eaf0!important;box-shadow:none!important;scroll-snap-align:start}
  .workspace-shell .grid.grid-6>.metric:first-child{border-left:0!important}
}

@media(max-width:360px){
  .workspace-shell .grid.grid-4>.metric,#modal-root .grid.grid-4>.metric{padding-inline:2px!important}
  .workspace-shell .grid.grid-4>.metric .metric-copy>span,.workspace-shell .grid.grid-4>.metric .metric-top>div>span,#modal-root .grid.grid-4>.metric .metric-copy>span,#modal-root .grid.grid-4>.metric .metric-top>div>span{font-size:9px!important}
}

/* Immersive workspace: one continuous canvas, separated by rhythm instead of nested boxes. */
.workspace-shell,.admin-shell{background:#fff}
.workspace-shell .shell-main,.admin-shell .shell-main,.workspace-shell .page-content,.admin-shell .page-content{background:#fff}
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page){overflow:visible}
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.card,
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.grid>.card,
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.stack>.card,
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.overview-charts>.card,
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page) .table-card,
.workspace-shell .source-rail,
.workspace-shell .channel-card,
.workspace-shell .channel-guide{border-color:transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.card:hover,
:where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.grid>.card:hover,
.workspace-shell .channel-card:hover{border-color:transparent!important}

/* Summary numbers read as one data rail rather than several unrelated cards. */
.workspace-shell .page-content:not(.inbox-page)>.grid:has(>.metric),
.admin-shell .page-content:not(.inbox-page)>.grid:has(>.metric){gap:0;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1}
.workspace-shell .page-content:not(.inbox-page)>.grid>.metric,
.admin-shell .page-content:not(.inbox-page)>.grid>.metric{border:0!important;border-left:1px solid #eceef1!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.workspace-shell .page-content:not(.inbox-page)>.grid>.metric:first-child,
.admin-shell .page-content:not(.inbox-page)>.grid>.metric:first-child{border-left:0!important}

/* Dense data areas remain readable without another large outer frame. */
:where(.workspace-shell,.admin-shell) .table-card{padding:14px 0!important}
:where(.workspace-shell,.admin-shell) .table-card>.filters,
:where(.workspace-shell,.admin-shell) .table-card>.filter-bar{padding-inline:0}
:where(.workspace-shell,.admin-shell) .table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
:where(.workspace-shell,.admin-shell) .table-wrap table{min-width:max-content}
:where(.workspace-shell,.admin-shell) .pagination{padding-inline:4px}
:where(.workspace-shell,.admin-shell) .page-content code,
:where(.workspace-shell,.admin-shell) .page-content .sub,
:where(.workspace-shell,.admin-shell) .page-content p{overflow-wrap:anywhere}

/* Channel center: keep the story and its controls inside the available width. */
.workspace-shell .channel-hero{overflow:hidden;width:100%;padding:26px 4px!important;border:0!important;border-bottom:1px solid #e8edf4!important;border-radius:0!important;background:linear-gradient(100deg,#f7faff 0,#fff 74%)!important;box-shadow:none!important}
.workspace-shell .channel-hero,.workspace-shell .channel-hero h2{color:#202124!important}
.workspace-shell .channel-hero:after{display:none!important}
.workspace-shell .channel-hero-copy{min-width:0}
.workspace-shell .channel-hero p{max-width:760px;margin-bottom:0}
.workspace-shell .channel-flow{max-width:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.workspace-shell .channel-flow>span{border:0!important;border-radius:0!important;background:transparent!important}
.workspace-shell .channel-grid{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),760px));gap:0}
.workspace-shell .channel-card{width:100%;max-width:100%!important;padding:22px 4px!important;border-top:1px solid #eceef2!important}
.workspace-shell .channel-card:first-child{border-top:0!important}
.workspace-shell .channel-callback{max-width:100%!important;margin-block:10px!important;padding:9px 0 9px 12px!important;border-left:2px solid #8bb8ff;border-radius:0!important;background:transparent!important}
.workspace-shell .channel-callback code{min-width:0;overflow-wrap:anywhere;white-space:normal}
.workspace-shell .channel-guide{margin-top:4px!important;padding:22px 4px!important;border-top:1px solid #eceef2!important}

/* Attachment quota: title and plan action share one row on every breakpoint. */
.workspace-shell .file-quota{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.15fr);grid-template-areas:"title title" "copy meter";gap:15px 28px;padding:20px 4px;border:0;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;border-radius:0;background:transparent;box-shadow:none}
.workspace-shell .file-quota-title{grid-area:title;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}
.workspace-shell .file-quota-title .section-kicker{min-width:0;color:#1769d2;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.workspace-shell .file-quota-title .btn{flex:0 0 auto}
.workspace-shell .file-quota-copy{grid-area:copy;min-width:0}
.workspace-shell .file-quota-meter{grid-area:meter;min-width:0;align-self:center}

/* Platform administration follows the same continuous-surface language. */
.admin-shell .admin-panel{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.admin-shell .admin-panel>.table-wrap{margin-inline:0!important;margin-bottom:0!important;border-top:1px solid #eceef2!important;border-radius:0!important}
.admin-shell .admin-panel>.pagination{margin-inline:0!important;margin-bottom:0!important}
.admin-shell .admin-dashboard-grid{gap:0;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2}
.admin-shell .admin-dashboard-grid>.admin-panel+.admin-panel{border-left:1px solid #eceef2!important}

@media(max-width:800px){
  :where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page){width:100%;max-width:100%;padding:16px 14px 28px;overflow-x:hidden}
  :where(.workspace-shell,.admin-shell) .page-heading{align-items:flex-start;gap:12px;margin-bottom:15px}
  :where(.workspace-shell,.admin-shell) .page-heading>div:first-child{flex:1;min-width:0}
  :where(.workspace-shell,.admin-shell) .page-heading .actions{flex:0 0 auto;max-width:48%;justify-content:flex-end}
  :where(.workspace-shell,.admin-shell) .page-heading .actions .btn{min-width:0;padding-inline:10px}
  :where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.card,
  :where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.grid>.card,
  :where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page)>.stack>.card,
  :where(.workspace-shell,.admin-shell) .table-card{padding-inline:0!important}

  /* Customer summary always shows all three values in one balanced row. */
  .workspace-shell .customer-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;overflow:hidden}
  .workspace-shell .customer-metrics>.metric{min-width:0!important;min-height:92px!important;margin:0!important;padding:12px 3px 10px!important;border:0!important;border-left:1px solid #eceef1!important;border-radius:0!important;box-shadow:none!important}
  .workspace-shell .customer-metrics>.metric:first-child{border-left:0!important}
  .workspace-shell .customer-metrics .metric-top{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center}
  .workspace-shell .customer-metrics .icon-tile{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important}
  .workspace-shell .customer-metrics .icon-tile .icon{width:16px!important;height:16px!important}
  .workspace-shell .customer-metrics .metric-top>div{display:flex!important;min-width:0!important;align-items:center!important;flex-direction:column!important;gap:1px!important}
  .workspace-shell .customer-metrics strong{font-size:21px!important;line-height:23px!important}
  .workspace-shell .customer-metrics .metric-top>div>span{display:block!important;width:100%;overflow:hidden;color:#646d7b!important;font-size:10px!important;line-height:14px!important;text-align:center;text-overflow:ellipsis;white-space:nowrap}

  .workspace-shell .channel-hero{display:block!important;padding:18px 0!important;overflow:visible!important}
  .workspace-shell .channel-hero h2{font-size:21px!important;line-height:1.35}
  .workspace-shell .channel-hero p{font-size:12px!important;line-height:1.7}
  .workspace-shell .channel-flow{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:15px;overflow:visible!important;white-space:normal!important}
  .workspace-shell .channel-flow>.icon{display:none!important}
  .workspace-shell .channel-flow>span{display:flex!important;min-width:0!important;padding:9px 3px!important;align-items:center!important;flex-direction:column!important;gap:3px!important;text-align:center}
  .workspace-shell .channel-flow>span+span{border-left:1px solid #e6ebf2!important}
  .workspace-shell .channel-flow>span>.icon{width:16px!important;height:16px!important}
  .workspace-shell .channel-flow>span b,.workspace-shell .channel-flow>span small{display:block;max-width:100%;font-size:9px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}
  .workspace-shell .channel-grid{display:block!important}
  .workspace-shell .channel-card,.workspace-shell .channel-card:only-child{display:flex!important;width:100%!important;padding:18px 0!important}
  .workspace-shell .channel-card-head{grid-template-columns:auto minmax(0,1fr) auto!important}
  .workspace-shell .channel-card-head>.badge{grid-column:auto!important;justify-self:end!important}
  .workspace-shell .channel-actions{display:grid!important;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .workspace-shell .channel-actions .btn{width:100%;min-width:0;padding-inline:5px;white-space:normal}
  .workspace-shell .channel-guide{display:block!important;padding:17px 0!important}
  .workspace-shell .channel-guide>div+div{margin-top:14px;padding-top:14px;border-top:1px solid #f0f1f3}

  .workspace-shell .file-quota{grid-template-columns:1fr;grid-template-areas:"title" "copy" "meter";gap:14px;padding:16px 0}
  .workspace-shell .file-quota-title{width:100%}
  .workspace-shell .file-quota-title .btn{margin-left:auto}
  .workspace-shell .file-quota-copy h2{font-size:21px}

  .admin-shell .admin-dashboard-grid{display:block;border-bottom:0}
  .admin-shell .admin-dashboard-grid>.admin-panel{border-bottom:1px solid #eceef2!important}
  .admin-shell .admin-dashboard-grid>.admin-panel+.admin-panel{border-left:0!important}

  :where(.workspace-shell,.admin-shell) .filters,
  :where(.workspace-shell,.admin-shell) .filter-bar{max-width:100%}
  :where(.workspace-shell,.admin-shell) .filters>* ,
  :where(.workspace-shell,.admin-shell) .filter-bar>*{min-width:0}
}

@media(max-width:420px){
  :where(.workspace-shell,.admin-shell) .page-content:not(.inbox-page){padding-inline:12px}
  .workspace-shell .channel-actions{grid-template-columns:1fr 1fr}
  .workspace-shell .file-quota-title .section-kicker{font-size:11px}
}