/* Console base layout (moved from the v4.0 inline <style>, retinted to Dark Bento tokens in v4.5.3).
   Loaded first; tokens/components/console.css refine it. */
:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#eaf1fa;background:#090f19;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 55% 40% at 65% -14%,#5745b72b,transparent),#090f19}a{color:#cdc0ff}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.side{border-right:1px solid #273143;background:#0d1521eb;padding:22px 14px;position:sticky;top:0;height:100vh}.brand{font-size:17px;font-weight:850;letter-spacing:.02em;padding:14px 12px 28px}.brand i{font-style:normal;color:var(--cyan)}.tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f8c56c;border:1px solid #8a6b3a6d;border-radius:20px;padding:5px 10px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:none;border-radius:10px;padding:12px;text-align:left;color:#aebdd1;background:transparent}.nav button:hover,.nav button.active{background:#212a39;color:white}.main{min-width:0;max-width:1510px;width:100%;padding:28px 32px 90px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;flex-wrap:wrap}h1{font-size:clamp(24px,3vw,36px);font-weight:650;letter-spacing:-.045em;margin:5px 0}h2{font-size:16px;margin:0 0 16px}small,.muted{color:#9daec4}p{line-height:1.55}.caps{text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#cdc0ff;font-weight:700}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wide{grid-column:span 2}.full{grid-column:1/-1}.card{min-width:0;border:1px solid #273449;border-radius:17px;background:linear-gradient(145deg,#172131,#111a27);padding:20px;box-shadow:0 10px 35px #03060b26}.hero{background:linear-gradient(130deg,#211e46,#151e2c 52%,#152940);min-height:160px}button,input,select,textarea{font:inherit}button{cursor:pointer}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #40506a;border-radius:10px;background:#1d2939;padding:9px 13px;color:#eff4fc}.btn.primary{background:#e6dbff;border-color:#e6dbff;color:#211e46;font-weight:720}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:hover:not(:disabled){filter:brightness(1.13)}label{display:grid;gap:6px;font-size:12px;color:#aab9ca}input,select,textarea{min-width:0;width:100%;border:1px solid #364356;border-radius:10px;color:#f0f5fc;background:#0b1420;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#b29fff}form{display:grid;gap:12px}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pill{display:inline-flex;border:1px solid #44536a;border-radius:50px;padding:5px 9px;color:#a7bcd3;font-size:11px}.live{color:#75d9ac;border-color:#378966}.demo{color:#f8c56c;border-color:#7a6239}.msg{white-space:pre-wrap;background:#0b1420;border:1px solid #324157;padding:12px;border-radius:10px;font:12px/1.5 ui-monospace,monospace;max-height:180px;overflow:auto;overflow-wrap:anywhere}.rows{display:grid;gap:8px}.row{border:1px solid #29384b;border-radius:10px;padding:11px 12px;background:#111b2a;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.row>.body{min-width:0;overflow-wrap:anywhere}.row strong{font-size:13px}.row small{font-size:11px}.group{display:none}.group.active{display:block}.helper{color:#9faec4;font-size:12px}.cta{display:flex;gap:9px;flex-wrap:wrap}.meter{width:100%;height:8px;border-radius:10px;background:#2e3a49;overflow:hidden}.meter div{height:100%;width:0;background:var(--violet)}.status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-dot{height:8px;width:8px;border-radius:50%;background:var(--gold)}.status-dot.ok{background:#67d7aa}.danger{color:#ff9b9b}.divider{height:1px;background:#293549;margin:16px 0}.hidden{display:none!important}.sw{max-width:160px}@media(max-width:1050px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 2}}@media(max-width:750px){.layout{display:block}.side{position:sticky;top:0;z-index:20;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid #334155}.brand{display:inline-block;padding:10px}.nav{display:flex;flex-direction:row;overflow:auto;gap:2px}.nav button{white-space:nowrap;font-size:12px;padding:10px}.main{padding:20px 12px 70px}.bento{display:grid;grid-template-columns:minmax(0,1fr)}.wide,.full{grid-column:span 1}.cols{grid-template-columns:1fr}header{align-items:flex-start}.card{padding:16px}.row{align-items:flex-start;flex-direction:column}}

.tip{display:inline-flex;vertical-align:middle;position:relative;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid #657895;border-radius:50%;background:#182437;color:var(--focus);font-size:11px;cursor:help;outline-offset:3px}.tip:is(:hover,:focus)::after{content:attr(data-tip);position:absolute;z-index:45;top:calc(100% + 8px);left:0;width:min(320px,75vw);min-width:180px;border-radius:10px;border:1px solid #637b9d;background:#152438;color:#f0f5fe;padding:12px;box-shadow:0 12px 32px #0009;white-space:normal;text-align:left;line-height:1.5;font:12px/1.5 system-ui,sans-serif;pointer-events:none}.tip:focus-visible{outline:2px solid var(--focus)}.card{overflow:visible}@media(max-width:750px){.tip:is(:hover,:focus)::after{left:auto;right:-20px;width:min(270px,75vw)}}

.feedback{background:#152b27;border:1px solid #2d6859;padding:12px 15px;border-radius:12px;color:#b6f2d8;font-size:13px;overflow-wrap:anywhere;min-height:43px}.feedback.is-error{background:#36201f;border-color:#85463f;color:#ffd5c7}.draft-indicator{font-size:11px;color:#9dc6ba;display:inline-block;padding:5px 0}.flash{animation:flashIn .4s ease}@keyframes flashIn{from{box-shadow:0 0 0 3px #8069ef65}to{box-shadow:none}}.tip{touch-action:manipulation}

.editor{border:1px solid #526075;border-radius:20px;padding:22px;background:#141e2c;color:#eaf1fa;width:min(560px,calc(100vw - 22px));max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #000b}.editor::backdrop{background:#01050cc9;backdrop-filter:blur(7px)}#editFields{display:grid;gap:13px}#editFields label{display:grid;gap:5px}.field-help{font-size:11px;color:#aabdd0;line-height:1.5}.required-marker{color:#f8c56c;font-weight:800;padding-left:4px}.optional-marker{color:#a2b0c4;font-size:10px;padding-left:6px}.field-tip{margin-left:7px;color:#b29fff;border-bottom:1px dotted #6b5fb0;cursor:help}.field-tip:focus{outline:2px solid var(--focus)}.row-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.row-actions .btn{font-size:12px;padding:7px 10px}.editor #editFields select,.editor #editFields input,.editor #editFields textarea{width:100%}