/* Production OA presentation. Existing navigation nodes, handlers and keyboard geometry remain intact. */
body[data-workspace-shell="true"]{
  --bg-primary:var(--ws-bg,#f5f6f8);--bg-secondary:var(--ws-panel,#fff);--bg-tertiary:var(--ws-soft,#f8f9fb);--bg-sidebar:var(--ws-panel,#fff);--bg-chat:var(--ws-bg,#f5f6f8);--bg-input:var(--ws-panel,#fff);
  --bg-bubble-self:var(--ws-accent,#315fd5);--bg-bubble-other:var(--ws-panel,#fff);--bg-bubble-other-hover:var(--ws-soft,#f8f9fb);--bg-hover:var(--ws-soft,#f8f9fb);--bg-active:var(--ws-accent-soft,#edf2ff);
  --text-primary:var(--ws-ink,#202937);--text-secondary:var(--ws-muted,#657082);--text-tertiary:var(--ws-muted,#657082);--text-bubble-other:var(--ws-ink,#202937);--accent-1:var(--ws-accent,#315fd5);--accent-2:var(--ws-accent,#315fd5);
  --border-color:var(--ws-line,#e3e7ed);--divider:var(--ws-line,#e3e7ed);--shadow-sm:none;--shadow-bubble:none;--shadow-lg:0 16px 48px #20293714;
  height:var(--app-height,100dvh);background:var(--ws-bg,#f5f6f8);color:var(--ws-ink,#202937);font-family:var(--ws-font,'Manrope','PingFang SC','Microsoft YaHei',sans-serif);font:var(--ws-body-6);
}
body[data-workspace-shell="true"]::before,body[data-workspace-shell="true"]::after{display:none}
body[data-workspace-shell="true"] :is(button,input,textarea,select){font-family:inherit}
body[data-workspace-shell="true"] :is(h1,h2,h3,h4,h5,h6){font-weight:600;text-wrap:balance;color:var(--ws-ink)}
body[data-workspace-shell="true"] :is(p,.form-hint){text-wrap:pretty}
body[data-workspace-shell="true"] :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}
body[data-workspace-shell="true"] .fusion-app{background:var(--ws-panel);border-radius:0;box-shadow:none}
body[data-workspace-shell="true"] .ws-skip-link{position:fixed;left:16px;top:8px;z-index:1000;padding:12px 16px;border-radius:8px;background:var(--ws-accent);color:#fff;transform:translateY(-160%);font:var(--ws-body-6);text-decoration:none}
body[data-workspace-shell="true"] .ws-skip-link:focus{transform:translateY(0)}
/* Sidebar uses the original buttons and their existing active state. */
body[data-workspace-shell="true"] .rail{width:232px;min-height:0;padding:24px 16px 16px;gap:16px;background:var(--ws-panel);border-color:var(--ws-line)}
body[data-workspace-shell="true"] .rail>.brand-icon{align-self:stretch;margin:0;flex-shrink:0}
body[data-workspace-shell="true"] .rail>.ws-brand{display:flex;align-items:center;gap:12px;min-height:48px;width:auto;height:auto;padding:0 8px;background:transparent;color:var(--ws-ink);border-radius:0}
body[data-workspace-shell="true"] .ws-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ws-accent);color:#fff;flex-shrink:0}
body[data-workspace-shell="true"] .ws-brand-mark svg{width:32px;height:32px}
body[data-workspace-shell="true"] .ws-brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
body[data-workspace-shell="true"] .ws-brand-copy strong{font:var(--ws-heading-6);letter-spacing:0;font-weight:600}
body[data-workspace-shell="true"] .ws-brand-copy small{font:var(--ws-caption-5);color:var(--ws-muted);font-weight:400}
body[data-workspace-shell="true"] .rail-main{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ws-line) transparent}
body[data-workspace-shell="true"] .rail .rail-btn,body[data-workspace-shell="true"] .sidebar-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;max-width:none;min-height:40px;gap:12px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ws-muted);font:var(--ws-body-6);font-weight:400}
body[data-workspace-shell="true"] .rail .rail-btn span{font:var(--ws-body-6)}
body[data-workspace-shell="true"] :is(.rail-btn,.sidebar-item):hover{background:var(--ws-soft);color:var(--ws-ink)}
body[data-workspace-shell="true"] :is(.rail-btn,.sidebar-item):is(.active,[aria-current="page"]){background:var(--ws-accent-soft);color:var(--ws-accent);font-weight:600}
body[data-workspace-shell="true"] :is(.rail-btn,.sidebar-item):active{opacity:.8}
body[data-workspace-shell="true"] .rail .rail-btn svg,body[data-workspace-shell="true"] .sidebar-icon svg{width:20px;height:20px;stroke-width:1.5;flex-shrink:0}
body[data-workspace-shell="true"] .sidebar-icon{width:20px;flex:0 0 20px}
body[data-workspace-shell="true"] .sidebar-items{gap:4px}
body[data-workspace-shell="true"] .ws-nav-group,body[data-workspace-shell="true"] .sidebar-label{margin:0;padding:16px 12px 8px;color:var(--ws-muted);font:var(--ws-caption-5);font-weight:500;letter-spacing:0}
body[data-workspace-shell="true"] .rail-main>.ws-nav-group:first-child{padding-top:8px}
body[data-workspace-shell="true"] .rail-bottom{width:100%;gap:4px;padding-top:12px;border-top:1px solid var(--ws-line)}
body[data-workspace-shell="true"] .rail-btn b,body[data-workspace-shell="true"] .unread-badge{font:var(--ws-caption-5);min-width:20px;padding:2px 4px;border-radius:9999px;box-shadow:none}
/* Workspace chrome and conversation list share one type and spacing system. */
body[data-workspace-shell="true"] .workspace-head{min-height:88px;padding:16px 32px;background:var(--ws-panel);border-color:var(--ws-line);gap:16px}
body[data-workspace-shell="true"] .workspace-head h1{font:var(--ws-heading-5);letter-spacing:0;color:var(--ws-ink)}
body[data-workspace-shell="true"] .workspace-head p{margin-top:4px;font:var(--ws-caption-5);color:var(--ws-muted)}
body[data-workspace-shell="true"] .business-view,body[data-workspace-shell="true"] .business-view iframe{background:var(--ws-bg)}
body[data-workspace-shell="true"] :is(.primary,.quiet){padding:8px 12px;border-radius:8px;font:var(--ws-body-6);font-weight:600;min-height:40px;box-shadow:none}
body[data-workspace-shell="true"] .primary{background:var(--ws-accent);color:#fff}
body[data-workspace-shell="true"] .primary:hover{background:var(--ws-accent);opacity:.9;transform:none}
body[data-workspace-shell="true"] .quiet{background:transparent;color:var(--ws-muted)}
body[data-workspace-shell="true"] .quiet:hover{background:var(--ws-soft);color:var(--ws-ink)}
body[data-workspace-shell="true"] :is(input,select,textarea){border-color:var(--ws-line);border-radius:8px;background:var(--ws-panel);color:var(--ws-ink);box-shadow:none}
body[data-workspace-shell="true"] input::placeholder,body[data-workspace-shell="true"] textarea::placeholder{color:var(--ws-muted);opacity:.8}
body[data-workspace-shell="true"] .contacts-pane{width:304px;background:var(--ws-panel);border-color:var(--ws-line)}
body[data-workspace-shell="true"] .contacts-head{padding:24px 24px 16px;gap:12px}
body[data-workspace-shell="true"] .contacts-head h1{font:var(--ws-heading-6);letter-spacing:0;color:var(--ws-ink)}
body[data-workspace-shell="true"] .role-pill,body[data-workspace-shell="true"] .contact-line small{font:var(--ws-caption-5);padding:4px 8px;border-radius:4px;background:var(--ws-accent-soft);color:var(--ws-accent);font-weight:500}
body[data-workspace-shell="true"] .contact-search{margin:0 16px 16px}
body[data-workspace-shell="true"] .contact-search input{min-height:40px;background:var(--ws-soft);font:var(--ws-body-6);padding-left:40px}
body[data-workspace-shell="true"] .contact-search svg{top:12px;left:12px;width:16px;height:16px;stroke-width:1.5}
body[data-workspace-shell="true"] .contact-list{padding:0 12px}
body[data-workspace-shell="true"] .contact-row{min-height:72px;padding:12px;gap:12px;border-radius:8px;margin-bottom:4px;color:var(--ws-ink)}
body[data-workspace-shell="true"] .contact-row.active{background:var(--ws-accent-soft)}
body[data-workspace-shell="true"] .contact-info strong{font:var(--ws-body-6);font-weight:600;max-width:100%}
body[data-workspace-shell="true"] .contact-info p{font:var(--ws-caption-5);color:var(--ws-muted)}
body[data-workspace-shell="true"] .contact-line{gap:8px;margin-bottom:4px}
body[data-workspace-shell="true"] .contact-meta{gap:8px}
body[data-workspace-shell="true"] .contact-meta time{font:var(--ws-caption-5);color:var(--ws-muted)}
body[data-workspace-shell="true"] .avatar{width:40px;height:40px;border-radius:12px;background:#52769d;color:#fff;font:var(--ws-body-3);font-weight:600;box-shadow:none}
body[data-workspace-shell="true"] .avatar.junior{background:#467e83}body[data-workspace-shell="true"] .avatar.customer{background:#a17868}
body[data-workspace-shell="true"] .robot-avatar,body[data-workspace-shell="true"] .group-avatar{background:var(--ws-accent-soft);color:var(--ws-accent)}
body[data-workspace-shell="true"] .robot-pinned,body[data-workspace-shell="true"] .staff-pinned{margin:0 12px 8px;padding-bottom:8px;border-color:var(--ws-line)}
body[data-workspace-shell="true"] .robot-pinned .contact-row,body[data-workspace-shell="true"] .staff-pinned .contact-row{min-height:72px}
body[data-workspace-shell="true"] .self-card{padding:16px 24px;gap:12px;border-color:var(--ws-line)}
body[data-workspace-shell="true"] .self-card strong{font:var(--ws-body-6);font-weight:500;color:var(--ws-ink)}
body[data-workspace-shell="true"] .self-card small{font:var(--ws-caption-5);margin-top:2px}
body[data-workspace-shell="true"] .self-card .avatar{width:32px;height:32px;border-radius:8px}
body[data-workspace-shell="true"] .presence-dot{width:8px;height:8px;box-shadow:none}
/* Message content, avatar controls and read indicators keep their original behavior. */
body[data-workspace-shell="true"] .conversation-pane{background:var(--ws-bg)}
body[data-workspace-shell="true"] .conversation-head{min-height:80px;padding:16px 24px;gap:16px;border-color:var(--ws-line);background:var(--ws-panel)}
body[data-workspace-shell="true"] .contact-avatar-button{border-radius:12px;min-width:40px;min-height:40px}
body[data-workspace-shell="true"] .contact-heading h2{font:var(--ws-body-3);font-weight:600;color:var(--ws-ink)}
body[data-workspace-shell="true"] .contact-heading p,body[data-workspace-shell="true"] .contact-presence{font:var(--ws-caption-5);margin-top:4px;color:var(--ws-muted)}
body[data-workspace-shell="true"] .messages{padding:24px 32px}
body[data-workspace-shell="true"] .message-row{gap:12px;margin:24px 0}
body[data-workspace-shell="true"] .message-row .avatar{width:32px;height:32px;border-radius:8px;font:var(--ws-body-6);margin-top:24px}
body[data-workspace-shell="true"] .message-column{max-width:min(76%,640px)}
body[data-workspace-shell="true"] .message-name{font:var(--ws-caption-5);margin-bottom:8px}
body[data-workspace-shell="true"] .bubble{padding:12px 16px;border:1px solid var(--ws-line);border-radius:0 12px 12px 12px;background:var(--ws-panel);color:var(--ws-ink);font:var(--ws-body-6);box-shadow:none}
body[data-workspace-shell="true"] .self .bubble{background:var(--ws-accent);border-color:var(--ws-accent);color:#fff;border-radius:12px 0 12px 12px}
body[data-workspace-shell="true"] .message-time{font:var(--ws-caption-5);margin-top:4px;gap:8px;color:var(--ws-muted)}
body[data-workspace-shell="true"] .message-read-dot{background:#20865c;box-shadow:0 0 0 2px var(--ws-bg)}
body[data-workspace-shell="true"] .message-select{appearance:none;-webkit-appearance:none;flex:0 0 48px;min-width:48px;width:48px;height:48px;min-height:48px;margin:0;padding:0;border:0;border-radius:8px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='.75' y='.75' width='14.5' height='14.5' rx='3' fill='none' stroke='%238595a8' stroke-width='1.5'/%3E%3C/svg%3E");cursor:pointer}
body[data-workspace-shell="true"] .message-select:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' rx='3' fill='%23315fd5'/%3E%3Cpath d='m4 8 2.5 2.5L12 5' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body[data-workspace-shell="true"] .message-select:hover{background-color:var(--ws-accent-soft)}
body[data-workspace-shell="true"] .message-select:focus-visible{outline:2px solid var(--ws-accent);outline-offset:-4px}
body[data-workspace-shell="true"] .message-select:disabled{opacity:.45;cursor:default}
body[data-workspace-shell="true"] .composer{padding:16px 24px max(16px,env(safe-area-inset-bottom));border-color:var(--ws-line);background:var(--ws-panel)}
body[data-workspace-shell="true"] .composer-tools{gap:4px}
body[data-workspace-shell="true"] .composer-tools .quiet{padding:0;min-width:40px;min-height:40px;font:var(--ws-heading-5);font-weight:400}
body[data-workspace-shell="true"] .composer-tools span{font:var(--ws-caption-5);color:var(--ws-muted)}
body[data-workspace-shell="true"] .compose-row{margin-top:8px;gap:12px;align-items:flex-end}
body[data-workspace-shell="true"] .compose-row textarea{min-height:48px;font:var(--ws-body-3);padding:12px;background:var(--ws-soft);border:1px solid var(--ws-line);border-radius:8px;resize:none}
body[data-workspace-shell="true"] .send-btn{min-width:80px;height:48px;margin:0;padding:8px 12px;align-items:center;justify-content:center;background:var(--ws-accent);color:var(--ws-panel);box-shadow:none}
body[data-workspace-shell="true"] .send-btn:hover{background:var(--ws-accent-hover,var(--ws-accent));color:var(--ws-panel);box-shadow:none}
body[data-workspace-shell="true"] .send-btn span{margin-left:8px}
body[data-workspace-shell="true"] .compose-hint{font:var(--ws-caption-5);margin-top:8px;color:var(--ws-muted)}
body[data-workspace-shell="true"] :is(.selection-bar,.draft-notice){padding:12px 24px;gap:12px;background:var(--ws-accent-soft);font:var(--ws-body-6)}
body[data-workspace-shell="true"] .operator-form{padding:16px 24px;gap:12px}
body[data-workspace-shell="true"] .empty-conversation{padding:32px;gap:8px}
body[data-workspace-shell="true"] .empty-symbol{width:64px;height:64px;margin-bottom:16px;padding:16px;border-radius:16px;background:var(--ws-accent-soft);color:var(--ws-accent)}
body[data-workspace-shell="true"] .ws-empty-mark svg{width:32px;height:32px}
body[data-workspace-shell="true"] .empty-conversation h2{font:var(--ws-heading-6);margin-bottom:0}
body[data-workspace-shell="true"] .empty-conversation p{font:var(--ws-body-6)}
/* Native forms and dialogs inherit the same calm surfaces. */
body[data-workspace-shell="true"] :is(.settings-form,.route-card,.member-card,.account-service-card,.binding-dialog){background:var(--ws-panel);border-color:var(--ws-line);border-radius:var(--ws-radius,12px);box-shadow:none}
body[data-workspace-shell="true"] :is(.settings-form,.route-card,.member-card,.account-service-card){padding:24px}
body[data-workspace-shell="true"] .settings-form{margin:24px}
body[data-workspace-shell="true"] :is(.settings-form h2,.account-service-card h2){font:var(--ws-heading-6);font-weight:600}
body[data-workspace-shell="true"] :is(.settings-form label,.admin-view label,.account-service-form label){font:var(--ws-body-6);font-weight:500}
body[data-workspace-shell="true"] :is(.form-hint,.form-error,.settings-status,.account-service-status,.account-service-quota){font:var(--ws-caption-5)}
body[data-workspace-shell="true"] .binding-dialog::backdrop{background:#20293766;backdrop-filter:none}
body[data-workspace-shell="true"] .binding-dialog h2{font:var(--ws-heading-6);font-weight:600}
body[data-workspace-shell="true"] .member-detail-meta{gap:16px}
body[data-workspace-shell="true"] .member-detail-meta dt,body[data-workspace-shell="true"] .member-detail-meta dd{font:var(--ws-caption-5)}
body[data-workspace-shell="true"] .member-table{font:var(--ws-body-6);font-variant-numeric:tabular-nums}
body[data-workspace-shell="true"] .member-table th,body[data-workspace-shell="true"] .member-table td{padding:12px 16px}
body[data-workspace-shell="true"] .member-table th,body[data-workspace-shell="true"] .member-login-cell{font:var(--ws-caption-5)}
body[data-workspace-shell="true"] .portal-toast{padding:12px 16px;border:1px solid var(--ws-line);border-radius:8px;background:var(--ws-panel);color:var(--ws-ink);font:var(--ws-body-6);box-shadow:0 8px 32px #20293714}
/* Keep the existing login flow, while matching the workspace's brand and type. */
body[data-workspace-shell="true"] #loginView{--oa-ink:var(--ws-ink);--oa-green:var(--ws-accent);--oa-muted:var(--ws-muted);--oa-line:var(--ws-line);font-family:inherit}
body[data-workspace-shell="true"] #loginView h1{font-family:inherit;font-size:36px;line-height:40px;letter-spacing:0}
body[data-workspace-shell="true"] #loginView .oa-access h2{font:var(--ws-heading-5)}
body[data-workspace-shell="true"] #loginView .auth-form input{background:var(--ws-panel);font:var(--ws-body-3);min-height:48px;border-radius:8px}
body[data-workspace-shell="true"] #loginView .primary,body[data-workspace-shell="true"] #loginView .auth-tabs button.active{background:var(--ws-accent);color:#fff;box-shadow:none;transform:none}
body[data-workspace-shell="true"] #loginView .auth-tabs button{font:var(--ws-body-3);min-height:48px;background:var(--ws-panel);color:var(--ws-ink);border-color:var(--ws-line);border-radius:8px}
body[data-workspace-shell="true"] #loginView .oa-route-notice{background:var(--ws-accent-soft);font:var(--ws-body-6);padding:12px 16px;border-radius:8px}
@media(min-width:768px) and (max-width:1023px){
  body[data-workspace-shell="true"] .rail{width:192px;padding:16px 12px}
  body[data-workspace-shell="true"] .rail .rail-btn,body[data-workspace-shell="true"] .sidebar-item{gap:8px;padding:8px}
  body[data-workspace-shell="true"] .contacts-pane{width:224px}
  body[data-workspace-shell="true"] .contacts-head{padding:24px 16px 16px}
  body[data-workspace-shell="true"] .contact-row{gap:8px;padding:12px 8px}
  body[data-workspace-shell="true"] .workspace-head{padding:16px 24px}
  body[data-workspace-shell="true"] .messages{padding:24px}
}
@media(max-width:767px), (max-height:500px) and (max-width:1023px){
  body[data-workspace-shell="true"] .rail{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px 8px max(8px,env(safe-area-inset-bottom));gap:4px;border-right:0;background:var(--ws-panel)}
  body[data-workspace-shell="true"] .fusion-app:not(.staff-layout) .rail{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-workspace-shell="true"] .rail>.ws-brand,body[data-workspace-shell="true"] .rail-main>.ws-nav-group{display:none}
  body[data-workspace-shell="true"] .rail .rail-btn{width:100%;max-width:none;min-width:0;min-height:48px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:8px}
  body[data-workspace-shell="true"] .rail .rail-btn span{font:var(--ws-caption-5)}
  body[data-workspace-shell="true"] .rail .rail-btn svg{width:20px;height:20px}
  body[data-workspace-shell="true"] .rail-bottom{display:contents;padding:0;border:0}
  body[data-workspace-shell="true"] .contacts-pane{width:100%}
  body[data-workspace-shell="true"] .contacts-head{padding:24px 16px 16px}
  body[data-workspace-shell="true"] .contact-row{min-height:80px;padding:16px 12px}
  body[data-workspace-shell="true"] .contact-info strong{font:var(--ws-body-3)}
  body[data-workspace-shell="true"] .self-card{padding:12px 16px}
  body[data-workspace-shell="true"] .workspace-head{min-height:80px;padding:16px;gap:12px}
  body[data-workspace-shell="true"] .workspace-head h1{font:var(--ws-heading-6)}
  body[data-workspace-shell="true"] .workspace-head p{max-width:100%;font:var(--ws-caption-5)}
  body[data-workspace-shell="true"] .workspace-head>.quiet{font:var(--ws-caption-5);min-height:48px}
  body[data-workspace-shell="true"] .conversation-head{min-height:80px;padding:12px 16px;gap:12px}
  body[data-workspace-shell="true"] .conversation-head .avatar{width:40px;height:40px}
  body[data-workspace-shell="true"] :is(.primary,.quiet){min-height:48px}
  body[data-workspace-shell="true"] .contact-avatar-button{min-width:48px;min-height:48px}
  body[data-workspace-shell="true"] .messages{padding:16px}
  body[data-workspace-shell="true"] .message-column{max-width:calc(100% - 48px)}
  body[data-workspace-shell="true"] .message-row{gap:8px;margin:16px 0}
  body[data-workspace-shell="true"] .bubble{font:var(--ws-body-3);padding:12px}
  body[data-workspace-shell="true"] .composer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}
  body[data-workspace-shell="true"] .composer-tools .quiet{min-width:48px;min-height:48px}
  body[data-workspace-shell="true"] .compose-row{gap:8px}
  body[data-workspace-shell="true"] .compose-row textarea{font:var(--ws-body-3);min-height:48px;padding:12px}
  body[data-workspace-shell="true"] .send-btn{min-width:64px;height:48px}
  body[data-workspace-shell="true"] .business-drawer{position:absolute;inset:0 auto 0 0;height:100%;max-height:100%;width:min(88vw,320px);padding-left:16px;padding-right:16px;background:var(--ws-panel);box-shadow:0 16px 48px #20293714}
  body[data-workspace-shell="true"] .business-drawer>header{min-height:80px;padding:16px 0;border-color:var(--ws-line)}
  body[data-workspace-shell="true"] .business-drawer h2{font:var(--ws-heading-6)}
  body[data-workspace-shell="true"] .business-drawer .sidebar-item{min-height:48px;padding:12px;font:var(--ws-body-6)}
  body[data-workspace-shell="true"] .business-drawer .sidebar-items{padding-top:8px}
  body[data-workspace-shell="true"] .sidebar-backdrop{position:absolute;inset:0;height:100%;max-height:100%;background:#20293766;backdrop-filter:none}
  body[data-workspace-shell="true"] :is(.settings-form,.route-card,.member-card,.account-service-card){padding:16px}
  body[data-workspace-shell="true"] .settings-form{margin:16px;width:calc(100% - 32px)}
}
body[data-workspace-shell="true"].keyboard-open .composer{padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:4px}
body[data-workspace-shell="true"].keyboard-open .compose-row{gap:8px;margin:0}
body[data-workspace-shell="true"].keyboard-open .compose-row textarea{min-height:48px;max-height:96px;padding:12px;font:var(--ws-body-3)}
body[data-workspace-shell="true"].keyboard-open .compose-hint{display:none}
body[data-workspace-shell="true"].keyboard-open .composer-tools .quiet{min-height:40px;min-width:40px}
@media(max-height:500px) and (max-width:1023px){body[data-workspace-shell="true"] .rail .rail-btn{min-height:40px}body[data-workspace-shell="true"] .rail .rail-btn span{display:none}body[data-workspace-shell="true"] .workspace-head{min-height:64px;padding:8px 16px}body[data-workspace-shell="true"] .workspace-head p{display:none}body[data-workspace-shell="true"] .conversation-head{min-height:64px;padding:8px 12px}}
[data-theme="dark"] body[data-workspace-shell="true"],body[data-workspace-shell="true"][data-theme="dark"]{color-scheme:dark;background:var(--ws-bg,#181818)}
[data-theme="dark"] body[data-workspace-shell="true"] :is(.primary,.self .bubble,.ws-brand-mark,.ws-skip-link),body[data-workspace-shell="true"][data-theme="dark"] :is(.primary,.self .bubble,.ws-brand-mark,.ws-skip-link){color:#181818}
[data-theme="dark"] body[data-workspace-shell="true"] #loginView :is(.primary,.auth-tabs button.active),body[data-workspace-shell="true"][data-theme="dark"] #loginView :is(.primary,.auth-tabs button.active){color:#181818}
@media(prefers-reduced-motion:reduce){body[data-workspace-shell="true"] .ws-skip-link{transition:none;animation:none}}
/* Production geometry, previously supplied by the isolated preview host. */
body[data-workspace-shell="true"]{padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;overflow:hidden}
body[data-workspace-shell="true"] .fusion-app{width:100%;max-width:none;height:auto;flex:1;min-height:0;max-height:none;margin:0}
body[data-workspace-shell="true"].login-screen{display:block;overflow-y:auto}