@font-face{font-family:Comfortaa;src:url('/assets/comfortaa-regular.ttf') format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:Comfortaa;src:url('/assets/comfortaa.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#242b42;font-family:Comfortaa,system-ui,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid #e2e4ef;border-radius:12px;padding:12px 17px;background:white;color:#424861;font-weight:700}button:hover{border-color:#8b7aea;background:#f7f5ff}button:disabled{opacity:.5;cursor:wait}header{position:fixed;top:0;left:0;right:0;height:98px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fffefef5;backdrop-filter:blur(18px);border-bottom:1px solid #e8eaf2;z-index:10;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:700;letter-spacing:-1.5px}.brandmark{display:grid;place-items:center;background:#6a57e7;color:white;width:54px;height:54px;border-radius:18px;font-size:36px;box-shadow:0 8px 18px #6856e82b}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;color:#8a90a6}nav{display:flex;gap:8px}nav a{display:flex;gap:9px;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;color:#798098;border-radius:12px}nav a.active{background:#efecff;color:#6552db}.local{display:flex;gap:8px;align-items:center;font-size:11px;color:#74818c;white-space:nowrap}i{width:7px;height:7px;border-radius:100%;background:#39bb8b;display:inline-block}main{max-width:1500px;margin:auto;padding:142px 4% 24px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}.eyebrow{color:#8c87a7;font-size:10px;letter-spacing:2px;font-weight:700}h1{font-size:38px;letter-spacing:-1.5px;margin:14px 0}p{line-height:1.8;color:#81879b;margin:0}h2{font-size:23px}h3{font-size:18px}.help{font-size:12px;white-space:nowrap}.hero{background:linear-gradient(115deg,#252b4b,#48416e);border-radius:24px;padding:28px 34px;color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;overflow:hidden}.hero:after{content:'☁';position:absolute;right:180px;font-size:160px;opacity:.06;top:-35px}.hero h2{margin:0 0 10px}.hero p{color:#c3c3da;font-size:13px}.pills{display:flex;gap:10px;z-index:1}.pill{background:#ffffff15;border:1px solid #ffffff20;border-radius:9px;padding:11px;font-size:11px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.panel{background:white;border:1px solid #e8eaf2;border-radius:20px;overflow:hidden}.sidebar{padding:22px 15px;align-self:start}.label{font-size:10px;color:#9a9fb0;letter-spacing:1.5px;padding:0 12px;margin:7px 0 18px}.root{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:10px;font-size:13px;margin:5px 0;cursor:pointer}.root.active{background:#eeebff;color:#6753df;font-weight:700}.sidebar .note{font-size:10px;line-height:1.8;color:#9a9fb0;border-top:1px solid #eee;padding:20px 12px 0;margin-top:24px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:12px;border-bottom:1px solid #eff0f5;flex-wrap:wrap}.breadcrumb{font-size:13px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.breadcrumb button{padding:5px;border:0;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary{background:#6a57e7;color:white;border-color:#6a57e7}.primary:hover{background:#5946d7;color:white}.small{font-size:11px;padding:10px 12px}.search{border:1px solid #e7e9f1;border-radius:10px;padding:11px 14px;background:#f9fafe;max-width:220px;font-size:12px;min-width:0}.filetable{width:100%;border-collapse:collapse;text-align:left}.filetable th{font-size:9px;color:#979db0;text-transform:uppercase;letter-spacing:1px;padding:18px 24px;background:#fcfcfe}.filetable td{padding:17px 24px;border-top:1px solid #f0f1f6;font-size:12px;color:#8990a3}.filetable td:first-child{color:#3b425a;font-weight:700}.filetable tr:hover td{background:#fbfaff}.filename{display:flex;gap:14px;align-items:center;cursor:pointer;word-break:break-word}.fileicon{font-size:24px;background:#fff4d9;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.fileicon.doc{background:#eeeaff}.filetable .rowactions{white-space:nowrap;padding:10px}.rowactions button{padding:7px;border:0;background:transparent;font-size:15px}.empty{text-align:center;padding:55px 20px;color:#9c9fb0;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:22px}.card{padding:28px}.card .bigicon{font-size:33px;display:block;margin-bottom:23px}.card h3{margin:0 0 13px;word-break:break-word}.card p{font-size:12px;overflow-wrap:anywhere}.card .actions{margin-top:25px}.sectionline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.status{font-size:10px;color:#239c78;display:inline-flex;gap:6px;align-items:center;margin-top:15px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:13px}.field input,.field select{width:100%;padding:13px;border:1px solid #dde0ed;border-radius:10px}.field small{font-size:11px;line-height:1.7;color:#8e94a4}dialog{border:1px solid #e4e5ef;border-radius:22px;padding:26px;width:min(600px,94vw);max-height:90vh;color:#2c3249;box-shadow:0 30px 100px #27213e3a}dialog::backdrop{background:#22213966;backdrop-filter:blur(5px)}dialog.wide{width:min(1200px,96vw)}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.modalhead h2{font-size:20px;margin:0;overflow-wrap:anywhere}.modalhead button{border:0;padding:7px}.editor{width:100%;height:57vh;resize:vertical;font:14px/1.7 ui-monospace,monospace;border:1px solid #e2e4ed;border-radius:12px;padding:18px;tab-size:4;background:#fbfcff;color:#242d46;white-space:pre;overflow:auto}.modalfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}.modalfoot span{font-size:11px;color:#9197aa}.preview{width:100%;height:65vh;border:1px solid #ececf2;border-radius:12px}.previewimg{max-width:100%;max-height:65vh;display:block;margin:auto;border-radius:10px}.terminal{background:#20253e;border-color:#20253e;color:#e1e4f8}.terminalhead{border-bottom:1px solid #ffffff16;padding:20px 25px;display:flex;justify-content:space-between;font-size:12px}.dots{letter-spacing:4px;color:#bc9ce9}.output{margin:0;padding:25px;min-height:340px;max-height:55vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 ui-monospace,monospace}.commandline{display:flex;gap:12px;padding:18px 25px;border-top:1px solid #ffffff16;align-items:center}.commandline input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#d9e1ff;font:14px ui-monospace,monospace}.commandline span{color:#9c8aff}.terminalnote{font-size:12px;margin-top:20px}.dbframe{width:100%;height:70vh;border:1px solid #dddfe9;border-radius:14px;background:white}.dbtags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.dbtags a{padding:9px;background:#f4f2ff;color:#6c5ac4;border-radius:9px;font-size:11px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:35px;font-size:10px;color:#9da3b6}footer b{font-weight:400;margin-left:10px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:15px 23px;background:#30354f;color:white;border-radius:12px;box-shadow:0 6px 30px #0002;z-index:99;display:none;font-size:13px;max-width:90vw;line-height:1.6}button:focus-visible,a:focus-visible{outline:3px solid #b8aff7;outline-offset:3px}@media(max-width:1000px){.local{display:none}header{padding:0 3%}.layout{grid-template-columns:190px minmax(0,1fr)}.filetable th,.filetable td{padding:14px}.filetable .modified{display:none}.pills{display:none}}@media(max-width:700px){header{height:128px;flex-wrap:wrap;justify-content:center;padding:13px 10px;gap:10px}.brand{font-size:23px}.brandmark{width:37px;height:37px;font-size:28px}.brand small{font-size:6px;margin-top:5px}nav{width:100%;justify-content:center;gap:0}nav a{padding:10px;font-size:11px;gap:5px}main{padding:160px 16px 20px}.pagehead{align-items:flex-start}h1{font-size:30px}.pagehead p{font-size:12px}.help{font-size:10px;padding:10px}.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:flex;overflow-x:auto;gap:5px;padding:10px}.sidebar .label,.sidebar .note{display:none}.root{white-space:nowrap;margin:0}.hero{padding:23px}.hero h2{font-size:20px}.filetable .size{display:none}.filetable th,.filetable td{padding:12px 9px}.filename{gap:8px;font-size:11px}.fileicon{width:33px;height:36px;font-size:20px}.rowactions button{font-size:12px;padding:5px}.toolbar{padding:14px}.search{max-width:100%}.sectionline{flex-wrap:wrap}footer{flex-direction:column}.eyebrow{font-size:8px;letter-spacing:1px}}

.filetable td{font-size:15px}.filetable th{font-size:11px}.root{font-size:15px}.search{font-size:14px}.small{font-size:13px}.card p,.hero p,.terminalnote{font-size:14px}.help{font-size:13px}.eyebrow{font-size:11px}.dbtags{font-size:14px}@media(max-width:700px){.filetable td,.filename{font-size:14px}.help{font-size:11px}.root{font-size:13px}.hero p{font-size:12px}.pagehead{flex-wrap:wrap}.rowactions button{font-size:15px}}
/* Expandable spaces and file-type identities */
.sidebar{display:block;min-width:0;overflow:visible}.space-group{margin:7px 0}.space-group summary{display:flex;align-items:center;gap:10px;padding:13px 10px;cursor:pointer;font-size:15px;font-weight:700;border-radius:10px;list-style:none}.space-group summary::-webkit-details-marker{display:none}.space-group summary:hover{background:#f7f5ff}.space-group .chevron{margin-left:auto;transition:transform .2s}.space-group:not([open]) .chevron{transform:rotate(-90deg)}.submenu{margin:4px 0 12px 20px;border-left:2px solid #ece8fc;padding-left:9px;min-width:0}.submenu .root{width:100%;white-space:normal;text-align:left;border:0;background:transparent;font-size:13px;padding:12px 9px;align-items:flex-start;margin:4px 0}.submenu .root span{min-width:0;overflow-wrap:anywhere}.submenu .root.active{background:#eeebff}.sidebar .note{display:block}.filelabel{min-width:0;overflow-wrap:anywhere}.filename{min-width:0}.type-code{background:#e8efff!important;color:#3567cd}.type-image{background:#f5e9ff!important;color:#9b46c4}.type-pdf{background:#ffe9ec!important;color:#cf3d57}.type-audio{background:#e4f8f1!important;color:#168a68}.type-video{background:#fff0e4!important;color:#c8772c}.type-archive{background:#fff5d9!important;color:#a17512}.type-sheet{background:#e4f5e9!important;color:#28834b}.type-data{background:#e4f6fc!important;color:#29819f}.type-document{background:#edf0fd!important;color:#5a6cbd}.type-folder{background:#fff4d9!important}.rename-row{display:flex;gap:16px;align-items:flex-start}.rename-name{flex:1;min-width:0}.extension-field{flex:0 0 auto;max-width:45%;min-width:0}.extension-badge{min-height:47px;border:1px solid #e1e3ee;border-radius:10px;padding:12px;display:flex;gap:10px;align-items:center;overflow-wrap:anywhere}.extension-badge strong{min-width:0;overflow-wrap:anywhere}.rename-hint{font-size:12px;margin:0 0 22px}main,#content,.layout,.layout>.panel{min-width:0}nav{flex-wrap:wrap}.filetable{table-layout:fixed}.filetable th:first-child{width:40%}.filetable th:last-child{width:160px}.rowactions{white-space:normal!important}.rowactions button{display:inline-flex;align-items:center;justify-content:center}.toolbar .actions{min-width:0}.breadcrumb{min-width:0;overflow-wrap:anywhere}.breadcrumb button{max-width:100%;overflow-wrap:anywhere}.search{width:100%;max-width:220px}.space-group summary:focus-visible{outline:3px solid #b8aff7;outline-offset:2px}@media(max-width:1000px){.filetable th:first-child{width:50%}}@media(max-width:700px){.sidebar{display:block;padding:15px}.sidebar .label{display:block}.submenu .root{font-size:14px}.filetable th:first-child{width:auto}.filetable th:last-child{width:135px}.filetable .rowactions{padding:8px 4px}.rowactions button{padding:7px 6px}.rename-row{flex-wrap:wrap}.extension-field{max-width:100%}.sidebar .note{margin-top:15px}.toolbar .actions{width:100%}.toolbar .search{flex:1;max-width:none;width:140px}.filename{align-items:flex-start}.fileicon{flex-shrink:0}.brand{min-width:0}nav a{padding:9px 7px;font-size:11px}.local{display:none}}
.terminal-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;flex-wrap:wrap;border-bottom:1px solid #ffffff19}#terminalStatus{font-size:12px;color:#b7cbbf}.terminal-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;background:#191e34}.terminal-tab{font-size:12px;background:#2d344e;border-color:#404867;color:#c8cde5;max-width:100%;overflow-wrap:anywhere}.terminal-tab.selected{background:#6956d9;color:white;border-color:#8c7af1}#terminalHolder{width:100%;min-width:0;padding:12px 16px}.terminal-session{height:clamp(350px,60vh,760px);width:100%;min-width:0}.terminal-session .xterm{height:100%;padding:4px}.terminal-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:15px 20px;border-top:1px solid #ffffff19}.terminal-shortcuts span{font-size:11px;color:#adb5cf;line-height:1.8}.terminal-shortcuts button{background:#303850;border-color:#46506c;color:#e4e8ff}.xterm-viewport{overflow-x:hidden!important}.terminal-session .xterm-screen{max-width:100%}@media(max-width:700px){.terminal-tools{padding:14px}.terminal-tools .actions{width:100%}.terminal-tools button{font-size:11px;padding:10px}#terminalHolder{padding:10px 6px}.terminal-session{height:55vh;min-height:320px}.toolbar .actions{flex-wrap:wrap}.toolbar .search{flex-basis:100%}}
.editor-workspace{border:1px solid #dfe1ee;border-radius:12px;overflow:hidden}.editor-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px;background:#f6f5fc}.editor-language{font-size:12px;font-weight:700}.editor-toolbar .actions{gap:6px}.editor-toolbar button{font-size:11px;padding:9px}.editor-status{padding:11px 14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;background:#f6f5fc;font-size:10px;color:#777f99}.CodeMirror{font:15px/1.7 Menlo,Monaco,monospace!important;text-align:left}.notes-workspace .CodeMirror{font:17px/1.95 Comfortaa,system-ui,sans-serif!important;background:#fffef8;color:#3c4050}.notes-workspace .CodeMirror-lines{padding:22px}.CodeMirror-dialog{font:13px Comfortaa,system-ui!important;padding:12px!important}.CodeMirror-dialog button{padding:6px;font-size:12px}.CodeMirror-foldgutter{width:14px}.code-workspace .CodeMirror-lines{padding:10px 0}.editor-toolbar button.selected{background:#ede8ff;color:#6551d6}#toast{inset:20px auto auto 50%;top:20px;bottom:auto;margin:0;transform:translateX(-50%);max-width:calc(100vw - 24px);width:max-content;border:1px solid #d7e9df;box-shadow:0 14px 50px #20263e38;border-radius:15px;background:#f1fff6;color:#25573a;padding:16px 18px;gap:13px;align-items:center;font-size:14px;line-height:1.7;z-index:2147483647}#toast:popover-open{display:flex}.toast-error{background:#fff3f0!important;border-color:#f1c4bd!important;color:#983e37!important}.toast-close{flex-shrink:0;padding:5px 8px;background:transparent;border:0;color:inherit}.toast-icon{font-size:21px;flex-shrink:0}#toast>span:nth-child(2){overflow-wrap:anywhere;min-width:0}@media(max-width:700px){.editor-toolbar .actions{width:100%}.editor-toolbar button{font-size:10px}.editor-status{font-size:9px}.CodeMirror{font-size:13px!important}#toast{font-size:12px;top:12px;padding:12px}.notes-workspace .CodeMirror{font-size:15px!important}}
.CodeMirror-dialog button::before{content:'🔎 ';}
/* MinhaBase.pro vivid workspace */
:root{--violet:#7045ed;--ink:#252d4d;--muted:#707b98;--cyan:#00a9c7;--coral:#f77764;--radius:22px}body{background:radial-gradient(ellipse at 3% 4%,#eee7ff 0,transparent 35%),radial-gradient(ellipse at 98% 40%,#e1f8fa 0,transparent 34%),#f7f8ff;color:var(--ink);font-size:18px}header{box-shadow:0 6px 30px #6748b30b;background:#ffffffed;border-bottom:1px solid #e6dcfa}.brandmark{background:linear-gradient(135deg,#9360fa,#5d42df);box-shadow:0 8px 22px #8156ed39}.brand{font-size:32px}.brand small{font-size:9px;color:#82749f}nav a{font-size:15px;color:#727b96;padding:14px 15px;transition:background .2s,transform .2s}nav a:hover{background:#f4efff;transform:translateY(-2px)}nav a.active{color:#6632d8;background:linear-gradient(125deg,#eee5ff,#e8e7ff);box-shadow:inset 0 0 0 1px #dcd0fb}.local{font-size:12px;padding:11px 14px;border:1px solid #d3efe5;border-radius:24px;background:#f0fcf7;color:#27866b}h1{font-size:44px;font-weight:700;letter-spacing:-1.7px;margin:12px 0 15px}.pagehead p{font-size:17px;color:var(--muted)}.eyebrow{font-size:11px;color:#9173b4;letter-spacing:2px}.panel{box-shadow:0 8px 35px #40417606;border-color:#e9e5f5}.hero{background:linear-gradient(115deg,#6938cf 0,#684bdb 50%,#247ebc 100%);padding:34px 36px;box-shadow:0 16px 38px #7045ed24;border:1px solid #ffffff55}.hero:after{right:100px;top:-50px;opacity:.12;font-size:220px}.hero h2{font-size:27px;letter-spacing:-.6px}.hero p{font-size:16px;color:#eee7ff}.pill{font-size:13px;font-weight:700;background:#ffffff19;border-color:#ffffff35;padding:13px}.pill:last-child{background:#10d2dc24}button,.primary{border-radius:13px;transition:transform .15s,box-shadow .15s,background .15s}button{font-size:15px;padding:13px 17px;border-color:#dedff0;box-shadow:0 3px 0 #edf0fa40}button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7045ed15}button:active{transform:translateY(1px)}button:disabled{transform:none}.primary{background:linear-gradient(120deg,#8b4eeb,#6550e7);border-color:#7544da;box-shadow:0 6px 16px #7348df25;color:white}.primary:hover{background:linear-gradient(120deg,#783bdb,#5542d5);box-shadow:0 8px 22px #7348df38}.small{font-size:14px}.help{font-size:14px;color:#6b48be;background:#f8f4ff;border-color:#dfd4f4}.space-group summary{font-size:17px;padding:15px 12px;color:#62538d}.space-group:first-of-type summary{background:#f5eeff}.space-group:nth-of-type(2) summary{background:#edf9fc;color:#398099}.submenu .root{font-size:15px;padding:13px 10px;font-weight:600;line-height:1.5}.submenu .root.active{background:#eee4ff;color:#713acb;box-shadow:inset 3px 0 #8e5ce7}.label{font-size:11px;font-weight:700;color:#a08db5}.sidebar .note{font-size:12px;color:#9297af}.filetable td{font-size:16px;padding:20px 22px}.filetable th{font-size:11px;background:#faf8ff;color:#8c7eaa;padding:18px 22px}.filetable td:first-child{font-weight:700}.fileicon{width:48px;height:48px;border:1px solid #ffffff80;box-shadow:0 4px 12px #51537809;font-size:27px}.filetable .rowactions{padding:12px}.rowactions button{font-size:18px;padding:9px;border:1px solid transparent}.rowactions button:hover{border-color:#d9d0ee;background:#f2edff}.search{font-size:15px;background:#fafaff;padding:13px 15px}.breadcrumb,.breadcrumb button{font-size:14px;font-weight:700}.card h3{font-size:22px;line-height:1.5}.card p,.terminalnote{font-size:15px}.card .bigicon{width:66px;height:66px;border-radius:19px;background:linear-gradient(145deg,#f2e5ff,#e4f3ff);display:grid;place-items:center;box-shadow:0 7px 18px #9c79ce13}.status{font-size:12px}.sectionline p{font-size:16px}.field{font-size:15px;font-weight:700;line-height:1.6}.field input,.field select{font-size:16px;font-weight:400}.field small{font-size:12px;font-weight:400}.modalhead h2{font-size:23px;line-height:1.5}.rename-hint{font-size:14px}.empty{font-size:15px}.modalfoot span{font-size:12px}footer{font-size:11px;color:#9895b2}.spinner{display:inline-block;width:32px;height:32px;border:3px solid #d6c9f5;border-top-color:#7a48df;border-right-color:#20bacc;border-radius:50%;animation:nimbus-spin .8s linear infinite;flex-shrink:0}@keyframes nimbus-spin{to{transform:rotate(360deg)}}#bootLoading{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at top,#eee3ff,#faf9ff 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:25px;text-align:center}#bootLoading h2{font-size:26px;margin:0;color:#513d7a}#bootLoading p{font-size:15px}.boot-logo{width:90px;height:90px;border-radius:30px;background:linear-gradient(140deg,#9960f2,#5d4bdd);color:white;font-size:60px;display:grid;place-items:center;box-shadow:0 16px 40px #8051db30}.page-loading{position:fixed;inset:98px 0 0;background:#f6f4ffc9;backdrop-filter:blur(7px);z-index:9;display:grid;place-items:center;padding:25px}.page-loading[hidden]{display:none}.page-loading>div{padding:30px 40px;background:#ffffffed;border:1px solid #e8ddfa;box-shadow:0 20px 60px #5c408c18;border-radius:24px;display:flex;align-items:center;flex-direction:column;gap:18px;text-align:center;max-width:100%}.page-loading strong{font-size:18px}.page-loading small{font-size:12px;color:#9790a7}.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}
/* Conversational workspace */
.ai-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;min-width:0}.ai-sidebar{padding:25px 18px;align-self:start}.ai-sidebar>.primary{width:100%;margin-bottom:20px}.ai-sidebar .field{font-size:13px}.ai-sidebar select{font-size:13px;max-width:100%}.ai-conversation{display:flex;gap:10px;text-align:left;width:100%;border:0;box-shadow:none;background:transparent;font-size:13px;line-height:1.6;margin:5px 0;padding:12px;overflow-wrap:anywhere}.ai-conversation>span:last-child{min-width:0}.ai-conversation.selected{background:#ede7ff;color:#683ac5}.ai-conversation small{display:block;color:#8c86a0;font-size:10px;margin-top:3px}.ai-muted{font-size:11px;line-height:1.9;color:#9b92ad;padding:15px 5px}.ai-main{min-width:0;overflow:hidden}.ai-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:22px 25px;border-bottom:1px solid #eee8f7;background:linear-gradient(110deg,#f8f3ff,#effbfd)}.ai-top strong{color:#7441c7;font-size:20px}.ai-top>span{font-size:11px;color:#738a88}#aiContext{padding:13px 25px;background:#fdfcff;color:#968ba5;font-size:11px;overflow-wrap:anywhere;border-bottom:1px solid #f2edf7}#aiMessages{height:clamp(380px,52vh,700px);overflow:auto;padding:28px 24px;min-width:0;scroll-behavior:smooth}.ai-welcome{max-width:500px;margin:35px auto;text-align:center}.ai-welcome>span{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,#f2d6ff,#d3f4ff);font-size:44px;color:#8550dc;margin:0 auto 25px}.ai-welcome h2{font-size:24px;line-height:1.6;letter-spacing:-.6px}.ai-welcome p{font-size:14px;line-height:1.9}.ai-prompts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.ai-prompts button{font-size:12px;padding:13px;background:#fbf9ff}.ai-message{display:flex;gap:12px;margin-bottom:27px;min-width:0}.ai-avatar{width:34px;height:34px;border-radius:12px;background:#eee4ff;display:grid;place-items:center;color:#8751dc;flex-shrink:0;font-size:22px}.ai-bubble{min-width:0;max-width:100%;padding:14px 17px;background:#f7f4fd;border:1px solid #efe8f7;border-radius:0 16px 16px 16px}.ai-message.user .ai-avatar{background:#dcf4f7;font-size:18px}.ai-author{font-size:12px;font-weight:700;color:#82718e;margin-bottom:12px}.ai-author time{font-size:9px;font-weight:400;margin-left:8px;color:#a7a0b2}.ai-text{font-size:15px;line-height:1.9;overflow-wrap:anywhere;color:#42415b}.ai-text pre,.ai-approval pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#272b43;color:#ece7ff;border-radius:11px;padding:16px;font:13px/1.7 Menlo,monospace;max-width:100%}.ai-text code{font-family:Menlo,monospace;background:#e9e3f3;padding:2px 5px;border-radius:5px;font-size:13px}.ai-text pre code{background:none;padding:0}.ai-working{display:flex;align-items:center;gap:10px;font-size:12px;color:#9a8aac;margin:12px}.ai-working .spinner{width:17px;height:17px;border-width:2px}.ai-activity{margin:0 24px 14px;background:#faf9fd;border:1px solid #eeebf5;border-radius:10px;font-size:12px;padding:12px}.ai-activity summary{cursor:pointer}.ai-activity p{font-size:11px;margin-top:10px;overflow-wrap:anywhere}.ai-activity pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:170px;overflow:auto;font-size:11px;line-height:1.7}.ai-approval{margin:14px 24px;padding:20px;border:1px solid #f2d1a7;border-radius:15px;background:#fff9ed}.ai-approval h3{font-size:17px}.ai-approval p{font-size:13px}.ai-approval .actions{margin-top:14px}#aiForm{border-top:1px solid #eee7f7;padding:18px 23px;background:#fdfcff}#aiInput{resize:vertical;width:100%;min-height:90px;max-height:260px;font:15px/1.7 Comfortaa,system-ui;padding:15px;border:1px solid #ded4ed;border-radius:14px;outline:none;color:#45425e;background:white}#aiInput:focus{border-color:#aa8ce1;box-shadow:0 0 0 3px #bba3e51a}.ai-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.ai-compose-bottom small{font-size:10px;color:#a098af}[hidden]{display:none!important}@media(max-width:1150px){.local{display:none}nav a{font-size:14px;padding:12px}.filetable td{padding:18px 14px}.ai-layout{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:900px){header{height:150px;flex-wrap:wrap;justify-content:center;padding:14px 20px;gap:12px}.brand{font-size:28px}.brandmark{height:46px;width:46px;font-size:32px}nav{width:100%;justify-content:center;gap:5px}nav a{font-size:14px;padding:12px}main{padding-top:190px}.page-loading{top:150px}.ai-layout{grid-template-columns:minmax(0,1fr)}.ai-sidebar{padding:18px}.ai-sidebar .label{margin-bottom:10px}#aiConversations{display:flex;flex-wrap:wrap;gap:5px}.ai-conversation{width:auto;max-width:100%;flex:1 1 170px}.ai-sidebar>.primary{width:auto;margin-bottom:10px}.ai-muted{padding:8px 4px}.ai-layout{gap:16px}.ai-sidebar .field{margin-bottom:12px}}@media(max-width:700px){h1{font-size:35px}.pagehead p{font-size:15px}.hero{padding:26px}.hero h2{font-size:23px}.hero p{font-size:14px}.eyebrow{font-size:10px}.filetable td,.filename{font-size:15px}.filetable th{padding:14px 10px}.filetable td{padding:15px 10px}.filetable th:last-child{width:128px}.rowactions button{font-size:17px;padding:7px 5px}.fileicon{width:36px;height:40px;font-size:23px}.help{font-size:13px}.space-group summary{font-size:16px}.submenu .root{font-size:15px}.search{font-size:15px}.toolbar .small{font-size:13px}.sectionline p{font-size:15px}.field{font-size:14px}.modalhead h2{font-size:20px}.modalfoot span{font-size:11px}.hero:after{right:0}.ai-top{padding:18px}.ai-top strong{font-size:19px}#aiMessages{padding:20px 13px;height:470px}.ai-bubble{padding:12px}.ai-text{font-size:14px}.ai-message{gap:8px}.ai-avatar{width:28px;height:28px;font-size:18px}.ai-welcome h2{font-size:21px}#aiForm{padding:15px}.ai-activity{margin:0 15px 12px}.ai-approval{margin:12px}.ai-prompts button{font-size:11px}.ai-sidebar .field input,.ai-sidebar .field select{font-size:14px}}@media(max-width:480px){header{height:174px;padding:12px;gap:10px}nav{gap:3px}nav a{font-size:13px;padding:10px 9px}main{padding-top:210px}.page-loading{top:174px}.brand small{font-size:8px}.brand{font-size:27px}h1{font-size:32px}.hero h2{font-size:21px}.hero{padding:24px}.pagehead{margin-bottom:25px}.page-loading>div{padding:25px}.page-loading strong{font-size:16px}.ai-compose-bottom .actions{margin-left:auto}.ai-text{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:1.5s}}
@media(max-width:900px){header{height:178px}main{padding-top:218px}.page-loading{top:178px}}@media(max-width:480px){header{height:178px}main{padding-top:214px}.page-loading{top:178px}}
.files-location{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 16px;min-width:0}.files-location .breadcrumb{flex:1}.files-location .search{flex:0 1 240px;max-width:240px}.file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 20px 20px;border-bottom:1px solid #eee8f7;min-width:0}.file-actions .file-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:12px;min-height:43px;padding:10px 11px;line-height:1.4;margin:0;box-shadow:0 2px 6px #6b4da909}.file-actions .file-tool[aria-pressed=true]{background:#eee5ff;color:#6d39c5;border-color:#cbb5ed}.file-actions .file-tool:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.selection-count{font-size:11px;color:#87769f;line-height:1.6}.file-name-cell{display:flex;align-items:center;gap:12px;min-width:0}.file-name-cell .filename{flex:1}.file-checkbox,.checkbox-spacer{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#7946dc}.file-checkbox{cursor:pointer}.filetable tr.file-selected td{background:#f1ebff}.file-checkbox:focus-visible{outline:3px solid #bba1ed;outline-offset:3px}.files-panel .filetable th:last-child{width:135px}.files-panel .filetable .rowactions button{padding:7px}.files-panel .filetable th:first-child{width:44%}@media(max-width:1100px){.file-actions .file-tool{font-size:11px;padding:9px}.files-location{padding:18px}.file-actions{padding:0 18px 18px}}@media(max-width:700px){.files-location{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 14px}.files-location .search{width:100%;max-width:none;flex:auto}.file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 16px}.file-actions .file-tool{font-size:11px;padding:10px 5px;min-width:0;gap:4px;white-space:normal;min-height:44px}.selection-count{grid-column:1/-1}.file-name-cell{gap:7px}.file-checkbox,.checkbox-spacer{width:16px;height:16px;flex-basis:16px}.files-panel .filetable th:first-child{width:auto}.files-panel .filetable th:last-child{width:100px}.files-panel .filetable td{padding:14px 8px}.files-panel .filetable .rowactions button{font-size:16px;padding:6px 4px}.files-panel .fileicon{width:30px;height:35px;font-size:21px}.files-panel .filename{gap:7px}.files-panel .filelabel{font-size:13px}}

/* The joined chat panel grows with its content and scrolls longer histories internally. */
.chat-page main{padding-bottom:14px}
.chat-page .pagehead{flex:none;margin-bottom:18px}
.chat-page footer{flex:none;margin-top:12px}
.ai-layout{min-height:0;grid-template-columns:minmax(205px,250px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;background:#fff;border:1px solid #e9e5f5;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 35px #4041760d}
.ai-layout>.panel{border:0;border-radius:0;box-shadow:none;min-height:0}
.ai-sidebar{align-self:stretch;overflow:auto;border-inline-end:1px solid #e9e5f5!important;background:#fcfaff}
.ai-main{display:flex;flex-direction:column}
.ai-main>.ai-top,.ai-main>#aiContext,.ai-main>.ai-activity,.ai-main>#aiForm{flex:none}
#aiMessages{height:auto;max-height:52dvh;min-height:0;overscroll-behavior:contain}
#aiApprovals{flex:none;max-height:28%;overflow:auto}
.chat-page #aiForm{padding-block:12px}
.chat-page .ai-top{padding-block:15px}
.chat-page #aiContext{padding-block:9px}
@media(max-width:900px){.chat-page main{padding-top:188px}.chat-page .pagehead h1{font-size:30px;margin:6px 0}.chat-page .pagehead p{font-size:13px}.chat-page .pagehead{margin-bottom:12px}.chat-page footer{display:none}}
@media(max-width:700px){.chat-page .pagehead .eyebrow,.chat-page .pagehead p{display:none}.ai-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.ai-sidebar{border-inline-end:0!important;border-bottom:1px solid #e9e5f5!important;max-height:clamp(92px,18dvh,155px);padding:10px 14px}.ai-sidebar>.label,.ai-sidebar>.ai-muted{display:none}.ai-sidebar>.field{margin-bottom:7px;gap:4px}.ai-sidebar>.field select{padding:7px}.ai-sidebar>.primary{margin-bottom:3px;padding:7px 11px;font-size:12px}.ai-conversation{margin:0;padding:6px 9px}.chat-page .ai-top{padding-block:10px}.chat-page #aiContext{padding-block:6px}.chat-page #aiMessages{padding-block:12px}.chat-page .ai-activity{margin-bottom:6px;padding-block:6px}.chat-page #aiForm{padding-block:8px}.chat-page .ai-compose-bottom{margin-top:6px}}
.chat-page #aiConversations {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e9e5f5;
}
.chat-page .ai-conversation { width: 100%; margin: 0; }

@media(max-width:700px){
.chat-page header{height:112px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px 12px}
.chat-page header .brand{font-size:0}.chat-page header .brand small{display:none}.chat-page header .brandmark{font-size:28px;width:39px;height:39px}
.chat-page header nav a{font-size:11px;padding:8px 6px}
.chat-page main{padding-top:124px}
.chat-page .page-loading{top:112px}
.chat-page .ai-sidebar {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: auto auto;
  align-items: end;
  gap: 10px;
  max-height: none;
}
.chat-page #aiWorkspace { width: 100%; min-width: 0; }
.chat-page .ai-sidebar>.field,.chat-page .ai-sidebar>.primary{margin:0}
.chat-page #aiConversations {
  grid-column: 1 / -1;
  max-height: clamp(48px, 10dvh, 80px);
  overflow: auto;
  margin-top: 0;
}
.chat-page .ai-conversation{font-size:12px;padding:7px 8px}
.chat-page .ai-top{padding:8px 14px}
.chat-page #aiContext{padding:5px 14px}
}

.file-actions .file-delete, .rowactions .file-delete { color: #a43a52; }
.file-actions .file-delete:not(:disabled):hover, .rowactions .file-delete:hover {
  background: #fff0f2;
  border-color: #efccd3;
}
.files-panel .filetable th:last-child { width: 170px; }
@media(max-width:700px) {
  .files-panel .filetable th:last-child { width: 116px; }
}

.trash-link { margin-top: 10px; }
.trash-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #eee8f7;
}
.trash-toolbar strong { margin-inline-end: auto; }
.trash-items { list-style: none; margin: 0; padding: 0 20px; }
.trash-items li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
}
.trash-items li + li { border-top: 1px solid #eee8f7; }
.trash-item-info { display: grid; gap: 5px; min-width: 0; overflow-wrap: anywhere; }
.trash-item-info small { color: #685b7c; }

.ai-search-tools { display: grid; gap: 8px; margin-top: 10px; min-width: 0; }
.ai-search-tools input {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #ded4ed;
  border-radius: 10px;
  font: inherit;
  font-size: 12px;
}
.ai-search-tools button, .ai-conversation-action { padding: 7px 9px; font-size: 12px; }
.ai-conversation-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.ai-deleted-info { padding: 7px 8px; font-size: 12px; overflow-wrap: anywhere; }
.ai-deleted-info small { display: block; margin-top: 4px; }
@media(max-width:700px) {
  .chat-page .ai-sidebar { grid-template-rows: auto auto auto; }
  .chat-page .ai-search-tools { grid-column: 1 / -1; grid-template-columns: minmax(0,1fr) auto; margin-top: 0; }
  .chat-page .ai-list-empty { display: block; }
}

.ai-compose-options, .ai-message-attachments {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
}
.ai-compose-options { margin-top: 8px; }
.ai-compose-options label {
  display: grid;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
  font-size: 11px;
  font-weight: 700;
}
.ai-compose-options select, .ai-compose-options button {
  max-width: 100%;
  border: 1px solid #ded4ed;
  border-radius: 9px;
  background: white;
  padding: 7px;
  font: inherit;
  font-size: 12px;
}
.ai-message-attachments:not(:empty) { margin-top: 8px; }
.ai-attachment, .ai-message-attachments > span {
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 5px 7px;
  border-radius: 8px;
  background: #eee8fb;
  font-size: 11px;
}
.ai-attachment button { padding: 3px 6px; font-size: 11px; }

@media (min-width: 701px) {
  .chat-page .ai-layout {
    grid-template-columns: minmax(265px, 310px) minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: stretch;
  }
  .chat-page .ai-sidebar {
    display: flex;
    flex-direction: column;
    contain: size;
  }
  .chat-page .ai-sidebar > :not(#aiConversations) { flex: none; }
  .chat-page #aiConversations {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    align-content: start;
  }
}
.chat-page #aiMessages { background: linear-gradient(120deg, #fdfcff, #f1ebfb); }
.chat-page .ai-welcome, .chat-page .ai-welcome p, .chat-page .ai-working { color: #514566; }
.chat-page .ai-message.user { flex-direction: row-reverse; }
.chat-page .ai-message-body { min-width: 0; }
.chat-page .ai-message.user .ai-message-body { max-width: min(78%, 680px); }
.chat-page .ai-message.assistant .ai-message-body { flex: 1; }
.ai-author strong { font-size: 15px; font-weight: 700; color: #48345e; }
.ai-author time { font-size: 12px; margin-inline-start: 4px; color: #685b7c; }
.ai-response-timing { display: block; margin-top: 5px; font-size: 12px; color: #58426f; }
.ai-author { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.ai-copy { padding: 1px 5px; margin-inline-start: auto; font-size: 12px; line-height: 1.25; }
.ai-conversation-tools { display: flex; gap: 3px; }
.ai-conversation-tools .ai-conversation-action { padding: 5px; }
.ai-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(150px, 24%, 210px);
  align-items: stretch;
  gap: 0;
}
.chat-page #aiInput {
  height: auto;
  min-height: 0;
  border-radius: 13px 0 0 13px;
}
.ai-entry #aiSend {
  font-size: 24px;
  font-weight: 700;
  align-self: stretch;
  border-radius: 0 13px 13px 0;
  border-inline-start: 0;
}
.ai-compose-options { justify-content: center; }
@media (max-width: 480px) {
  .ai-entry { grid-template-columns: minmax(0, 1fr) clamp(94px, 32%, 125px); }
  .ai-entry #aiSend { padding-inline: 9px; font-size: 18px; }
}

.ai-avatar .profeta-avatar {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.ai-author time { overflow-wrap: anywhere; }

#forceRefresh {
  padding: 8px 12px;
  font-size: 13px;
  white-space: nowrap;
  color: #5b408e;
  align-self: center;
}
@media (max-width: 700px) {
  #forceRefresh { padding: 6px 8px; font-size: 11px; }
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  header > nav { order: 1; }
}
@media (max-width: 700px) {
  .chat-page header { height: 134px; }
  .chat-page header > nav { grid-column: 1 / -1; }
  .chat-page .header-actions { justify-self: end; }
  .chat-page main { padding-top: 146px; }
  .chat-page .page-loading { top: 134px; }
}

.swal2-container { z-index: 1100; font-family: Comfortaa, system-ui, sans-serif; }
.swal2-popup { border-radius: 18px; }
.ai-trash-actions:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.ai-trash-actions button { font-size: 11px; padding: 6px 8px; }
.ai-trash-actions #aiPurge { color: #a43a52; }
.ai-deleted-info { display: flex; align-items: center; gap: 7px; }
.ai-deleted-info input { margin: 0; accent-color: #7045ed; }
@media (max-width: 700px) {
  .ai-trash-actions { grid-column: 1 / -1; }
}

.ai-text p { margin: 0 0 .7em; color: inherit; }
.ai-text > :last-child { margin-bottom: 0; }
.ai-text a { color: #5630ac; text-decoration: underline; text-underline-offset: 2px; }
.ai-text ul, .ai-text ol { padding-inline-start: 1.5em; }
.ai-text blockquote { margin: .65em 0; padding-inline-start: .8em; border-inline-start: 3px solid #b49ae4; }
.ai-text {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.ai-text pre {
  overflow-x: auto;
  white-space: pre;
  overflow-wrap: normal;
  word-break: normal;
}
.profeta-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  margin-block: .65em;
}
.ai-text table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
}
.ai-text th, .ai-text td {
  min-width: 8ch;
  max-width: clamp(14ch, 38vw, 36ch);
  vertical-align: top;
  overflow-wrap: normal;
  word-break: normal;
}
.ai-text th, .ai-text td { padding: 5px 8px; border: 1px solid #d8cbe9; }
.ai-text .profeta-response-image { display: block; max-width: 100%; height: auto; margin: .5em 0; border-radius: 10px; }

.profeta-mark {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  border-radius: .35em;
  vertical-align: middle;
  flex: none;
}
.ai-welcome > span .profeta-mark { width: 100%; height: 100%; border-radius: inherit; }

.focus-chat-bar { display: none; }
.ai-top-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ai-top-actions #aiStatus { font-size: 12px; color: #695d7c; }
#aiOpenExclusive { font-size: 12px; padding: 7px 10px; }

body.focused-chat {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100dvh;
  overflow: hidden;
}
.focused-chat > header, .focused-chat .pagehead, .focused-chat footer,
.focused-chat #aiOpenExclusive { display: none; }
.focused-chat .focus-chat-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 8px;
  border-bottom: 1px solid #e6dcfa;
  background: #fff;
}
.focus-chat-bar button { padding: 7px 10px; font-size: 13px; }
.focused-chat main {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.focused-chat #content, .focused-chat .ai-layout { height: 100%; min-height: 0; }
.focused-chat .ai-layout { border: 0; border-radius: 0; }
.focused-chat .ai-main { min-width: 0; overflow: auto; }
.focused-chat #aiMessages { flex: 1 1 96px; min-height: 96px; max-height: none; }
.focused-chat .page-loading { top: 0; }
@media (max-width: 700px) {
  .focused-chat .ai-layout { grid-template-rows: minmax(0, min(28dvh, 190px)) minmax(0, 1fr); }
  .focused-chat #aiInput { max-height: 22dvh; }
  .focus-chat-bar button { font-size: 11px; padding: 6px 8px; }
}

.focused-chat #aiForm { padding: 6px 12px; }
.focused-chat #aiInput {
  height: auto;
  min-height: 0;
  padding: 7px 10px;
  line-height: 1.4;
}
.focused-chat #aiSend { padding-block: 6px; }
.focused-chat .ai-compose-options { margin-top: 4px; gap: 4px 8px; }
.focused-chat .ai-compose-options label { gap: 2px; }
.focused-chat .ai-compose-options select,
.focused-chat .ai-compose-options button { padding-block: 4px; }
.focused-chat .ai-compose-bottom { margin-top: 3px; gap: 5px; }

#aiWorking {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  margin: 0;
  border-block-start: 1px solid #eee7f7;
}
#aiWorkingElapsed { font-variant-numeric: tabular-nums; }

/* MinhaBase.pro palette and shared surface colors. */
:root {
  color-scheme: light;
  --nimbus-page: #f8f5fc;
  --nimbus-surface: #fff;
  --nimbus-soft: #f3edf9;
  --nimbus-line: #e4d8ef;
  --nimbus-text: #251b30;
  --nimbus-muted: #675872;
  --nimbus-accent: #6636a9;
  --nimbus-gradient: linear-gradient(125deg, #6c3cad, #241532);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --nimbus-page: #100d15;
  --nimbus-surface: #1b1523;
  --nimbus-soft: #241a30;
  --nimbus-line: #49365d;
  --nimbus-text: #fff;
  --nimbus-muted: #fff;
  --nimbus-accent: #d3adff;
  --nimbus-gradient: linear-gradient(125deg, #7944b7, #2b193d);
}
body {
  background: radial-gradient(ellipse at 10% 0%, var(--nimbus-soft), transparent 55%), var(--nimbus-page);
  color: var(--nimbus-text);
}
header, .focus-chat-bar, .panel, dialog { background: var(--nimbus-surface); border-color: var(--nimbus-line); color: var(--nimbus-text); }
.hero, .brandmark, .boot-logo, button.primary, a.primary { background: var(--nimbus-gradient); }
button.primary, a.primary { color: #fff; border-color: #8052ae; }
button.primary:hover, a.primary:hover { background: linear-gradient(125deg, #7949b8, #392149); color: #fff; }
.theme-toggle { padding: 7px 9px; white-space: nowrap; }
#forceRefresh, .theme-toggle { background: var(--nimbus-soft); color: var(--nimbus-accent); border-color: var(--nimbus-line); }
.terminal { background: var(--nimbus-surface); color: var(--nimbus-text); }
.terminal-tabs, .terminal-bar, .terminal-tools { background: var(--nimbus-soft); border-color: var(--nimbus-line); }
.terminal-tab:not(.selected) { background: var(--nimbus-surface); color: var(--nimbus-text); }
.terminal-tab.selected { background: var(--nimbus-gradient); color: #fff; }
#terminalStatus { color: var(--nimbus-muted); }

:root[data-theme="dark"] :is(p, small, .eyebrow, .label, .note, .empty, .local, footer, .ai-muted, .status, .selection-count, #aiContext, #aiWorking, #aiStatus, .editor-status) {
  color: var(--nimbus-muted);
}
:root[data-theme="dark"] .hero p { color: #f0e3fb; }
:root[data-theme="dark"] :is(nav a, .brand, .root, .breadcrumb button, .filelabel, .filetable td, .filetable th, .sectionline a, .card p) { color: var(--nimbus-text); }
:root[data-theme="dark"] :is(button:not(.primary), input:not([type=checkbox]), select, textarea, .help, .file-tool) {
  background-color: var(--nimbus-soft);
  color: var(--nimbus-text);
  border-color: var(--nimbus-line);
}
:root[data-theme="dark"] :is(nav a.active, nav a:hover, .submenu .root.active, .submenu .root:hover, .ai-conversation.selected, .ai-conversation:hover, .space-group summary) {
  background: #38254c;
  color: #e6ceff;
}
:root[data-theme="dark"] .ai-bubble,
:root[data-theme="dark"] :is(.ai-layout, .ai-sidebar, .ai-main, .ai-top, #aiContext, #aiForm, .ai-activity, .filetable th, .editor-toolbar, .editor-status, .dbframe, .modalhead, .page-loading) {
  background: var(--nimbus-surface);
  color: var(--nimbus-text);
  border-color: var(--nimbus-line) !important;
}
:root[data-theme="dark"] :is(.trash-toolbar, .trash-items li + li, .file-actions, .files-location, .filetable td, .submenu, #aiConversations, #aiWorking, .terminal-tab) { border-color: var(--nimbus-line); }
:root[data-theme="dark"] .filetable tr:hover td, :root[data-theme="dark"] .filetable tr.file-selected td { background: #30203e; }
:root[data-theme="dark"] .filetable .rowactions button { background: transparent; }
:root[data-theme="dark"] .filetable .file-delete, :root[data-theme="dark"] #aiPurge { color: #ff9bb6; }
:root[data-theme="dark"] .local { background: #16271f; border-color: #315142; color: #9cd5b9; }
:root[data-theme="dark"] #aiMessages { background: linear-gradient(120deg, #15111b, #21172b); }
:root[data-theme="dark"] :is(.ai-text, .ai-author strong, .ai-author time, .ai-response-timing, .ai-welcome, .ai-welcome p) { color: var(--nimbus-text); }
:root[data-theme="dark"] .ai-text a { color: var(--nimbus-accent); }
:root[data-theme="dark"] :is(.ai-text td, .ai-text th) { border-color: var(--nimbus-line); }
:root[data-theme="dark"] :is(.ai-text code, .ai-attachment, .ai-message-attachments > span, .editor-language) { background: #332240; color: #f1defd; }
:root[data-theme="dark"] .ai-text pre code { background: none; }
:root[data-theme="dark"] .ai-approval { background: #302238; border-color: #79574c; }
:root[data-theme="dark"] :is(#bootLoading, .page-loading > div) { background: var(--nimbus-surface); color: var(--nimbus-text); border-color: var(--nimbus-line); }
:root[data-theme="dark"] #bootLoading h2 { color: var(--nimbus-text); }
:root[data-theme="dark"] .swal2-popup { background: var(--nimbus-surface); color: var(--nimbus-text); }
:root[data-theme="dark"] .swal2-toast { box-shadow: 0 0 0 1px var(--nimbus-line); }
:root[data-theme="dark"] .CodeMirror:not(.cm-s-dracula) { background: #19141f; color: #f2eafa; }
:root[data-theme="dark"] .CodeMirror:not(.cm-s-dracula) .CodeMirror-cursor { border-color: #f2eafa; }

/* Keep the navigation and its controls on the same baseline. */
body > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "brand menu actions";
  align-items: center;
  column-gap: clamp(8px, 1.4vw, 22px);
}
body > header .brand { grid-area: brand; }
body > header > nav {
  grid-area: menu;
  order: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
}
body > header .header-actions { grid-area: actions; justify-self: end; }
body > header > nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 42px;
  padding: 8px clamp(5px, .65vw, 11px);
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
}
body > header > nav a:hover { transform: none; }
body > header > nav :is(.nav-icon, .profeta-mark) {
  display: inline-grid;
  place-items: center;
  width: 1.3em;
  height: 1.3em;
  flex: none;
}
body > header .header-actions button { min-height: 42px; }
@media (max-width: 900px) {
  body > header {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas: "brand actions" "menu menu";
    align-content: center;
    row-gap: 7px;
  }
  body > header > nav a, body > header .header-actions button { min-height: 36px; }
}
@media (max-width: 700px) {
  .chat-page > header { height: 148px; }
  .chat-page main { padding-top: 160px; }
  .chat-page .page-loading { top: 148px; }
  .focused-chat main { padding-top: 0; }
  .focused-chat .page-loading { top: 0; }
}

:root[data-theme="dark"] {
  --nimbus-button: #fff;
  --nimbus-button-hover: #f3e8ff;
  --nimbus-button-ink: #362447;
}
:root[data-theme="dark"] .focused-chat .focus-chat-bar {
  background: var(--nimbus-surface);
  border-color: var(--nimbus-line);
}
:root[data-theme="dark"] :is(button, a.primary, .file-tool, header nav a, .swal2-actions button) {
  background: var(--nimbus-button);
  color: var(--nimbus-button-ink);
  border-color: #cfb5ea;
}
:root[data-theme="dark"] :is(button, a.primary, .file-tool, header nav a):not(:disabled):hover {
  background: var(--nimbus-button-hover);
  color: var(--nimbus-button-ink);
}
:root[data-theme="dark"] :is(header nav a.active, .ai-conversation.selected, .terminal-tab.selected, .submenu .root.active) {
  background: #fff;
  color: #362447;
  box-shadow: inset 0 0 0 2px #a676d0;
}

:root[data-theme="dark"] :is(.ai-author, .ai-text a, .breadcrumb, .trash-item-info small, .ai-deleted-info small,
  .status, .local, .brand small, .pagehead p, .hero p, .editor-status,
  .ai-top-actions #aiStatus, .ai-compose-bottom small, .swal2-title, .swal2-html-container) { color: #fff; }
:root[data-theme="dark"] :is(input, textarea)::placeholder { color: #e5d7ef; opacity: 1; }
:root[data-theme="dark"] .filetable .rowactions button { background: #fff; color: var(--nimbus-button-ink); }
:root[data-theme="dark"] .filetable .rowactions button:not(:disabled):hover { background: var(--nimbus-button-hover); }
@media (min-width: 901px) and (max-width: 1100px) {
  body > header {
    height: 132px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas: "brand actions" "menu menu";
    align-content: center;
    row-gap: 6px;
  }
  body:not(.focused-chat) main { padding-top: 170px; }
  body:not(.focused-chat) .page-loading { top: 132px; }
}
@media (max-width: 480px) {
  body > header > nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body > header > nav a { min-width: 0; padding-inline: 4px; font-size: 10px; }
}
:root[data-theme="dark"] #forceRefresh {
  background: var(--nimbus-button);
  color: var(--nimbus-button-ink);
  border-color: #cfb5ea;
}
:root[data-theme="dark"] #forceRefresh:hover { background: var(--nimbus-button-hover); }

:root :is(.ai-top-actions #aiStatus, .terminal-tools #terminalStatus)[data-connection] {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  border-radius: 999px;
  padding: .4em .75em;
  background: #ffd55a;
  color: #432b00;
  font-weight: 800;
}
:root :is(.ai-top-actions #aiStatus, .terminal-tools #terminalStatus)[data-connection="online"] { background: #55efa3; color: #103923; }
:root :is(.ai-top-actions #aiStatus, .terminal-tools #terminalStatus)[data-connection="offline"] { background: #ff859e; color: #4e1021; }
:root :is(.ai-top-actions #aiStatus, .terminal-tools #terminalStatus)[data-connection]::before {
  content: "";
  width: .55em;
  height: .55em;
  border-radius: 50%;
  background: currentColor;
}

.project-card { min-width: 0; }
.project-card-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .65rem; }
.project-card .project-summary { font-size: .95rem; line-height: 1.55; white-space: pre-wrap; }
.project-path { opacity: .82; }
.project-status { border-radius: 999px; padding: .4em .75em; font-size: .75rem; font-weight: 800; background: #ffd55a; color: #432b00; }
.project-status[data-status="running"] { background: #55efa3; color: #103923; }
.project-status[data-status="paused"] { background: #e6d8ff; color: #372359; }
.project-status[data-status="offline"] { background: #ff859e; color: #4e1021; }
.project-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
.project-metrics > div { border: 1px solid currentColor; border-radius: .7rem; padding: .5rem .35rem; overflow-wrap: anywhere; }
.project-metrics dt { font-size: .75rem; }
.project-metrics dd { margin: .35rem 0 0; font-size: .9rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.project-card .actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.project-site { padding: 12px; border-radius: 10px; }

:root #aiSend.primary {
  background: #087b49;
  border-color: #087b49;
  color: #fff;
}
:root #aiSend.primary:not(:disabled):hover {
  background: #06643a;
  border-color: #06643a;
  color: #fff;
}
:root #aiInput::placeholder { color: #685975; opacity: 1; }
:root[data-theme="dark"] #aiInput { background: var(--nimbus-soft); color: var(--nimbus-text); border-color: var(--nimbus-line); }
:root[data-theme="dark"] #aiInput::placeholder { color: #e7dcef; }
:root[data-theme] #aiConversations .ai-conversation small { color: #4c3d5b; font-weight: 700; }


.connection-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.connection-cards .card { min-width: 0; }
.connection-cards .actions { display: flex; flex-wrap: wrap; gap: .5rem; }
@media (max-width: 1050px) { .connection-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 660px) { .connection-cards { grid-template-columns: minmax(0, 1fr); } }

button, input:is([type="submit"], [type="button"], [type="reset"]), a:is(.primary, [role="button"]), body > header > nav a, .file-tool {
  text-transform: uppercase;
}

:root[data-theme="light"] :is(header nav a, .filetable th, .filetable td, .card p, .ai-compose-bottom small, .ai-activity p, .pagehead p, .pagehead .eyebrow, .ai-sidebar > .label, #aiContext) {
  color: var(--nimbus-muted);
}
:root[data-theme="light"] header nav a.active { color: var(--nimbus-accent); }

:root[data-theme="dark"] .ai-top strong { color: var(--nimbus-text); }

/* Fixed controls above a separate navigation column. */
:root { --workspace-header: 72px; --workspace-menu: 248px; }
body > header,
body.chat-page > header {
  display: flex;
  height: var(--workspace-header);
  padding: 0 clamp(12px, 2.2vw, 30px);
  justify-content: space-between;
  gap: 8px;
  background: var(--nimbus-surface);
}
body > header .brand { flex: none; }
body > header .header-actions { min-width: 0; margin-left: auto; gap: 8px; }
#menuToggle { display: none; }
.main-menu {
  position: fixed;
  inset: var(--workspace-header) auto 0 0;
  z-index: 9;
  width: var(--workspace-menu);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 24px 14px;
  overflow: hidden auto;
  background: var(--nimbus-surface);
  border-right: 1px solid var(--nimbus-line);
}
.main-menu a {
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 10px;
  min-height: 44px;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .02em;
  transition: none;
  color: var(--nimbus-text);
}
.main-menu a > span:not(.nav-icon, .mac-avatar) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-menu a:hover { transform: none; background: var(--nimbus-soft); }
.main-menu a.active { color: var(--nimbus-accent); background: var(--nimbus-soft); }
:root[data-theme="dark"] .main-menu a.active { background: #fff; color: var(--nimbus-button-ink); }
.main-menu :is(.nav-icon, .profeta-mark) { width: 20px; height: 20px; flex: none; }
.mac-account {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 8px 4px 4px;
  min-width: 0;
  border: 1px solid var(--nimbus-line);
  border-radius: 24px;
  color: var(--nimbus-text);
  background: var(--nimbus-soft);
  font-size: 12px;
  font-weight: 800;
}
.mac-account:hover { box-shadow: 0 0 0 2px var(--nimbus-line); }
.mac-account-name { max-width: min(22vw, 190px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mac-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; background: var(--nimbus-soft); flex: none; }
.mac-avatar img { width: 100%; height: 100%; object-fit: cover; }
body:not(.focused-chat) main {
  width: min(calc(100% - var(--workspace-menu)), 1500px);
  margin: 0 auto 0 max(var(--workspace-menu), calc((100% + var(--workspace-menu) - 1500px) / 2));
  padding: calc(var(--workspace-header) + 30px) clamp(16px, 3vw, 42px) 24px;
}
body:not(.focused-chat) .page-loading { top: var(--workspace-header); left: var(--workspace-menu); }
body.focused-chat > .main-menu { display: none; }
@media (max-width: 840px) {
  :root { --workspace-header: 62px; }
  body > header .brandmark { width: 36px; height: 36px; }
  #menuToggle { display: inline-grid; place-items: center; flex: none; min-width: 38px; padding: 6px; }
  body:not(.menu-open) > .main-menu { display: none; }
  body:not(.focused-chat) main { width: 100%; margin: 0; }
  body:not(.focused-chat) .page-loading { left: 0; }
  body.menu-open > .main-menu { box-shadow: 20px 0 60px #0005; max-width: calc(100vw - 28px); }
}
@media (max-width: 530px) {
  body > header .brand > span:last-child, #forceRefresh span { display: none; }
  .mac-account { padding-right: 5px; }
  .mac-account-name { max-width: 22vw; }
}

/* Overview and resource tiles. */
.overview-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 20px; font-size: 13px; }
.overview-live, .project-status { width: fit-content; border-radius: 999px; padding: .55em .8em; font-weight: 800; background: #ffe29a; color: #452f00; }
.overview-live[data-live="online"] { background: #67f0b0; color: #103923; }
.overview-live[data-live="offline"] { background: #ff9aae; color: #4e1021; }
.overview-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr)); gap: 16px; }
.overview-card { min-width: 0; padding: 18px; overflow-wrap: anywhere; border-top: 3px solid var(--metric-accent, #9673d6); }
.overview-card-head, .mac-profile-heading { display: flex; align-items: center; gap: 12px; }
.overview-card h2, .mac-profile-heading h2 { margin: 0; font-size: 16px; }
.overview-card-head p, .overview-detail, .mac-profile-heading p { margin: 5px 0 0; line-height: 1.55; font-size: 13px; color: var(--nimbus-muted); }
.metric-icon { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 12px; background: var(--nimbus-soft); }
.overview-value { display: block; margin: 16px 0 6px; font-size: clamp(21px, 2.4vw, 28px); font-variant-numeric: tabular-nums; }
.overview-card progress, .project-metrics progress { display: block; width: 100%; height: 7px; accent-color: var(--metric-accent, #9673d6); }
.overview-card button { margin-top: 12px; }
.metric-cpu, .resource-cpu { --metric-accent: #9d70f0; }
.metric-memory, .resource-memory { --metric-accent: #38ae91; }
.metric-disk, .resource-disk { --metric-accent: #619eea; }
.metric-ping { --metric-accent: #53acbe; }
.metric-traffic { --metric-accent: #4cad70; }
.metric-speed { --metric-accent: #e6a949; }
.metric-uptime { --metric-accent: #d77aa9; }
.mac-profile-heading { padding: 20px; margin-bottom: 16px; }
.mac-profile-heading .mac-avatar { width: 64px; height: 64px; font-size: 25px; }
.mac-details dl { margin: 14px 0 0; }
.mac-details dl > div { padding: 8px 0; border-top: 1px solid var(--nimbus-line); }
.mac-details dt { font-size: 12px; color: var(--nimbus-muted); }
.mac-details dd { margin: 4px 0 0; font-weight: 700; }
.project-status::before { content: ""; display: inline-block; width: .55em; height: .55em; margin-inline-end: .45em; border-radius: 50%; background: currentColor; vertical-align: .1em; }
.project-metrics { gap: .5rem; margin-block: 1rem; }
.project-metrics > .project-resource {
  padding: .6rem .45rem;
  border: 1px solid var(--nimbus-line);
  border-top: 3px solid var(--metric-accent);
  background: color-mix(in srgb, var(--metric-accent) 12%, var(--nimbus-surface));
}
.project-resource dt { font-weight: 700; }
.project-resource dd { font-size: 1rem; margin: 7px 0 4px; }
.project-resource small { font-size: 10px; color: var(--nimbus-muted); }
.project-resource progress { margin-top: 8px; }

/* File server cards stay visible when switching between local and remote. */
#fileConnections { margin-bottom: 22px; }
#fileConnections h2, .ftp-panel h2 { margin: 0; font-size: 19px; }
.file-connection-card { padding: 16px; }
.file-connection-card[data-selected="true"] { border-color: var(--nimbus-accent); }
.file-connection-heading { display: flex; align-items: center; gap: 8px; overflow-wrap: anywhere; }
.file-connection-card .actions { margin-top: 12px; }
.ftp-panel { min-width: 0; padding: 18px; }
.ftp-path { overflow-wrap: anywhere; }
.ftp-list { margin: 0; padding: 0; list-style: none; }
.ftp-list li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 0; border-top: 1px solid var(--nimbus-line); overflow-wrap: anywhere; }
.ftp-list li small { display: block; margin-top: 4px; color: var(--nimbus-muted); }
@media (min-width: 841px) and (max-width: 1100px) {
  .connection-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .layout { grid-template-columns: minmax(145px, 23%) minmax(0, 1fr); gap: 12px; }
}

/* Keep the console itself black and white in both panel themes. */
.terminal.panel { background: #000; color: #fff; border: 0; box-shadow: none; border-radius: 12px; overflow: hidden; }
.terminal :is(.terminal-tools, .terminal-tabs, .terminal-bar) { background: #111; color: #fff; border-color: #262626; }
#terminalHolder, .terminal-session, .terminal-session .xterm { background: #000; color: #fff; }
.terminal-session .xterm.focus, .terminal-session .xterm:focus { outline: none; }

/* Shared Font Awesome and Bootstrap SVG icons. */
.ui-icon { display: inline-block; width: 1em; height: 1em; flex: none; fill: currentColor; vertical-align: -.125em; }
.brandmark .ui-icon, .boot-logo .ui-icon { width: 1.1em; height: 1.1em; }
.main-menu .ui-icon { width: 18px; height: 18px; }
.main-menu a { font-size: 14px; font-weight: 800; }
:root { --workspace-menu: 280px; }
@media (max-width: 360px) {
  .main-menu a { font-size: 12px; }
}
:root[data-theme="light"] {
  --nimbus-accent: #5f16ba;
  --nimbus-gradient: linear-gradient(125deg, #6c20c7, #441095);
  --nimbus-soft: #f4ebff;
  --nimbus-line: #e4d3f7;
}
:root[data-theme="light"] :is(button.primary, a.primary):not(:disabled):hover { background: #4d109e; }
:root[data-theme="light"] .main-menu a.active { box-shadow: inset 3px 0 var(--nimbus-accent); }
.mac-account {
  border-radius: 10px;
  padding: 5px 8px 5px 5px;
  gap: 8px;
  background: var(--nimbus-surface);
  transition: background .15s ease, border-color .15s ease;
}
.mac-account:hover { background: var(--nimbus-soft); border-color: var(--nimbus-accent); box-shadow: none; }
.mac-account .mac-avatar { border-radius: 7px; }
.mac-account-chevron { font-size: 10px; color: var(--nimbus-accent); }
@media (max-width: 460px) {
  .mac-account-chevron { display: none; }
}
.terminal-tab { max-width: 100%; overflow-wrap: anywhere; }

:root #aiInput { resize: none; max-height: min(28dvh, 260px); overflow-y: hidden; }

.terminalnote { overflow-wrap: anywhere; }

.ai-author .ai-read { margin-inline-start: 0; }
#aiDictationStatus { margin: 5px 0 0; font-size: 12px; overflow-wrap: anywhere; }
#aiDictationStatus:empty { display: none; }
:root #aiMicrophone[aria-pressed="true"], :root .ai-read[aria-pressed="true"] { background: #ffd9e2; border-color: #d8788f; color: #761332; }

.main-menu .mac-account { margin-top: 8px; }
.main-menu .mac-account-name { flex: 1; min-width: 0; max-width: none; }
.main-menu .mac-account-chevron { width: 10px; height: 10px; }

:root #copyLocalIp,
:root .header-battery-label {
  --ip-bg: #eff7ff;
  --ip-border: #cde4fc;
  --ip-text: #18578e;
  --ip-hover: #e1efff;
  display: inline-flex;
  align-items: center;
  gap: .38em;
  min-height: 0;
  padding: 11px 14px;
  border: 1px solid var(--ip-border);
  border-radius: 24px;
  background: var(--ip-bg);
  color: var(--ip-text);
  box-shadow: none;
  white-space: nowrap;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
:root[data-theme="dark"] #copyLocalIp,
:root[data-theme="dark"] .header-battery-label {
  --ip-bg: #14263b;
  --ip-border: #315477;
  --ip-text: #a9d7ff;
  --ip-hover: #203b55;
}
:root #copyLocalIp:not(:disabled):hover { background: var(--ip-hover); color: var(--ip-text); transform: none; }
#copyLocalIp strong { font-weight: 800; }
@media (max-width: 530px) {
  body > header .header-actions { gap: 5px; }
  :root #copyLocalIp { font-size: 11px; padding-inline: 8px; }
}
@media (max-width: 420px) {
  body > header .mac-account-name { display: none; }
}

.install-nimbus {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 12px 15px;
  margin-bottom: 16px;
}
.install-nimbus img { flex: none; }
.install-nimbus > div { flex: 1 1 190px; min-width: 0; }
.install-nimbus small { display: block; margin-top: 4px; color: var(--nimbus-muted); }

.ai-message.user .ai-bubble {
  background: var(--nimbus-gradient);
  border-color: transparent;
}
:root .ai-message.user .ai-bubble :is(.ai-text, .ai-author strong, .ai-author time) {
  color: #fff;
}

.nimbus-session-action:first-of-type { margin-top: 10px; }
.nimbus-session-action button { width: 100%; text-align: start; overflow-wrap: anywhere; }

.account-grid, .account-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.account-card { padding: clamp(14px, 2.5vw, 24px); min-width: 0; overflow-wrap: anywhere; }
.account-card h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; }
.account-card h2 .ui-icon { color: var(--nimbus-accent); }
.account-card p { line-height: 1.55; }
.account-card .actions { flex-wrap: wrap; gap: 8px; }
.account-card input, .account-inputs input { width: 100%; min-width: 0; }
.account-card input[name="username"] { text-transform: uppercase; }
.account-status { width: fit-content; margin-block: 12px 16px; padding: 5px 9px; border-radius: 8px; background: #d3f8e4; color: #124d31; font-weight: 800; }
.account-status[data-pending="true"] { background: #ffe8ae; color: #5c3600; }
.profile-save { margin-top: 16px; }
.account-heading { flex-wrap: wrap; }
@media (max-width: 720px) {
  .account-grid, .account-inputs { grid-template-columns: minmax(0, 1fr); }
}

.zip-name-row { display: flex; align-items: center; gap: 10px; min-width: 0; }
.zip-name-row input { min-width: 0; flex: 1; text-transform: uppercase; }
.zip-name-row strong { flex: none; }

.file-checkbox[hidden] { display: none; }

.profeta-file-link { overflow-wrap: anywhere; }
.profeta-response-image[data-profeta-file] { cursor: zoom-in; }
.profeta-file-actions { justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.profeta-account-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 10px; }
.profeta-account-grid > div, .profeta-quota { padding: 12px; border: 1px solid var(--nimbus-line); border-radius: 10px; overflow-wrap: anywhere; }
.profeta-account-grid dt { font-size: 13px; color: var(--nimbus-muted); }
.profeta-account-grid dd { margin: 5px 0 0; font-weight: 700; }
.profeta-quota { margin-bottom: 10px; }
.profeta-quota progress { display: block; width: 100%; margin: 8px 0; accent-color: var(--nimbus-accent); }
.profeta-quota p { margin: 4px 0; }

.profeta-citation {
  display: inline-flex;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  padding: 7px 10px;
  border: 1px solid var(--nimbus-line);
  border-radius: 10px;
  background: var(--nimbus-surface);
}
.profeta-citation-name { display: inline-flex; gap: 6px; align-items: baseline; min-width: 0; overflow-wrap: anywhere; }
.profeta-citation-name .ui-icon { color: var(--nimbus-accent); }
.profeta-citation-actions { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.ai-text .profeta-citation-actions a {
  padding: 2px 7px;
  border: 1px solid var(--nimbus-line);
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
}

.account-card .profile-security-actions { margin-top: 16px; }
:root #changeAccountPassword { background: #5134a1; border-color: #5134a1; color: #fff; }
:root #resetAccountPassword { background: #ffdfab; border-color: #d59943; color: #633600; }
:root #changeAccountPassword:hover { background: #402780; }
:root #resetAccountPassword:hover { background: #ffd18a; }

:is(#profilePostalStatus, .account-postal-status) { margin-top: 10px; color: var(--nimbus-muted); }
:is(#profilePostalStatus, .account-postal-status):empty { display: none; }
:is(#profileForm ~ .account-grid, #modal .account-inputs) input[readonly] { background: var(--nimbus-soft); cursor: default; }
.profeta-file-download {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 13px 17px;
  border: 1px solid;
  border-radius: 12px;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

.file-move-location { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.file-move-location strong, #fileMoveStatus { overflow-wrap: anywhere; }
.file-move-folders { display: grid; gap: 6px; max-height: 35vh; overflow: auto; }
.file-move-folders button { text-align: start; overflow-wrap: anywhere; }
#fileMoveStatus { margin-block: 10px; }
#fileMoveStatus:empty { display: none; }

.project-favicon { width: 42px; height: 42px; object-fit: contain; }

.project-page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.project-recovery-list { display: grid; gap: 10px; }
.project-recovery-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px; overflow-wrap: anywhere; }
.project-recovery-row p { margin: 6px 0 0; color: var(--nimbus-muted); }

.remote-toolbar { flex-wrap: wrap; }
.remote-server-grid { display: grid; gap: 22px; }
.remote-server-card { padding: 16px; min-width: 0; overflow-wrap: anywhere; }
.remote-server-card h2 { margin: 0; font-size: 18px; }
.remote-server-card .actions { flex-wrap: wrap; }
.remote-server-card .actions button { font-size: 11px; }
.remote-server-card dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 7px; font-size: 13px; }
.remote-server-card dd { margin: 0; font-weight: 700; }
.remote-terminal { min-width: 0; height: min(57dvh, 520px); padding: 8px; background: #000; color: #fff; }

@media (max-width: 840px) {
  body > header, body.chat-page > header { align-items: center; gap: 8px; }
  body > header .header-actions { align-items: center; justify-content: flex-end; flex-wrap: nowrap; }
  body > header :is(#menuToggle, .header-actions button, .header-actions .mac-account) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    min-height: 38px;
    margin: 0;
  }
  body > header :is(#menuToggle, #forceRefresh, .theme-toggle) { flex: none; }
}
@media (max-width: 530px) {
  body > header, body.chat-page > header { gap: 5px; padding-inline: 8px; }
  body > header .header-actions { gap: 4px; }
  body > header .header-actions .local { display: none; }
  body > header :is(#menuToggle, #forceRefresh, .theme-toggle) { width: 36px; min-width: 36px; padding: 0; }
  :root #copyLocalIp { height: 38px; min-height: 38px; }
  body > header .header-actions .mac-account { flex: none; padding: 3px; }
}

@media (max-width: 840px) {
  body > header, body.chat-page > header { flex-wrap: nowrap; }
}
@media (max-width: 650px) {
  body > header .brand > span:last-child, #forceRefresh span { display: none; }
}
@media (max-width: 360px) {
  body > header .brandmark { width: 30px; height: 30px; }
  :root #copyLocalIp { padding-inline: 5px; }
  #copyLocalIp strong { display: none; }
}

@media (max-width: 840px) {
  body > header .brand > span:last-child { display: none; }
  body > header .mac-account-name { max-width: 110px; }
}

#title { display: flex; align-items: center; gap: .35em; min-width: 0; }
.page-title-text { min-width: 0; overflow-wrap: anywhere; }
.page-title-icon {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 1.35em;
  height: 1.35em;
  border-radius: .3em;
  background: var(--nimbus-soft);
  color: var(--nimbus-accent);
}
.page-title-icon :is(.ui-icon, .profeta-mark) { width: .78em; height: .78em; }

.remote-system-status { font-size: 11px; color: var(--nimbus-muted); margin-block: 6px 12px; }

.remote-server-card dt { display: flex; align-items: flex-start; gap: 6px; }
.remote-field-icon {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 1.55em;
  height: 1.55em;
  border-radius: 5px;
}
.remote-tone-purple { color: #6930a8; background: #f0e3ff; }
.remote-tone-blue { color: #165c99; background: #e1efff; }
.remote-tone-green { color: #146143; background: #daf6e8; }
.remote-tone-amber { color: #815300; background: #fff0cf; }
.remote-value-mark { display: inline-block; margin-inline-end: 5px; vertical-align: baseline; }
.remote-value-mark .ui-icon { width: 1.18em; height: 1.18em; }

.remote-trash-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 14px;
  border: 1px solid var(--nimbus-line);
  border-radius: 12px;
  background: var(--nimbus-soft);
  color: var(--nimbus-text);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.remote-trash-link:hover { border-color: var(--nimbus-accent); }

.editor-fallback {
  display: block;
  width: 100%;
  min-height: 55vh;
  padding: 12px;
  resize: vertical;
  font-family: Menlo, Monaco, monospace;
  line-height: 1.6;
  background: var(--nimbus-surface);
  color: var(--nimbus-text);
}

:root :is(#content, #modal) [data-ssh-tone] {
  background: var(--ssh-action-bg);
  border-color: var(--ssh-action-bg);
  color: #fff;
}
:root :is(#content, #modal) [data-ssh-tone]:not(:disabled):hover {
  background: color-mix(in srgb, var(--ssh-action-bg) 82%, #000);
  border-color: color-mix(in srgb, var(--ssh-action-bg) 82%, #000);
  color: #fff;
}
:root :is(#content, #modal) [data-ssh-tone]:disabled { opacity: .55; }
[data-ssh-tone="blue"] { --ssh-action-bg: #185986; }
[data-ssh-tone="green"] { --ssh-action-bg: #176341; }
[data-ssh-tone="amber"] { --ssh-action-bg: #8a5000; }
[data-ssh-tone="red"] { --ssh-action-bg: #a4264a; }
[data-ssh-tone="purple"] { --ssh-action-bg: #6633a1; }
[data-ssh-tone="teal"] { --ssh-action-bg: #12696b; }
[data-ssh-tone="neutral"] { --ssh-action-bg: #504361; }
.database-brand .ui-icon { width: 1.28em; height: 1.28em; }

.database-card { min-width: 0; overflow-wrap: anywhere; }
.database-card-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.database-card-heading .bigicon { margin-bottom: 8px; }
.database-connection-status { padding: 6px 9px; border-radius: 8px; font-size: 11px; font-weight: 800; }
.database-connection-status[data-status="checking"] { background: #ffe8ae; color: #5c3600; }
.database-connection-status[data-status="online"] { background: #d3f8e4; color: #124d31; }
.database-connection-status[data-status="offline"] { background: #ffdfeb; color: #841835; }
.database-card-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 6px 9px; font-size: 12px; }
.database-card-fields dt { display: flex; align-items: flex-start; gap: 5px; }
.database-card-fields dd { margin: 0; font-weight: 700; }
.database-card-hint { margin-block: 8px 14px; color: var(--nimbus-muted); }
.database-schema-list { display: grid; gap: 5px; list-style: none; padding: 0; margin: 12px 0 0; }
.database-schema-list li { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; align-items: center; padding: 6px; border-radius: 7px; background: var(--nimbus-soft); }
.database-schema-size { font-size: 11px; color: var(--nimbus-muted); text-align: end; }

.project-summary-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 104px;
  padding: 10px 12px;
  border: 1px solid var(--nimbus-line);
  border-radius: 10px;
  background: var(--nimbus-page);
  color: var(--nimbus-text);
  font: inherit;
  line-height: 1.55;
  resize: vertical;
}
.project-summary-input:focus-visible { outline: 2px solid var(--nimbus-accent); outline-offset: 2px; }

.database-connection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .cards.database-connection-grid { grid-template-columns: minmax(0, 1fr); }
}

.ai-sidebar .ai-workspace-ssh { width: 100%; margin-bottom: 8px; }

#aiConversations .ai-conversation-ssh { display: block; margin-top: 4px; overflow-wrap: anywhere; }

/* Cores por ação no conteúdo e nos diálogos. */
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):not(.ai-conversation, [data-ssh-tone]) {
  --action-tone: #642ba5;
  background: var(--action-tone);
  border-color: var(--action-tone);
  color: #fff;
}
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):not(.ai-conversation, [data-ssh-tone], :disabled):hover {
  background: color-mix(in srgb, var(--action-tone) 84%, #000);
  border-color: var(--action-tone);
  color: #fff;
}
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):has(> svg > use:is([href$="#bi-plus-lg"], [href$="#bi-play-fill"], [href$="#bi-floppy-fill"], [href$="#bi-send-fill"], [href$="#bi-file-earmark-plus"], [href$="#bi-check-lg"])) { --action-tone: #16633f; }
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):has(> svg > use:is([href$="#bi-download"], [href$="#bi-upload"], [href$="#bi-arrow-clockwise"], [href$="#bi-box-arrow-up-right"], [href$="#bi-eye"], [href$="#bi-clipboard"], [href$="#bi-volume-up-fill"])) { --action-tone: #185a8d; }
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):has(> svg > use:is([href$="#bi-trash3"], [href$="#bi-stop-fill"], [href$="#bi-eject-fill"], [href$="#fa-broom"])) { --action-tone: #a82749; }
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):has(> svg > use:is([href$="#bi-pencil-square"], [href$="#bi-pause-fill"], [href$="#bi-exclamation-triangle-fill"], [href$="#bi-shield-check"])) { --action-tone: #854a04; }
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):has(> svg > use:is([href$="#bi-arrow-counterclockwise"], [href$="#bi-arrow-return-left"], [href$="#bi-check-square"], [href$="#bi-terminal-fill"], [href$="#bi-arrow-bar-right"], [href$="#bi-arrow-up"], [href$="#bi-mic-fill"], [href$="#bi-paperclip"])) { --action-tone: #11686c; }
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):has(> svg > use:is([href$="#bi-arrow-left"], [href$="#bi-x-lg"], [href$="#bi-chevron-down"])) { --action-tone: #53456a; }
body[data-action-colors] #modal :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small)[type="submit"]:not(:has(svg)) { --action-tone: #16633f; }
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):not(.ai-conversation):disabled { opacity: .55; }
body[data-action-colors] :is(#content, #modal, .focus-chat-bar) :is(button, a.btn, a.button, a.download, a[download], a.primary, a.secondary, a.small, a.remote-trash-link):focus-visible { outline: 2px solid var(--nimbus-text); outline-offset: 3px; }

.overview-extra { margin-block-start: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); }
.overview-extra h2 { margin: 0 0 8px; font-size: 17px; }
.overview-chart { display: grid; grid-template-columns: 1fr auto; gap: 4px; margin-block-start: 10px; font-size: 13px; }
.overview-chart svg { grid-column: 1 / -1; width: 100%; height: 46px; background: var(--nimbus-surface); border-bottom: 1px solid var(--nimbus-line); }
.overview-processes { margin: 10px 0 0; padding: 0; list-style: none; }
.overview-processes li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 4px 8px; padding: 8px 0; border-bottom: 1px solid var(--nimbus-line); font-size: 13px; }
.overview-processes li strong { overflow-wrap: anywhere; }
.overview-processes li small { grid-row: 2; color: var(--nimbus-muted); }
.overview-host { display: grid; gap: 8px; }
.overview-host > div { display: grid; grid-template-columns: minmax(75px, auto) 1fr; gap: 8px; }
.overview-host dt { color: var(--nimbus-muted); }
.overview-host dd { margin: 0; text-align: right; overflow-wrap: anywhere; }

.project-list { container-type: inline-size; }
.project-list .project-grid { grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 18px; }
@container (min-width: 660px) {
  .project-list .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.project-grid > .empty { grid-column: 1 / -1; }
.project-grid .project-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-top: 3px solid var(--nimbus-accent);
}
.project-grid .project-card-heading { justify-content: flex-start; }
.project-grid .project-card-heading .bigicon { margin: 0; flex: none; }
.project-identity { flex: 1 1 130px; min-width: 0; }
.project-identity h3 { margin: 4px 0 0; overflow-wrap: anywhere; }
.project-identity small, .project-sampled { font-size: 12px; color: var(--nimbus-muted); }
.project-grid .project-summary, .project-grid .project-sampled, .project-grid .project-metrics { margin: 0; }
.project-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: auto 0 0;
}
.project-facts > div { padding: 9px; border-radius: 9px; background: var(--nimbus-soft); min-width: 0; }
.project-facts dt { color: var(--nimbus-muted); font-weight: 700; font-size: 12px; }
.project-facts dt .ui-icon { color: var(--nimbus-accent); }
.project-facts dd { margin: 6px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.project-folder-fact { grid-column: 1 / -1; }
.project-folder-fact small { margin-inline-start: 6px; color: var(--nimbus-text); }
.project-folder-fact small[data-available="false"] { color: #b82949; }
:root[data-theme="dark"] .project-folder-fact small[data-available="false"] { color: #ff9fb4; }
.project-grid .project-card .actions { padding-top: 12px; border-top: 1px solid var(--nimbus-line); }

/* Em Seus espaços, a cor primária indica o espaço aberto. */
:root body[data-action-colors] #content .sidebar .submenu button[data-root] {
  background: transparent;
  border-color: transparent;
  color: var(--nimbus-text);
}
:root body[data-action-colors] #content .sidebar .submenu button[data-root]:not([aria-current]):hover {
  background: var(--nimbus-soft);
}
:root body[data-action-colors] #content .sidebar .submenu button[data-root][aria-current="location"] {
  background: var(--nimbus-accent);
  color: var(--nimbus-surface);
}

.remote-system-status[data-stale="true"] {
  display: block;
  padding: 8px 10px;
  border: 1px solid #ce7c21;
  border-radius: 8px;
  background: #ffe4be;
  color: #652d00;
  font-weight: 800;
  line-height: 1.5;
}

.refresh-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 14px; margin: 16px 0; padding: 16px; border: 1px solid var(--nimbus-line); border-radius: 12px; }
.refresh-toggle { display: flex; align-items: center; gap: 10px; line-height: 1.6; font-weight: 700; }
.refresh-toggle input { width: 20px; height: 20px; flex: none; accent-color: var(--nimbus-accent); }
.refresh-fields:disabled { opacity: .55; }

.project-domain-input { display: flex; align-items: stretch; min-width: 0; }
.project-domain-input input[name="localDomain"] { flex: 1; min-width: 0; border-start-end-radius: 0; border-end-end-radius: 0; text-transform: lowercase; }
.project-domain-input input[readonly] { width: 85px; flex: 0 0 85px; border-inline-start: 0; border-start-start-radius: 0; border-end-start-radius: 0; background: var(--nimbus-soft); font-weight: 800; text-align: center; }

.header-battery {
  --battery-color: #6e6679;
  --battery-level: 0%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex: none;
  width: 58px;
  height: 22px;
  margin-inline-end: 4px;
  border: 2px solid var(--battery-color);
  border-radius: 6px;
  background: #211b29;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  isolation: isolate;
}
.header-battery::after { content: ''; position: absolute; inset-inline-end: -5px; top: 50%; transform: translateY(-50%); width: 3px; height: 8px; border-radius: 0 2px 2px 0; background: var(--battery-color); }
.header-battery-fill { position: absolute; inset: 0 auto 0 0; width: var(--battery-level); background: var(--battery-color); border-radius: 3px; transition: width .4s ease, background .4s ease; z-index: -1; }
.header-battery[data-level="high"] { --battery-color: #168052; }
.header-battery[data-level="medium"] { --battery-color: #a76105; }
.header-battery[data-level="low"] { --battery-color: #b14d12; }
.header-battery[data-level="critical"] { --battery-color: #bc243d; }
.header-battery .header-battery-charging { width: 11px; height: 13px; }
.header-battery .header-battery-charging[hidden] { display: none; }

@media (max-width: 530px) {
  body:not(.focused-chat) { --workspace-header: 100px; }
  body:not(.focused-chat) > header { display: grid; grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: 38px 38px; grid-template-areas: "menu brand" "actions actions"; align-content: center; padding: 7px 8px; gap: 6px; }
  body:not(.focused-chat) > header .brand { justify-self: start; font-size: 22px; line-height: 1.1; gap: 8px; }
  body:not(.focused-chat) > header .brand > span:last-child { display: block; }
  body:not(.focused-chat) > header .header-actions { grid-column: 1 / -1; width: 100%; margin: 0; justify-content: space-between; }
  body > header .header-battery { width: 52px; height: 20px; font-size: 11px; }
  #copyLocalIp strong { display: none; }
}


:root .header-battery-label {
  flex: none;
  justify-content: center;
  box-sizing: border-box;
  min-height: 40px;
  padding: 6px 10px;
}
@media (max-width: 530px) {
  :root .header-battery-label { min-height: 38px; height: 38px; padding: 5px; }
}


:root :is(#copyLocalIp, .header-battery-label) {
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
}
@media (max-width: 840px) {
  :root :is(#copyLocalIp, .header-battery-label) { height: 38px; min-height: 38px; }
}


/* A barra fixa adapta os controles sem sobreposição. */
body:not(.focused-chat) > header { box-sizing: border-box; }
@media (min-width: 531px) and (max-width: 1100px) {
  body > header .mac-account-name, body > header .mac-account-chevron, #forceRefresh span { display: none; }
  body > header .mac-account { flex: none; padding: 3px; }
  body > header #forceRefresh { width: 38px; min-width: 38px; padding: 0; }
}
@media (min-width: 531px) and (max-width: 700px) {
  body > header .header-actions .local { display: none; }
}
@media (max-width: 530px) {
  body:not(.focused-chat) > header #menuToggle { grid-area: menu; width: 38px; min-width: 38px; height: 38px; }
  body:not(.focused-chat) > header .brand { grid-area: brand; min-width: 0; }
  body:not(.focused-chat) > header .brandmark { width: 32px; height: 32px; }
  body:not(.focused-chat) > header .brand small { font-size: 8px; line-height: 1.2; letter-spacing: .08em; margin-top: 2px; }
  body:not(.focused-chat) > header .header-actions { grid-area: actions; min-width: 0; gap: 4px; }
  body > header .header-actions .mac-account { width: 38px; min-width: 38px; height: 38px; padding: 2px; }
  body > header .mac-account-name, body > header .mac-account-chevron { display: none; }
  :root #copyLocalIp { padding-inline: 6px; font-size: 11px; gap: 4px; }
  body > header .header-actions > * { flex-shrink: 0; }
}
@media (max-width: 360px) {
  :root #copyLocalIp { font-size: 10px; padding-inline: 4px; }
}

body > header #menuToggle > .ui-icon { width: 20px; height: 20px; }
body > header :is(#forceRefresh, .theme-toggle) > .ui-icon { width: 18px; height: 18px; flex: none; }

.ai-original-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-prompt-details-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.ai-prompt-section { min-width: 0; margin-bottom: 14px; padding: 14px; border: 1px solid var(--nimbus-line); border-radius: 12px; background: var(--nimbus-surface); color: var(--nimbus-text); }
.ai-prompt-section h3 { font-size: 16px; margin: 0 0 10px; }
.ai-prompt-section p, .ai-prompt-provider { color: var(--nimbus-muted); font-size: 12px; line-height: 1.6; }
.ai-prompt-section pre { margin: 12px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: 14px; line-height: 1.7; max-height: 45vh; overflow-y: auto; }
.ai-prompt-section summary { cursor: pointer; font-weight: 700; }

.settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.settings-card { min-width: 0; display: flex; flex-direction: column; gap: 14px; padding: 20px; }
.settings-card h2 { margin: 0; font-size: 20px; }
.settings-card h2 .ui-icon { color: var(--nimbus-accent); }
.settings-card p { margin: 0; color: var(--nimbus-muted); line-height: 1.6; font-size: 13px; }
.settings-card > button[type=submit] { margin-top: auto; align-self: flex-start; }
.settings-toggle { display: flex; align-items: center; gap: 10px; font-weight: 700; line-height: 1.5; }
.settings-toggle input { width: 20px; height: 20px; flex: none; accent-color: var(--nimbus-accent); }
.settings-wide { grid-column: 1/-1; }
.settings-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.settings-textarea { box-sizing: border-box; width: 100%; min-height: 100px; resize: vertical; padding: 12px; font: inherit; font-size: 15px; color: var(--nimbus-text); background: var(--nimbus-surface); border: 1px solid var(--nimbus-line); border-radius: 10px; }
.settings-network-addresses p { padding: 8px; background: var(--nimbus-soft); border-radius: 8px; }
.settings-network-addresses small { display: block; margin-top: 4px; }
#applicationNotice { padding: 14px 18px; margin-bottom: 20px; border-radius: 12px; font-weight: 700; white-space: pre-wrap; background: #d9edff; color: #134569; }
#applicationNotice[data-tone=warning] { background: #ffe1a8; color: #613900; }
#applicationNotice[data-tone=danger] { background: #ffd3dc; color: #771a33; }
#applicationNotice[data-tone=success] { background: #c8f4da; color: #115732; }
#applicationNotice[hidden], #applicationPageText[hidden] { display: none; }
#applicationPageText { white-space: pre-wrap; line-height: 1.6; }
@media(max-width:850px) { .settings-grid, .settings-fields { grid-template-columns: minmax(0,1fr); } }
body > header .brand { min-width: 0; max-width: 100%; }
body > header .brand > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-sampling { margin: 0 0 14px; }
.settings-card :is(input, select, textarea) { min-width: 0; max-width: 100%; }
.settings-card button { max-width: 100%; white-space: normal; line-height: 1.4; }
.settings-card button .ui-icon { flex: none; }
.project-vps-status { display:grid;gap:9px;padding:15px;margin:15px 0;border:1px solid var(--nimbus-line);border-radius:14px;background:var(--nimbus-surface);min-width:0; }
.project-vps-status > strong { display:flex;align-items:center;gap:8px;color:var(--nimbus-text); }
.project-vps-status [data-vps-state] { justify-self:start;padding:6px 10px;border-radius:9px;font-weight:800;font-size:13px;background:#ffedd5;color:#9a3412; }
.project-vps-status[data-state="running"] [data-vps-state] { background:#dcfce7;color:#166534; }
.project-vps-status[data-state="error"] [data-vps-state] { background:#fee2e2;color:#991b1b; }
.project-vps-status[data-state="paused"] [data-vps-state] { background:#eee7fa;color:#5313a0; }
.project-vps-status > small { color:var(--nimbus-text);line-height:1.6;overflow-wrap:anywhere; }
.project-vps-status .actions { flex-wrap:wrap; }
.project-vps-status [hidden] { display:none!important; }
.settings-replica-services { display:grid;gap:12px;min-width:0; }
.settings-replica-services > div { display:grid;gap:8px;padding:12px;border:1px solid var(--nimbus-line);border-radius:12px;color:var(--nimbus-text); }
.settings-replica-services strong { display:flex;gap:8px;align-items:center; }
.settings-replica-services span { line-height:1.65;overflow-wrap:anywhere; }

.settings-wifi-networks { display:grid;gap:8px;max-height:340px;overflow:auto;min-width:0; }
.settings-wifi-networks button { display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:100%;text-align:left; }
.settings-wifi-networks button strong { min-width:0;overflow-wrap:anywhere; }
.settings-wifi-networks button small { width:100%;color:inherit; }