/* STUDIO by REAMAR – tokeny, Yellix, světlý/tmavý chrome. Neaplikovat na šablony návrhů. */
@font-face{
  font-family:Yellix;
  src:url(/fonts/YellixVF.woff2) format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root,
[data-theme=light]{
  color-scheme:light;
  --studio-bg:#F7F7F8;
  --studio-surface:#FFFFFF;
  --studio-surface-raised:#F0F0F2;
  --studio-surface-hover:#E9EAED;
  --studio-border:#E4E4E7;
  --studio-border-control:#8E8E96;
  --studio-text:#18181B;
  --studio-text-secondary:#61616B;
  --studio-text-disabled:#A1A1AA;
  --studio-action:#4F5BD5;
  --studio-action-hover:#414CBC;
  --studio-action-label:#FFFFFF;
  --studio-link:#414CBC;
  --studio-link-hover:#343C9A;
  --studio-focus:#4F5BD5;
  --studio-selection-bg:rgba(79,91,213,.12);
  --studio-selection-fg:#18181B;
  --studio-success:#15803D;
  --studio-success-on:#FFFFFF;
  --studio-success-bg:rgba(21,128,61,.12);
  --studio-warning:#B45309;
  --studio-warning-bg:rgba(180,83,9,.12);
  --studio-danger:#DC2626;
  --studio-danger-bg:rgba(220,38,38,.12);
  --studio-canvas-surround:#E9EAED;
  --studio-brand-blue:var(--studio-action);
  --studio-brand-cyan:var(--studio-link);
}
[data-theme=dark]{
  color-scheme:dark;
  --studio-bg:#151517;
  --studio-surface:#1D1D20;
  --studio-surface-raised:#27272A;
  --studio-surface-hover:#303034;
  --studio-border:#3A3A40;
  --studio-border-control:#6B6B74;
  --studio-text:#F4F4F5;
  --studio-text-secondary:#B0B0B9;
  --studio-text-disabled:#71717A;
  --studio-action:#4F5BD5;
  --studio-action-hover:#414CBC;
  --studio-action-label:#FFFFFF;
  --studio-link:#A5B4FC;
  --studio-link-hover:#C7D2FE;
  --studio-focus:#A5B4FC;
  --studio-selection-bg:rgba(79,91,213,.28);
  --studio-selection-fg:#F4F4F5;
  --studio-success:#4ADE80;
  --studio-success-on:#052e16;
  --studio-success-bg:rgba(74,222,128,.14);
  --studio-warning:#FBBF24;
  --studio-warning-bg:rgba(251,191,36,.12);
  --studio-danger:#FB7185;
  --studio-danger-bg:rgba(251,113,133,.14);
  --studio-canvas-surround:#121214;
  --studio-brand-blue:var(--studio-action);
  --studio-brand-cyan:var(--studio-link);
}

:root{
  --studio-radius-sm:8px;
  --studio-radius-md:10px;
  --studio-radius-card:12px;
  --studio-radius-lg:16px;
  --studio-font:Yellix,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --studio-ease:80ms ease;
}

*{box-sizing:border-box}
html,body{margin:0;background:var(--studio-bg);color:var(--studio-text);font-family:var(--studio-font);font-size:14px;line-height:20px;font-weight:400;font-feature-settings:"tnum"}
button,input,select,textarea{font:inherit;color:inherit;font-weight:inherit}
a{color:inherit}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}

.brand-mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--studio-text);min-height:28px}
.brand-mark img{max-width:none}
.brand-on-dark,.brand-on-light{align-items:center;gap:inherit}
.brand-on-dark{display:none}
.brand-on-light{display:inline-flex}
[data-theme=dark] .brand-on-dark{display:inline-flex}
[data-theme=dark] .brand-on-light{display:none}
.brand-mark .symbol{width:28px;height:28px;object-fit:contain;flex:none;display:block}
.brand-mark .word{height:15px;width:auto;display:block}
.brand-mark .lockup{height:32px;width:auto;display:block}
.brand-mark.full{gap:12px}
.brand-mark.full .symbol{width:40px;height:40px}
.brand-mark.full .word{height:52px}
.brand-mark.full .lockup{height:52px}
.brand-mark.lg{flex-direction:column;align-items:center;gap:16px}
.brand-mark.lg .brand-on-dark{flex-direction:column;gap:16px}
.brand-mark.lg .symbol{width:72px;height:72px}
.brand-mark.lg .word{height:52px}
.brand-mark.lg .lockup{height:80px}

