.is-hidden{display:none!important} .document-item[hidden]{display:none} .document-item{cursor:pointer}.document-item:focus-visible,.workspace-card:focus-visible,.tab:focus-visible,.segmented button:focus-visible{outline:2px solid #b99aff;outline-offset:2px} .workspace-detail-body ul{margin:9px 0 0;padding:0;list-style:none}.workspace-detail-body li{color:#b6b0c1;font-size:10px;line-height:1.55;padding:5px 0;border-top:1px solid #ffffff10}.workspace-detail-body li::before{content:'↳';color:#a887ff;margin-right:7px} .access-screen{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) minmax(300px,1fr);align-items:center;gap:7vw;padding:7vh max(6vw,24px);overflow:hidden;background:radial-gradient(circle at 16% 15%,#422c7955,transparent 32%),radial-gradient(circle at 82% 70%,#145f7950,transparent 28%),radial-gradient(#ffffff20 1px,transparent 1px) 0 0/24px 24px,#0b0d18}.access-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#07091533)}.access-card{position:relative;z-index:1;padding:42px 44px;border-radius:24px;box-shadow:0 30px 80px #0008}.access-brand{display:flex;align-items:center;gap:12px;margin-bottom:55px}.access-brand strong{display:block;font-size:26px;letter-spacing:-1.5px}.access-brand small{font:600 8px 'Courier New',monospace;color:#aaa4bc;letter-spacing:1px}.access-card h1{font-size:clamp(35px,3.8vw,55px);line-height:1.05;letter-spacing:-3px;margin:14px 0 18px}.access-card h1 em{font-style:normal;color:#a887ff}.access-intro{max-width:430px;color:#a9a5b5;font-size:14px;line-height:1.7}.access-divider{display:flex;align-items:center;gap:13px;color:#827c94;font:600 8px 'Courier New',monospace;letter-spacing:1.25px;margin:30px 0 15px}.access-divider:after{content:'';height:1px;flex:1;background:#ffffff20}.access-status{display:flex;gap:14px;border:1px solid #9c79ff38;border-radius:13px;background:#8d6bff11;padding:15px}.access-lock{font-size:27px;color:#aa87ff}.access-status strong{font-size:12px}.access-status p{font-size:11px;line-height:1.55;color:#aaa5b9;margin:6px 0 0}.primary-action{width:100%;border:1px solid #c2a9ff80;border-radius:11px;color:#170f2a;background:linear-gradient(90deg,#bd9dff,#80cfff);font:700 12px Inter,ui-sans-serif,system-ui,sans-serif;padding:15px 17px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-top:19px;box-shadow:0 8px 24px #765cca33}.primary-action:hover{filter:brightness(1.08)}.access-footnote{font:600 8px 'Courier New',monospace;letter-spacing:1.1px;text-align:center;color:#807b92;margin:17px 0 0}.access-aside{position:relative;z-index:1;justify-self:center;max-width:430px}.access-orbit{width:250px;height:250px;border:1px solid #b899ff38;border-radius:50%;display:grid;place-items:center;margin:0 auto 40px;box-shadow:0 0 75px #8e61eb28,inset 0 0 70px #7453d71c;position:relative}.access-orbit:before,.access-orbit:after{content:'';position:absolute;border:1px solid #9a7fea45;border-radius:50%;inset:34px}.access-orbit:after{inset:74px}.access-orbit b{font-size:42px;color:#ddd1ff;letter-spacing:-3px;text-shadow:0 0 25px #a88aff}.access-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:#80cbff;box-shadow:0 0 17px #80cbff}.access-orbit i:nth-child(1){top:12px;left:115px;background:#a88aff}.access-orbit i:nth-child(2){left:34px;top:110px;background:#ec68b2}.access-orbit i:nth-child(3){right:50px;bottom:40px;background:#5ae6bd}.access-aside>p,.access-aside>span{font:600 9px 'Courier New',monospace;color:#8c7eaa;letter-spacing:1.7px}.access-aside h2{font-size:35px;line-height:1.15;letter-spacing:-1.5px;margin:12px 0 25px}.access-aside>span{color:#8b889c;font-size:8px}.topbar{gap:14px}.tabs{max-width:min(100%,690px);overflow:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding-inline:12px}.demo-status i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.preview-notice{max-width:1070px;min-height:34px;margin:16px auto -5px;padding:7px 12px;border:1px solid #9e83e032;border-radius:10px;background:#30224845;color:#bdb1ce;font-size:10px;display:flex;align-items:center;gap:8px}.preview-notice span{color:#bb98ff;font-size:15px}.preview-notice button{margin-left:auto;white-space:nowrap;border:0;background:transparent;color:#bca1ff;font-size:10px;cursor:pointer}.heading-copy{font-size:12px;line-height:1.5;color:#a49eb2;max-width:570px;margin:8px 0 0}.ion-heading,.workspace-heading{align-items:center}.connection-pill{font:600 9px 'Courier New',monospace;letter-spacing:1px;border:1px solid #a88aff66;border-radius:999px;padding:9px 13px;color:#bea6f1;background:#30234c88;white-space:nowrap}.conversation-layout{max-width:1070px;min-height:600px;margin:20px auto 0;display:grid;grid-template-columns:210px minmax(0,1fr) 185px;gap:12px}.conversation-layout>.panel{min-width:0}.conversation-sidebar{padding:16px;display:flex;flex-direction:column}.sidebar-head{display:flex;justify-content:space-between;align-items:center}.sidebar-head .eyebrow{margin:0}.sidebar-head button{width:24px;height:24px;border:1px solid #ffffff22;border-radius:7px;background:#ffffff0a;color:#d4c3ff;font-size:17px;cursor:pointer}.context-card{text-align:left;display:grid;grid-template-columns:21px 1fr;column-gap:6px;width:100%;padding:10px 8px;margin-top:9px;border:1px solid #ffffff14;background:#211f31b0;color:#eee;border-radius:10px;cursor:pointer}.context-card.selected{border-color:#a986fa88;background:#503b7977}.context-card span{grid-row:span 2;color:#ae8cff;font-size:15px}.context-card strong{font-size:11px}.context-card small{font-size:8px;color:#a6a0b4;margin-top:4px}.conversation-links{margin-top:28px}.conversation-links button{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:0;border-bottom:1px solid #ffffff16;color:#d9d5e2;padding:10px 0;text-align:left;font-size:10px;cursor:pointer}.conversation-links button span{color:#a38bdb}.context-note{margin-top:auto;border-top:1px solid #ffffff17;padding-top:14px}.context-note b,.insight-rule b{color:#a68cf2;font:600 8px 'Courier New',monospace;letter-spacing:1px}.context-note p,.insight-rule p{font-size:9px;line-height:1.55;color:#a9a3b7;margin:7px 0 0}.conversation-main{display:flex;flex-direction:column;overflow:hidden}.conversation-top{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid #ffffff13}.ion-avatar,.message-avatar{display:grid;place-items:center;color:#e9ddff;font-weight:700;background:radial-gradient(circle,#6a54a7,#34264e);border:1px solid #af8bff66;border-radius:50%}.ion-avatar{width:34px;height:34px}.conversation-top strong{display:block;font-size:12px}.conversation-top small{color:#9d96af;font:600 7px 'Courier New',monospace;letter-spacing:1px}.conversation-top>span{margin-left:auto;color:#c2a5ff;font:600 7px 'Courier New',monospace;letter-spacing:1px}.conversation-feed{padding:23px;flex:1;min-height:355px;max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:18px;background:radial-gradient(circle at 90% 100%,#27739716,transparent 40%)}.message{display:flex;gap:10px;max-width:92%}.message-avatar{width:25px;height:25px;flex:0 0 25px;font-size:11px}.message>div:last-child{background:#333044ac;border:1px solid #ffffff12;border-radius:3px 12px 12px 12px;padding:13px 15px}.message small{color:#aa91e5;font:600 8px 'Courier New',monospace;letter-spacing:1px}.message p{font-size:11px;line-height:1.65;color:#e4dfec;margin:8px 0 0}.draft-message{align-self:flex-end}.draft-message>div:last-child{border-radius:12px 3px 12px 12px;background:#184a5a77}.draft-message small{color:#7cd6ef}.conversation-composer{border-top:1px solid #ffffff16;padding:14px 16px}.conversation-composer label{display:block;color:#a58bdb;font:600 8px 'Courier New',monospace;letter-spacing:1px;margin-bottom:9px}.conversation-composer textarea{width:100%;resize:vertical;min-height:75px;border:1px solid #71658978;background:#171624;border-radius:9px;padding:12px;color:#f4efff;font:11px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.conversation-composer textarea:focus{outline:2px solid #9e78e0}.conversation-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.conversation-composer>div span{font-size:9px;color:#9a95a7}.conversation-composer button{border:1px solid #b69af584;border-radius:8px;background:#a884e7;color:#1b122c;font-size:10px;font-weight:700;padding:9px 12px;cursor:pointer;white-space:nowrap}.conversation-insights{padding:18px}.conversation-insights>div:not(.insight-rule){border-bottom:1px solid #ffffff14;padding:11px 0}.conversation-insights>div span{display:block;color:#a48ad4;font:600 8px 'Courier New',monospace;margin-bottom:5px}.conversation-insights>div strong{font-size:12px}.conversation-insights>div p{font-size:9px;line-height:1.5;color:#a49fb0;margin:5px 0 0}.insight-rule{margin-top:22px;padding:12px;border:1px solid #6c52a353;border-radius:9px;background:#50347b33}.workspace-heading .new-doc{margin:0}.workspace-intro{max-width:1070px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 26px}.workspace-intro h2{font-size:20px;letter-spacing:-.6px;margin:8px 0}.workspace-intro p{font-size:11px;line-height:1.6;color:#aaa4b6;max-width:520px;margin:0}.workspace-flow{display:flex;align-items:center;gap:8px;white-space:nowrap}.workspace-flow span{border:1px solid #947ad15a;border-radius:7px;padding:9px;color:#d1b9fb;background:#6d54a522;font:600 8px 'Courier New',monospace}.workspace-flow i{font-style:normal;color:#9a88c2}.workspace-toolbar{max-width:1070px;margin:25px auto 14px;display:flex;justify-content:space-between;align-items:center}.workspace-toolbar>span{font:600 8px 'Courier New',monospace;color:#888296;letter-spacing:1px}.segmented{display:flex;gap:3px;border:1px solid #59516c;border-radius:999px;padding:3px;background:#171725}.segmented button{border:0;border-radius:999px;background:transparent;color:#a9a3b3;padding:8px 13px;font-size:10px;cursor:pointer}.segmented button.selected{background:#f0eaf9;color:#221d2c;font-weight:700}.workspace-grid{max-width:1070px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.workspace-card{padding:18px;min-height:218px;cursor:pointer;text-align:left;color:inherit;display:flex;flex-direction:column}.workspace-card.active{border-color:#aa8cf59a;box-shadow:0 0 0 1px #a68cff44,0 12px 23px #0004}.workspace-card header{display:flex;align-items:center;justify-content:space-between}.workspace-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--workspace-color);border-radius:10px;color:var(--workspace-color);font-size:17px;background:#ffffff08}.workspace-card header span:last-child{font:600 7px 'Courier New',monospace;color:var(--workspace-color);letter-spacing:1px}.workspace-card h3{font-size:20px;letter-spacing:-.5px;margin:18px 0 6px}.workspace-card p{font-size:10px;line-height:1.55;color:#aaa4b6;margin:0}.workspace-card footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff17;padding-top:12px;margin-top:auto;color:#a49eb1;font:600 8px 'Courier New',monospace}.workspace-card footer b{color:#eee}.workspace-detail{max-width:1070px;margin:16px auto 0;padding:22px}.workspace-detail-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.workspace-detail h2{font-size:23px;margin:4px 0 6px}.workspace-detail p{font-size:11px;line-height:1.55;color:#ada7b7;margin:0}.workspace-detail-status{font:600 8px 'Courier New',monospace;color:#83e9c6;border:1px solid #83e9c650;border-radius:999px;padding:7px 10px;white-space:nowrap}.workspace-detail-body{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.workspace-detail-body>div{border:1px solid #ffffff13;border-radius:11px;padding:14px;background:#ffffff05}.workspace-detail-body span{font:600 8px 'Courier New',monospace;color:#8c85a0;letter-spacing:1px}.workspace-detail-body strong{display:block;font-size:14px;margin:10px 0 6px}.workspace-detail-body p{font-size:9px}.workspace-dialog{width:min(440px,calc(100vw - 30px));border:1px solid #9175c7;border-radius:17px;color:#f6f0ff;background:#1b1b2a;box-shadow:0 30px 100px #000a;padding:24px}.workspace-dialog::backdrop{background:#03040ccc;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:start;justify-content:space-between}.dialog-header button{background:transparent;border:0;color:#bca4e3;font-size:24px;cursor:pointer}.workspace-dialog h2{font-size:24px;margin:7px 0 19px}.workspace-dialog label{display:block;color:#aaa3b6;font:600 9px 'Courier New',monospace;letter-spacing:1px;margin:15px 0 7px}.workspace-dialog input,.workspace-dialog select{width:100%;padding:11px;border:1px solid #7a688e;border-radius:9px;background:#121322;color:white;font-size:12px}.workspace-dialog p{font-size:10px;line-height:1.5;color:#a9a2b5}.task-scope-bar{max-width:1070px;margin:0 auto 18px;display:flex;align-items:end;justify-content:space-between;gap:20px}.task-scope-bar .eyebrow{display:block;margin:0 0 7px}.task-scope-bar>p{max-width:410px;color:#ada5b8;font-size:10px;text-align:right;line-height:1.5;margin:0 0 4px}.task-state{display:none}.metric-grid.four .metric strong{font-variant-numeric:tabular-nums}.kanban-column{background:#181827aa;border:1px solid #ffffff16;border-top:2px solid var(--col);border-radius:15px;padding:12px}.task-card button{display:none}.kanban-column .task-card{cursor:default}.task-placeholder{padding:22px;border:1px dashed #a890c657;border-radius:12px;color:#aea3be;font-size:10px;line-height:1.6}.metric span i{width:6px;height:6px}@media(max-width:1150px){.system-state{display:none}.topbar{grid-template-columns:1fr auto}.conversation-layout{grid-template-columns:190px minmax(0,1fr)}.conversation-insights{display:none}.workspace-flow{display:none}.workspace-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.access-screen{grid-template-columns:1fr}.access-card{justify-self:center;width:min(560px,100%)}.access-aside{display:none}.topbar{grid-template-columns:1fr}.tabs{order:2;grid-column:1;max-width:100%}.conversation-layout{grid-template-columns:1fr}.conversation-sidebar{display:block}.context-note{margin-top:15px}.conversation-main{min-height:570px}.workspace-grid{grid-template-columns:repeat(2,1fr)}.workspace-detail-body{grid-template-columns:1fr}}@media(max-width:570px){.access-screen{padding:20px}.access-card{padding:28px 24px}.access-brand{margin-bottom:35px}.access-card h1{letter-spacing:-2px}.preview-notice{align-items:start}.preview-notice button{margin-left:0}.workspace-grid{grid-template-columns:1fr}.workspace-intro{padding:18px}.workspace-toolbar{align-items:start;gap:10px;flex-direction:column}.task-scope-bar{align-items:start;flex-direction:column}.task-scope-bar>p{text-align:left}.ion-heading,.workspace-heading{align-items:start;gap:12px;flex-direction:column}.conversation-feed{min-height:250px}.conversation-composer>div{align-items:start;flex-direction:column}.workspace-heading .new-doc{margin:0}} .shell.ion-focused{background:radial-gradient(ellipse at 15% 10%,#66509e20,transparent 50%),#101119} .shell{max-width:1600px;padding-inline:4%;margin:0 auto;border-radius:0;min-height:100dvh} .topbar{margin:0 -4.35%;padding-inline:4%;height:auto;min-height:84px;grid-template-columns:auto minmax(0,1fr) auto;gap:24px} .tabs{justify-self:center;max-width:100%;border-color:#ffffff14} .tab{font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.5px;padding:12px 14px;min-height:44px} .tab[data-view="ion"].active{background:#d4c5ff;color:#251c39} .brand small b{display:none} .ion-focused .preview-notice{display:none} .preview-notice{font-size:12px;line-height:1.6} .ion-heading{max-width:1200px;padding-top:6px} .ion-heading h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.3px;line-height:1.2} .ion-heading .eyebrow{font-size:10px;color:#c7b6ed} .ion-heading .heading-copy{font-size:14px;max-width:650px;line-height:1.7;color:#b4afc1} .connection-pill{font-size:10px;letter-spacing:.4px} .conversation-layout{max-width:1200px;grid-template-columns:220px minmax(0,1fr);min-height:610px;gap:24px;margin-top:24px} .conversation-sidebar{background:transparent;box-shadow:none;border-color:transparent;padding:16px 0} .context-card{padding:14px 12px;border-radius:12px} .context-card strong{font-size:14px} .context-card small{font-size:11px;line-height:1.5} .sidebar-head .eyebrow{font-size:10px;letter-spacing:.6px} .sidebar-head button{width:44px;height:44px;font-size:23px} .conversation-links{margin-top:24px} .conversation-links button{font-size:13px;min-height:48px;line-height:1.5} .context-note p{font-size:12px;line-height:1.7} .context-note b{font-size:10px} .conversation-main{background:#181923;box-shadow:0 18px 50px #0002;border-color:#ffffff16} .conversation-top{padding:18px 24px} .conversation-top strong{font-size:16px} .conversation-top small,.conversation-top>span{font-size:9px;letter-spacing:.6px} .conversation-feed{padding:28px;min-height:310px;max-height:55vh;background:none} .conversation-empty{margin:auto;text-align:center;max-width:420px;padding:25px 5px;color:#b5afc3} .empty-orbit{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 25px;border-radius:50%;border:1px solid #b79ae85c;box-shadow:0 0 0 10px #9b7cff07,0 0 0 20px #9b7cff04;color:#d4c5ff;font-size:25px} .conversation-empty .eyebrow{font-size:9px;letter-spacing:1.2px;color:#b9a5da;margin-top:34px} .conversation-empty h2{font-size:24px;color:#eee9f6;letter-spacing:-.6px;font-weight:500;margin:10px 0} .conversation-empty p:not(.eyebrow){font-size:14px;line-height:1.7;margin:8px 0 16px} .conversation-empty small{display:block;font-size:11px;line-height:1.6;color:#aca6bc} .message{max-width:92%;overflow-wrap:anywhere} .message p{font-size:15px;line-height:1.8;white-space:pre-wrap} .message small{font-size:10px} .message>div:last-child{padding:16px 18px;background:#242332} .draft-message>div:last-child{background:#233c40} .conversation-composer{padding:18px 24px;background:#1c1c29} .conversation-composer label{font-size:10px;letter-spacing:.5px;color:#c2addf} .conversation-composer textarea{font-size:16px;line-height:1.6;min-height:90px;background:#14151e} .conversation-composer>div span{font-size:11px;line-height:1.6;color:#b5afc3} .conversation-composer button{min-height:44px;font-size:12px;padding:12px 16px;background:#c8b3ef} button:disabled{opacity:.55;cursor:default} button:focus-visible,a:focus-visible{outline:2px solid #bfeedd;outline-offset:4px} @media(max-width:1200px){.topbar{grid-template-columns:auto minmax(0,1fr)}.system-state{display:none}.tab{padding-inline:10px}} @media(max-width:850px){ .topbar{grid-template-columns:1fr;gap:16px;padding-block:18px}.tabs{justify-self:stretch;grid-column:1;order:2} .conversation-layout{grid-template-columns:1fr;gap:12px;min-height:0}.conversation-sidebar{display:flex;padding:0;flex-direction:row;align-items:center;gap:12px} .conversation-sidebar .sidebar-head{flex:1}.conversation-sidebar .context-card,.conversation-sidebar .conversation-links,.conversation-sidebar .context-note{display:none} .conversation-main{min-height:570px}.ion-heading{align-items:start;gap:14px;flex-direction:column}.heading-copy{max-width:100%} } @media(max-width:570px){ .shell{padding-inline:18px;border:0}.topbar{margin-inline:-18px;padding-inline:18px}.tabs{border-radius:12px}.tab{font-size:10px;padding-inline:13px} .ion-heading h1{font-size:29px}.ion-heading .heading-copy{font-size:13px}.connection-pill{font-size:9px} .conversation-layout{margin-top:12px}.conversation-top{padding:15px}.conversation-top>span{font-size:8px} .conversation-feed{padding:18px;min-height:280px;max-height:65vh}.conversation-empty h2{font-size:21px}.conversation-empty .eyebrow{font-size:8px} .conversation-composer{padding:16px}.conversation-composer>div{flex-direction:column;align-items:stretch}.conversation-composer button{align-self:stretch} .conversation-composer label{font-size:9px}.message{max-width:100%}.message p{font-size:15px} } @media(prefers-reduced-motion:reduce){.view{animation:none}html{scroll-behavior:auto}} .system-state[data-connection="ready"] i{background:var(--mint);box-shadow:0 0 8px var(--mint)} .system-state[data-connection="unavailable"] i{background:var(--amber);box-shadow:none} .access-screen{--access-ink:#f3efff;--access-muted:#bcb4cd;position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow:hidden;grid-template-columns:minmax(390px,520px) minmax(360px,1fr);align-items:center;gap:clamp(40px,8vw,150px);padding:clamp(30px,6vw,90px);background:radial-gradient(ellipse at 78% 52%,#44327555,transparent 38%),radial-gradient(ellipse at 93% 90%,#13506a45,transparent 32%),linear-gradient(125deg,#090b15,#11101e 53%,#100b1d)} .access-screen:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.23;pointer-events:none;background-image:radial-gradient(1px 1px at 14% 21%,#d9d2f6 98%,transparent),radial-gradient(1px 1px at 31% 76%,#8ddfff 98%,transparent),radial-gradient(1px 1px at 56% 14%,#fff 98%,transparent),radial-gradient(1px 1px at 89% 34%,#c9b2ff 98%,transparent),radial-gradient(1px 1px at 72% 82%,#fff 98%,transparent),radial-gradient(1px 1px at 42% 43%,#fff 98%,transparent);background-size:360px 260px} .access-card{width:min(100%,520px);justify-self:center;padding:clamp(28px,4vw,46px);border-color:#c3adff28;background:linear-gradient(145deg,#171522f5,#11131ef5 72%);box-shadow:0 30px 100px #03020b80, inset 0 1px #ffffff0b} .access-brand{margin-bottom:clamp(28px,4vh,48px)} .access-card .eyebrow{font-size:10px;letter-spacing:1.1px;color:#b7a1ee} .access-card h1{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-2.2px} .access-card h1 em{background:linear-gradient(95deg,#86dafa,#b796ff 63%,#e5a6f0);background-clip:text;-webkit-background-clip:text;color:transparent} .access-intro{font-size:15px;color:var(--access-muted);line-height:1.75} .access-divider{margin:27px 0 14px;color:#a59ab9;font-size:9px;letter-spacing:1px} .access-divider:after{background:linear-gradient(90deg,#a586ec60,transparent)} .access-status{align-items:flex-start;padding:17px;border-color:#9c86d447;background:linear-gradient(120deg,#7b60a51c,#243a471c);border-radius:13px} .access-lock{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #9f8bdf55;border-radius:11px;color:#c5aaff;font-size:22px;background:#a786ff10} .access-status strong{font-size:13px;color:#eee9f8} .access-status p{font-size:12px;line-height:1.7;color:#b9b1c9} .access-form{display:grid;gap:8px;margin-top:20px} .access-form label{color:#b9a5da;font:600 9px 'Courier New',monospace;letter-spacing:1px;margin-top:3px} .access-form input{width:100%;min-height:46px;border:1px solid #8e7aad73;border-radius:10px;background:#0d0f19;color:#f5f0ff;padding:11px 13px;font:14px Inter,ui-sans-serif,system-ui,sans-serif} .access-form input:focus{outline:2px solid #8eddf9;outline-offset:2px;border-color:#8eddf9} .access-error{margin:4px 0 0;color:#ffb6d8;font-size:12px;line-height:1.5} .access-form .primary-action{margin-top:8px} .access-card .primary-action{min-height:50px;margin-top:20px;border:1px solid #bba1f077;border-radius:11px;background:linear-gradient(100deg,#a688e9,#6ebfe0);color:#171525;font-size:13px;box-shadow:0 8px 28px #7866ba35} .access-card .primary-action span{float:right} .access-footnote{font:600 9px 'Courier New',monospace;letter-spacing:1px;color:#a9a2b7;margin:15px 0 0} .access-meta{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;border-top:1px solid #ffffff12;font:600 8px 'Courier New',monospace;letter-spacing:.7px;color:#8c8799} .access-meta span:first-child{display:flex;align-items:center;gap:8px} .access-meta i{width:7px;height:7px;border-radius:50%;background:#67d6bb;box-shadow:0 0 10px #67d6bb} .access-aside{width:min(100%,560px);justify-self:center;text-align:center} .access-universe{position:relative;width:min(100%,470px);aspect-ratio:1.15;margin:0 auto 20px;overflow:hidden;border:1px solid #b79bff2c;border-radius:48% 52% 50% 50%;background:radial-gradient(ellipse at 50% 58%,#513d7c66,transparent 48%),linear-gradient(145deg,#17152644,#0a101e55);box-shadow:inset 0 0 100px #9265df10,0 0 90px #8665db12} .planet{position:absolute;display:block;border-radius:50%;box-shadow:inset -24px -18px 36px #080b18a8,0 0 40px #56c9f544} .planet-main{width:55%;aspect-ratio:1;left:12%;top:12%;background:radial-gradient(circle at 34% 28%,#a5f0ff 0,#55b8e3 26%,#3c65ad 66%,#323568 100%)} .planet-main:after{content:"";position:absolute;inset:19% 0 0;border-radius:50%;opacity:.23;background:repeating-linear-gradient(165deg,transparent 0 13px,#d6f4ff 14px 15px,transparent 17px 29px)} .planet-moon{width:19%;aspect-ratio:1;right:17%;bottom:17%;background:radial-gradient(circle at 33% 28%,#ead8ff,#a884d3 43%,#4b3a7c 100%);box-shadow:inset -12px -12px 22px #090a19aa,0 0 32px #ba90ff55} .orbit{position:absolute;display:block;width:92%;height:58%;left:4%;top:26%;border:1px solid #a68ad94a;border-radius:50%;transform:rotate(-25deg)} .orbit-two{width:77%;height:87%;left:11%;top:7%;transform:rotate(38deg);border-color:#91d8eb35} .universe-mark{position:absolute;right:22%;top:36%;font-size:clamp(28px,5vw,56px);font-weight:750;letter-spacing:-3px;color:#f0eaff;text-shadow:0 0 32px #b496ff99} .universe-caption{position:absolute;left:15%;bottom:14%;text-align:left;font:600 9px/1.8 'Courier New',monospace;letter-spacing:1.4px;color:#c5badc} .star{position:absolute;width:6px;height:6px;border-radius:50%;background:#c3eaff;box-shadow:0 0 18px 4px #85ceff88} .star-one{top:19%;right:21%}.star-two{top:67%;left:23%;background:#d4a9ff;box-shadow:0 0 18px 4px #b08bff99}.star-three{top:18%;left:71%;width:4px;height:4px} .access-aside>p,.access-aside>span{color:#aa9abb;font-size:9px;letter-spacing:1.2px} .access-aside h2{margin:9px 0 16px;font-size:clamp(28px,3vw,38px);line-height:1.13;letter-spacing:-1.4px;color:#eee9f7} .ion-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px} .access-info-link{border:0;background:transparent;color:#bba3ea;padding:6px 0;font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-color:#bba3ea55;text-underline-offset:4px;cursor:pointer} .access-info-link:hover{color:#d7c5ff} .access-info-link:focus-visible{outline:2px solid #bfeedd;outline-offset:3px;border-radius:4px} @media(max-width:850px){.access-screen{grid-template-columns:minmax(0,540px);justify-content:center;gap:26px;padding:34px 22px}.access-card{justify-self:stretch}.access-aside{display:block;max-width:480px}.access-universe{width:min(74vw,320px)}.access-aside h2{font-size:27px}.ion-heading-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.access-info-link{padding:8px 4px}} @media(max-width:570px){.access-screen{min-height:100dvh;align-content:center;gap:16px;padding:20px 16px;background:radial-gradient(ellipse at 80% 5%,#412c7255,transparent 40%),linear-gradient(145deg,#090b15,#11101e 62%,#100b1d)}.access-card{padding:26px 22px;border-radius:19px}.access-brand{margin-bottom:27px}.access-card h1{font-size:35px;letter-spacing:-1.8px}.access-intro{font-size:14px}.access-divider{margin-top:22px}.access-status{padding:13px}.access-status p{font-size:11px}.access-card .primary-action{min-height:48px}.access-aside{display:none}.access-meta{margin-top:20px}.ion-heading-actions{gap:7px}} @media(prefers-reduced-motion:no-preference){.planet-main{animation:planet-float 9s ease-in-out infinite alternate}.orbit-one{animation:orbit-drift 28s linear infinite}@keyframes planet-float{to{transform:translate3d(0,-7px,0)}}@keyframes orbit-drift{to{transform:rotate(335deg)}}} /* Acessibilidade e novas áreas do perfil */ html{font-size:16px}html[data-font="large"]{font-size:18px}html[data-font="xlarge"]{font-size:20px}.account-actions{display:flex;gap:8px;align-items:center}.account-actions button{min-height:42px;padding:8px 14px;border:1px solid #796b98;border-radius:9px;background:#272238;color:#eee8f7;font:600 14px system-ui;cursor:pointer}.account-dialog{max-height:90vh;overflow:auto}.account-dialog textarea{width:100%;resize:vertical;min-height:180px;padding:12px;border:1px solid #7a688e;border-radius:9px;background:#121322;color:white;font:15px/1.6 system-ui}.setting-note,.setting-check,#solution-status{font:14px/1.6 system-ui;color:#c7c1d2}.setting-check{display:flex;align-items:center;gap:10px;margin:14px 0}.setting-check input{width:19px;height:19px;accent-color:#a98aff}.empty-integrated{padding:26px;color:#e4deed;line-height:1.6}.empty-integrated strong{font-size:19px}.empty-integrated p{font-size:15px;color:#b9b1c9}.document-item[data-personal-doc] h4{font-size:15px}.doc-actions button:disabled{opacity:.35;cursor:not-allowed}#app-shell .heading-copy,#app-shell .task-scope-bar>p,#app-shell .workspace-card p,#app-shell .workspace-detail p{font-size:15px;line-height:1.65}#app-shell .workspace-card h3,#app-shell .workspace-detail h2{font-size:23px}#app-shell .workspace-detail-body li{font-size:14px;line-height:1.6}#app-shell .tab{font-size:13px}#app-shell .preview-notice{font-size:14px}#app-shell .metric small,#app-shell .metric span,#app-shell .eyebrow{font-size:12px;line-height:1.5}#app-shell .account-actions button{font-size:14px}@media(max-width:1150px){.account-actions{justify-content:flex-end}}@media(max-width:570px){.account-actions{justify-content:flex-start}.account-actions button{flex:1}} .topbar>.account-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;position:relative;z-index:20} .account-actions{display:flex;gap:8px;align-items:center}.topbar>.account-actions{grid-column:auto;grid-row:auto;position:static;z-index:auto}.account-actions button{min-height:42px;padding:8px 14px;border:1px solid #796b98;border-radius:9px;background:#272238;color:#eee8f7;font:600 14px system-ui;cursor:pointer}.overview-clean-grid{max-width:1070px;margin:22px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.overview-note{max-width:1070px;margin:16px auto;padding:22px}.overview-note h2{font-size:20px}.overview-note p{font-size:15px;line-height:1.7;color:#b9b1c9}@media(max-width:900px){.overview-clean-grid{grid-template-columns:repeat(2,1fr)}.account-actions{grid-column:1/-1;justify-content:flex-end}}@media(max-width:570px){.overview-clean-grid{grid-template-columns:1fr}.account-actions button{font-size:13px;padding:6px 10px}} .example-docs-label{padding:10px 14px;color:#b9a9d7;font-size:14px;line-height:1.5}.document-item[role="button"]{cursor:pointer}.task-scope-bar button:disabled{opacity:.45;cursor:not-allowed} .document-item>button{display:block;margin-top:8px;padding:7px 10px;border:1px solid #8e7bac;border-radius:7px;background:#302744;color:#e6dafa;font-size:13px;cursor:pointer}.document-item{padding-bottom:12px} /* Acessibilidade: escala de leitura ampliada para a aplicação autenticada. */ html{font-size:20px} html[data-font="normal"]{font-size:20px} html[data-font="large"]{font-size:22px} html[data-font="xlarge"]{font-size:26px} html[data-font="xxlarge"]{font-size:30px} #app-shell p,#app-shell li,#app-shell label,#app-shell input,#app-shell textarea,#app-shell select,#app-shell button,#app-shell .document-preview,#app-shell .task-card,#app-shell .metric,#app-shell .workspace-card{font-size:18px!important;line-height:1.55} #app-shell h1{font-size:clamp(34px,4.4vw,48px)!important;line-height:1.12} #app-shell h2{font-size:26px!important;line-height:1.25} #app-shell h3{font-size:22px!important;line-height:1.3} #app-shell .eyebrow,#app-shell .metric small,#app-shell .metric span,#app-shell .system-state,#app-shell .signal-row,#app-shell .task-state,#app-shell .task-card footer,#app-shell .next-run,#app-shell .document-header b,#app-shell .agent-tag,#app-shell .document-item small,#app-shell .filters button,#app-shell .doc-actions button,#app-shell .connection-pill,#app-shell .job time,#app-shell .workspace-detail-body li{font-size:14px!important;line-height:1.45;letter-spacing:.35px} #app-shell .tab{font-size:15px!important;line-height:1.4;padding:10px 14px} #app-shell .document-item h4{font-size:18px!important;line-height:1.4} #app-shell .markdown{font-size:18px!important;line-height:1.7} #app-shell .preview-notice{font-size:15px!important;line-height:1.5} #app-shell :focus-visible{outline:3px solid #9fdcff;outline-offset:3px} @media(max-width:850px){#app-shell p,#app-shell li,#app-shell label,#app-shell input,#app-shell textarea,#app-shell select,#app-shell button,#app-shell .document-preview,#app-shell .task-card,#app-shell .metric,#app-shell .workspace-card{font-size:17px!important}#app-shell .eyebrow,#app-shell .metric small,#app-shell .metric span,#app-shell .system-state,#app-shell .signal-row,#app-shell .task-state,#app-shell .task-card footer,#app-shell .next-run,#app-shell .document-header b,#app-shell .agent-tag,#app-shell .document-item small,#app-shell .filters button,#app-shell .doc-actions button,#app-shell .connection-pill,#app-shell .job time,#app-shell .workspace-detail-body li{font-size:13px!important}} /* Uniformiza os metadados que ainda usavam valores fixos muito pequenos. */ #app-shell small,#app-shell span,#app-shell b,#app-shell .task-placeholder,#app-shell .context-note b,#app-shell .insight-rule b{font-size:15px!important;line-height:1.45} #app-shell .brand small,#app-shell .brand small b{font-size:14px!important} @media(max-width:850px){#app-shell small,#app-shell span,#app-shell b,#app-shell .task-placeholder,#app-shell .context-note b,#app-shell .insight-rule b{font-size:14px!important}} /* Escala controlada pela preferência selecionada em Configurações. */ html{--hub-body-type:19px;--hub-meta-type:15px;--hub-control-type:19px} html[data-font="normal"]{--hub-body-type:17px;--hub-meta-type:14px;--hub-control-type:17px} html[data-font="large"]{--hub-body-type:19px;--hub-meta-type:15px;--hub-control-type:19px} html[data-font="xlarge"]{--hub-body-type:22px;--hub-meta-type:18px;--hub-control-type:21px} html[data-font="xxlarge"]{--hub-body-type:25px;--hub-meta-type:20px;--hub-control-type:23px} #app-shell p,#app-shell li,#app-shell label,#app-shell input,#app-shell textarea,#app-shell select,#app-shell button,#app-shell .document-preview,#app-shell .task-card,#app-shell .metric,#app-shell .workspace-card{font-size:var(--hub-body-type)!important} #app-shell small,#app-shell span,#app-shell b,#app-shell .eyebrow,#app-shell .metric small,#app-shell .metric span,#app-shell .system-state,#app-shell .signal-row,#app-shell .task-state,#app-shell .task-card footer,#app-shell .next-run,#app-shell .document-header b,#app-shell .agent-tag,#app-shell .document-item small,#app-shell .filters button,#app-shell .doc-actions button,#app-shell .connection-pill,#app-shell .job time,#app-shell .workspace-detail-body li,#app-shell .task-placeholder{font-size:var(--hub-meta-type)!important} #app-shell .tab{font-size:var(--hub-control-type)!important} /* Hub navigation adopts Hermes' collapsible rail while retaining Hub360 styling. */ @media(min-width:851px){ #app-shell.shell{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:start;gap:0 20px;max-width:1600px;padding:0 28px 45px} #app-shell.shell.nav-collapsed{grid-template-columns:82px minmax(0,1fr)} #app-shell>.topbar{grid-column:1;grid-row:1/3;position:sticky;top:0;align-self:start;height:100vh;min-height:100vh;margin:0 -10px 0 -28px;padding:20px 12px;display:flex;flex-direction:column;align-items:stretch;gap:15px;border-right:1px solid rgba(255,255,255,.1);border-bottom:0;background:rgba(10,10,18,.9);z-index:5} #app-shell>.preview-notice{grid-column:2;grid-row:1;margin:16px auto 0;width:min(100%,1070px)} #app-shell>.view{grid-column:2;grid-row:2;width:100%;padding-top:26px} #app-shell .brand{justify-content:flex-start;margin:4px 7px 6px} #app-shell .tabs{display:flex;flex-direction:column;align-items:stretch;gap:5px;max-width:none;width:100%;overflow:visible;margin:0;padding:7px;border:1px solid #343444;border-radius:16px;background:#141421} #app-shell .tab{width:100%;min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:8px 13px;border-radius:11px;font:600 16px/1.35 system-ui,sans-serif!important;letter-spacing:.2px;text-align:left} #app-shell .nav-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:9px;color:#c5a8ff;font-size:20px!important;line-height:1} #app-shell .tab.active .nav-icon{border-color:#665494;color:#24193a;background:#decfff} #app-shell .nav-collapse-toggle{width:100%;min-height:46px;display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:8px 13px;border:1px solid #3d394f;border-radius:11px;background:#201d2c;color:#eee8f7;font:600 16px/1.3 system-ui,sans-serif;cursor:pointer} #app-shell .nav-collapse-icon{width:28px;flex:0 0 28px;text-align:center;font-size:21px} #app-shell .account-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:auto} #app-shell .account-actions button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:44px;font-size:16px!important} #app-shell .account-actions button>span:first-child{width:28px;flex:0 0 28px;text-align:center;font-size:20px!important} #app-shell .system-state{justify-content:flex-start;min-height:40px;padding:8px 11px} #app-shell.nav-collapsed .topbar{padding-inline:9px} #app-shell.nav-collapsed .brand{justify-content:center;margin-inline:0} #app-shell.nav-collapsed .brand>span:last-child,#app-shell.nav-collapsed .nav-label,#app-shell.nav-collapsed .system-state span,#app-shell.nav-collapsed .system-state b{display:none!important} #app-shell.nav-collapsed .tab,#app-shell.nav-collapsed .account-actions button,#app-shell.nav-collapsed .nav-collapse-toggle{justify-content:center;gap:0;padding-inline:8px} #app-shell.nav-collapsed .nav-icon,#app-shell.nav-collapsed .account-actions button>span:first-child,#app-shell.nav-collapsed .nav-collapse-icon{font-size:22px!important} #app-shell.nav-collapsed .system-state{justify-content:center;padding-inline:6px} } @media(max-width:850px){ #app-shell.shell{display:block;padding-bottom:42px} #app-shell>.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;position:relative;height:auto;min-height:0} #app-shell .nav-collapse-toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #3d394f;border-radius:9px;background:#201d2c;color:#eee8f7;font-size:15px;cursor:pointer} #app-shell .tabs{display:flex;order:4;flex:1 1 100%;width:100%;overflow:auto;gap:5px} #app-shell .tab{display:flex;align-items:center;gap:9px;min-height:43px;white-space:nowrap} #app-shell.nav-collapsed .nav-label{display:none!important} #app-shell.nav-collapsed .tab{justify-content:center;min-width:48px;padding-inline:8px} #app-shell .account-actions{display:flex;flex-direction:row;align-items:center;margin-left:auto} #app-shell.nav-collapsed .account-actions .nav-label{display:none!important} #app-shell .system-state{display:none} } @media(min-width:851px){#app-shell.nav-collapsed .nav-collapse-label{display:none!important}} /* Ajustes de QA: tipografia preservada, controles acessíveis e painéis flexíveis. */ #app-shell .preview-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px} #app-shell .preview-notice p{margin:0;font-size:var(--hub-meta-type)!important;line-height:1.5} #app-shell .preview-notice button{white-space:normal;overflow-wrap:anywhere;margin:0;text-align:left} #app-shell .view,#app-shell .panel,#app-shell .section-heading>div{min-width:0} #app-shell .section-heading{gap:16px;flex-wrap:wrap} #app-shell .doc-actions,#app-shell .document-header{flex-wrap:wrap;gap:10px} #app-shell .markdown,#app-shell .document-item,#app-shell .workspace-card{overflow-wrap:anywhere} #app-shell #kanban [data-task-remove]{display:grid;place-items:center;width:44px;height:44px;top:5px;right:5px;border:1px solid var(--line);border-radius:9px;background:#30243e;color:#f4dfff;font-size:24px!important} #app-shell #kanban .task-card p{margin-right:48px;overflow-wrap:anywhere} .workspace-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:22px;overscroll-behavior:contain} .workspace-dialog p,.workspace-dialog label,.workspace-dialog input,.workspace-dialog select,.workspace-dialog textarea,.workspace-dialog button{font:inherit;font-size:var(--hub-body-type);line-height:1.5} .workspace-dialog p.eyebrow{font-size:var(--hub-meta-type);letter-spacing:.35px} .workspace-dialog h2{line-height:1.2;overflow-wrap:anywhere} .workspace-dialog input,.workspace-dialog select,.workspace-dialog textarea{box-sizing:border-box;min-width:0;width:100%;max-width:100%;padding:10px;border:1px solid #7a688e;border-radius:9px;background:#121322;color:#fff} .workspace-dialog textarea{resize:vertical;min-height:130px} .workspace-dialog .setting-check{display:flex;align-items:flex-start;gap:12px} .workspace-dialog .setting-check input{width:24px;height:24px;flex:0 0 24px;margin:5px 0} .workspace-dialog .dialog-header button{min-width:44px;min-height:44px;flex:0 0 44px} .workspace-dialog .dialog-header{gap:10px} .workspace-dialog button:focus-visible,.workspace-dialog input:focus-visible,.workspace-dialog textarea:focus-visible,.workspace-dialog select:focus-visible{outline:3px solid #71c9ff;outline-offset:2px} @media(max-width:850px){ #app-shell>.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-inline:-4%;padding:14px} #app-shell .brand{min-width:0;max-width:100%;gap:8px} #app-shell .brand small{font-size:10px!important;letter-spacing:.4px;white-space:normal} #app-shell .brand-orbit{flex:0 0 30px;width:30px;height:30px} #app-shell .nav-collapse-toggle{min-height:44px;justify-content:center} #app-shell .nav-collapse-label{font-size:16px!important} #app-shell .account-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0;gap:8px} #app-shell .account-actions button{min-width:0;min-height:44px;display:flex;justify-content:center;align-items:center;gap:8px;padding:9px 6px;font-size:16px!important} #app-shell .account-actions .nav-label{display:inline!important;font-size:16px!important} #app-shell .tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(45dvh,360px);width:100%;max-width:100%;margin:0;padding:7px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;border-radius:12px} #app-shell.nav-collapsed .tabs{display:none} #app-shell .tabs .tab,#app-shell .tabs .hermes-menu-item{display:flex;gap:8px;align-items:center;justify-content:flex-start;min-width:0;min-height:48px;padding:10px 7px;border:1px solid transparent;border-radius:9px;text-decoration:none;color:var(--text);white-space:normal;font-size:16px!important} #app-shell .tabs .nav-label{font-size:16px!important;overflow-wrap:anywhere} #app-shell .tabs .nav-icon{flex:0 0 23px;font-size:20px!important} #app-shell .tabs .tab.active,#app-shell .tabs .hermes-menu-item[aria-current="page"]{background:#d8c5ff;color:#21162f} #app-shell .preview-notice{grid-template-columns:auto minmax(0,1fr);padding:12px;margin-top:14px} #app-shell .preview-notice button{grid-column:2;font-size:var(--hub-meta-type)!important;min-height:44px} #app-shell .section-heading h1{font-size:clamp(30px,7.5vw,42px);letter-spacing:-1px;line-height:1.15} #app-shell .view{padding-top:24px} #app-shell .segmented{max-width:100%;flex-wrap:wrap;border-radius:16px} #app-shell .segmented button{white-space:normal;min-height:44px} #app-shell .task-scope-bar>div{max-width:100%} #app-shell .conversation-top{flex-wrap:wrap;gap:10px} #app-shell .conversation-top>span{margin:0;flex-basis:100%;overflow-wrap:anywhere} #app-shell .conversation-feed{padding:16px;min-height:240px;max-height:55dvh} #app-shell .conversation-composer button{max-width:100%;white-space:normal;min-height:44px} #app-shell .document-preview{padding:16px} #app-shell .empty-integrated{padding:18px} } @media(min-width:851px) and (max-width:1150px){#app-shell .preview-notice{grid-template-columns:auto minmax(0,1fr)}#app-shell .preview-notice button{grid-column:2}} /* Correções adicionais comprovadas nos cliques de QA móvel. */ #app-shell .workspace-detail-head{flex-wrap:wrap;min-width:0} #app-shell .workspace-detail-status{white-space:normal;max-width:100%;overflow-wrap:anywhere} @media(max-width:850px){#app-shell.nav-collapsed .account-actions .nav-label{display:inline!important}} .workspace-dialog .archive-cancel{display:block;width:100%;min-height:44px;margin-top:12px;border:1px solid #7a688e;border-radius:9px;background:transparent;color:#eee;padding:10px;cursor:pointer} @media(max-width:360px){#app-shell .account-actions .nav-label,#app-shell.nav-collapsed .account-actions .nav-label{font-size:14px!important}#app-shell .account-actions button{gap:4px;padding-inline:4px}} /* Um unico estado vazio na Agenda e rodape sem quebra indevida. */ #schedule #schedule-groups,#schedule .timeline{display:none} #app-shell .system-state span,#app-shell .system-state b{font-size:14px!important;white-space:nowrap} /* Preferências reunidas na tela Configuração do menu principal. */ #app-shell .hermes-demo-banner[hidden]{display:none!important} #app-shell .preferences-panel{padding:24px;min-width:0} #app-shell .preferences-panel h2{margin:0 0 12px;line-height:1.25} #app-shell .preferences-panel form{max-width:760px} #app-shell .preferences-panel label{display:block;margin:18px 0 8px} #app-shell .preferences-panel select{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #7a688e;border-radius:10px;padding:10px;background:#121322;color:#fff} #app-shell .preferences-panel .setting-check{display:flex;align-items:flex-start;gap:12px;line-height:1.5} #app-shell .preferences-panel .setting-check input{width:24px;height:24px;flex:0 0 24px;margin:5px 0} #app-shell .preferences-panel .primary-action{width:auto;min-width:220px;max-width:100%;min-height:48px;white-space:normal} #app-shell .preferences-feedback{color:var(--mint);min-height:1.5em} #app-shell .hermes-config-demo{display:grid;gap:14px} @media(min-width:851px){#app-shell .topbar .system-state{margin-top:auto}#app-shell .topbar .tabs{max-height:calc(100dvh - 205px)}} @media(max-width:850px){#app-shell .preferences-panel{padding:18px}#app-shell .preferences-panel .primary-action{width:100%;min-width:0}} /* Seletor de perfil visual abaixo da marca, inspirado no painel Hermes. */ #app-shell .profile-selector{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:5px 9px;margin:0 7px 4px;padding:9px 10px;border:1px solid #77708b88;border-radius:10px;background:#171624;min-width:0} #app-shell .profile-selector-icon{grid-row:1/3;color:#b8a1e9;font-size:20px!important;text-align:center} #app-shell .profile-selector-label{margin:0!important;color:#c9bfdb;font-size:13px!important;line-height:1.2} #app-shell .profile-selector select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid #696278;border-radius:7px;padding:7px 9px;background:#211f30;color:#f3eefc;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer} #app-shell .profile-selector select:focus-visible{outline:3px solid #9fdcff;outline-offset:2px} #app-shell .profile-selector small{grid-column:1/-1;color:#aaa2b7;font-size:11px!important;line-height:1.35} @media(min-width:851px){#app-shell.nav-collapsed .profile-selector{display:none}} @media(max-width:850px){#app-shell .profile-selector{order:3;flex:1 1 100%;grid-template-columns:25px minmax(0,1fr);margin:0;padding:9px 12px}#app-shell .profile-selector select{min-height:44px}#app-shell.nav-collapsed .profile-selector{display:none}} /* UI remediation layer, appended to an existing served asset. */ /* Hub360 personal-first UI: compact status, readable labels, responsive library. */ #app-shell .preview-notice[hidden], #app-shell>.preview-notice.hub-status-merged{display:none!important} .hub-sync-panel{box-sizing:border-box;max-width:1070px;margin:8px auto 18px!important;padding:10px 14px!important;gap:8px 10px!important;align-items:center!important;border-color:#655b7b!important;background:#191724!important;color:#e5e0ec!important;font:14px/1.45 system-ui,sans-serif!important} .hub-sync-panel [role="status"],.hub-sync-panel [role="alert"]{flex:1 1 260px;min-width:0;color:#ddd6e8} .hub-sync-panel[data-state="error"]{border-color:#b96b74!important;background:#291b25!important} .hub-sync-panel button,.hub-sync-panel [data-show-access]{box-sizing:border-box;min-height:44px!important;padding:9px 13px!important;border-radius:9px!important;font:600 14px/1.35 system-ui,sans-serif!important} .hub-sync-panel [data-show-access]{background:#282337!important;color:#eee8f7!important;border:1px solid #74668f!important;cursor:pointer} #app-shell .technical-nav{min-width:0;flex:0 0 auto} #app-shell .technical-nav>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 11px;border:1px solid #5c526f;border-radius:10px;background:#211e2b;color:#ddd6e9;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer;list-style:none} #app-shell .technical-nav>summary::-webkit-details-marker{display:none} #app-shell .technical-nav>summary::before{content:"⋯";font-size:20px;color:#c3a8ff} #app-shell .technical-nav[open]>.hermes-menu-group{display:block;position:absolute;z-index:20;max-height:min(65dvh,560px);overflow:auto;padding:8px;border:1px solid #514764;border-radius:12px;background:#171521;box-shadow:0 16px 40px #0008} #app-shell .technical-nav[open] .hermes-menu-items{display:grid;gap:3px} #app-shell .technical-nav .hermes-menu-item{min-height:42px;border-radius:8px} #app-shell .technical-nav .hermes-menu-item[aria-current="page"]{background:#493768;color:#fff} #app-shell.nav-collapsed .technical-nav>summary{justify-content:center;width:42px;padding-inline:0;font-size:0} #app-shell.nav-collapsed .technical-nav>summary::before{font-size:22px} #app-shell .technical-nav>summary:focus-visible{outline:3px solid #9fdcff;outline-offset:2px} #overview .overview-clean-grid{gap:14px} #overview .metric{position:relative;display:flex;flex-direction:column;gap:8px;min-height:158px;padding:20px} #overview .metric small,#library .metric small{font:600 13px/1.4 system-ui,sans-serif!important;letter-spacing:.02em!important;color:#c8c1d5!important} #overview .metric span,#library .metric span{font:13px/1.45 system-ui,sans-serif!important;letter-spacing:0!important;color:#b8b1c4!important} #overview .metric strong{line-height:1.2} #overview .metric-action{align-self:flex-start;margin-top:auto;padding:6px 0 0;color:#c9b6f5;font:600 14px/1.4 system-ui,sans-serif;text-decoration:none} #overview .metric-action:hover{text-decoration:underline} #overview .metric-action:focus-visible{outline:3px solid #9fdcff;outline-offset:3px;border-radius:3px} #overview .overview-note{margin-top:18px} #library>.metric-grid{display:none!important} #library .section-heading{align-items:center} #library .library-layout{grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:16px;align-items:start} #library .library-list{min-width:0;padding:16px} #library .filters{gap:7px} #library .filters button,#library .doc-actions button,#library .doc-actions a{box-sizing:border-box;min-height:44px!important;padding:9px 13px!important;font:600 14px/1.35 system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important} #library .filters button{text-transform:lowercase!important} #library .filters button::first-letter{text-transform:uppercase} #library .filters button{border-radius:9px} #library .example-docs-label,#library .document-preview>.markdown{font-family:system-ui,sans-serif} #library .document-item{padding:12px;border-radius:10px} #library .document-item h4{font:600 16px/1.4 system-ui,sans-serif!important} #library .document-item small{font:13px/1.4 system-ui,sans-serif!important;letter-spacing:0!important} #library .document-preview{min-width:0;padding:24px} #library .document-header{align-items:center} #library .document-header b,#library .agent-tag{font:600 13px/1.4 system-ui,sans-serif!important;letter-spacing:.03em!important} #library .document-preview>h3{font-size:clamp(20px,2.3vw,28px)!important;line-height:1.3;overflow-wrap:anywhere} #library .doc-actions{display:flex;flex-wrap:wrap;gap:8px} #library .doc-actions button,#library .doc-actions a{border-radius:9px!important;text-decoration:none} #library .markdown{max-width:72ch;font-size:17px!important;line-height:1.75!important;color:#e6e1ed} #library .markdown h2{margin-top:1.5em;font:650 20px/1.35 system-ui,sans-serif!important;letter-spacing:0!important} #library .library-empty{margin:12px 0;padding:14px;border:1px dashed #716486;border-radius:10px;color:#c9c1d4;font:15px/1.5 system-ui,sans-serif} #library .download-feedback{min-height:1.5em;margin:8px 0;color:#c8bedb;font:14px/1.5 system-ui,sans-serif} #library .download-feedback[data-state="error"]{color:#ffc2c2} #app-shell :focus-visible{outline:3px solid #9fdcff;outline-offset:3px} #app-shell button,#app-shell a[role="button"]{touch-action:manipulation} @media(max-width:900px){ #library .library-layout{grid-template-columns:minmax(0,1fr)} #library .document-preview{padding:18px} #overview .metric{min-height:145px;padding:17px} } @media(max-width:850px){ .hub-sync-panel{margin:8px 0 16px!important;padding:10px!important} .hub-sync-panel [role="status"],.hub-sync-panel [role="alert"]{flex-basis:100%} #app-shell .technical-nav{grid-column:1/-1;width:100%} #app-shell .technical-nav>summary{min-height:48px} #app-shell .technical-nav[open]>.hermes-menu-group{position:static;max-height:min(55dvh,440px);margin-top:6px} #app-shell .technical-nav[open] .hermes-menu-items{grid-template-columns:repeat(2,minmax(0,1fr))} #app-shell.nav-collapsed .technical-nav{display:none} #library .library-layout{gap:12px} #library .filters button,#library .doc-actions button,#library .doc-actions a{min-height:48px!important} #library .markdown{font-size:17px!important} } @media(max-width:520px){ #overview .overview-clean-grid{grid-template-columns:1fr} #overview .metric{min-height:0} #app-shell .technical-nav[open] .hermes-menu-items{grid-template-columns:1fr} #library .section-heading{align-items:stretch} #library .section-heading>.new-doc{width:100%;min-height:48px} #library .doc-actions button,#library .doc-actions a{flex:1 1 auto} } @media(prefers-reduced-motion:reduce){#app-shell *,#app-shell *::before,#app-shell *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* Pilares pessoais: área visual delimitada para não alterar as demais telas. */ .pillars-view{--p-ink:#172237;--p-muted:#53627a;--p-border:#dfe5e8;--p-violet:#6b59d6;--p-mint:#d8f4ec;color:var(--p-ink);background:#f7f8f5;border:1px solid #e9ece8;border-radius:22px;padding:clamp(20px,3vw,40px);min-height:calc(100vh - 80px)} .pillars-view.active{display:flex;flex-direction:column} .pillars-view>.pillars-heading{order:0} .pillars-view>[aria-label="Sincronização pessoal"]{order:1;margin:0 0 20px!important;padding:8px 12px!important;min-height:48px;border-radius:10px!important;font:500 14px/1.4 system-ui!important} .pillars-view>[aria-label="Sincronização pessoal"] button{font:600 14px/1.2 system-ui!important;min-height:40px!important;padding:7px 10px!important} .pillars-view>.pillars-content{order:2} .pillars-view *{box-sizing:border-box} .pillars-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:28px} .pillars-eyebrow{margin:0 0 10px;color:#6654bd;font:700 .74rem/1.4 system-ui;letter-spacing:.13em} .pillars-heading h1{font:750 clamp(2rem,3vw,2.9rem)/1.08 system-ui;margin:0 0 10px;letter-spacing:-.04em;color:var(--p-ink)} .pillars-heading p:not(.pillars-eyebrow){color:var(--p-muted);font:400 1rem/1.55 system-ui;max-width:650px;margin:0} .pillars-kind{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #b6ded2;border-radius:100px;background:#e9f8f3;color:#1f6254;padding:8px 14px;font:650 .84rem/1.3 system-ui} .pillars-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:20px;align-items:start} .pillars-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pillar-card{display:flex;flex-direction:column;text-align:left;min-height:190px;padding:20px;border:1px solid var(--p-border);border-radius:17px;background:#fff;color:var(--p-ink);cursor:pointer;box-shadow:0 5px 16px rgba(20,33,53,.025);font-family:system-ui;transition:border-color .16s,box-shadow .16s,transform .16s} .pillar-card:hover{border-color:#ac9fe8;box-shadow:0 9px 22px rgba(42,37,96,.08);transform:translateY(-2px)} .pillar-card[aria-pressed="true"]{border-color:#7663db;box-shadow:0 0 0 2px rgba(118,99,219,.14)} .pillar-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px} .pillar-monogram{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--pillar-wash);color:var(--pillar-color);font:800 1.05rem/1 system-ui} .pillar-card-arrow{color:#7261cf;font:700 1.25rem/1 system-ui} .pillar-card strong{font:720 1rem/1.32 system-ui;margin-bottom:7px} .pillar-card small{color:var(--p-muted);font:400 .85rem/1.45 system-ui} .pillar-card-foot{margin-top:auto;padding-top:17px;color:#6251be;font:680 .79rem/1.2 system-ui} .pillar-detail{background:#fff;border:1px solid var(--p-border);border-radius:18px;padding:24px;box-shadow:0 5px 16px rgba(20,33,53,.025)} .pillar-detail-top{padding-bottom:20px;border-bottom:1px solid var(--p-border)} .pillar-detail h2{font:750 1.55rem/1.2 system-ui;letter-spacing:-.025em;margin:0 0 10px;color:var(--p-ink)} .pillar-detail-top>p:last-child{font:400 .92rem/1.55 system-ui;color:var(--p-muted);margin:0} #pillar-form{display:grid;gap:9px;padding:20px 0} #pillar-form label{font:690 .9rem/1.3 system-ui;color:var(--p-ink);margin-top:4px} #pillar-form textarea{display:block;width:100%;min-height:72px;resize:vertical;border:1px solid #cbd4dc;border-radius:11px;padding:12px 13px;background:#fff;color:var(--p-ink);font:400 .9rem/1.5 system-ui} #pillar-form textarea::placeholder{color:#758197} .pillar-form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:5px} .pillar-form-actions button{border-radius:10px;min-height:44px;padding:9px 14px;font:700 .86rem/1.25 system-ui;cursor:pointer} .pillar-save{background:#6754d4;border:1px solid #6754d4;color:#fff} .pillar-save:hover{background:#5542c2} .pillar-task{background:#fff;border:1px solid #b8b0e7;color:#4f3daf} .pillar-task:hover:not(:disabled){background:#f2f0ff} .pillar-task:disabled{opacity:.5;cursor:not-allowed} .pillar-feedback{min-height:1.35em;margin:0;color:#286457;font:500 .82rem/1.4 system-ui} .pillar-task-list{border-top:1px solid var(--p-border);padding-top:17px} .pillar-task-list h3{font:700 .96rem/1.3 system-ui;margin:0 0 10px;color:var(--p-ink)} .pillar-task-list p{font:400 .84rem/1.45 system-ui;color:var(--p-muted);margin:0} .pillar-task-list ul{list-style:none;margin:0;padding:0;display:grid;gap:7px} .pillar-task-list li{padding:9px 11px;border-radius:9px;background:#f5f6fa;color:var(--p-ink);font:500 .83rem/1.4 system-ui} .pillar-task-list li span{display:block;color:var(--p-muted);font-size:.74rem;margin-top:3px} .pillar-privacy{border-top:1px solid var(--p-border);padding-top:15px;margin:18px 0 0;color:var(--p-muted);font:400 .78rem/1.45 system-ui} .pillars-view :is(button,textarea):focus-visible{outline:3px solid #5e4bce;outline-offset:3px} @media(max-width:1120px){.pillars-content{grid-template-columns:1fr}.pillar-detail{max-width:none}} @media(max-width:650px){.pillars-view{padding:20px 16px;border-radius:0}.pillars-heading{display:block}.pillars-kind{margin-top:16px}.pillars-grid{grid-template-columns:1fr}.pillar-card{min-height:145px}.pillar-detail{padding:19px}} @media(prefers-reduced-motion:reduce){.pillar-card{transition:none}.pillar-card:hover{transform:none}} /* Ajuste de leitura disponível diretamente no menu, além de Configurações. */ #app-shell .font-controls{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid #514764;border-radius:11px;background:#201d2c;color:#eee8f7} #app-shell .font-controls-title{flex:0 0 auto;color:#cfc5e5;font:600 14px/1.3 system-ui!important} #app-shell .font-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:1px solid #766397;border-radius:8px;background:#30283f;color:#f5efff;font:700 16px/1 system-ui!important;cursor:pointer} #app-shell .font-controls button:hover:not(:disabled){background:#4c3b69} #app-shell .font-controls button:disabled{opacity:.45;cursor:default} #app-shell .font-controls output{min-width:0;flex:1;text-align:center;color:#eee8f7;font:600 14px/1.3 system-ui;overflow-wrap:anywhere} @media(min-width:851px){#app-shell.nav-collapsed .font-controls{flex-direction:column;padding:5px}#app-shell.nav-collapsed .font-controls-title,#app-shell.nav-collapsed .font-controls output{display:none}} @media(max-width:850px){#app-shell .font-controls{order:3;flex:1 1 100%;justify-content:center}#app-shell .font-controls output{flex:0 1 160px}} /* Componentes legados com tamanho fixo também acompanham a escala escolhida. */ #app-shell .font-controls-title,#app-shell .font-controls output{font-size:var(--hub-meta-type)!important} #app-shell #overview .metric :is(small,span),#app-shell #library .metric :is(small,span),#app-shell #library .document-item small,#app-shell #library .document-header b,#app-shell #library .agent-tag,#app-shell #library .download-feedback{font-size:var(--hub-meta-type)!important} #app-shell #library .filters button,#app-shell #library .doc-actions :is(button,a){font-size:var(--hub-control-type)!important} #app-shell #library .document-item h4,#app-shell #library .markdown,#app-shell #library .library-empty{font-size:var(--hub-body-type)!important} /* Functional translation of the seven Hub360 concept screens. */ #app-shell.concept-ui{--concept-navy:#172341;--concept-ink:#1f2941;--concept-muted:#68758a;--concept-line:#e4e9f0;--concept-violet:#7253c9;--concept-mint:#c9f1df;--concept-bg:#f7f9fc;grid-template-columns:240px minmax(0,1fr)!important;background:var(--concept-bg)!important;color:var(--concept-ink)!important} #app-shell.concept-ui.nav-collapsed{grid-template-columns:82px minmax(0,1fr)!important} #app-shell.concept-ui .topbar{background:var(--concept-navy)!important;border:0!important;box-shadow:none!important;color:#fff!important} #app-shell.concept-ui .topbar .brand{margin-bottom:18px} #app-shell.concept-ui .topbar .brand strong{color:#fff!important;font-size:24px!important;letter-spacing:-.04em} #app-shell.concept-ui .topbar .brand small{color:#aeb8d1!important} #app-shell.concept-ui .topbar .tab,#app-shell.concept-ui .topbar .hermes-menu-item{border:0!important;background:transparent!important;color:#b8c4d9!important;border-radius:12px!important;min-height:46px!important;font-size:var(--hub-control-type,16px)!important;font-weight:600!important} #app-shell.concept-ui .topbar .tab:hover,#app-shell.concept-ui .topbar .hermes-menu-item:hover{background:#263659!important;color:#fff!important} #app-shell.concept-ui .topbar .tab.active{background:#35466d!important;color:#fff!important;box-shadow:inset 3px 0 0 #b99cff!important} #app-shell.concept-ui .topbar .nav-icon{color:#d0bdfa!important} #app-shell.concept-ui .topbar .font-controls{background:#243453!important;border-color:#405174!important} #app-shell.concept-ui .topbar .font-controls button{color:#fff!important} #app-shell.concept-ui .topbar .profile-selector{background:#263657!important;border-color:#3f5073!important} #app-shell.concept-ui .topbar .nav-collapse-toggle{color:#dce4f3!important} #app-shell.concept-ui .preview-notice{background:#ecf7f2!important;border-color:#d5eddf!important;color:#32614a!important} #app-shell.concept-ui .view{background:var(--concept-bg)!important;color:var(--concept-ink)!important;min-width:0} #app-shell.concept-ui .view.active{padding:34px clamp(20px,4vw,56px) 55px!important} #app-shell.concept-ui h1,#app-shell.concept-ui h2,#app-shell.concept-ui h3{color:var(--concept-ink)!important;letter-spacing:-.035em} #app-shell.concept-ui h1{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.12!important} #app-shell.concept-ui h2{font-size:clamp(21px,2vw,27px)!important} #app-shell.concept-ui p,#app-shell.concept-ui .heading-copy{color:var(--concept-muted)!important;line-height:1.55!important} #app-shell.concept-ui .eyebrow,#app-shell.concept-ui .concept-kicker{color:var(--concept-violet)!important;font-size:var(--hub-meta-type,13px)!important;font-weight:800!important;letter-spacing:.12em!important} #app-shell.concept-ui .section-heading{margin-bottom:26px!important} #app-shell.concept-ui .section-heading h1{margin:5px 0 8px!important} #app-shell.concept-ui .panel,#app-shell.concept-ui .metric,#app-shell.concept-ui .task-card,#app-shell.concept-ui .workspace-card,#app-shell.concept-ui .document-item{background:#fff!important;border:1px solid var(--concept-line)!important;box-shadow:0 7px 24px rgba(24,35,66,.045)!important;color:var(--concept-ink)!important} #app-shell.concept-ui button,#app-shell.concept-ui input,#app-shell.concept-ui select,#app-shell.concept-ui textarea{font-size:var(--hub-control-type,16px)} #app-shell.concept-ui input,#app-shell.concept-ui select,#app-shell.concept-ui textarea{background:#fff!important;color:var(--concept-ink)!important;border:1px solid #ccd5e2!important;border-radius:10px!important;min-height:44px} #app-shell.concept-ui textarea{min-height:90px} #app-shell.concept-ui :is(button,a,input,select,textarea):focus-visible{outline:3px solid #9d85e5!important;outline-offset:2px!important} #app-shell.concept-ui .concept-primary,#app-shell.concept-ui .new-doc,#app-shell.concept-ui .add-task,#app-shell.concept-ui .primary-action{background:var(--concept-violet)!important;border:1px solid var(--concept-violet)!important;color:#fff!important;border-radius:11px!important;min-height:45px!important;padding:10px 18px!important;box-shadow:none!important;font-weight:700!important} #app-shell.concept-ui .concept-primary:hover,#app-shell.concept-ui .new-doc:hover,#app-shell.concept-ui .add-task:hover{background:#5e3dbb!important} #app-shell.concept-ui .concept-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px} #app-shell.concept-ui .concept-heading h1{margin:6px 0 8px} #app-shell.concept-ui .concept-heading p{margin:0} #app-shell.concept-ui .concept-date{color:var(--concept-muted);font-weight:650;white-space:nowrap;text-transform:capitalize} #app-shell.concept-ui .concept-home-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:20px} #app-shell.concept-ui .concept-hero{position:relative;overflow:hidden;min-height:260px;background:#eae5fb;border:1px solid #e2d8f9;border-radius:20px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center} #app-shell.concept-ui .concept-hero h2{max-width:500px;margin:10px 0;font-size:clamp(26px,2.5vw,36px)!important} #app-shell.concept-ui .concept-hero p{max-width:440px;margin:0 0 22px!important} #app-shell.concept-ui .concept-orb{position:absolute;right:-25px;bottom:-85px;width:225px;height:225px;border-radius:50%;background:#c7b5f3;color:#fff;font-size:100px;display:grid;place-items:center;opacity:.55;pointer-events:none} #app-shell.concept-ui .concept-card{background:#fff;border:1px solid var(--concept-line);border-radius:20px;padding:26px;box-shadow:0 7px 24px rgba(24,35,66,.045)} #app-shell.concept-ui .concept-card-head,.concept-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #app-shell.concept-ui .concept-card-head h2,.concept-section-head h2{margin:0} #app-shell.concept-ui .concept-card-head button,#app-shell.concept-ui .concept-section-head button{background:none;border:0;color:var(--concept-violet);font-weight:700;cursor:pointer} #app-shell.concept-ui .concept-section-head{margin:32px 0 15px} #app-shell.concept-ui .concept-section-head span{color:var(--concept-muted)} #app-shell.concept-ui .concept-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #app-shell.concept-ui .concept-stat{border:1px solid var(--concept-line);background:#fff;border-radius:17px;padding:20px;display:flex;align-items:flex-start;flex-direction:column;gap:9px;text-align:left;color:var(--concept-ink);cursor:pointer;min-height:145px} #app-shell.concept-ui .concept-stat strong{font-size:32px;line-height:1;color:var(--concept-ink)} #app-shell.concept-ui .concept-stat-icon{width:36px;height:36px;background:#e9e4fb;color:var(--concept-violet);border-radius:11px;display:grid;place-items:center;font-weight:800} #app-shell.concept-ui .concept-empty{padding:18px;color:var(--concept-muted);background:#fff;border:1px dashed #d3dce8;border-radius:12px} #app-shell.concept-ui .concept-event-row,#app-shell.concept-ui .concept-quick-task,#app-shell.concept-ui .concept-schedule-item{display:flex;align-items:center;gap:15px;width:100%;padding:14px 16px;background:#fff;border:1px solid var(--concept-line);border-radius:12px;color:var(--concept-ink);text-align:left} #app-shell.concept-ui .concept-event-row{margin-top:12px} #app-shell.concept-ui .concept-event-row b,#app-shell.concept-ui .concept-schedule-item b{color:var(--concept-violet)} #app-shell.concept-ui .concept-quick-list{display:grid;gap:10px} #app-shell.concept-ui .concept-quick-task{cursor:pointer} #app-shell.concept-ui .concept-agent-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:20px} #app-shell.concept-ui .concept-agent-card{display:flex;gap:24px;align-items:center;background:#eae5fb;border:1px solid #dcd1f5;border-radius:20px;padding:30px;min-height:260px} #app-shell.concept-ui .concept-agent-avatar{width:112px;height:112px;flex:none;border-radius:30px;background:#7356c9;color:#fff;display:grid;place-items:center;font-size:62px} #app-shell.concept-ui .concept-agent-card h2{font-size:38px!important;margin:8px 0} #app-shell.concept-ui .concept-agent-more a{color:var(--concept-violet);font-weight:700} #app-shell.concept-ui .concept-calendar-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--concept-line);border-radius:16px;padding:12px 18px;margin-bottom:14px} #app-shell.concept-ui .concept-calendar-bar h2{flex:1;margin:0;font-size:21px!important} #app-shell.concept-ui .concept-calendar-bar button{border:1px solid var(--concept-line);background:#fff;color:var(--concept-ink);border-radius:9px;min-height:38px;min-width:38px;cursor:pointer} #app-shell.concept-ui .concept-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px} #app-shell.concept-ui .concept-day{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:112px;background:#fff;border:1px solid var(--concept-line);border-radius:12px;padding:12px;color:var(--concept-ink);cursor:pointer} #app-shell.concept-ui .concept-day strong{font-size:23px} #app-shell.concept-ui .concept-day small{color:var(--concept-muted)} #app-shell.concept-ui .concept-day.selected{border:2px solid var(--concept-violet);background:#f5f1ff} #app-shell.concept-ui .concept-day.is-today span{color:var(--concept-violet);font-weight:800} #app-shell.concept-ui .concept-schedule-item{cursor:pointer} #app-shell.concept-ui .concept-schedule-item span{display:flex;flex-direction:column;gap:3px} #app-shell.concept-ui .concept-schedule-item small{color:var(--concept-muted)} #app-shell.concept-ui .concept-footnote{margin-top:18px;font-size:var(--hub-meta-type,13px)} #app-shell.concept-ui .concept-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} #app-shell.concept-ui .concept-form-row>div{display:flex;flex-direction:column} #app-shell.concept-ui .concept-form-actions{display:flex;gap:10px;align-items:center;margin-top:15px} #app-shell.concept-ui .concept-form-actions button:not(.concept-primary){background:#fff;border:1px solid #d8c8ca;color:#9a3440;border-radius:10px;padding:10px 16px} #app-shell.concept-ui #document-search{width:100%;margin:12px 0 16px;padding:10px 14px} #app-shell.concept-ui #library .library-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr)!important} #app-shell.concept-ui #library .document-preview,#app-shell.concept-ui #library .library-list{border-radius:17px!important} #app-shell.concept-ui #library .document-item{border-radius:11px!important;margin-bottom:9px!important} #app-shell.concept-ui #library .document-item.active{border-color:var(--concept-violet)!important;background:#f8f5ff!important} #app-shell.concept-ui #library .document-preview:not([data-selected-doc]) .doc-actions,#app-shell.concept-ui #library .document-preview[data-selected-doc=""] .doc-actions{display:none!important} #app-shell.concept-ui #ion .conversation-sidebar,#app-shell.concept-ui #ion .conversation-main{border-radius:18px!important} #app-shell.concept-ui #ion .conversation-main{background:#fff!important} #app-shell.concept-ui #ion .conversation-feed{background:#fff!important} #app-shell.concept-ui #tasks .kanban-column{background:#eef2f8!important;border:1px solid #dce4ed!important;border-radius:16px!important} #app-shell.concept-ui #tasks .task-card{border-radius:12px!important} #app-shell.concept-ui #workspaces .workspace-grid{gap:16px!important} #app-shell.concept-ui #workspaces .workspace-detail{border-radius:16px!important} #app-shell.concept-ui .workspace-dialog{border:1px solid var(--concept-line)!important;background:#fff!important;color:var(--concept-ink)!important;border-radius:18px!important;max-width:min(92vw,550px)!important} #app-shell.concept-ui .workspace-dialog h2,#app-shell.concept-ui .workspace-dialog label{color:var(--concept-ink)!important} #app-shell.concept-ui .workspace-dialog::backdrop{background:rgba(17,28,53,.55)} #app-shell.concept-ui .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:1100px){#app-shell.concept-ui .concept-home-grid,#app-shell.concept-ui .concept-agent-grid{grid-template-columns:1fr}#app-shell.concept-ui .concept-stat-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:850px){#app-shell.concept-ui,#app-shell.concept-ui.nav-collapsed{display:block!important}#app-shell.concept-ui .view.active{padding:22px 16px 42px!important}#app-shell.concept-ui .concept-heading{flex-wrap:wrap}#app-shell.concept-ui .concept-week-grid{overflow-x:auto;grid-template-columns:repeat(7,minmax(90px,1fr))}#app-shell.concept-ui .concept-agent-card{flex-direction:column;align-items:flex-start}#app-shell.concept-ui #library .library-layout{grid-template-columns:1fr!important}#app-shell.concept-ui.nav-collapsed .topbar{padding-bottom:14px!important}} @media(max-width:480px){#app-shell.concept-ui .concept-stat-grid{gap:9px}#app-shell.concept-ui .concept-stat{padding:13px;min-height:125px}#app-shell.concept-ui .concept-hero{padding:22px;min-height:250px}#app-shell.concept-ui .concept-orb{opacity:.25}#app-shell.concept-ui .concept-calendar-bar{flex-wrap:wrap}#app-shell.concept-ui .concept-calendar-bar h2{order:-1;flex-basis:100%}} /* Browser QA follow-up: show content sooner and remove decorative placeholders. */ #app-shell.concept-ui [hidden]{display:none!important} #app-shell.concept-ui .concept-date{text-transform:none!important} #app-shell.concept-ui .hub-sync-panel{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;min-height:43px!important;margin:0 0 24px!important;padding:8px 12px!important;background:#e5f7ee!important;border:1px solid #c7ebd8!important;border-radius:11px!important;color:#17684d!important;box-shadow:none!important} #app-shell.concept-ui .hub-sync-panel[data-state="ready"]>span{color:#17684d!important;font-weight:650!important} #app-shell.concept-ui .hub-sync-panel:not([data-state="ready"]){background:#fff4dc!important;border-color:#e8c979!important;color:#6a4f1c!important;flex-wrap:wrap!important} #app-shell.concept-ui .sync-options{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important} #app-shell.concept-ui .sync-options>summary{display:none!important} #app-shell.concept-ui .sync-options button{min-height:34px!important;padding:5px 9px!important;background:#fff!important;border:1px solid #a8d5bf!important;color:#17684d!important;border-radius:7px!important;white-space:nowrap!important} #app-shell.concept-ui .sync-options button[hidden]{display:none!important} #app-shell.concept-ui #tasks .metric-grid.four,#app-shell.concept-ui #tasks .task-scope-bar,#app-shell.concept-ui #tasks .task-state{display:none!important} #app-shell.concept-ui #tasks .add-task{margin:0 0 20px!important} #app-shell.concept-ui #tasks>.add-task+.primary-action{display:inline-flex!important;align-items:center!important;min-height:42px!important;width:auto!important;margin:0 0 18px 10px!important;padding:8px 13px!important;background:#fff!important;border:1px solid #d7c9f2!important;color:#6144b7!important;box-shadow:none!important} #app-shell.concept-ui #tasks .task-card .task-edit{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;margin:8px 0!important;padding:5px 11px!important;background:#f7f3ff!important;border:1px solid #d7c9f2!important;border-radius:8px!important;color:#6144b7!important;font-weight:700!important} #app-shell.concept-ui .eyebrow,#app-shell.concept-ui .concept-kicker,#app-shell.concept-ui .new-doc,#app-shell.concept-ui .add-task,#app-shell.concept-ui .primary-action,#app-shell.concept-ui .kanban-column h2{font-family:system-ui,sans-serif!important} #app-shell.concept-ui #workspaces .workspace-intro{display:none!important} #app-shell.concept-ui #workspaces .workspace-toolbar{display:none!important} #app-shell.concept-ui #workspaces .workspace-toolbar [data-workspace-filter="professional"]{display:none!important} #app-shell.concept-ui #workspaces #workspace-counter{color:var(--concept-muted)!important} #app-shell.concept-ui #workspaces .workspace-detail-body{display:block!important} #app-shell.concept-ui #workspaces .workspace-detail-body p{margin:0!important} #app-shell.concept-ui #workspaces .workspace-real-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} #app-shell.concept-ui #workspaces .workspace-real-actions button{min-height:42px;padding:8px 13px;border:1px solid #d7c9f2;background:#f7f3ff;color:#6144b7;border-radius:9px;font-weight:700;cursor:pointer} #app-shell.concept-ui #workspaces .workspace-edit{display:inline-flex!important;min-height:42px!important;margin:12px 10px 0 0!important;padding:8px 13px!important;border:1px solid #d7c9f2!important;border-radius:9px!important;background:#fff!important;color:#6144b7!important;font-weight:700!important} #app-shell.concept-ui #workspaces .workspace-heading>button.primary-action{background:#fff!important;color:#6144b7!important;border:1px solid #d7c9f2!important;box-shadow:none!important;padding:9px 15px!important;min-height:42px!important;width:auto!important} #app-shell.concept-ui #ion .ion-heading-actions #show-access{display:none!important} @media(max-width:850px){ #app-shell.concept-ui .topbar{padding:12px 16px!important;min-height:70px!important} #app-shell.concept-ui .topbar .brand{margin:0!important} #app-shell.concept-ui .topbar .profile-selector{display:none!important} #app-shell.concept-ui.nav-collapsed .topbar .font-controls{display:none!important} #app-shell.concept-ui .topbar .font-controls{order:4!important;flex:1 1 100%!important;margin-top:10px!important} #app-shell.concept-ui .hub-sync-panel{margin:0 0 16px!important;padding:6px 10px!important;font-size:13px!important} #app-shell.concept-ui .hub-sync-panel>span{flex:1 1 auto;min-width:0!important} #app-shell.concept-ui .sync-options{display:block!important;margin-left:0!important} #app-shell.concept-ui .sync-options>summary{display:list-item!important;padding:7px 9px!important;border:1px solid #a8d5bf!important;border-radius:7px!important;background:#fff!important;color:#17684d!important;font-weight:700!important;cursor:pointer!important} #app-shell.concept-ui .sync-options[open]{flex-basis:100%!important} #app-shell.concept-ui .hub-sync-panel:has(.sync-options[open]){flex-wrap:wrap!important} #app-shell.concept-ui .sync-options[open]>summary{width:max-content!important;margin:0 0 7px auto!important} #app-shell.concept-ui .sync-options[open] button{display:inline-block!important;margin:3px!important} #app-shell.concept-ui #workspaces .workspace-heading>button.primary-action{display:inline-flex!important;margin:0 0 12px!important} #app-shell.concept-ui #tasks>.add-task+.primary-action{margin:0 0 18px!important} } #app-shell.concept-ui .sync-options[open] button[hidden]{display:none!important} #app-shell.concept-ui .concept-home .concept-stat-grid[hidden]{display:none!important} #app-shell.concept-ui .concept-home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px} #app-shell.concept-ui .concept-home-bottom .concept-section-head{margin:0 0 18px!important} #app-shell.concept-ui .concept-home-bottom .concept-card-head{margin:0 0 18px!important} #app-shell.concept-ui .concept-home-bottom .concept-card{min-height:230px} #app-shell.concept-ui .concept-prompt{display:flex;align-items:center;gap:8px;position:relative;z-index:1;width:min(100%,560px);padding:6px;background:#fff;border:1px solid #d8cdec;border-radius:12px} #app-shell.concept-ui .concept-prompt input{flex:1;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 10px!important} #app-shell.concept-ui .concept-prompt .concept-primary{white-space:nowrap!important} #app-shell.concept-ui .concept-hero{background:#fff;border-color:var(--concept-line)} #app-shell.concept-ui .concept-orb{opacity:.25} @media(max-width:1100px){#app-shell.concept-ui .concept-home-bottom{grid-template-columns:1fr}} @media(max-width:480px){#app-shell.concept-ui .concept-prompt{flex-wrap:wrap}#app-shell.concept-ui .concept-prompt input{flex-basis:100%}#app-shell.concept-ui .concept-prompt .concept-primary{width:100%!important}} /* Guided personal workflows: concise, reviewable entry points for the ION. */ #ion .ion-task-starters{max-width:1070px;margin:18px auto 0;padding:20px;border:1px solid #dfe4ed;border-radius:16px;background:#fff;color:#19283e} #ion .ion-task-starters-heading h2{margin:6px 0;color:#19283e;font-size:20px;letter-spacing:-.4px} #ion .ion-task-starters-heading p:not(.eyebrow){margin:0;color:#52617a;font-size:14px;line-height:1.55} .ion-task-starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px} #ion .ion-task-starter{min-width:0;padding:14px;border:1px solid #dfe4ed;border-radius:12px;background:#f7f8fc;display:flex;flex-direction:column;align-items:flex-start} #ion .ion-task-starter h3{margin:0;color:#25354c;font-size:15px} #ion .ion-task-starter p{flex:1;margin:8px 0 14px;color:#52617a;font-size:13px;line-height:1.5} #ion .ion-task-starter button{min-height:44px;padding:8px 12px;border:1px solid #65459a;border-radius:9px;background:#65459a;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer} .ion-task-starter button:hover,.ion-task-starter button:focus-visible{border-color:#b89bff;outline:2px solid #a88aff66;outline-offset:2px} #ion .ion-search-note{margin:14px 0 0;padding:10px 12px;border-left:3px solid #b27b27;border-radius:0 8px 8px 0;background:#fff7e8;color:#70521f;font-size:13px;line-height:1.5} #ion .ion-search-note strong{color:#70521f} #library .library-search-empty{margin:14px 0;padding:12px;border:1px dashed #786994;border-radius:10px;color:#52617a;font-size:13px} #library .library-search-scope{margin:6px 0 12px;color:#52617a;font-size:12px;line-height:1.45} @media(max-width:850px){.ion-task-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ion .ion-task-starters{margin:14px 0;padding:16px}} @media(max-width:480px){.ion-task-starter-grid{grid-template-columns:1fr}.ion-task-starter{padding:13px}.ion-task-starter p{margin-bottom:10px}} /* Published usability corrections: readable chat, sync errors and explicit approvals. */ #app-shell.concept-ui .message>div:last-child{background:#eef0f8;color:#253049;border:1px solid #d9dfec} #app-shell.concept-ui .draft-message>div:last-child{background:#e7f4f0;color:#213b35;border-color:#c3dfd5} #app-shell.concept-ui .message p{color:inherit!important} #app-shell.concept-ui .message small{color:#46516a!important} #app-shell.concept-ui .conversation-composer{background:#fff!important;color:#253049} #app-shell.concept-ui .conversation-composer label,#app-shell.concept-ui .conversation-composer span{color:#46516a!important} #app-shell.concept-ui .hub-sync-panel[data-state="error"]{background:#fff4d6!important;border-color:#a56c00!important;color:#5b3900!important} #app-shell.concept-ui .hub-sync-panel[data-state="error"] [role="alert"],#app-shell.concept-ui .hub-sync-panel[data-state="error"] summary{color:#5b3900!important} .ion-approval{margin-top:14px;padding:16px;border:2px solid #a56c00;border-radius:12px;background:#fff4d6;color:#332400} .ion-approval pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font:inherit} .ion-approval button,.ion-stop{font:inherit;min-height:44px;border:1px solid #6743a7;border-radius:9px;padding:9px 14px;margin:6px 8px 0 0} .ion-approval button{background:#55388c;color:#fff}.ion-approval button:last-child,.ion-stop{background:#fff;color:#71303a;border-color:#71303a} .ion-approval button:disabled{opacity:.65}.ion-stop{margin-left:8px} #app-shell.concept-ui .library-empty[hidden]{display:none!important}