:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf7ff;background:#030711;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#030711;--bg2:#07111d;--panel:rgba(10,23,38,.72);--panel2:rgba(13,29,47,.82);--line:rgba(132,198,226,.13);--line-strong:rgba(64,226,255,.28);--cyan:#42e7ff;--cyan2:#02a9d9;--text:#edfaff;--muted:#7e9eb2;--muted2:#506b7d;--green:#45e7a5;--danger:#ff657d;--shadow:0 24px 80px rgba(0,0,0,.42);}
*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 75% 10%,rgba(0,172,225,.08),transparent 28%),linear-gradient(135deg,#02050b 0%,#07101c 58%,#030711 100%);color:var(--text)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(66,231,255,.58);outline-offset:2px}.icon{flex:0 0 auto}

.app{height:100vh;display:flex;position:relative;isolation:isolate}.app:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,transparent 12%,#000 55%,transparent)}
.sidebar{width:280px;min-width:280px;height:100vh;position:relative;z-index:5;padding:20px 16px 16px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(60,194,228,.16) transparent;background:linear-gradient(180deg,rgba(13,27,43,.96),rgba(5,12,22,.98));border-right:1px solid rgba(81,203,238,.17);box-shadow:18px 0 60px rgba(0,0,0,.28),inset -1px 0 rgba(255,255,255,.03)}.sidebar:before{content:"";position:absolute;left:-80px;top:-40px;width:280px;height:280px;background:radial-gradient(circle,rgba(40,222,255,.13),transparent 67%);pointer-events:none}.sidebar-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.025) 45%,transparent 52%)}.brand-block{position:relative;padding:14px 12px 20px;border-bottom:1px solid var(--line)}.brand-kicker{font-size:9px;font-weight:700;letter-spacing:.21em;color:#5f8599;display:flex;align-items:center;gap:7px}.brand-kicker span{width:20px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 8px var(--cyan)}.brand-title{font-family:"Space Grotesk",Inter,sans-serif;font-size:28px;line-height:1;font-weight:700;letter-spacing:-.04em;margin-top:12px;background:linear-gradient(180deg,#f7feff,#98c9d8 50%,#526f82 82%,#ccfaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 28px rgba(56,224,255,.25);filter:drop-shadow(0 2px 0 rgba(0,0,0,.72))}.brand-title b{font-weight:700;color:#80f3ff;-webkit-text-fill-color:#80f3ff;text-shadow:0 0 16px rgba(55,235,255,.55)}.brand-subtitle{margin-top:8px;font-size:10px;line-height:1.4;letter-spacing:.075em;color:#6b8fa2;text-transform:uppercase}.sidebar-nav{padding:16px 0 10px;display:flex;flex-direction:column;gap:5px}.nav-button{height:43px;width:100%;border:1px solid transparent;border-radius:12px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 11px;color:#7898aa;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease;position:relative}.nav-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);transition:.2s}.nav-arrow{margin-left:auto;opacity:.32}.nav-button:hover{color:#d6f8ff;background:rgba(37,164,199,.07);border-color:rgba(74,212,247,.12);transform:translateX(2px)}.nav-button:hover .nav-icon{color:var(--cyan);border-color:rgba(66,231,255,.18)}.nav-button.active{color:#eaffff;background:linear-gradient(90deg,rgba(18,187,225,.14),rgba(8,50,72,.23));border-color:rgba(78,226,255,.22);box-shadow:inset 0 0 24px rgba(25,190,232,.06),0 8px 24px rgba(0,0,0,.13)}.nav-button.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.nav-button.active .nav-icon{color:#62edff;background:rgba(22,179,216,.1);box-shadow:0 0 18px rgba(39,220,255,.11)}.sidebar-lower{margin-top:auto;position:relative}.mascot-card{height:190px;border:1px solid rgba(73,192,224,.11);border-radius:18px;position:relative;overflow:hidden;background:radial-gradient(circle at 46% 38%,rgba(24,160,197,.10),transparent 42%),linear-gradient(160deg,rgba(12,28,44,.82),rgba(4,10,18,.7));box-shadow:inset 0 1px rgba(255,255,255,.025)}.mascot-card:before{content:"";position:absolute;left:12px;right:12px;bottom:31px;height:1px;background:linear-gradient(90deg,transparent,rgba(78,229,255,.18),transparent)}.mascot-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(17,203,244,.15);filter:blur(33px);left:58px;top:29px}.mascot-image{position:absolute;width:185px;height:auto;left:4px;bottom:-50px;filter:drop-shadow(0 0 15px rgba(15,202,240,.18));animation:floatMascot 4.6s ease-in-out infinite}.mascot-motto{position:absolute;right:16px;top:46px;display:flex;flex-direction:column;gap:4px;text-align:right;font-family:"Space Grotesk",sans-serif;font-size:11px;line-height:1.15;color:#6d8898;letter-spacing:.12em;text-transform:uppercase}.mascot-motto span:first-child{color:#91afbd}.online-status{height:38px;margin-top:9px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(71,203,164,.1);border-radius:11px;background:rgba(6,27,28,.34);font-size:11px;color:#a7c8c1}.online-status small{margin-left:auto;color:#405f62;font-size:9px}.online-dot{width:7px;height:7px;border-radius:50%;background:#43e99f;box-shadow:0 0 10px rgba(67,233,159,.8)}

.workspace{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 78% 7%,rgba(0,154,199,.075),transparent 26%)}.titlebar{height:42px;min-height:42px;border-bottom:1px solid rgba(113,194,223,.09);display:flex;align-items:center;justify-content:space-between;padding-left:18px;background:rgba(3,9,16,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;z-index:4}.titlebar-product{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#7897a8;text-transform:uppercase}.titlebar-product span:last-child{font-weight:500;color:#3b5868}.titlebar-orb{width:6px;height:6px;border-radius:50%;background:#40e9ff;box-shadow:0 0 10px #40e9ff}.window-controls{height:100%;display:flex}.window-button{width:46px;height:100%;display:grid;place-items:center;border:0;border-left:1px solid rgba(255,255,255,.035);background:transparent;color:#638194;cursor:default}.window-button:hover{background:rgba(255,255,255,.045);color:#d9f8ff}.close-window:hover{background:rgba(255,67,95,.15);color:#ff7990}.minimize-line{width:12px;height:1px;background:currentColor}.maximize-box{width:11px;height:9px;border:1px solid currentColor}.workspace-content{height:calc(100vh - 42px);min-height:0;position:relative;overflow:hidden}

.chat-container{height:100%;display:flex;flex-direction:column;position:relative}.chat-topbar{height:62px;min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(116,195,221,.075);background:rgba(5,13,23,.24)}.chat-topbar>div:first-child{display:flex;align-items:baseline;gap:10px}.mini-brand{font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;color:#9cedf8}.chat-topbar strong{font-size:10px;color:#486777;font-weight:500;letter-spacing:.05em}.system-badge{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(111,151,172,.045);border:1px solid rgba(111,151,172,.10);font-size:9px;color:#708a98;text-transform:uppercase;letter-spacing:.09em}.system-badge span{width:6px;height:6px;border-radius:50%;background:#6f8d9c;box-shadow:0 0 8px rgba(111,141,156,.32)}.system-badge.ready{color:#6d9d90;background:rgba(63,222,162,.04);border-color:rgba(63,222,162,.09)}.system-badge.ready span{background:#43e7a5;box-shadow:0 0 8px rgba(67,231,165,.6)}.chat-area{flex:1;min-height:0;overflow-y:auto;padding:44px max(28px,calc((100% - 900px)/2));scrollbar-width:thin;scrollbar-color:rgba(60,194,228,.18) transparent}.chat-welcome{width:min(690px,100%);margin:10vh auto 0;text-align:center;animation:fadeRise .5s ease}.welcome-emblem{width:62px;height:62px;margin:0 auto 21px;border-radius:19px;display:grid;place-items:center;color:#6fefff;background:linear-gradient(145deg,rgba(20,123,151,.18),rgba(6,20,32,.6));border:1px solid rgba(86,226,255,.2);box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06),0 0 35px rgba(21,204,240,.08);transform:rotate(-2deg)}.chat-welcome>span{font-size:9px;color:#5b8093;letter-spacing:.24em;font-weight:700}.chat-welcome h1{font-family:"Space Grotesk",sans-serif;font-size:36px;line-height:1.1;letter-spacing:-.035em;margin:8px 0 11px;background:linear-gradient(180deg,#f4fdff,#9db8c7);-webkit-background-clip:text;color:transparent}.chat-welcome>p{font-size:13px;line-height:1.7;color:#617f91;width:min(530px,100%);margin:0 auto}.prompt-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:30px}.prompt-row button{border:1px solid rgba(112,195,223,.11);background:rgba(10,27,43,.42);color:#65879a;border-radius:10px;padding:9px 12px;font-size:10px;cursor:pointer;transition:.2s}.prompt-row button:hover{color:#bdeef7;border-color:rgba(63,222,255,.23);background:rgba(18,80,104,.22);transform:translateY(-1px)}.message-row{display:flex;gap:12px;align-items:flex-start;margin:18px 0;animation:fadeRise .25s ease}.message-row.user{justify-content:flex-end}.message{max-width:680px;font-size:12.5px;line-height:1.7}.message small{display:block;margin-top:6px;font-size:9px;color:#4c6b7d}.user-message{padding:12px 15px;background:linear-gradient(145deg,rgba(24,91,116,.62),rgba(9,38,56,.82));border:1px solid rgba(80,218,255,.14);border-radius:15px 15px 4px 15px;color:#d6f4fa;box-shadow:0 8px 30px rgba(0,0,0,.14)}.ai-message{padding:2px 4px;color:#b8ced8}.message-name{font-size:9px;font-weight:700;letter-spacing:.12em;color:#50d9ee;margin-bottom:5px}.avatar{width:28px;height:28px;min-width:28px;border-radius:9px;display:grid;place-items:center;margin-top:2px}.ai-avatar{color:#62edff;background:rgba(16,111,139,.16);border:1px solid rgba(66,226,255,.14)}.user-avatar{font-size:10px;font-weight:700;color:#98b5c3;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.attachment-message{width:min(430px,100%)}.attachment-card,.image-attachment{border:1px solid rgba(99,193,223,.12);background:rgba(8,22,35,.66);border-radius:13px;padding:11px;display:flex;align-items:center;gap:11px;color:#8fb2c2}.attachment-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#66e5f8;background:rgba(25,132,160,.11)}.attachment-card>div{flex:1;min-width:0}.attachment-card strong,.image-attachment strong{display:block;font-size:11px;color:#bcd4df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-card small,.image-attachment small{margin:1px 0 0}.image-attachment img{width:72px;height:58px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.thinking{display:flex;gap:4px;padding:10px 40px}.thinking span{width:5px;height:5px;border-radius:50%;background:#44cfe8;animation:pulseDot 1.2s infinite}.thinking span:nth-child(2){animation-delay:.12s}.thinking span:nth-child(3){animation-delay:.24s}.composer-wrap{width:min(800px,calc(100% - 48px));margin:0 auto 15px;position:relative}.trust-line{height:25px;display:flex;align-items:center;justify-content:flex-end}.trust-line label{display:flex;align-items:center;gap:6px;font-size:9px;color:#426274;cursor:pointer}.trust-line small{color:#314d5d}.trust-line input{display:none}.trust-line label>span{width:22px;height:12px;border-radius:10px;background:#172d3b;border:1px solid rgba(111,180,205,.14);position:relative}.trust-line label>span:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:1px;top:1px;background:#5b7180;transition:.2s}.trust-line input:checked+span{background:rgba(37,189,210,.2);border-color:rgba(61,223,243,.3)}.trust-line input:checked+span:after{left:11px;background:#55e8f9;box-shadow:0 0 6px rgba(55,233,255,.7)}.composer-shell{min-height:58px;display:flex;align-items:flex-end;gap:9px;padding:8px;border:1px solid rgba(116,203,229,.16);border-radius:18px;background:linear-gradient(145deg,rgba(13,30,47,.88),rgba(6,17,29,.92));box-shadow:0 18px 65px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(20px);position:relative;transition:.2s}.composer-shell:focus-within{border-color:rgba(67,225,255,.32);box-shadow:0 18px 65px rgba(0,0,0,.27),0 0 0 3px rgba(46,220,255,.025)}.composer-shell textarea{flex:1;min-width:0;max-height:110px;resize:none;background:transparent;border:0;outline:0;color:#d4edf5;padding:9px 4px;font-size:12px;line-height:1.4}.composer-shell textarea::placeholder{color:#486779}.plus-btn,.send-btn{width:40px;height:40px;min-width:40px;border-radius:12px;display:grid;place-items:center;border:1px solid transparent;cursor:pointer;transition:.2s}.plus-btn{background:rgba(255,255,255,.035);color:#6c8c9e;border-color:rgba(255,255,255,.04)}.plus-btn:hover,.plus-btn.active{color:#78efff;background:rgba(32,180,215,.1);border-color:rgba(60,224,250,.18);transform:rotate(45deg)}.send-btn{background:linear-gradient(145deg,#3edff1,#1595bd);color:#021017;box-shadow:0 0 20px rgba(46,215,239,.14)}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 26px rgba(46,215,239,.25)}.plus-btn:disabled,.send-btn:disabled{opacity:.32;cursor:not-allowed;transform:none}.composer-note{text-align:center;font-size:8.5px;color:#2e4a5b;margin-top:7px}.upload-menu{position:absolute;left:0;bottom:66px;width:230px;padding:8px;border-radius:14px;background:rgba(8,22,35,.96);border:1px solid rgba(82,211,242,.16);box-shadow:0 22px 55px rgba(0,0,0,.42);backdrop-filter:blur(20px);animation:popIn .16s ease;z-index:10}.upload-menu-label{padding:5px 8px 7px;font-size:8px;letter-spacing:.16em;color:#426579}.upload-menu label{display:flex;align-items:center;gap:10px;border-radius:10px;padding:9px;cursor:pointer;transition:.16s}.upload-menu label:hover{background:rgba(39,173,204,.09)}.upload-menu label>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#66e8f8;background:rgba(30,151,181,.1)}.upload-menu strong{font-size:10.5px;color:#b9d5df;display:block}.upload-menu small{display:block;font-size:8.5px;color:#476777;margin-top:1px}

.page-scroll{height:100%;overflow-y:auto;padding:36px clamp(28px,5vw,72px) 70px;scrollbar-width:thin;scrollbar-color:rgba(60,194,228,.18) transparent}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 30px;max-width:1200px}.back-button{border:0;background:transparent;color:#5d7f91;padding:0 0 15px;display:flex;align-items:center;gap:5px;font-size:10px;cursor:pointer}.back-button:hover{color:#84ebf7}.page-eyebrow{font-size:9px;font-weight:700;letter-spacing:.2em;color:#3aa6bd;text-transform:uppercase;margin-bottom:8px}.page-header h1{font-family:"Space Grotesk",sans-serif;font-size:34px;letter-spacing:-.035em;margin:0;color:#e5f6fb}.page-header p{font-size:11px;line-height:1.6;color:#607f91;margin:8px 0 0;max-width:590px}.provider-toggle{display:flex;padding:3px;border-radius:11px;border:1px solid rgba(79,197,228,.14);background:rgba(8,22,35,.7)}.provider-toggle button{border:0;background:transparent;border-radius:8px;color:#527387;padding:8px 13px;font-size:9px;font-weight:700;cursor:pointer}.provider-toggle button.active{color:#b5f6ff;background:rgba(32,181,216,.12);box-shadow:inset 0 0 18px rgba(48,209,235,.05)}.hero-panel{max-width:1200px;margin:0 auto;min-height:350px;border:1px solid rgba(82,199,229,.13);border-radius:22px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(10,29,47,.82),rgba(4,13,24,.9));box-shadow:var(--shadow)}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(63,216,247,.03) 50%,transparent 65%);pointer-events:none}.hero-copy{padding:55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-chip{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(77,220,250,.13);background:rgba(30,161,192,.07);border-radius:8px;color:#67ddec;font-size:8px;font-weight:700;letter-spacing:.14em}.hero-copy h2{font-family:"Space Grotesk",sans-serif;font-size:43px;line-height:1.02;letter-spacing:-.05em;margin:17px 0 14px;background:linear-gradient(#f2fdff,#92aeba);-webkit-background-clip:text;color:transparent}.hero-copy p{max-width:510px;color:#5d7c8d;font-size:12px;line-height:1.7;margin:0 0 24px}.primary-button{height:38px;border:1px solid rgba(93,227,248,.22);border-radius:10px;background:linear-gradient(145deg,rgba(42,192,221,.18),rgba(12,87,111,.26));color:#aeeef7;padding:0 14px;font-size:9.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.04)}.primary-button:hover{border-color:rgba(102,236,255,.38);color:#e1fbff;transform:translateY(-1px)}.hero-visual{position:relative;min-height:350px;display:grid;place-items:center;background:radial-gradient(circle,rgba(20,188,222,.08),transparent 52%)}.core-ring{position:absolute;border-radius:50%;border:1px solid rgba(57,215,245,.16)}.ring-one{width:220px;height:220px;animation:spin 16s linear infinite}.ring-two{width:150px;height:150px;border-style:dashed;animation:spinReverse 12s linear infinite}.core-center{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;color:#79efff;background:linear-gradient(145deg,rgba(31,156,187,.19),rgba(4,20,31,.95));border:1px solid rgba(83,229,255,.24);box-shadow:0 0 60px rgba(40,218,248,.13),inset 0 0 30px rgba(52,214,240,.05)}.orbit-node{position:absolute;width:7px;height:7px;border-radius:50%;background:#4ce6f8;box-shadow:0 0 10px #4ce6f8}.node-one{transform:translate(109px,-12px)}.node-two{transform:translate(-65px,92px)}.node-three{transform:translate(-74px,-86px)}.dashboard-grid{max-width:1200px;margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dashboard-card,.glass-card{border:1px solid rgba(95,195,224,.11);border-radius:17px;background:linear-gradient(145deg,rgba(10,26,42,.68),rgba(5,15,26,.76));box-shadow:0 16px 44px rgba(0,0,0,.13)}.dashboard-card{padding:22px;transition:.2s}.dashboard-card:hover{transform:translateY(-2px);border-color:rgba(78,218,249,.2)}.feature-icon,.large-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#5cdeef;background:rgba(27,157,188,.09);border:1px solid rgba(73,220,248,.1)}.dashboard-card h3{font-size:12.5px;margin:16px 0 7px;color:#b9d0da}.dashboard-card p{font-size:10px;line-height:1.6;color:#516f80;margin:0 0 17px}.dashboard-card button{display:flex;align-items:center;gap:3px;border:0;background:transparent;padding:0;color:#54b8ce;font-size:9px;cursor:pointer}.content-grid{max-width:1200px;margin:0 auto;display:grid;gap:15px}.two-column{grid-template-columns:1.2fr .8fr}.glass-card{padding:27px}.project-empty{min-height:310px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-empty h2,.custom-api-card h2{font-family:"Space Grotesk",sans-serif;font-size:22px;margin:17px 0 7px;color:#cfe4eb}.project-empty p,.custom-api-card>p,.api-note p{font-size:10.5px;line-height:1.7;color:#557484;margin:0 0 20px;max-width:520px}.section-label{font-size:8.5px;letter-spacing:.18em;font-weight:700;color:#3d93a8;margin-bottom:16px}.flow-list{display:flex;flex-direction:column;gap:4px}.flow-list>div{display:grid;grid-template-columns:35px 80px 1fr;gap:8px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.045)}.flow-list span{font-family:"Space Grotesk",sans-serif;color:#317e91;font-size:10px}.flow-list strong{font-size:10.5px;color:#8eb1c0}.flow-list small{font-size:9px;color:#425f70}.settings-stack{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.setting-row{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.045)}.setting-row:last-child{border:0}.setting-row strong{font-size:11px;color:#9ebbc8}.setting-row p{font-size:9.5px;color:#486878;margin:4px 0 0}.switch{width:38px;height:20px;border-radius:999px;padding:2px;border:1px solid rgba(255,255,255,.08);background:#142634;cursor:pointer;transition:.2s}.switch span{display:block;width:14px;height:14px;border-radius:50%;background:#5a6f7c;transition:.2s}.switch.on{background:rgba(39,176,201,.2);border-color:rgba(67,226,248,.25)}.switch.on span{transform:translateX(16px);background:#50e3f4;box-shadow:0 0 8px rgba(71,226,245,.7)}.account-card{display:flex;align-items:center;justify-content:space-between}.account-card h3{margin:0;color:#b8d6e1;font-size:14px}.account-card p{margin:4px 0 0;color:#4b6d7e;font-size:9.5px}.version-pill{font-size:8.5px;color:#4da9bd;border:1px solid rgba(64,186,213,.12);border-radius:999px;padding:6px 9px;background:rgba(31,141,167,.05)}

.api-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.api-card{padding:18px;border:1px solid rgba(87,194,223,.11);border-radius:15px;background:linear-gradient(145deg,rgba(11,28,44,.7),rgba(5,15,25,.8));transition:.2s}.api-card:hover{transform:translateY(-2px);border-color:rgba(73,219,247,.2);box-shadow:0 16px 40px rgba(0,0,0,.17)}.api-card-top{display:flex;align-items:center;justify-content:space-between}.api-number{font-family:"Space Grotesk",sans-serif;font-size:9px;color:#2f7184}.status-pill{display:flex;align-items:center;gap:5px;font-size:7.5px;text-transform:uppercase;letter-spacing:.1em;color:#5a917f}.status-pill i{width:5px;height:5px;border-radius:50%;background:#42dda1;box-shadow:0 0 7px rgba(66,221,161,.6)}.api-card h3{font-size:11.5px;color:#9ebdca;margin:14px 0 11px}.api-card label{font-size:8px;color:#466778}.key-field{height:35px;border:1px solid rgba(113,188,212,.1);border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 9px;margin-top:5px;background:rgba(1,8,14,.28);color:#477183}.key-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#9fbdc9;font-size:9px}.key-field input::placeholder{color:#314e5e}.save-button{width:100%;height:31px;border-radius:8px;margin-top:11px;border:1px solid rgba(64,194,219,.12);background:rgba(35,149,175,.07);color:#5498aa;font-size:8.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.save-button:hover,.save-button.saved{color:#8eeef9;border-color:rgba(71,221,244,.23);background:rgba(31,177,205,.1)}.custom-api-layout{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 270px;gap:14px}.custom-api-card{min-height:360px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:23px 0}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#587789;font-size:8.5px}.form-grid .full{grid-column:1/-1}.form-grid input{height:37px;border:1px solid rgba(99,190,216,.12);border-radius:9px;background:rgba(2,10,17,.3);padding:0 10px;outline:0;color:#a9c7d1;font-size:9.5px}.form-grid input:focus{border-color:rgba(60,220,246,.28)}.api-note{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#48b8cf}.api-note h3{font-size:12px;color:#9dc0cb;margin:13px 0 4px}

.history-list{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.history-card{min-height:66px;border:1px solid rgba(86,188,217,.1);border-radius:13px;background:rgba(8,23,37,.62);display:flex;align-items:center;gap:13px;padding:12px 15px;color:#537486}.history-card:hover{border-color:rgba(75,218,247,.18)}.history-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:rgba(24,143,171,.08);color:#4fcde2}.history-card div{flex:1;min-width:0}.history-card strong{font-size:10.5px;color:#8facb9}.history-card p{font-size:9px;color:#456475;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 0}.empty-state{min-height:300px;border:1px dashed rgba(86,190,220,.12);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3b8ea3;background:rgba(8,23,37,.25)}.empty-state h3{font-size:12px;color:#7c9eae;margin:12px 0 4px}.empty-state p{font-size:9.5px;color:#416171;margin:0}.library-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-card{min-height:180px;border:1px solid rgba(88,193,221,.1);border-radius:16px;background:linear-gradient(145deg,rgba(10,28,44,.68),rgba(5,15,25,.77));padding:21px;display:flex;flex-direction:column;color:#4ca9bd;transition:.2s}.library-card:hover{transform:translateY(-2px);border-color:rgba(75,217,246,.19)}.library-card>span{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:rgba(27,150,181,.08)}.library-card>div{flex:1}.library-card h3{font-size:12px;color:#9bbac7;margin:17px 0 6px}.library-card p{font-size:9.5px;line-height:1.6;color:#4b6b7b;margin:0}.library-card>svg{align-self:flex-end}

@keyframes floatMascot{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes fadeRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes popIn{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}@keyframes pulseDot{0%,70%,100%{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}


.recent-chats{position:relative;margin:2px 0 10px;padding:11px 8px 8px;border-top:1px solid var(--line);border-bottom:1px solid rgba(132,198,226,.07);min-height:0;max-height:148px;overflow:hidden;flex-shrink:0}.recent-chats-title{display:flex;align-items:center;justify-content:space-between;padding:0 3px 7px;font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#526f80}.recent-chats-title small{font-size:8px;font-weight:600;letter-spacing:0;color:#345768}.recent-chat-list{display:flex;flex-direction:column;gap:4px;max-height:112px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(60,194,228,.15) transparent}.recent-chat-empty{padding:9px 7px;font-size:8.5px;line-height:1.45;color:#3f5e70}.recent-chat-item{width:100%;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;padding:6px 7px;cursor:pointer;transition:.16s ease;color:#648698;min-width:0}.recent-chat-item:hover{background:rgba(37,164,199,.06);border-color:rgba(74,212,247,.10);color:#a9d8e6}.recent-chat-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px;font-size:7.5px;color:#3e6173}.recent-chat-item time{font:inherit}.recent-chat-item strong{display:block;font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.composer-shell textarea{caret-color:var(--cyan)}
@media(max-width:1100px){.sidebar{width:240px;min-width:240px}.brand-title{font-size:24px}.brand-subtitle{font-size:8.5px}.mascot-card{height:160px}.mascot-image{width:165px;left:-4px}.api-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:38px}.hero-copy h2{font-size:36px}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-card:last-child{grid-column:1/-1}.library-grid{grid-template-columns:1fr 1fr}.custom-api-layout{grid-template-columns:1fr}}
@media(max-width:820px){html,body,#root{overflow:auto}.app{height:auto;min-height:100vh;display:block}.sidebar{width:100%;min-width:0;height:auto;min-height:auto;position:relative;padding:12px;display:grid;grid-template-columns:1fr;overflow:visible}.brand-block{padding:7px 8px 12px}.brand-title{font-size:20px}.brand-subtitle{display:none}.sidebar-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 0 0;gap:5px}.nav-button{height:40px;padding:0 8px;justify-content:center;font-size:10px}.nav-icon{width:25px;height:25px}.nav-arrow{display:none}.sidebar-lower{display:none}.workspace{height:auto;min-height:calc(100vh - 160px)}.titlebar{position:sticky;top:0;z-index:15}.workspace-content{height:auto;min-height:calc(100vh - 202px);overflow:visible}.chat-container{min-height:calc(100vh - 202px)}.chat-area{padding:28px 20px;min-height:440px}.chat-topbar{padding:0 17px}.chat-topbar strong{display:none}.composer-wrap{width:calc(100% - 24px);margin-bottom:12px}.page-scroll{height:auto;overflow:visible;padding:28px 20px 55px}.page-header{align-items:flex-start;flex-direction:column}.page-header-action{width:100%}.hero-panel{grid-template-columns:1fr}.hero-visual{min-height:250px}.dashboard-grid{grid-template-columns:1fr}.dashboard-card:last-child{grid-column:auto}.two-column{grid-template-columns:1fr}.api-grid{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:1fr}.provider-toggle{width:100%}.provider-toggle button{flex:1}}
@media(max-width:560px){.sidebar-nav{grid-template-columns:repeat(2,1fr)}.nav-button{justify-content:flex-start}.titlebar-product span:last-child{display:none}.window-button{width:38px}.chat-welcome{margin-top:7vh}.chat-welcome h1{font-size:29px}.prompt-row{display:none}.chat-area{padding-inline:14px}.chat-topbar{height:54px;min-height:54px}.system-badge{padding:6px 8px;font-size:7.5px}.composer-wrap{width:calc(100% - 14px)}.trust-line{justify-content:flex-start;overflow:hidden}.trust-line label{white-space:nowrap;font-size:8px}.composer-note{display:none}.page-header h1{font-size:29px}.hero-copy{padding:28px 22px}.hero-copy h2{font-size:32px}.hero-visual{min-height:210px}.api-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.message{max-width:calc(100vw - 92px)}.page-scroll{padding-inline:14px}.glass-card{padding:20px}.account-card{align-items:flex-start;gap:20px}.upload-menu{bottom:62px}}

@media(max-width:820px){.recent-chats{margin:8px 0 0;padding:9px 4px 2px;max-height:none;border-bottom:0}.recent-chats-title{padding-inline:4px}.recent-chat-list{max-height:none;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:5px}.recent-chat-item{min-width:160px;max-width:200px;background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.025)}}
@media(max-height:820px) and (min-width:821px){.recent-chats{max-height:92px}.recent-chat-list{max-height:58px}.mascot-card{height:150px}.mascot-image{width:165px;bottom:-48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* API orchestration additions: preserve the existing SYNTAVIA visual system. */
.provider-summary{max-width:1200px;margin:0 auto 14px;display:grid;grid-template-columns:1.2fr .7fr 1.4fr;gap:18px;padding:14px 18px}.provider-summary>div{display:flex;align-items:center;gap:8px;min-width:0}.provider-summary>div+div{border-left:1px solid rgba(255,255,255,.05);padding-left:18px}.provider-summary strong{font-size:9.5px;color:#9fc3d0}.provider-summary small{font-size:8px;color:#466878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-dot{width:7px;height:7px;border-radius:50%;background:#607683;box-shadow:0 0 8px rgba(96,118,131,.28)}.provider-dot.active{background:#42dda1;box-shadow:0 0 9px rgba(66,221,161,.65)}.api-notice{max-width:1200px;margin:0 auto 12px;border:1px solid rgba(85,201,229,.12);border-radius:10px;padding:9px 12px;background:rgba(13,44,59,.28);color:#6ea9ba;font-size:8.5px}.api-mode-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.api-mode-row h3{margin-right:auto}.work-pill{font-size:6.5px;letter-spacing:.09em;border-radius:999px;padding:4px 6px;border:1px solid rgba(104,184,208,.11);color:#557787;background:rgba(65,115,132,.06)}.work-pill.active{color:#62b9cb;border-color:rgba(70,211,234,.16);background:rgba(31,161,185,.08)}.status-pill.empty{color:#627987}.status-pill.empty i{background:#607683;box-shadow:none}.status-pill.pending{color:#b59a62}.status-pill.pending i{background:#e2b957;box-shadow:0 0 7px rgba(226,185,87,.45)}.status-pill.error{color:#bf6f73}.status-pill.error i{background:#ef6c73;box-shadow:0 0 7px rgba(239,108,115,.5)}.status-pill.active{color:#5a917f}.api-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.save-button.secondary{color:#5f7f90;background:rgba(255,255,255,.018)}.save-button:disabled,.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.custom-api-actions{display:flex;gap:8px}.secondary-action{background:rgba(255,255,255,.025);color:#6d9aaa}.chat-status-stack{display:flex!important;align-items:center!important;gap:7px!important}.provider-chat-badge{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(111,151,172,.035);border:1px solid rgba(111,151,172,.08);font-size:8px;color:#5f7e8e;text-transform:uppercase;letter-spacing:.07em}.provider-chat-badge span{width:6px;height:6px;border-radius:50%;background:#6f8d9c}.provider-chat-badge.ready{color:#62a994;border-color:rgba(63,222,162,.09);background:rgba(63,222,162,.035)}.provider-chat-badge.ready span{background:#43e7a5;box-shadow:0 0 8px rgba(67,231,165,.6)}
@media(max-width:820px){.provider-summary{grid-template-columns:1fr}.provider-summary>div+div{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.05);padding-top:9px}.chat-status-stack{gap:4px!important}.provider-chat-badge{font-size:7px;padding:6px 7px}}
@media(max-width:560px){.provider-chat-badge{display:none}.custom-api-actions{flex-direction:column}.provider-summary small{white-space:normal}}

.provider-off-note{font-size:8px;line-height:1.55;color:#496b79;margin:2px 0 14px;display:block}

/* RETMO AI production web account and plugin surfaces. */
.app-loading,.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,rgba(0,190,235,.10),transparent 35%),linear-gradient(145deg,#02050b,#07101c);color:var(--text)}
.app-loading{align-content:center;gap:14px}.app-loading>span{font-size:11px;letter-spacing:.08em;color:#648597}.auth-card{width:min(440px,calc(100vw - 28px));padding:34px;border:1px solid rgba(82,216,248,.16);border-radius:20px;background:linear-gradient(155deg,rgba(13,31,49,.94),rgba(5,13,23,.97));box-shadow:0 30px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04)}.auth-brand{font-family:"Space Grotesk",Inter,sans-serif;font-size:36px;font-weight:700;letter-spacing:-.04em;margin-top:14px;background:linear-gradient(180deg,#f7feff,#87c5d7);-webkit-background-clip:text;color:transparent}.auth-brand b{color:#80f3ff;-webkit-text-fill-color:#80f3ff}.auth-subtitle{margin:6px 0 22px;color:#5d7d8e;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:4px;border:1px solid rgba(100,190,215,.1);border-radius:11px;background:rgba(0,0,0,.15)}.auth-tabs button{border:0;border-radius:8px;padding:9px;background:transparent;color:#5e8193;font-size:10px;font-weight:700;cursor:pointer}.auth-tabs button.active{background:rgba(35,189,225,.12);color:#bceef7}.auth-form{display:flex;flex-direction:column;gap:13px}.auth-form label,.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#5e8193;text-transform:uppercase}.auth-form input,.form-grid input{height:42px;border:1px solid rgba(101,193,218,.13);border-radius:10px;background:rgba(2,9,16,.58);color:#dff8ff;padding:0 12px;outline:none;text-transform:none;letter-spacing:normal}.auth-form input:focus,.form-grid input:focus{border-color:rgba(66,231,255,.35);box-shadow:0 0 0 3px rgba(66,231,255,.05)}.auth-error{padding:9px 11px;border:1px solid rgba(255,101,125,.18);border-radius:9px;background:rgba(255,101,125,.05);color:#d98291;font-size:10px}.auth-success{padding:9px 11px;border:1px solid rgba(92,231,191,.2);border-radius:9px;background:rgba(92,231,191,.06);color:#9be8cf;font-size:10px;line-height:1.5}.auth-note{display:block;margin-top:16px;line-height:1.55;color:#456577;font-size:9px}.account-strip{height:52px;margin-top:9px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(83,195,223,.10);border-radius:11px;background:rgba(8,22,34,.46)}.account-strip>div{min-width:0;flex:1}.account-strip strong,.account-strip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-strip strong{font-size:9.5px;color:#9bbbc8}.account-strip small{font-size:7.5px;color:#496a7a;margin-top:2px}.account-strip button,.plugin-actions button{border:1px solid rgba(89,195,221,.14);border-radius:8px;background:rgba(24,93,115,.16);color:#6d9dad;padding:6px 8px;font-size:8px;cursor:pointer}.plugin-grid{align-items:stretch}.plugin-card small{display:block;margin-top:10px;color:#3e6576;font-size:8px;line-height:1.55}.plugin-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.plugin-actions .status-pill{margin:0}.plugin-actions button:hover,.account-strip button:hover{color:#bceff7;border-color:rgba(66,231,255,.28)}
@media(max-width:820px){.account-strip{display:none}.auth-card{padding:26px}.sidebar-nav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.auth-card{padding:22px}.auth-brand{font-size:30px}.sidebar-nav{grid-template-columns:repeat(2,1fr)}}

.github-repo-panel{margin-top:18px;padding:22px}.github-repo-panel h2{margin:6px 0}.github-repo-panel>p{opacity:.72}.github-repo-list{display:grid;gap:10px;margin-top:16px}.github-repo-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.github-repo-row label{display:flex;align-items:center;gap:11px;min-width:0}.github-repo-row label span{display:flex;flex-direction:column;min-width:0}.github-repo-row strong{overflow:hidden;text-overflow:ellipsis}.github-repo-row small{opacity:.62}.github-repo-row button{white-space:nowrap}

/* Google account authentication + responsive Windows download surface. */
.auth-shell{width:100%;min-width:0;overflow-x:hidden}.auth-layout{width:min(760px,calc(100vw - 28px));min-width:0;display:grid;grid-template-columns:minmax(0,440px) minmax(230px,280px);gap:18px;align-items:stretch}.auth-layout .auth-card{width:100%;min-width:0}.auth-card,.auth-form,.auth-form label,.google-auth-actions{min-width:0}.auth-form input{width:100%;min-width:0;max-width:100%}.auth-divider{display:flex;align-items:center;gap:10px;margin:17px 0 12px;color:#456577;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(100,190,215,.1)}
.google-auth-actions{display:block;width:100%}.google-auth-button{width:100%;max-width:100%;min-width:0;min-height:42px;border:1px solid rgba(101,193,218,.16);border-radius:10px;padding:9px 13px;background:rgba(255,255,255,.035);color:#b9dce7;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:700;line-height:1.25;cursor:pointer;transition:.18s ease;overflow:hidden}.google-auth-button:hover{border-color:rgba(66,231,255,.34);background:rgba(35,189,225,.08);color:#e8fbff}.google-mark{width:20px;height:20px;min-width:20px;display:grid;place-items:center;background:transparent;box-shadow:none}.google-mark svg{display:block;width:20px;height:20px}.google-button-label{min-width:0;overflow-wrap:anywhere;text-align:center}
.download-platform-card{padding:26px 22px;border:1px solid rgba(82,216,248,.12);border-radius:20px;background:linear-gradient(155deg,rgba(10,26,42,.86),rgba(5,13,23,.94));box-shadow:0 30px 100px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center}.section-label{font-size:8px;font-weight:800;letter-spacing:.16em;color:#4d8397}.windows-download-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;margin-top:16px;padding:12px 8px;border-radius:12px;color:#78a5b5;text-decoration:none;transition:.18s ease}.windows-download-link:hover{background:rgba(20,104,128,.10);color:#bfeef7}.windows-download-link:focus-visible{outline:2px solid rgba(66,231,255,.58);outline-offset:2px}.windows-download-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(91,198,225,.15);border-radius:14px;background:rgba(7,21,34,.62);color:#62dff2;box-shadow:inset 0 1px rgba(255,255,255,.03)}.windows-download-label{max-width:100%;font-size:9.5px;font-weight:700;line-height:1.35;color:inherit;overflow-wrap:anywhere}
@media(max-width:820px){html,body,#root,#app{max-width:100%;overflow-x:hidden}.auth-shell{height:100dvh;min-height:100dvh;display:block;overflow-y:auto;overflow-x:hidden;padding:18px 14px;-webkit-overflow-scrolling:touch}.auth-layout{width:min(440px,100%);max-width:100%;margin:0 auto;grid-template-columns:minmax(0,1fr);gap:14px}.auth-card{max-width:100%;padding:26px}.download-platform-card{width:100%;max-width:100%;padding:18px 22px;min-height:132px}.windows-download-link{margin-top:12px;padding:8px}.windows-download-icon{width:44px;height:44px}.account-strip{display:none}.sidebar-nav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.auth-shell{padding:12px 10px}.auth-layout{width:100%;gap:10px}.auth-card{width:100%;max-width:100%;padding:20px 18px;border-radius:16px}.auth-brand{font-size:29px}.auth-subtitle{margin-bottom:18px;line-height:1.5}.auth-tabs button{min-width:0;padding:9px 6px;white-space:normal;line-height:1.25}.auth-form{gap:11px}.auth-form input{height:41px}.primary-button,.google-auth-button{width:100%;max-width:100%;min-width:0}.google-auth-button{min-height:42px;padding:9px 10px;gap:9px;font-size:10px;white-space:normal}.google-mark,.google-mark svg{width:19px;height:19px}.google-mark{min-width:19px}.auth-note{margin-top:13px;overflow-wrap:anywhere}.download-platform-card{padding:15px 16px;min-height:116px;border-radius:16px}.windows-download-link{gap:8px;margin-top:9px}.windows-download-icon{width:40px;height:40px;border-radius:12px}.windows-download-label{font-size:9px}.sidebar-nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:360px){.auth-shell{padding:8px 7px}.auth-card{padding:17px 14px}.auth-brand{font-size:27px}.auth-tabs{gap:4px}.google-auth-button{font-size:9.5px;padding-inline:8px}.download-platform-card{padding:13px 12px}}

/* Auth and download presentation; existing markup, routes and handlers stay intact. */
.google-auth-button{
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:50px;
  min-height:50px;
  max-height:50px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid rgba(111,206,232,.24);
  border-radius:12px;
  background:linear-gradient(160deg,#142a3b,#0b1b2b);
  color:#e3f5fa;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.18);
  font-size:14px;
  font-weight:650;
  line-height:1.25;
  white-space:nowrap;
  transition:none;
  -webkit-tap-highlight-color:transparent;
}
.google-auth-button:hover{
  border-color:rgba(111,206,232,.42);
  background:linear-gradient(160deg,#193246,#0d2134);
  color:#f2fcff;
}
.google-auth-button .google-mark{
  box-sizing:border-box;
  flex:0 0 22px;
  width:22px;
  height:22px;
  min-width:22px;
  max-width:22px;
  min-height:22px;
  max-height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.google-auth-button .google-mark svg{
  display:block;
  flex:0 0 22px;
  width:22px;
  height:22px;
  max-width:100%;
  max-height:100%;
}
.google-auth-button .google-button-label{
  flex:0 1 auto;
  min-width:0;
  max-width:calc(100% - 33px);
  overflow:visible;
  white-space:normal;
  overflow-wrap:normal;
  text-align:center;
  line-height:1.25;
}
.windows-download-link,.windows-download-link:visited{
  box-sizing:border-box;
  width:100%;
  max-width:236px;
  min-height:68px;
  margin-top:14px;
  padding:11px 14px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  border:1px solid rgba(105,192,222,.25);
  border-radius:14px;
  background:linear-gradient(155deg,#17384c 0%,#10283b 49%,#0a1a2b 100%);
  color:#e0f4fc;
  text-decoration:none;
  box-shadow:0 12px 22px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.10),inset 0 -2px rgba(1,7,15,.40);
  transform:none;
  transition:none;
  -webkit-tap-highlight-color:transparent;
}
.windows-download-link:hover{
  border-color:rgba(117,213,237,.40);
  background:linear-gradient(155deg,#1a3d52 0%,#122e43 49%,#0c2032 100%);
  color:#f1fbff;
  box-shadow:0 12px 22px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.10),inset 0 -2px rgba(1,7,15,.40);
  transform:none;
}
.windows-download-icon{
  box-sizing:border-box;
  flex:0 0 40px;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  border-radius:10px;
  background:linear-gradient(145deg,#275672,#102a3d);
  box-shadow:0 5px 9px rgba(0,0,0,.30),inset 1px 1px rgba(255,255,255,.13),inset -1px -1px rgba(0,0,0,.25);
}
.windows-download-icon svg{
  display:block;
  width:34px;
  height:34px;
  max-width:34px;
  max-height:34px;
}
.windows-download-label{
  flex:1 1 auto;
  min-width:0;
  text-align:left;
  color:inherit;
  font-size:13px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.3;
  text-shadow:0 1px 1px rgba(0,0,0,.55);
  text-decoration:none;
  overflow-wrap:normal;
}
@media(max-width:560px){
  .google-auth-button{padding-inline:11px;gap:9px;font-size:13px}
  .google-auth-button .google-mark{flex-basis:20px;width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px}
  .google-auth-button .google-mark svg{flex-basis:20px;width:20px;height:20px}
  .google-auth-button .google-button-label{max-width:calc(100% - 29px);font-size:13px}
  .windows-download-link,.windows-download-link:visited{max-width:100%;margin-top:10px;padding:11px 14px;gap:11px}
  .windows-download-label{font-size:13px}
}
@media(max-width:340px){
  .google-auth-button{padding-inline:9px;gap:8px}
  .windows-download-link,.windows-download-link:visited{padding-inline:11px}
}
.chat-area{scroll-behavior:smooth}.pending-attachment{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 7px;padding:8px 10px;border:1px solid rgba(99,193,223,.12);background:rgba(8,22,35,.82);border-radius:12px}.pending-attachment-main{display:flex;align-items:center;gap:10px;min-width:0}.pending-attachment-main>div{min-width:0}.pending-attachment-main img{width:46px;height:38px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.pending-attachment strong{display:block;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;color:#bcd4df}.pending-attachment small{display:block;margin-top:1px;font-size:8.5px;color:#476777}.pending-attachment>button{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.035);color:#7795a5;font-size:18px;cursor:pointer}.pending-attachment>button:hover{color:#d5f7fb;background:rgba(48,185,215,.1)}
.active-project-context{margin:10px 18px 0;padding:10px 13px;border:1px solid rgba(67,231,165,.2);border-radius:12px;background:linear-gradient(135deg,rgba(10,43,42,.82),rgba(8,22,35,.82));display:flex;align-items:center;gap:11px;flex:0 0 auto}.active-project-context>div{min-width:0;display:grid;gap:2px}.active-project-context small{font-size:7.5px;font-weight:800;letter-spacing:.13em;color:#4d9b8d}.active-project-context strong{font-size:10px;color:#b8e7dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-project-context span:not(.attachment-icon):not(.active-project-check){font-size:8px;color:#5f9389}.active-project-check{width:28px;height:28px;margin-left:auto;display:grid;place-items:center;color:#43e7a5;flex:0 0 auto}

/* === RETMO Dual Agent Layer: Trading Workspace === */
.trade-page{position:relative}
.trade-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:start}
.trade-content{min-width:0;display:grid;gap:16px}
.trade-rail{position:sticky;top:16px;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(80,211,241,.12);border-radius:16px;background:linear-gradient(160deg,rgba(8,24,38,.92),rgba(4,13,23,.95));box-shadow:0 24px 60px rgba(0,0,0,.24)}
.trade-rail-label{padding:4px 7px 8px;color:#4f8799;font-size:8px;font-weight:800;letter-spacing:.18em}
.trade-rail button{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 15px;gap:9px;align-items:center;padding:11px 10px;border:1px solid rgba(91,198,225,.08);border-radius:11px;background:rgba(255,255,255,.015);color:#638799;text-align:left;cursor:pointer;transition:.18s ease}
.trade-rail button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(38,146,176,.09);color:#63b9cf}
.trade-rail button div{min-width:0}.trade-rail button strong,.trade-rail button small{display:block}.trade-rail button strong{font-size:10px;color:#94b8c5}.trade-rail button small{margin-top:3px;font-size:7.5px;color:#456878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-rail button>.icon:last-child{opacity:.45}
.trade-rail button:hover,.trade-rail button.active{border-color:rgba(73,224,244,.23);background:rgba(33,151,182,.09);color:#a9e5ee}.trade-rail button.active>span{color:#74ecf7;box-shadow:inset 0 0 18px rgba(54,214,237,.08)}
.trade-landing-grid,.trade-api-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.75fr);gap:16px}
.trade-hero,.trade-market-card,.trade-api-grid>.glass-card,.trade-safety,.trade-result-card{padding:24px}
.trade-hero h2,.trade-market-card h2,.trade-api-grid h2{margin:10px 0 7px;font-size:24px;letter-spacing:-.025em;color:#d6f4fa}.trade-hero p,.trade-market-card>p,.trade-api-grid p,.trade-safety p{color:#5d8191;line-height:1.65;font-size:10px}
.trade-safety{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.trade-safety>.icon{color:#68cbd9;margin-bottom:8px}.trade-safety h3{margin:6px 0;color:#b8d7e0}
.trade-split-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.trade-split-status span,.trade-mode-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(69,224,179,.12);border-radius:999px;background:rgba(69,224,179,.045);color:#65b49b;font-size:8px;font-weight:800;letter-spacing:.06em}.trade-split-status i{width:6px;height:6px;border-radius:50%;background:#43e7a5;box-shadow:0 0 7px rgba(67,231,165,.5)}.trade-split-status .off{border-color:rgba(125,153,166,.12);background:rgba(105,133,146,.04);color:#6a8795}.trade-split-status .off i{background:#67808c;box-shadow:none}
.trade-api-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.trade-api-status>div,.trade-result-grid>div{padding:12px;border:1px solid rgba(97,197,220,.08);border-radius:10px;background:rgba(0,0,0,.13)}.trade-api-status small,.trade-api-status strong,.trade-result-grid small,.trade-result-grid strong{display:block}.trade-api-status small,.trade-result-grid small{font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;color:#486d7d}.trade-api-status strong,.trade-result-grid strong{margin-top:5px;color:#a9d0db;font-size:10px;overflow-wrap:anywhere}
.trade-form-grid select,.trade-form-grid textarea{width:100%;border:1px solid rgba(101,193,218,.13);border-radius:10px;background:rgba(2,9,16,.58);color:#dff8ff;outline:none}.trade-form-grid select{height:42px;padding:0 12px}.trade-form-grid textarea{min-height:220px;padding:12px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;line-height:1.55}.trade-form-grid select:focus,.trade-form-grid textarea:focus{border-color:rgba(66,231,255,.35);box-shadow:0 0 0 3px rgba(66,231,255,.05)}
.trade-action-row{display:flex;align-items:center;gap:10px;margin-top:14px}.trade-mode-pill{border-color:rgba(83,190,221,.12);background:rgba(43,131,158,.06);color:#69aabd}
.trade-result-card{margin-top:0}.trade-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.trade-limitations{margin-top:12px;padding:10px 12px;border:1px solid rgba(224,185,87,.10);border-radius:9px;background:rgba(224,185,87,.025)}.trade-limitations p{margin:3px 0;color:#9e895a;font-size:9px;line-height:1.55}
@media(max-width:980px){.trade-layout{grid-template-columns:minmax(0,1fr) 190px}.trade-landing-grid,.trade-api-grid{grid-template-columns:1fr}.trade-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.trade-layout{display:flex;flex-direction:column}.trade-rail{position:static;width:100%;order:-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.trade-rail-label{grid-column:1/-1}.trade-rail button{grid-template-columns:32px minmax(0,1fr);padding:9px}.trade-rail button>.icon:last-child{display:none}.trade-rail button small{display:none}.trade-content{width:100%}.trade-result-grid,.trade-api-status{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.trade-rail{grid-template-columns:1fr}.trade-rail-label{grid-column:auto}.trade-hero,.trade-market-card,.trade-api-grid>.glass-card,.trade-safety,.trade-result-card{padding:17px}.trade-result-grid,.trade-api-status{grid-template-columns:1fr}.trade-action-row{align-items:stretch;flex-direction:column}.trade-mode-pill{justify-content:center}.trade-form-grid textarea{min-height:180px}}


/* RETMO Trading Live Screen */
.trade-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trade-provider-card{padding:22px}.trade-provider-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.trade-provider-head h2{margin:8px 0 0;color:#d5f1f7}.trade-provider-card>p{margin:10px 0 16px;color:#628391;font-size:10px;line-height:1.6}.trade-api-isolation{flex-direction:row;align-items:center;gap:14px}.trade-api-isolation h3{margin:0 0 4px}.trade-api-isolation p{margin:0}
.trade-live-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(137,166,178,.16);border-radius:999px;background:rgba(92,119,130,.06);font-size:8px;font-weight:800;letter-spacing:.07em;color:#7b9aa7;white-space:nowrap}.trade-live-status i{width:7px;height:7px;border-radius:50%;background:#6a7d86}.trade-live-status.active{border-color:rgba(67,231,165,.2);background:rgba(67,231,165,.06);color:#70d9b2}.trade-live-status.active i{background:#43e7a5;box-shadow:0 0 8px rgba(67,231,165,.55)}.trade-live-status.error{border-color:rgba(255,103,112,.22);background:rgba(255,103,112,.06);color:#e58c92}.trade-live-status.error i{background:#ee6670;box-shadow:0 0 8px rgba(238,102,112,.45)}
.trade-live-card{padding:20px;overflow:hidden}.trade-live-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.trade-live-toolbar h2{margin:8px 0 0;color:#d7f4fa;font-size:22px}.trade-live-controls{display:grid;grid-template-columns:minmax(180px,260px) minmax(260px,1fr) auto;align-items:end;gap:12px;margin:18px 0 14px}.trade-live-controls label{display:grid;gap:6px;color:#587989;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.trade-live-controls input{height:40px;border:1px solid rgba(101,193,218,.13);border-radius:10px;background:rgba(2,9,16,.58);color:#dff8ff;padding:0 12px;outline:none}.trade-live-controls input:focus{border-color:rgba(66,231,255,.35);box-shadow:0 0 0 3px rgba(66,231,255,.05)}
.trade-timeframes{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:7px}.trade-timeframes button{height:40px;border:1px solid rgba(85,176,199,.12);border-radius:10px;background:rgba(8,26,38,.62);color:#668a99;font-size:9px;font-weight:800;cursor:pointer}.trade-timeframes button.active,.trade-timeframes button:hover{border-color:rgba(71,227,244,.3);background:rgba(39,157,184,.12);color:#b8f1f7}
.trade-live-chart{min-height:420px;border:1px solid rgba(73,174,199,.12);border-radius:14px;background:radial-gradient(circle at 65% 30%,rgba(21,94,113,.09),transparent 40%),rgba(1,8,14,.7);overflow:hidden}.trade-live-chart svg{display:block;width:100%;height:auto;min-height:420px}.trade-chart-empty{min-height:420px;display:grid;place-content:center;text-align:center;gap:8px;color:#6c8d9b}.trade-chart-empty strong{font-size:16px;color:#aacbd4}.trade-chart-empty span{font-size:9px;max-width:420px}.trade-gridline{stroke:rgba(111,166,181,.08);stroke-width:1}.trade-axis-label{fill:#456b79;font-size:9px}.trade-wick{stroke-width:1.1}.trade-wick.bull{stroke:#4bd8a1}.trade-wick.bear{stroke:#e16b76}.trade-candle.bull{fill:#42c994}.trade-candle.bear{fill:#d95d69}.trade-map-line{stroke-width:1.2;stroke-dasharray:6 5}.trade-map-line.entry{stroke:#62d7ee}.trade-map-line.target{stroke:#54d4a2}.trade-map-line.invalid{stroke:#eb7078}.trade-map-label{font-size:9px;font-weight:800}.trade-map-label.entry{fill:#7edff0}.trade-map-label.target{fill:#72ddb0}.trade-map-label.invalid{fill:#f08a91}.trade-r-dot{fill:#0c2632;stroke:#76ecf7;stroke-width:2;filter:drop-shadow(0 0 7px rgba(118,236,247,.42))}.trade-r-text{fill:#bffaff;font-size:11px;font-weight:900}
.trade-live-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.trade-live-info>div{padding:11px 12px;border:1px solid rgba(89,179,204,.08);border-radius:10px;background:rgba(0,0,0,.14)}.trade-live-info small,.trade-live-info strong{display:block}.trade-live-info small{font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#486d7d}.trade-live-info strong{margin-top:5px;color:#a9d0db;font-size:9px;overflow-wrap:anywhere}.trade-live-reasons{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:10px;padding:10px 12px;border:1px solid rgba(224,185,87,.12);border-radius:10px;background:rgba(224,185,87,.03)}.trade-live-reasons strong{font-size:8px;color:#b5a064;margin-right:5px}.trade-live-reasons span{padding:4px 7px;border-radius:999px;background:rgba(224,185,87,.06);color:#907d51;font-size:7px}.trade-live-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#426575;font-size:8px}
.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid rgba(91,190,213,.14);border-radius:9px;background:rgba(42,116,139,.07);color:#8ab7c5;font-size:9px;font-weight:800;cursor:pointer}.secondary-button:hover{border-color:rgba(83,224,241,.28);color:#b8ecf4}.danger-lite{border-color:rgba(230,103,112,.12);color:#b87a80}
@media(max-width:980px){.trade-provider-grid{grid-template-columns:1fr}.trade-live-info{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-live-controls{grid-template-columns:1fr}.trade-live-controls .secondary-button{justify-self:start}}
@media(max-width:600px){.trade-live-toolbar{flex-direction:column}.trade-timeframes{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-live-info{grid-template-columns:1fr 1fr}.trade-live-chart,.trade-chart-empty{min-height:330px}.trade-live-chart svg{min-height:330px}.trade-live-foot{flex-direction:column}.trade-provider-card{padding:16px}}

/* RETMO Trading Live hardening + landing pulse */
.trade-live-status.warn{border-color:rgba(224,185,87,.22);background:rgba(224,185,87,.06);color:#c8ad67}.trade-live-status.warn i{background:#d6b552;box-shadow:0 0 8px rgba(214,181,82,.42)}
.trade-pulse-card{padding:20px;overflow:hidden}.trade-pulse-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.trade-pulse-head h2{margin:8px 0 5px;color:#d5f1f7;font-size:21px}.trade-pulse-head p{margin:0;color:#5d8191;font-size:9px;line-height:1.6}.trade-pulse-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(67,231,165,.18);border-radius:999px;background:rgba(67,231,165,.05);color:#72d9b5;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.trade-pulse-live i{width:7px;height:7px;border-radius:50%;background:#43e7a5;box-shadow:0 0 9px rgba(67,231,165,.5)}
.trade-pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.trade-pulse-item{display:block;width:100%;padding:16px;border:1px solid rgba(91,198,225,.1);border-radius:13px;background:linear-gradient(160deg,rgba(9,29,43,.72),rgba(2,12,20,.72));text-align:left;color:inherit;cursor:pointer;transition:.18s ease}.trade-pulse-item:hover{transform:translateY(-1px);border-color:rgba(78,218,239,.25);background:linear-gradient(160deg,rgba(11,39,56,.82),rgba(2,15,24,.82))}.trade-pulse-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.trade-pulse-title>span{color:#4f8799;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.trade-pulse-item>strong{display:block;margin-top:13px;color:#bfe6ef;font-size:12px;letter-spacing:.03em}.trade-pulse-price{margin-top:5px;color:#e2fbff;font-size:25px;font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere}.trade-pulse-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.trade-pulse-meta span{padding:8px 9px;border:1px solid rgba(90,179,200,.08);border-radius:8px;background:rgba(0,0,0,.12);color:#507383;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.trade-pulse-meta b{display:block;margin-top:4px;color:#91bdc9;font-size:8px;letter-spacing:0}.trade-pulse-item>small{display:block;margin-top:10px;color:#426575;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.trade-pulse-grid{grid-template-columns:1fr}.trade-pulse-card{padding:17px}}
@media(max-width:520px){.trade-pulse-head{flex-direction:column}.trade-pulse-live{align-self:flex-start}.trade-pulse-price{font-size:22px}.trade-pulse-meta{grid-template-columns:1fr 1fr}}

.trade-chart-shell{position:relative;min-width:0}
.trade-chart-actions{position:absolute;z-index:2;top:10px;right:12px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:4px 6px;border:1px solid rgba(72,158,187,.18);border-radius:10px;background:rgba(3,15,24,.92);color:#87b9c7;font-size:9px}
.trade-chart-actions span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trade-re-button{min-width:34px;height:30px;border:1px solid rgba(90,221,236,.35);border-radius:8px;background:#102d39;color:#b9faff;font-weight:900;cursor:pointer}
.trade-re-button.active{background:#137390;color:white;box-shadow:0 0 12px rgba(80,213,236,.3)}
.trade-re-button:disabled{opacity:.45;cursor:not-allowed}
.trade-current-line{stroke:#89baf7;stroke-width:1;stroke-dasharray:2 3}
.trade-pulse-chart{height:125px;margin-top:10px;border:1px solid rgba(85,176,199,.14);border-radius:8px;background:#071520;overflow:hidden}
.trade-pulse-chart:empty{display:none}
.trade-pulse-chart svg{display:block;width:100%;height:100%;min-height:0}
.trade-pulse-chart .trade-axis-label{font-size:16px}
.trade-pulse-chart .trade-current-line{stroke-width:2}
@media(max-width:520px){.trade-chart-actions{left:8px;right:8px;max-width:calc(100% - 16px)}.trade-chart-actions span{font-size:8px}}

/* RETMO 2026 — evidence-backed agent progress + architecture graph */
.agent-progress-card{margin:10px 0;padding:13px 14px;border:1px solid rgba(83,218,238,.16);border-radius:13px;background:linear-gradient(160deg,rgba(7,28,40,.84),rgba(2,13,21,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.agent-progress-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(101,190,212,.08)}
.agent-progress-head>div{display:grid;gap:2px;min-width:0}.agent-progress-head strong{font-size:10px;color:#bdebf3;letter-spacing:.02em}.agent-progress-head small{font-size:7.5px;color:#547886}
.agent-progress-pulse{width:8px;height:8px;border-radius:50%;background:#49d9e9;box-shadow:0 0 0 4px rgba(73,217,233,.08),0 0 12px rgba(73,217,233,.42);animation:retmo-agent-pulse 1.5s ease-in-out infinite;flex:0 0 auto}
@keyframes retmo-agent-pulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}
.agent-progress-list{display:grid;gap:7px;margin-top:10px}.agent-progress-row{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:start;gap:9px;padding:7px 8px;border-radius:8px;background:rgba(0,0,0,.1)}
.agent-progress-row>span{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#4f8090}.agent-progress-row.completed>span{background:#4bd7a5}.agent-progress-row.attention>span,.agent-progress-row.failed>span{background:#dfae59}.agent-progress-row.running>span{background:#55cfe3}
.agent-progress-row>div{display:grid;gap:2px;min-width:0}.agent-progress-row strong{font-size:8.5px;font-weight:700;line-height:1.45;color:#94bec9}.agent-progress-row small{font-size:7px;color:#4e7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-message,.graph-message,.audit-report-message{max-width:min(840px,88%)}.activity-message .agent-progress-card{margin:7px 0 2px}
.agent-progress-card.is-live{height:250px;display:flex;flex-direction:column;overflow:hidden;contain:layout paint}.agent-progress-card.is-live .agent-progress-head{flex:0 0 auto}.agent-progress-card.is-live .agent-progress-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.agent-progress-card.is-live .agent-progress-list::-webkit-scrollbar{width:5px}.agent-progress-card.is-live .agent-progress-list::-webkit-scrollbar-thumb{background:rgba(75,197,220,.18);border-radius:8px}
.audit-report-card{margin:8px 0;padding:15px;border:1px solid rgba(75,211,229,.18);border-radius:14px;background:linear-gradient(160deg,rgba(6,28,40,.88),rgba(2,13,21,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.audit-report-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:11px;border-bottom:1px solid rgba(89,192,213,.1)}.audit-report-head>div:first-child{display:grid;gap:3px}.audit-report-head span{font-size:7px;font-weight:900;letter-spacing:.13em;color:#55a8b8}.audit-report-head strong{font-size:14px;color:#d0f2f7}.audit-report-metrics{min-width:58px;padding:7px 10px;border:1px solid rgba(85,216,233,.14);border-radius:10px;text-align:center;background:rgba(25,118,139,.09)}.audit-report-metrics b{display:block;color:#8feaf3;font-size:17px}.audit-report-metrics small{margin:0;color:#527984;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.audit-report-summary{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.audit-report-summary span{padding:6px 8px;border:1px solid rgba(93,183,201,.09);border-radius:8px;background:rgba(0,0,0,.12);font-size:7.5px;color:#5c8390}.audit-report-summary b{color:#a3cbd4;font-weight:700}.audit-finding-list{display:grid;gap:9px}.audit-finding{padding:11px 12px;border:1px solid rgba(89,175,195,.09);border-left:3px solid #507986;border-radius:10px;background:rgba(1,10,17,.33)}.audit-finding.severity-critical{border-left-color:#ed6677}.audit-finding.severity-high{border-left-color:#e79a61}.audit-finding.severity-medium{border-left-color:#d8ba62}.audit-finding.severity-low{border-left-color:#69a8bd}.audit-finding-title{display:flex;align-items:center;gap:8px;min-width:0}.audit-finding-title strong{font-size:10px;color:#c1e1e8;overflow-wrap:anywhere}.severity-badge{flex:0 0 auto;padding:3px 5px;border-radius:6px;font-size:6.5px;font-weight:900;letter-spacing:.07em;background:rgba(98,142,156,.1);color:#84aab5}.severity-badge.critical{background:rgba(237,102,119,.1);color:#ef8997}.severity-badge.high{background:rgba(231,154,97,.1);color:#edae7d}.severity-badge.medium{background:rgba(216,186,98,.1);color:#dfc87d}.severity-badge.low{background:rgba(105,168,189,.1);color:#82b9ca}.audit-finding-path{display:flex;align-items:center;gap:7px;margin:8px 0;padding:6px 7px;border-radius:7px;background:rgba(12,38,49,.34);min-width:0}.audit-finding-path>span{font-size:6px;font-weight:900;letter-spacing:.08em;color:#51b4c5}.audit-finding-path code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#92bdc7;font-size:8px}.audit-finding-path small{margin:0 0 0 auto;white-space:nowrap;color:#507784;font-size:6.5px}.audit-finding dl{display:grid;gap:7px;margin:0}.audit-finding dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px}.audit-finding dt{font-size:7px;font-weight:800;color:#527e8d;text-transform:uppercase;letter-spacing:.05em}.audit-finding dd{margin:0;color:#83a7b2;font-size:8.5px;line-height:1.55;overflow-wrap:anywhere}.audit-empty,.audit-warning{margin-top:10px;padding:9px 10px;border-radius:8px;font-size:8px;line-height:1.55}.audit-empty{border:1px solid rgba(217,184,97,.12);background:rgba(217,184,97,.04);color:#9f946e}.audit-warning{border:1px solid rgba(226,139,91,.13);background:rgba(226,139,91,.04);color:#a78772}.audit-report-download{display:inline-flex;margin-top:11px;padding:7px 10px;border:1px solid rgba(74,214,235,.17);border-radius:8px;background:rgba(31,152,177,.08);color:#78d9e8;font-size:8px;text-decoration:none}.audit-report-download:hover{border-color:rgba(74,214,235,.3);color:#b6f2f7}
.architecture-graph-toggle{margin:7px 0;border:1px solid rgba(104,192,221,.12);border-radius:12px;background:rgba(3,17,27,.5);overflow:hidden}.architecture-graph-toggle>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;list-style:none;color:#7fa9b5}.architecture-graph-toggle>summary::-webkit-details-marker{display:none}.architecture-graph-toggle>summary span{font-size:9px;font-weight:800;color:#8db8c3}.architecture-graph-toggle>summary small{margin:0;font-size:7px;color:#4f7784}.architecture-graph-toggle[open]>summary{border-bottom:1px solid rgba(104,192,221,.08)}.architecture-graph-toggle .architecture-graph-card{margin:0;border:0;border-radius:0;background:rgba(3,17,27,.35)}
.architecture-graph-card{margin:8px 0;padding:14px;border:1px solid rgba(104,192,221,.15);border-radius:14px;background:radial-gradient(circle at 20% 0,rgba(38,129,154,.1),transparent 36%),rgba(3,17,27,.75)}
.architecture-graph-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.architecture-graph-head>div{display:grid;gap:3px}.architecture-graph-head span{font-size:7px;font-weight:900;letter-spacing:.13em;color:#4b8698}.architecture-graph-head strong{font-size:13px;color:#c2eaf2}.architecture-graph-head>small{font-size:7.5px;color:#527786;white-space:nowrap}
.architecture-node-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.architecture-node{min-width:0;padding:10px;border:1px solid rgba(91,179,204,.1);border-radius:10px;background:rgba(5,24,35,.66)}.architecture-node>span{display:block;font-size:6.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#4f8493}.architecture-node>strong{display:block;margin-top:5px;color:#a9d3dc;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.architecture-node>small{display:block;margin-top:3px;color:#486d7a;font-size:6.5px}.architecture-node.kind-interface{border-color:rgba(118,133,247,.18)}.architecture-node.kind-service{border-color:rgba(63,208,231,.18)}.architecture-node.kind-intelligence{border-color:rgba(156,116,238,.18)}.architecture-node.kind-data{border-color:rgba(87,208,155,.17)}.architecture-node.kind-verification{border-color:rgba(224,185,87,.16)}
.architecture-edge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px}.architecture-edge-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;background:rgba(0,0,0,.11);font-size:7px;color:#608694}.architecture-edge-list>div>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.architecture-edge-list b{color:#5db7c9}.architecture-edge-list small{font-size:6px;color:#3f6471;white-space:nowrap}
@media(max-width:760px){.activity-message,.graph-message,.audit-report-message{max-width:94%}.architecture-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-edge-list{grid-template-columns:1fr}.architecture-graph-head{flex-direction:column}.architecture-graph-head>small{white-space:normal}}
@media(max-width:460px){.agent-progress-card,.architecture-graph-card{padding:11px}.architecture-node-grid{grid-template-columns:1fr 1fr}.agent-progress-head small{font-size:7px}}

@media(max-width:560px){.agent-progress-card.is-live{height:220px}.audit-finding dl>div{grid-template-columns:1fr;gap:3px}.audit-report-head{align-items:flex-start}.audit-report-summary{display:grid;grid-template-columns:1fr 1fr}.architecture-graph-toggle>summary{align-items:flex-start;flex-direction:column}}

/* OmniRoute per-user agent routing */
.omniroute-nav-dot{width:7px;height:7px;border-radius:50%;margin-left:auto;background:#536d7b;box-shadow:none;flex:0 0 auto}.omniroute-nav-dot.active{background:#43e99f;box-shadow:0 0 10px rgba(67,233,159,.85)}.nav-button .omniroute-nav-dot+.nav-arrow{margin-left:2px}.omniroute-live-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(107,139,157,.15);background:rgba(99,124,139,.05);color:#718a98;font-size:8.5px;font-weight:800;letter-spacing:.12em}.omniroute-live-pill i{width:7px;height:7px;border-radius:50%;background:#617784}.omniroute-live-pill.active{color:#84d8bd;border-color:rgba(67,233,159,.2);background:rgba(67,233,159,.05)}.omniroute-live-pill.active i{background:#43e99f;box-shadow:0 0 10px rgba(67,233,159,.75)}.omniroute-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.omniroute-card{min-height:470px}.omniroute-card-title{display:flex;align-items:center;gap:14px}.omniroute-card-title .section-label{margin:0 0 5px}.omniroute-card h2{font-family:"Space Grotesk",sans-serif;font-size:23px;margin:0;color:#d7eef5}.omniroute-intro{max-width:760px;margin:19px 0 24px;color:#5d7c8c;font-size:10.5px;line-height:1.7}.omniroute-intro code,.omniroute-deploy-note code{color:#79dcea;background:rgba(38,157,183,.08);border:1px solid rgba(73,206,235,.08);padding:1px 4px;border-radius:4px}.omniroute-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.omniroute-form label{display:flex;flex-direction:column;gap:7px;color:#668695;font-size:8.5px;font-weight:600}.omniroute-form .full{grid-column:1/-1}.omniroute-form input{height:41px;border:1px solid rgba(92,195,220,.14);border-radius:10px;background:rgba(2,10,17,.34);padding:0 11px;color:#b2d0da;outline:none;font-size:10px}.omniroute-form input:focus{border-color:rgba(73,223,247,.32);box-shadow:0 0 0 3px rgba(56,203,231,.045)}.omniroute-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.danger-action{border-color:rgba(237,104,116,.16)!important;color:#b97880!important;background:rgba(137,49,60,.07)!important}.danger-action:hover{border-color:rgba(237,104,116,.3)!important;color:#ef9aa3!important}.omniroute-notice{margin:14px 0 0;max-width:none}.omniroute-status-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:470px}.omniroute-orb{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;margin:10px 0 15px;border:1px solid rgba(111,139,154,.14);background:radial-gradient(circle,rgba(100,129,144,.13),rgba(18,34,45,.3));box-shadow:inset 0 0 25px rgba(255,255,255,.025)}.omniroute-orb span{width:13px;height:13px;border-radius:50%;background:#617683;box-shadow:0 0 0 8px rgba(93,119,132,.06)}.omniroute-orb.active{border-color:rgba(67,233,159,.2);background:radial-gradient(circle,rgba(67,233,159,.14),rgba(11,39,37,.28));box-shadow:0 0 32px rgba(67,233,159,.08)}.omniroute-orb.active span{background:#43e99f;box-shadow:0 0 13px rgba(67,233,159,.9),0 0 0 8px rgba(67,233,159,.07)}.omniroute-status-card h3{font-size:14px;color:#b8d4de;margin:0}.omniroute-status-card>p{font-size:9.5px;line-height:1.65;color:#557482;margin:8px 0 18px}.omniroute-status-list{width:100%;margin:0;text-align:left}.omniroute-status-list>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045)}.omniroute-status-list dt{font-size:8px;color:#4b6b79}.omniroute-status-list dd{margin:0;font-size:8.5px;color:#88abb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omniroute-deploy-note{margin-top:auto;display:flex;align-items:flex-start;gap:8px;text-align:left;padding:12px;border:1px solid rgba(82,188,213,.1);border-radius:10px;background:rgba(20,57,69,.16);color:#5f8290;font-size:8.5px;line-height:1.55}.omniroute-deploy-note svg{flex:0 0 auto;color:#5bbbd0}.omniroute-deploy-note b{color:#89b8c5}
@media(max-width:980px){.omniroute-layout{grid-template-columns:1fr}.omniroute-status-card{min-height:360px}.omniroute-status-list{max-width:620px}}@media(max-width:560px){.omniroute-form{grid-template-columns:1fr}.omniroute-form .full{grid-column:auto}.omniroute-actions{flex-direction:column}.omniroute-actions .primary-button{width:100%}.omniroute-live-pill{width:100%;justify-content:center}}

/* Library download action: keep the live download link white, including visited state. */
.library-download-live,.library-download-live:visited{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:16px;padding:7px 0;color:#fff!important;text-decoration:none;font-size:10px;font-weight:700;line-height:1.2}
.library-download-live span,.library-download-live svg{color:inherit!important}
.library-download-live:hover{color:#fff!important;text-decoration:none;opacity:.82}
.library-download-live:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:4px;border-radius:4px}

/* Real OmniRoute local/server execution switch */
.omniroute-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 4px;padding:5px;border:1px solid rgba(92,195,220,.12);border-radius:13px;background:rgba(2,10,17,.28)}
.omniroute-mode-switch button{min-width:0;border:1px solid transparent;border-radius:10px;background:transparent;padding:11px 13px;color:#5f7e8c;text-align:left;cursor:pointer;transition:.18s ease}
.omniroute-mode-switch button span{display:block;font-size:10px;font-weight:800;color:#83a6b3;margin-bottom:3px}
.omniroute-mode-switch button small{display:block;font-size:8px;line-height:1.45;color:#4f6e7b}
.omniroute-mode-switch button.active{border-color:rgba(67,222,245,.25);background:linear-gradient(145deg,rgba(18,90,113,.25),rgba(7,30,43,.46));box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 18px rgba(39,196,225,.05)}
.omniroute-mode-switch button.active span{color:#c6f3fa}.omniroute-mode-switch button.active small{color:#6ba5b4}
.omniroute-mode-switch button:disabled{cursor:wait;opacity:.66}
@media(max-width:560px){.omniroute-mode-switch{grid-template-columns:1fr}.omniroute-mode-switch button{text-align:center}}

/* RETMO SaaS control plane — additive styles only */
.sidebar-upgrade{width:100%;display:flex;align-items:center;gap:9px;border:1px solid rgba(118,197,255,.24);background:rgba(9,22,42,.72);color:#eef8ff;border-radius:12px;padding:10px 12px;margin:8px 0 10px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;letter-spacing:.02em;transition:.2s ease}.sidebar-upgrade:hover,.sidebar-upgrade.active{border-color:rgba(118,197,255,.55);background:rgba(16,44,78,.86);transform:translateY(-1px)}
.access-status{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 18px;margin-bottom:18px;background:rgba(8,16,31,.72)}.access-status strong{font-size:13px;letter-spacing:.08em}.access-status.active{border-color:rgba(71,226,161,.32)}.access-status.locked{border-color:rgba(255,184,85,.3)}.access-status span{color:#9fb0c7;font-size:13px}.free-mode-card{max-width:720px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-card{border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:20px;background:linear-gradient(180deg,rgba(13,24,43,.94),rgba(5,12,25,.94));box-shadow:0 18px 40px rgba(0,0,0,.2)}.pricing-card.offer{border-color:rgba(118,197,255,.42)}.pricing-card h2{font-size:25px;margin:12px 0 4px}.pricing-card p{color:#9fb0c7}.pricing-actions{display:grid;gap:9px;margin-top:18px}.pay-link{text-decoration:none;text-align:center}.payment-request-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.context-meter{position:fixed;z-index:90;right:24px;top:86px;width:min(330px,calc(100vw - 32px));border:1px solid rgba(118,197,255,.28);border-radius:16px;padding:13px 14px;background:rgba(4,12,25,.94);box-shadow:0 20px 50px rgba(0,0,0,.38);backdrop-filter:blur(18px);animation:contextMeterIn .22s ease both}.context-meter.settling{opacity:.84}.context-meter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.context-meter-head span{display:block;color:#74c9ff;font-size:9px;font-weight:900;letter-spacing:.14em}.context-meter-head strong{display:block;margin-top:3px;font-size:15px}.context-meter-head small{font-size:9px;color:#8da0b8;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 7px}.context-meter-bar{height:5px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06);display:flex;margin:11px 0}.context-meter-bar i:nth-child(1){background:#6fd4ff}.context-meter-bar i:nth-child(2){background:#8e9eff}.context-meter-bar i:nth-child(3){background:#55d6a5}.context-meter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.context-meter-grid span{display:grid;gap:2px;color:#8394ac;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.context-meter-grid b{color:#eef7ff;font-size:11px;text-transform:none;letter-spacing:0}.context-file{display:block;color:#8394ac;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes contextMeterIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}
.admin-auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 5%,rgba(32,105,172,.14),transparent 36%),#030711}.admin-auth-card{width:min(470px,100%);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:28px;background:rgba(7,14,28,.96);box-shadow:0 28px 80px rgba(0,0,0,.42)}.admin-auth-card h3{margin:4px 0 6px}.password-field{display:flex;align-items:center;gap:8px}.password-field input{flex:1}.password-eye{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#bcd1e6;border-radius:9px;padding:9px 10px;cursor:pointer}.admin-forgot,.admin-back-site{width:100%;border:0;background:transparent;color:#8fcfff;padding:11px;cursor:pointer}.admin-back-site{color:#8998ad;border-top:1px solid rgba(255,255,255,.07);margin-top:8px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:#030711;color:#eef7ff}.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.07);padding:22px 16px;background:rgba(5,11,22,.98);display:flex;flex-direction:column;gap:10px}.admin-sidebar>small{color:#7e91a9;word-break:break-all}.admin-sidebar nav{display:grid;gap:7px;margin-top:22px}.admin-sidebar nav button,.admin-logout{border:1px solid transparent;background:transparent;color:#9fb0c7;border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;font:inherit}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:#fff;border-color:rgba(118,197,255,.22);background:rgba(18,44,76,.72)}.admin-logout{margin-top:auto;border-color:rgba(255,255,255,.07)}.admin-main{min-width:0}.admin-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(4,9,19,.76);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.admin-topbar span{font-size:10px;color:#79caff;letter-spacing:.12em;text-transform:uppercase}.admin-topbar h1{font-size:20px;margin:3px 0 0}.admin-content{padding:24px;display:grid;gap:18px}.admin-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-stat-grid article{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(8,18,34,.88);padding:17px}.admin-stat-grid span{display:block;color:#879ab2;font-size:11px}.admin-stat-grid strong{display:block;font-size:26px;margin-top:6px}.admin-panel-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(7,15,30,.9);padding:20px}.admin-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.admin-section-head h2{margin:5px 0 0}.mode-switch{display:flex!important;align-items:center;gap:8px!important;cursor:pointer}.mode-switch input{position:absolute;opacity:0}.mode-switch span{width:44px;height:24px;border-radius:999px;background:#273246;position:relative}.mode-switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.mode-switch input:checked+span{background:#168a68}.mode-switch input:checked+span:after{transform:translateX(20px)}.mode-switch b{font-size:11px;min-width:34px}.admin-form-grid{display:grid;grid-template-columns:1fr 2fr .5fr;gap:12px;margin-bottom:15px}.admin-form-grid label,.admin-pricing-grid label{display:grid;gap:6px;color:#95a6bc;font-size:11px}.admin-form-grid input,.admin-pricing-grid input,.admin-search{border:1px solid rgba(255,255,255,.1);background:rgba(1,7,16,.75);color:#eff8ff;border-radius:10px;padding:10px 11px;outline:none}.admin-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 18px}.admin-pricing-grid>div{border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-pricing-grid>div>strong{grid-column:1/-1}.admin-pricing-grid .offer{border-color:rgba(118,197,255,.32)}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:880px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid rgba(255,255,255,.07);padding:11px 9px;font-size:12px;vertical-align:top}.admin-table th{color:#7e91aa;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:#7f91a9;margin-top:4px}.admin-table code{color:#a8d7ff}.admin-row-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-row-actions button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#d9e9f8;border-radius:8px;padding:6px 8px;cursor:pointer}.admin-search{min-width:240px}.admin-help{color:#8fa1b8;max-width:760px}.admin-notification-list{display:grid;gap:9px}.admin-notification{display:flex;justify-content:space-between;gap:18px;border:1px solid rgba(118,197,255,.16);border-radius:12px;padding:13px;background:rgba(10,26,45,.58)}.admin-notification.read{opacity:.58;border-color:rgba(255,255,255,.06)}.admin-notification p{margin:4px 0 0;color:#93a6bd}.admin-notification time{color:#74869c;font-size:10px;white-space:nowrap}
@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-form-grid,.admin-pricing-grid{grid-template-columns:1fr}.admin-pricing-grid>div{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.admin-sidebar nav{grid-template-columns:repeat(4,1fr);margin-top:10px}.admin-logout{margin-top:6px}.context-meter{top:76px;right:12px}}
@media(max-width:640px){.admin-content{padding:14px}.admin-topbar{padding:0 14px}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-section-head{align-items:flex-start;flex-direction:column}.admin-search{min-width:0;width:100%}.context-meter{left:12px;right:12px;width:auto}.access-status{align-items:flex-start;flex-direction:column}}
.payment-admin-notice{margin-bottom:18px}.payment-admin-notice p{white-space:pre-wrap;margin-bottom:0;color:#c8d7e7}.admin-notice-field{display:grid;gap:6px;color:#95a6bc;font-size:11px;margin-bottom:15px}.admin-notice-field textarea{border:1px solid rgba(255,255,255,.1);background:rgba(1,7,16,.75);color:#eff8ff;border-radius:10px;padding:10px 11px;outline:none;resize:vertical;min-height:76px;font:inherit}
@media(max-width:820px){.sidebar-lower{display:block;margin-top:0;padding:0 4px}.sidebar-lower .mascot-card,.sidebar-lower .account-strip{display:none}.sidebar-upgrade{margin:6px 0 2px;justify-content:center;min-height:42px}}
.chat-area{overflow-anchor:none}
.whatsapp-page{max-width:1400px;margin:0 auto}.whatsapp-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:16px;max-width:1200px;margin:auto}.whatsapp-compose h2,.whatsapp-guide h2,.whatsapp-results h2{margin:0 0 9px;color:#d6f3f8;font-size:20px}.whatsapp-compose p,.whatsapp-guide p,.whatsapp-results p{color:#86a8b5;font-size:12px;line-height:1.6}.whatsapp-compose label{display:block;color:#b5d6df;font-size:11px;font-weight:700;margin:18px 0 7px}.whatsapp-compose textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:85px;border:1px solid rgba(95,195,224,.25);border-radius:10px;background:rgba(1,10,20,.78);color:#e7f8fb;padding:12px;font-family:inherit;font-size:13px;line-height:1.5;outline:none}.whatsapp-compose textarea:focus{border-color:#54d4e9;box-shadow:0 0 0 2px rgba(84,212,233,.12)}.whatsapp-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.whatsapp-guide .primary-button{text-decoration:none;margin:12px 0}.whatsapp-guide .whatsapp-note{padding-top:13px;border-top:1px solid rgba(255,255,255,.07);font-size:11px}.whatsapp-feedback{margin-top:13px;color:#92e4ce;font-size:11px;line-height:1.5}.whatsapp-feedback.error{color:#ffb4b4}.whatsapp-results{max-width:1200px;margin:16px auto 0}.whatsapp-results[hidden]{display:none}.whatsapp-links{display:grid;gap:7px;max-height:390px;overflow:auto}.whatsapp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(95,195,224,.13);border-radius:9px;color:#c5e5ed;font-size:12px}.whatsapp-row a{color:#83e7f2;font-weight:700;text-decoration:none;white-space:nowrap}.whatsapp-row a:hover{text-decoration:underline}@media(max-width:850px){.whatsapp-layout{grid-template-columns:1fr}}
.whatsapp-bulk-page .glass-card{min-width:0}.whatsapp-bulk-page h2{margin:0 0 10px;color:#d6f3f8;font-size:20px}.whatsapp-bulk-page p{color:#86a8b5;font-size:12px;line-height:1.6}.whatsapp-bulk-page label{color:#bbd8df;font-size:11px}.whatsapp-bulk-page input:not([type=checkbox]),.whatsapp-bulk-page textarea,.whatsapp-bulk-page select{box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(95,195,224,.25);border-radius:9px;background:rgba(1,10,20,.78);color:#e7f8fb;padding:10px;font:inherit;font-size:12px;outline:none}.whatsapp-bulk-page textarea{resize:vertical;min-height:85px}.whatsapp-bulk-page select{margin:7px 0 12px}.whatsapp-bulk-page .whatsapp-layout{grid-template-columns:1fr 1fr}.whatsapp-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.whatsapp-config-grid label{display:grid;gap:5px}.whatsapp-check{display:flex;align-items:center;gap:9px;cursor:pointer}.whatsapp-check input{flex:none}.whatsapp-bulk-compose{max-width:1200px;margin:16px auto 0}.whatsapp-bulk-compose>label{display:block;margin-top:14px}.whatsapp-template-preview{white-space:pre-wrap;border-left:2px solid #50bbd0;padding:8px 12px;background:rgba(48,180,210,.06)}.whatsapp-contact-list{display:grid;gap:7px;max-height:380px;overflow:auto}.whatsapp-contact-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,230px) auto;gap:12px;align-items:center;border:1px solid rgba(95,195,224,.14);padding:9px 11px;border-radius:9px}.whatsapp-contact-row strong,.whatsapp-contact-row small,.whatsapp-campaign-row strong,.whatsapp-campaign-row small{display:block}.whatsapp-contact-row small,.whatsapp-campaign-row small{color:#7ea2b0;margin-top:3px}.whatsapp-time-label{display:grid;gap:4px}.whatsapp-campaign-list{margin-top:14px;display:grid;gap:8px}.whatsapp-campaign-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px;border:1px solid rgba(95,195,224,.14);border-radius:9px}.whatsapp-campaign-row>span{flex:1}.whatsapp-campaign-detail{flex-basis:100%;color:#93b4c2;font-size:11px}.whatsapp-campaign-detail p{margin:4px 0}.whatsapp-bulk-page #wab-count{align-self:center;color:#8fb4bf;font-size:11px}@media(max-width:850px){.whatsapp-bulk-page .whatsapp-layout,.whatsapp-config-grid{grid-template-columns:1fr}.whatsapp-contact-row{grid-template-columns:1fr}.whatsapp-contact-row .secondary-button{justify-self:start}}


/* In-page WhatsApp Web browser relay. Kept isolated from the rest of RETMO. */
.whatsapp-web-workspace{max-width:1200px;margin:16px auto 0;min-width:0}.whatsapp-web-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.whatsapp-web-head h2{margin:0;color:#d6f3f8;font-size:20px}.whatsapp-web-live{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(89,229,185,.3);border-radius:999px;padding:5px 9px;color:#8df0cf;background:rgba(44,185,143,.08);font-size:10px;font-weight:800;letter-spacing:.14em}.whatsapp-web-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.whatsapp-web-help{margin:9px 0 12px;color:#86a8b5;font-size:12px;line-height:1.6}.whatsapp-web-screen{position:relative;width:100%;aspect-ratio:1365/768;overflow:hidden;border:1px solid rgba(88,209,231,.28);border-radius:12px;background:#030811;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);outline:none;cursor:default;user-select:none}.whatsapp-web-screen:focus{border-color:#54d4e9;box-shadow:0 0 0 2px rgba(84,212,233,.11)}.whatsapp-web-screen img{display:block;width:100%;height:100%;object-fit:contain;background:#030811;user-select:none;-webkit-user-drag:none}.whatsapp-web-loading{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(2,8,16,.9),rgba(2,8,16,.74));color:#9bc2cd;font-size:12px;letter-spacing:.03em;pointer-events:none}.whatsapp-web-loading[hidden]{display:none}.whatsapp-web-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:9px;align-items:stretch;margin-top:12px}.whatsapp-web-input-row textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;min-height:48px;max-height:150px;border:1px solid rgba(95,195,224,.25);border-radius:9px;background:rgba(1,10,20,.78);color:#e7f8fb;padding:10px;font:inherit;font-size:12px;outline:none}.whatsapp-web-input-row textarea:focus{border-color:#54d4e9;box-shadow:0 0 0 2px rgba(84,212,233,.12)}.whatsapp-web-input-row button{white-space:nowrap}.whatsapp-results .whatsapp-row button{white-space:nowrap}.whatsapp-guide .whatsapp-actions{margin-top:12px}.whatsapp-guide .whatsapp-feedback{min-height:16px}@media(max-width:850px){.whatsapp-web-input-row{grid-template-columns:1fr 1fr}.whatsapp-web-input-row textarea{grid-column:1/-1}.whatsapp-web-input-row .primary-button{grid-column:1/-1}.whatsapp-web-screen{border-radius:9px}.whatsapp-web-help{font-size:11px}}@media(max-width:520px){.whatsapp-web-input-row{grid-template-columns:1fr}.whatsapp-web-input-row textarea,.whatsapp-web-input-row .primary-button{grid-column:auto}.whatsapp-web-input-row button{width:100%}.whatsapp-row{align-items:flex-start;flex-direction:column}.whatsapp-row button{width:100%}}

/* Scoped Agent Tools forms and stable chat viewport. */
.chat-area{overflow-anchor:none;scroll-behavior:auto;overscroll-behavior:contain}
.chat-area .message-row{animation:none}
.chat-area .thinking[hidden]{display:none}
#chat-context-slot{height:0;min-height:0;overflow:visible}
#chat-context-slot .context-meter{margin-top:0;margin-bottom:0}
.chat-latest{position:absolute;right:24px;bottom:132px;z-index:5;font-size:11px}
.chat-latest[hidden]{display:none}
.agent-tools-content{max-width:1000px;margin:0 auto}
.agent-tools-form,.agent-tool-result{padding:22px;border:1px solid rgba(99,193,223,.16);border-radius:16px;background:rgba(8,22,35,.66);margin-bottom:18px}
.agent-tools-form fieldset{border:0;padding:0;margin:0;min-width:0}
.agent-tools-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#bcd4df;font-size:12px}
.agent-tools-form input,.agent-tools-form select,.agent-tools-form textarea{width:100%;box-sizing:border-box;max-width:100%;padding:11px;border:1px solid rgba(99,193,223,.2);border-radius:8px;color:#dff8ff;background:#071521;font:inherit}
.agent-tools-form textarea{resize:vertical;min-height:70px}
.agent-tools-form .agent-tool-check{flex-direction:row;align-items:center}
.agent-tool-check input{width:18px;min-width:18px}
.agent-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.agent-tool-description,.agent-tool-provider-note{font-size:12px;line-height:1.6;color:#87adbf}
.agent-tool-records{margin:16px 0;padding:14px;border:1px solid rgba(99,193,223,.14);border-radius:10px}
.agent-tool-records h3{font-size:13px;margin-top:0}
.agent-tool-record{margin-bottom:14px;padding:12px;background:#091b2a;border-radius:8px}
.agent-tool-actions,[data-downloads]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.agent-tool-actions a{color:#76e2f3;font-size:12px}
.agent-tools-form details{margin:18px 0}.agent-tools-form summary,.agent-tool-result summary{cursor:pointer;margin-bottom:12px}
.agent-tools-form fieldset:disabled{opacity:.65}
.agent-tool-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;max-height:560px;overflow:auto}
.agent-tool-result [data-status]{font-weight:600;color:#bdeef7}
.agent-tool-result audio{max-width:100%}
@media(max-width:680px){.agent-tools-grid{grid-template-columns:1fr}.agent-tools-form,.agent-tool-result{padding:14px}.chat-latest{right:12px;bottom:128px}#chat-context-slot{height:0;min-height:0}}

@media(max-width:820px){
  html:has(.agent-tools-page),body:has(.agent-tools-page),html:has(.chat-container),body:has(.chat-container){height:auto;min-height:100dvh;overflow-y:auto}
  .workspace:has(.chat-container){height:calc(100dvh - 42px);min-height:calc(100dvh - 42px)}
  .workspace-content:has(>.chat-container){height:calc(100dvh - 84px);min-height:0;overflow:hidden}
  .workspace-content>.chat-container{height:100%;min-height:0}
  .chat-container>.chat-area{min-height:0}
}

/* Five-slot settings: shared by the shipped UI and React source. */
.api-card > label {display:flex;flex-direction:column;gap:8px;margin:12px 0;color:#bdc9db;font-size:13px;}
.api-card input:not([type="checkbox"]),.api-card select,.provider-summary select {width:100%;max-width:100%;min-width:0;padding:10px;border:1px solid #25374e;border-radius:9px;background:#081322;color:#e7f2ff;box-sizing:border-box;}
.api-card input[type="checkbox"],.provider-summary input[type="checkbox"] {width:20px;height:20px;accent-color:#36c7de;}
.api-card > small {display:block;overflow-wrap:anywhere;line-height:1.7;color:#94a8bf;}
.api-card [hidden] {display:none;}
@media(max-width:600px){.provider-summary{flex-wrap:wrap;gap:16px;}.api-grid{grid-template-columns:1fr;}.api-actions{flex-wrap:wrap;}}

/* 2026-10-20: honour [hidden] on the saved-task button (.secondary-button display overrode it, showing a dead "Reconnect to saved task" with no saved task). */
#chat-resume[hidden]{display:none!important}