.studio-top{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:var(--studio-surface);border-bottom:1px solid var(--studio-border);flex:none;gap:16px}
.studio-top nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.studio-top nav a{color:var(--studio-text-secondary);font-size:13px;line-height:18px;text-decoration:none;padding:8px 12px;border-radius:var(--studio-radius-sm)}
.studio-top nav a:hover{color:var(--studio-text);background:var(--studio-surface-hover)}
.studio-top nav a.on{color:var(--studio-selection-fg);background:var(--studio-selection-bg);box-shadow:inset 0 -2px 0 var(--studio-action)}

.theme-switch{display:inline-flex;border:1px solid var(--studio-border-control);border-radius:var(--studio-radius-sm);overflow:hidden;background:var(--studio-surface);flex:none}
.theme-switch button{appearance:none;border:0;background:transparent;min-height:32px;padding:6px 12px;font-size:13px;line-height:18px;font-weight:500;color:var(--studio-text-secondary);cursor:pointer;border-radius:0}
.theme-switch button:hover{background:var(--studio-surface-hover);color:var(--studio-text)}
.theme-switch button[aria-pressed=true]{background:var(--studio-selection-bg);color:var(--studio-selection-fg);font-weight:600}
.theme-switch button:focus-visible{outline:2px solid var(--studio-focus);outline-offset:-2px;z-index:1}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border-radius:var(--studio-radius-sm);border:1px solid var(--studio-border);background:var(--studio-surface-raised);color:var(--studio-text);font-weight:600;font-size:14px;line-height:20px;cursor:pointer;text-decoration:none;letter-spacing:0;transition:background var(--studio-ease),border-color var(--studio-ease),opacity var(--studio-ease)}
.btn:hover{background:var(--studio-surface-hover);border-color:var(--studio-border-control)}
.btn:disabled{opacity:.4;cursor:default}
.btn.primary,.btn.dark{background:var(--studio-action);border-color:var(--studio-action);color:var(--studio-action-label)}
.btn.primary:hover,.btn.dark:hover{background:var(--studio-action-hover);border-color:var(--studio-action-hover)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--studio-text-secondary)}
.btn.ghost:hover{background:var(--studio-surface-hover);color:var(--studio-text)}
.btn.danger{background:transparent;border-color:var(--studio-danger);color:var(--studio-danger)}
select.btn{padding:8px 10px}

.st{display:inline-flex;align-items:center;font-size:12px;line-height:16px;font-weight:600;padding:4px 8px;border-radius:var(--studio-radius-sm)}
.st.go{background:var(--studio-selection-bg);color:var(--studio-link)}
.st.wait{background:var(--studio-warning-bg);color:var(--studio-warning)}
.st.ok{background:var(--studio-success-bg);color:var(--studio-success)}
.st.err{background:var(--studio-danger-bg);color:var(--studio-danger)}

.card{display:flex;flex-direction:column;background:var(--studio-surface);border:1px solid var(--studio-border);border-radius:var(--studio-radius-card);padding:20px;text-decoration:none;min-height:180px;transition:background var(--studio-ease),border-color var(--studio-ease)}
.card:hover{background:var(--studio-surface-hover);border-color:var(--studio-border-control)}
.card h2{font-size:18px;line-height:24px;font-weight:600;margin:0 0 8px;letter-spacing:0}
.card p{color:var(--studio-text-secondary);font-size:14px;line-height:20px;margin:0 0 16px;flex:1}
.card .st{align-self:flex-start}

.field{display:block;font-size:12px;line-height:16px;color:var(--studio-text-secondary);margin-bottom:6px}
.input,input[type=text],input[type=number],input[type=password],textarea,select{width:100%;background:var(--studio-surface);border:1px solid var(--studio-border-control);border-radius:var(--studio-radius-sm);padding:8px 12px;color:var(--studio-text);min-height:36px}
[data-theme=dark] .input,[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=password],[data-theme=dark] textarea,[data-theme=dark] select{background:var(--studio-bg)}
.input:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--studio-focus);border-color:var(--studio-focus)}

a.in{color:var(--studio-link);text-decoration:none}
a.in:hover{color:var(--studio-link-hover);text-decoration:underline}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}