:root{color-scheme:dark;--bg:#0c1221;--sidebar:#10192b;--panel:#141e30;--elev:#1b2940;--line:#2b3850;--ink:#ecf2fd;--mute:#9eacc3;--cyan:#53d5ce;--blue:#607efb;--danger:#f08b94;font:14px/1.5 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:600;padding:10px 14px}button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}input,textarea{background:#0d1626;color:var(--ink);border:1px solid #35415c;border-radius:9px;padding:11px 12px;width:100%}textarea{resize:vertical;min-height:85px;max-height:210px}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.6px}h2{font-size:16px}small,.subtle{font-size:12px;color:var(--mute)}.hidden{display:none!important}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 14px 18px;gap:12px}.logo{display:flex;align-items:center;gap:12px;padding:0 11px 33px;font-size:15px;letter-spacing:.5px;font-weight:800}.logo strong{color:var(--cyan)}.logo small{display:block;font-size:11px;font-weight:400;letter-spacing:0}.brand-mark{width:53px;height:53px;background:linear-gradient(145deg,#3dd0c6,#516cf4);display:grid;place-items:center;font-size:30px;border-radius:17px;color:#fff;box-shadow:0 7px 30px #3b82f633}.brand-mark.small{width:37px;height:37px;border-radius:11px;font-size:22px;flex-shrink:0}.sidetitle{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#7d8da8;display:flex;justify-content:space-between;padding:0 12px}.project{width:100%;text-align:left;background:transparent;color:var(--ink);padding:13px 11px;display:flex;gap:11px;align-items:center;margin-bottom:5px;font-size:13px;font-weight:600;border:1px solid transparent}.project.active{background:#253653;border-color:#466b9b}.project-emoji{font-size:21px}.project-txt{min-width:0}.project-txt b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.project-txt small{font-size:10px}.sidebar-add{background:transparent;border:1px dashed #51617f;color:#d7e5ff;margin-top:6px}.sidebar-footer{margin-top:auto;padding:16px 4px 3px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;color:var(--mute);font-size:11px}.sidebar-footer>span:nth-child(2){flex:1}.dot{background:#f8b650;width:8px;height:8px;border-radius:50%}.dot.ok{background:var(--cyan)}.iconbutton{background:transparent;color:#b8c8df;padding:6px;font-size:19px}.main{padding:30px clamp(16px,3vw,40px);min-width:0;max-height:100vh;overflow:auto}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:750;color:var(--cyan);letter-spacing:1.65px;margin-bottom:7px}.detail{color:var(--mute);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.top-actions{display:flex;gap:9px}.quiet{border:1px solid #374a65;background:#1c2a41;color:#d6e3f9;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}.metric{border:1px solid var(--line);background:var(--panel);padding:15px 18px;border-radius:12px}.metric label{font-size:10px;letter-spacing:1.1px;color:#99abc6;font-weight:750}.metric>div{font-size:27px;line-height:1.15;font-weight:750;margin:7px 0 3px}.metric .state-label{font-size:15px;margin-top:14px}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:17px;min-height:570px}.pane{background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 250px);min-height:550px}.pane-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.pane-head small{display:block;margin-top:4px}.chip{font-size:10px;background:#123e45;color:#79e6d8;border:1px solid #235f69;padding:5px 9px;border-radius:20px;font-weight:700}.conversation-body{padding:20px;flex:1;overflow:auto;min-height:100px}.welcome{text-align:center;max-width:335px;margin:90px auto}.welcome-icon{display:block;margin:auto auto 12px;color:var(--cyan);font-size:34px}.welcome h3{font-size:18px;margin-bottom:9px}.welcome p{color:var(--mute);line-height:1.6;font-size:13px}.composer{padding:15px 18px;background:#182338;border-top:1px solid var(--line)}.composer>label{font-size:11px;color:var(--mute)}.model-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}.model-row input{font-size:12px;padding:6px 9px;flex:1;min-width:150px}.model-row button{font-size:11px;padding:7px 9px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px}.composer-bottom span{color:var(--mute);font-size:10px}.composer-bottom button{white-space:nowrap}.message{padding:13px 15px;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;background:#19263b}.message.owner{border-color:#344d83;background:#1b2e4d}.message strong{color:var(--cyan);font-size:11px;text-transform:uppercase;letter-spacing:.7px}.message pre,.filecontent{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;margin:8px 0 0}.tabs{display:flex;padding:11px 13px;gap:6px;border-bottom:1px solid var(--line)}.tab{background:transparent;color:#9eacc5;font-size:12px;padding:8px 12px}.tab.active{background:#29405e;color:#fff}.activity-body{overflow:auto;flex:1;padding:14px;min-height:120px}.activity-footer{border-top:1px solid var(--line);padding:12px;display:flex;gap:8px;flex-wrap:wrap}.activity-footer button{font-size:12px}.task-item,.event-item,.file-item,.approval{border:1px solid #32415b;border-radius:10px;padding:11px 12px;margin-bottom:9px;background:#19263a}.task-item strong{font-size:12px;display:block}.task-item p{font-size:12px;color:var(--mute);margin:5px 0;overflow-wrap:anywhere}.task-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.task-actions button{font-size:11px;padding:6px 9px}.badge{display:inline-block;color:#8de2d9;background:#1a414a;font-size:10px;border-radius:10px;padding:2px 7px;margin:5px 0}.badge.wait{color:#eaca88;background:#493f28}.badge.fail{color:#f2a8b1;background:#512b36}.event-item{font-size:12px;color:#c5d1e5}.event-item small{display:block;margin-top:5px}.file-item{background:transparent;text-align:left;color:#ccdcf3;width:100%;border-color:transparent;padding:9px 12px;display:block}.file-item:hover{background:#273851}.filecontent{background:#08111e;border-radius:8px;padding:12px;color:#d6e2f7;max-height:350px;overflow:auto}.gate{display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse at 55% -20%,#193b57 0%,var(--bg) 60%)}.authcard{width:min(420px,calc(100vw - 30px));background:#161f32;border:1px solid #37425b;border-radius:18px;padding:36px}.authcard .brand-mark{margin-bottom:15px}.authcard p{color:var(--mute);margin:7px 0 24px}.authcard label{display:block;margin-bottom:6px}.authcard button{width:100%;margin-top:15px}.authcard .subtle{margin-top:22px}.error{color:var(--danger)!important;font-size:12px}.modal{position:fixed;inset:0;z-index:50;background:#030916bd;display:grid;place-items:center;padding:12px}.dialog{width:min(600px,100%);max-height:90vh;overflow:auto;background:#1a273b;border:1px solid #50617e;border-radius:14px;padding:20px}.dialoghead{display:flex;justify-content:space-between;align-items:center}.modaltext{margin:14px 0;color:#bdcbe1;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.dialog input{margin:6px 0 12px}.dialogactions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#314b69;border:1px solid #55749b;padding:13px 18px;border-radius:11px;z-index:99;box-shadow:0 15px 40px #0007;max-width:90vw}.compact{font-size:11px;padding:6px 10px}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.pane{height:570px}.main{max-height:none}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{display:block}.sidebar{padding:12px;border-right:0;border-bottom:1px solid var(--line);display:block}.logo{padding:0 0 10px}.sidetitle,.sidebar-footer{display:none}.sidebar-add{display:block;width:100%;margin-top:8px}.sidebar nav{display:flex;overflow-x:auto;gap:6px}.project{width:160px;min-width:160px;padding:10px}.project-txt b{font-size:11px}.main{padding:17px 12px}.topbar{align-items:flex-start}.topbar h1{font-size:19px}.top-actions{flex-direction:column}.metrics{gap:8px}.metric{padding:10px}.metric>div{font-size:23px}.workspace{gap:12px}.pane{height:auto;min-height:440px}.conversation-body{height:330px;flex:auto}.activity-body{max-height:380px}.welcome{margin:50px auto}.composer-bottom span{max-width:145px}.modal{align-items:end;padding:0}.dialog{border-radius:16px 16px 0 0;max-height:85vh}}@media(prefers-reduced-motion:no-preference){button,.project{transition:background .15s,filter .15s}} 

/* Sincronização global • desktop e iPhone */
.sync-overview{border:1px solid var(--line);background:var(--panel);padding:13px 16px;margin-bottom:18px;border-radius:12px}
.sync-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.sync-header strong{font-size:13px}
.sync-rows{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.sync-row{background:#192940;border:1px solid #334661;border-radius:9px;padding:7px 10px;display:flex;flex-direction:column;gap:2px;min-width:150px;flex:1;font-size:12px}
.sync-row small{font-size:11px}.sync-row.warning{border-color:#8c6937}.sync-row.problem{border-color:#8f4650}.sync-row.ok{border-color:#315c63}
#syncFootnote{display:block;line-height:1.4}.top-actions{flex-wrap:wrap}.top-actions>button{white-space:normal}
@media(max-width:680px){.topbar{flex-wrap:wrap}.top-actions{width:100%;flex-direction:row}.top-actions>button{flex:1}.sync-row{min-width:calc(50% - 8px)}}

.ai-levels{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 3px}.ai-levels button{padding:6px 10px;font-size:12px}.ai-levels button[aria-pressed=true]{background:var(--cyan);color:#07131c}.ai-levels button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#aiLevelStatus,#openrouterUsage{display:block;line-height:1.4;margin:4px 0}
@media(max-width:680px){.ai-levels button{flex:1;min-width:85px}}

.notification-wrap{position:relative;display:inline-flex;align-items:center}.notification-bell{position:relative;min-width:42px;min-height:40px;font-size:19px;padding:6px 11px}.notification-bell.has-notifications{color:var(--cyan);border-color:var(--cyan)}.notification-count{position:absolute;top:-6px;right:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#e05252;color:white;font-size:11px;font-weight:800;line-height:19px;text-align:center}.notification-panel{position:absolute;z-index:50;top:calc(100% + 9px);right:0;width:min(370px,calc(100vw - 28px));max-height:min(70vh,540px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 48px #0008}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 8px}.notification-item{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:7px;margin:6px 0;padding:10px 11px;white-space:normal;background:var(--elev);border:1px solid var(--line);border-radius:10px;color:var(--ink)}.notification-item.needs-approval{border-left:4px solid #e4a84e}.notification-item.needs-attention{border-left:4px solid #e05252}.notification-open{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:5px;padding:0;background:transparent;color:inherit;text-align:left;white-space:normal}.notification-open:hover,.notification-open:focus-visible{filter:none;color:var(--cyan);outline:2px solid var(--cyan);outline-offset:3px}.notification-open span{font-size:12px;line-height:1.45;color:var(--mute);overflow-wrap:anywhere}.notification-open small{color:var(--cyan);font-size:11px}.notification-approve{align-self:flex-end;padding:6px 12px;background:var(--cyan);color:#07131c;font-size:12px}.notification-approve:disabled{opacity:.5}.notification-empty{padding:12px;color:var(--mute);font-size:13px}.approval:focus,.task-item:focus{outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:680px){.notification-wrap{flex:0 0 auto}.notification-panel{position:fixed;top:76px;right:12px;max-height:calc(100vh - 100px)}.top-actions{align-items:center}}

/* Lista de projetos: navegacao vertical em telas estreitas, sem overflow horizontal. */
@media(max-width:680px){.sidebar nav#projectList{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:260px;gap:4px}.sidebar nav#projectList .project{width:100%;min-width:0;max-width:100%;flex:0 0 auto}.project-txt{flex:1;min-width:0}.project-txt b{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}}

.notification-heading-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.notification-summary{color:var(--mute);font-size:11px}.notification-heading-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}

.diagnostic-results{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.diagnostic-summary{font-size:14px}.diagnostic-time,.diagnostic-note{color:var(--mute);font-size:11px;line-height:1.45}.diagnostic-check,.diagnostic-issue{display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--elev);font-size:12px}.diagnostic-check.ok{border-left:3px solid #42b883}.diagnostic-check.warning,.diagnostic-issue.warning{border-left:3px solid #e4a84e}.diagnostic-check.error,.diagnostic-issue.error{border-left:3px solid #e05252}.diagnostic-issues-title{margin-top:6px}.diagnostic-detail{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.45 ui-monospace,Consolas,monospace;color:var(--mute);max-height:130px;overflow:auto}.diagnostic-location{white-space:normal;overflow-wrap:anywhere;color:var(--cyan);font-size:11px}.notification-panel:has(.diagnostic-results:not(.hidden)){width:min(520px,calc(100vw - 28px))}@media(max-width:680px){.notification-panel:has(.diagnostic-results:not(.hidden)){width:calc(100vw - 24px)}}
.sidebar{max-height:100vh;overflow:hidden}.sidebar-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sidebar-toolbar .sidebar-add{margin:0;padding:9px 7px;font-size:11px}.sidebar nav{min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar #projectList{max-height:34vh}.sidebar #conversationList{max-height:34vh}.project-group-title{padding:8px 10px 3px;color:#7f91ad;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.project-active-indicator{color:var(--cyan)!important}.conversation-heading{margin-top:5px}.conversation-search-label{display:block;color:var(--mute);font-size:10px;margin:0 10px 4px}.conversation-search{padding:8px 9px;font-size:12px}.conversation-link{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 10px;margin:4px 0;background:transparent;border:1px solid transparent;color:var(--ink);text-align:left;white-space:normal}.conversation-link strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.4}.conversation-link small{font-size:9px}.conversation-link.active{background:#1c304b;border-color:#3f628b}.legacy-link{border-style:dashed}.conversation-empty{padding:10px;color:var(--mute);font-size:11px}.paid-model-controls{display:grid;gap:6px;margin:7px 0;padding:9px 10px;border:1px solid #33425b;border-radius:9px;background:#121d2e}.paid-model-controls>label,.paid-model-filter>label{font-size:10px;color:var(--mute)}.paid-model-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.paid-model-heading strong{font-size:11px}.paid-model-filter{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;align-items:center}.paid-model-filter select,.paid-model-controls select,.paid-model-controls input{width:100%;min-width:0;padding:6px 7px;font-size:10px;background:#0d1626;color:var(--ink);border:1px solid #35415c;border-radius:7px}.target-row{display:flex;gap:5px;min-width:0}.target-row select{flex:1.25}.target-row input{flex:1;min-width:60px}.paid-model-controls>small{line-height:1.4}.workspace.activity-hidden{grid-template-columns:minmax(0,1fr)}.workspace.activity-hidden .activity{display:none}.task-live-state{display:block;margin-top:8px;color:#e6c17b}.main.activity-hidden .workspace{grid-template-columns:minmax(0,1fr)}.main.activity-hidden .activity{display:none}.message pre{max-height:none}.top-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:1100px){.sidebar{max-height:none}.sidebar #projectList,.sidebar #conversationList{max-height:220px}.workspace.activity-hidden .conversation{height:calc(100vh - 250px)}}@media(max-width:680px){.sidebar{max-height:none}.sidebar-toolbar{grid-template-columns:1fr 1fr}.sidebar #projectList,.sidebar #conversationList{max-height:180px;overflow-y:auto}.paid-model-filter{grid-template-columns:1fr}.target-row{grid-column:auto}.workspace.activity-hidden .conversation{height:auto;min-height:540px}.main{max-height:none}}

.attachment-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.attachment-row small{line-height:1.4}.attachment-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.attachment-chip{display:flex;align-items:center;gap:6px;max-width:100%;padding:4px 7px;border:1px solid #354761;border-radius:8px;background:#132238;font-size:11px}.attachment-chip span{overflow-wrap:anywhere}.attachment-summary{display:block;margin-top:7px;line-height:1.4;color:var(--mute)}

/* Espaço de trabalho conversacional Robô CODEX */
:root{
  color-scheme:dark;
  --bg:#0d1311;--sidebar:#101915;--panel:#151e19;--elev:#1d2a22;--line:#2b3b31;
  --ink:#edf5ee;--mute:#9eafa2;--cyan:#7fe0ae;--blue:#3c9870;--danger:#ff9696;
  font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif
}
body{background:radial-gradient(ellipse at 55% -35%,#1a3727 0,transparent 48%),var(--bg);color:var(--ink)}
button{border-radius:11px;background:var(--blue);box-shadow:0 3px 12px #0002}
button:hover{filter:brightness(1.12);transform:translateY(-1px)}
input,textarea,select{background:#0d1511;border-color:#33483a;border-radius:11px}
.brand-mark{background:linear-gradient(145deg,#74dfa7,#347c5c);border:1px solid #a5f0c1;box-shadow:0 8px 26px #43c88024;font-weight:850}
.brand-mark.small{font-size:18px}
.logo{padding:2px 8px 10px;letter-spacing:.9px}
.logo strong{color:var(--cyan)}
.shell{grid-template-columns:264px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
.sidebar{height:100dvh;max-height:100dvh;padding:20px 13px 14px;gap:12px;overflow:hidden}
.sidebar-toolbar{grid-template-columns:1fr 1fr}
.sidebar-toolbar .sidebar-add{border-style:solid;border-color:#30483a;background:#18251d;padding:10px 8px;border-radius:11px}
.sidebar-toolbar .sidebar-add:first-child{background:#21563d;border-color:#367c58;color:#eafff0}
.side-section{display:flex;flex:0 0 auto;flex-direction:column;min-height:0}
.side-section:first-of-type{flex:1 1 auto}
.sidetitle{padding:0 8px;color:#9db4a2;letter-spacing:1.2px}
.search-label{display:block;padding:7px 8px 4px;color:var(--mute);font-size:10px}
.side-search{width:100%;padding:9px 10px;font-size:12px}
.sidebar #projectList{max-height:none;flex:1 1 auto;min-height:95px}
.sidebar #conversationList{max-height:26vh}
.project{border-radius:11px;padding:10px 9px;margin:2px 0}
.project.active{background:#203b2b;border-color:#4a8d62}
.project-emoji{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#21352a;color:#9de4b7;font-size:15px}
.project-group-title{padding:11px 9px 4px;color:#88a08e}
.conversation-link{border-radius:10px}
.conversation-link.active{background:#1a3022;border-color:#3e7050}
.sidebar-footer{padding-top:12px}
.main{display:flex;flex-direction:column;min-width:0;height:100dvh;max-height:100dvh;overflow:hidden;padding:17px clamp(14px,2vw,28px) 14px}
.topbar{flex:0 0 auto;align-items:center;gap:14px;margin-bottom:10px}
.title-stack{display:flex;align-items:center;gap:12px;min-width:0}
.topbar h1{font-size:21px;letter-spacing:-.45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eyebrow{color:#82d9a7;letter-spacing:1.4px}
.detail{max-width:55vw;white-space:nowrap;text-overflow:ellipsis}
.top-actions{align-items:center;gap:6px;flex-wrap:nowrap}
.top-actions>button,.top-actions .notification-bell{white-space:nowrap;padding:8px 10px;font-size:11px}
.quiet{background:#1c2921;border-color:#364a3b;color:#d9e9dc}
.mobile-menu{display:none}
.overview-drawer{flex:0 0 auto;margin:0 0 10px;border:1px solid var(--line);border-radius:12px;background:#111a15;overflow:hidden}
.overview-drawer>summary{cursor:pointer;list-style:none;padding:8px 12px;color:#a9beae;font-size:11px}
.overview-drawer>summary::-webkit-details-marker{display:none}
.overview-drawer>summary:after{content:"＋";float:right;color:var(--cyan)}
.overview-drawer[open]>summary:after{content:"−"}
.overview-drawer[open]{max-height:38vh;overflow:auto}
.overview-drawer .metrics{gap:8px;margin:0;padding:4px 10px 10px}
.overview-drawer .metric{padding:9px 12px;border-radius:10px;background:#17221a}
.overview-drawer .metric>div{font-size:20px;margin:3px 0}
.overview-drawer .sync-overview{margin:0 10px 10px;padding:10px;border-radius:10px}
.workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,31vw);gap:12px;flex:1 1 auto;min-height:0}
.pane{height:auto;min-height:0;border-radius:16px;background:linear-gradient(160deg,#17221b,#131b16);border-color:#2b3c31;box-shadow:0 15px 45px #0002}
.pane-head{min-height:68px;padding:14px 17px}
.pane-head h2{font-size:14px}
.pane-head small{font-size:11px}
.chip{border-color:#386448;background:#1a3826;color:#a8efbe}
.conversation-body{min-height:0;padding:20px clamp(14px,3vw,38px);scrollbar-color:#41584a transparent}
.message{width:min(84%,760px);padding:14px 16px;border-radius:15px;background:#1b2820;border-color:#304337;box-shadow:0 4px 14px #0001}
.message.owner{margin-left:auto;background:#203b2b;border-color:#3b6a4b}
.message strong{color:#a6e8b7}
.message pre{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e2ece4}
.composer{flex:0 0 auto;max-height:48vh;overflow-y:auto;padding:12px 15px 13px;background:#121a15;border-top-color:#2d3d32;scrollbar-color:#41584a transparent}
.model-settings{margin:0 0 8px;border:1px solid #2d4133;border-radius:10px;background:#151f18}
.model-settings>summary{cursor:pointer;list-style:none;padding:7px 10px;color:#b2c9b8;font-size:11px}
.model-settings>summary::-webkit-details-marker{display:none}
.model-settings>summary:after{content:"Abrir";float:right;color:var(--cyan)}
.model-settings[open]>summary:after{content:"Fechar"}
.model-settings[open]{padding-bottom:8px}
.model-settings>label{display:block;margin:5px 10px 2px;color:var(--mute);font-size:10px}
.model-row{padding:0 9px}
.paid-model-controls{margin:7px 9px;background:#101812;border-color:#2b3c30}
.ai-levels{padding:0 9px}
.ai-levels button{border-radius:9px}
.ai-levels button[aria-pressed=true]{background:#76d99e;color:#0d1b12}
#aiLevelStatus,#openrouterUsage{padding:0 10px}
.prompt-label{display:block;margin:1px 2px 5px;color:#d0dfd2;font-size:11px;font-weight:650}
.composer textarea{min-height:72px;max-height:150px;padding:12px 13px;line-height:1.5}
.attachment-row{margin-top:7px}
.composer-bottom{margin-top:8px}
.composer-bottom button{background:#3c9870;color:#f6fff8}
.activity{min-width:0}
.tabs{gap:3px;padding:8px 10px}
.tab{border-radius:9px;padding:7px 9px}
.tab.active{background:#244531;color:#c8f3d0}
.activity-body{scrollbar-color:#41584a transparent}
.task-item,.event-item,.file-item,.approval{background:#18231c;border-color:#304236;border-radius:11px}
.filecontent{background:#0d1511;border:1px solid #26382c}
.activity-footer{border-color:#2c3c31}
.gate{background:radial-gradient(ellipse at 50% 0,#204d35 0,transparent 58%),#0d1311}
.authcard{background:#131d16;border-color:#35513d;border-radius:22px;box-shadow:0 22px 80px #0005}
.authcard .eyebrow{margin:0 0 8px;font-size:10px}
.authcard h1{font-size:27px}
.authcard p{line-height:1.5}
.notification-panel{background:#162119;border-color:#38503d}
.toast{background:#254333;border-color:#538063}
.sidebar-backdrop,.activity-backdrop{display:none}
@media(max-width:1120px){
  .shell{grid-template-columns:238px minmax(0,1fr)}
  .workspace{grid-template-columns:minmax(0,1fr) minmax(270px,34vw)}
  .top-actions{gap:4px}
  .top-actions>button{padding:7px 8px;font-size:10px}
  .chip{display:none}
}
@media(max-width:820px){
  .shell{display:block}
  .sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:min(320px,88vw);height:100dvh;max-height:100dvh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 50px #0006}
  .shell.sidebar-open .sidebar{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;z-index:75;inset:0;border:0;border-radius:0;background:#020705aa;padding:0}
  .shell.sidebar-open .sidebar-backdrop{display:block}
  .main{height:100dvh;max-height:100dvh;padding:10px 10px env(safe-area-inset-bottom,10px)}
  .topbar{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:2px 2px 5px}
  .title-stack{width:100%;align-items:center}
  .mobile-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0}
  .topbar h1{font-size:18px}
  .detail{max-width:calc(100vw - 70px);font-size:10px}
  .top-actions{width:100%;overflow-x:auto;justify-content:flex-start;padding:1px 0 5px}
  .top-actions>button,.top-actions .notification-bell{flex:0 0 auto;min-height:36px}
  .overview-drawer{margin-bottom:7px}
  .overview-drawer[open]{max-height:31vh}
  .overview-drawer .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0}
  .conversation{height:100%;min-height:0}
  .activity{position:fixed;z-index:70;inset:0 0 0 auto;width:min(430px,94vw);height:100dvh;min-height:0;border-radius:18px 0 0 18px;transform:translateX(105%);transition:transform .2s ease}
  .workspace:not(.activity-hidden) .activity{display:flex;transform:translateX(0)}
  .workspace.activity-hidden .activity{display:flex;transform:translateX(105%);visibility:hidden}
  .activity-backdrop{position:fixed;z-index:65;inset:0;border:0;border-radius:0;background:#020705aa;padding:0}
  .workspace:not(.activity-hidden) .activity-backdrop{display:block}
  .conversation-body{padding:15px 12px}
  .message{width:min(94%,720px)}
  .composer{max-height:49dvh;padding:9px 9px calc(9px + env(safe-area-inset-bottom,0px))}
  .composer textarea{min-height:64px}
  .model-settings[open]{max-height:32dvh;overflow:auto}
  .activity-body{padding:12px}
  .welcome{margin:45px auto}
}
@media(max-width:420px){
  .top-actions>button{font-size:10px;padding:7px 8px}
  .composer-bottom span{max-width:52%;font-size:9px}
  .attachment-row small{font-size:10px}
  .tabs{overflow-x:auto}
  .tab{flex:0 0 auto}
  .overview-drawer .metric{padding:7px 9px}
  .overview-drawer .metric label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){button,.sidebar,.activity{transition:none}}
.browser-note{margin:0 0 12px}
.browser-launcher{display:flex;gap:8px;margin:0 0 10px}
.browser-launcher input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#101714;color:inherit}
.browser-launcher button{border:0;border-radius:9px;background:#a7d9a2;color:#102015;font-weight:700;padding:0 14px;cursor:pointer}
.browser-status{display:block;margin:0 0 10px;line-height:1.5}
.browser-external{display:inline-block;padding:3px 7px;border:1px solid var(--line);border-radius:7px;color:inherit;text-decoration:none}
.browser-frame-wrap{height:calc(100% - 90px);min-height:260px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.browser-frame{width:100%;height:100%;border:0;background:#fff}
.executor-status{display:flex;align-items:center;gap:7px;margin-top:5px;color:var(--mute);font-size:11px;line-height:1.4}.executor-status::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#9eacc3}.executor-status.online::before{background:#65d49b;box-shadow:0 0 9px #65d49b88}.executor-status.offline{color:#ffc1c5}.executor-status.offline::before{background:var(--danger);box-shadow:0 0 9px #f08b9488}.executor-status.checking::before{background:#e1be6d}
.attachment-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.attachment-row small{flex:1 1 100%;margin-left:2px}.composer-bottom button{min-height:42px}
@media(max-width:820px){
  html,body{height:100%;overflow:hidden}
  .shell{height:100dvh;min-height:0;overflow:hidden}
  .main{height:100%;max-height:100%;min-height:0}
  .top-actions{scrollbar-width:none;overscroll-behavior-x:contain}
  .top-actions::-webkit-scrollbar{display:none}
  .workspace{grid-template-rows:minmax(0,1fr)}
  .conversation{height:auto;min-height:0}
  .pane-head{flex:0 0 auto}
  .conversation-body{height:auto;flex:1 1 0;min-height:0}
  .composer{flex:0 0 auto;max-height:42dvh;overflow-y:auto;overscroll-behavior:contain}
  .composer-bottom{position:sticky;bottom:0;z-index:3;margin:8px -9px 0;padding:8px 9px calc(3px + env(safe-area-inset-bottom,0px));border-top:1px solid #2d3d32;background:#121a15}
  .composer-bottom span{min-width:0;line-height:1.35}
  #pastePrompt,#attachFiles{min-height:40px}
}
@media(max-width:420px){
  .composer{padding-right:8px;padding-left:8px}
  .composer-bottom{margin-right:-8px;margin-left:-8px;padding-right:8px;padding-left:8px}
  .composer-bottom span{max-width:none;flex:1}
  #send{min-width:112px}
}
