/* SR Zones · base: colores, tipografía y controles */
:root{
  --bg:#0b0e11; --bg2:#0f1317; --panel:#14191e; --panel2:#1b2127; --line:#20272e; --line2:#2d363f;
  --text:#e9edf1; --muted:#8a95a3; --dim:#5c6672;
  --accent:#14b89a; --accent2:#4d8ff7; --warn:#f0b429; --danger:#f6465d; --pos:#2ebd85; --neg:#f6465d;
  --entry:#ffd60a; --exit:#3b9dff;
  --radius:8px; --r-ctl:6px;
  --font:Inter,"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono","Cascadia Mono","SF Mono",Consolas,ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 var(--font);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}
b{font-weight:650}
a{color:var(--accent2)}
input,select{width:100%;background:var(--bg);border:1px solid var(--line2);color:var(--text);border-radius:var(--r-ctl);padding:7px 9px;font:inherit;outline:none;
  transition:border-color .12s,box-shadow .12s}
input:hover,select:hover{border-color:#3c4753}
input:focus,select:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(77,143,247,.16)}
input::placeholder{color:var(--dim)}
input[type=checkbox]{width:auto;accent-color:var(--accent);box-shadow:none}
label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11.5px;margin-bottom:10px}
button{font:inherit;cursor:pointer;border:none;border-radius:var(--r-ctl);padding:8px 12px;color:var(--text)}
button:disabled{opacity:.45;cursor:default}
button{transition:filter .12s,border-color .12s,background-color .12s,color .12s}
button:active:not(:disabled){transform:translateY(1px)}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent2);outline-offset:1px}
code{font-family:var(--mono);font-size:.95em;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:0 4px}
.primary{background:var(--accent);color:#03120e;font-weight:650}
.primary:hover:not(:disabled){filter:brightness(1.1)}
.ghost{background:transparent;border:1px solid var(--line2);color:#c8d1db}
.ghost:hover:not(:disabled){background:var(--panel2);border-color:#3c4753;color:var(--text)}
.danger-btn{background:rgba(246,70,93,.08);border:1px solid rgba(246,70,93,.45);color:#ff8494;font-weight:650}
.danger-btn:hover:not(:disabled){background:rgba(246,70,93,.18);color:#ffa3af}
.small{padding:5px 10px;font-size:12px}
.full{width:100%}
.icon-btn{background:transparent;border:1px solid transparent;color:var(--muted);padding:3px 8px;font-size:14px;line-height:1.3}
.icon-btn:hover{background:var(--panel2);color:var(--text)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hint{display:block;color:var(--muted);font-size:11.5px;margin:6px 0}
small{display:block;color:var(--dim);font-size:11px;line-height:1.4}
.num{font-variant-numeric:tabular-nums}
.pos{color:var(--pos)!important}.neg{color:var(--neg)!important}.warn-t{color:var(--warn)!important}
.val-ok{color:var(--pos)}.val-warn{color:var(--warn)}.val-bad{color:#ff7a8a}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#262f38;border-radius:6px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#34404c;background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}
*{scrollbar-width:thin;scrollbar-color:#262f38 transparent}
::selection{background:rgba(77,143,247,.35)}
/* iconos */
.ic{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.17em;background:currentColor;flex:none;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ic-gear{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='8' cy='17' r='2'/%3E%3C/svg%3E")}
.ic-wallet{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14.5' r='1'/%3E%3C/svg%3E")}
.ic-pause{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5v14M15 5v14'/%3E%3C/svg%3E")}
.ic-play{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5l11 7-11 7z'/%3E%3C/svg%3E")}
.ic-stop{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='1.5'/%3E%3C/svg%3E")}
.ic-panic{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z'/%3E%3Cpath d='M12 8v5'/%3E%3Cpath d='M12 16.5v.1'/%3E%3C/svg%3E")}
.ic-ok{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.8 2.8L16 9.8'/%3E%3C/svg%3E")}
.ic-warn{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L2.8 19.5h18.4z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Cpath d='M12 17.2v.1'/%3E%3C/svg%3E")}
.ic-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E")}
.ic-x{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.ic-bell{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0112 0v5l1.5 2h-15z'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E")}
.ic-hand{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l1-4L16 5l3 3L8 19z'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E")}
.ic-logout{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H5v16h5'/%3E%3Cpath d='M14 8l4 4-4 4M18 12H9'/%3E%3C/svg%3E")}
.ic-lock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E")}
.ic-ok{color:var(--pos)}.ic-warn{color:var(--warn)}.chip .ic,.primary .ic,.real-btn .ic,.danger-btn .ic,.toast .ic{color:inherit}