/* DMNK: vizuální identita nástěnky (etapa 1: základ, přihlášení, úvod).
   Načítá se jako POSLEDNÍ stylopis a přebíjí starší barvy a písma.
   Vrátit starý vzhled = odstranit odkaz na brand.css v index.html.
   Barvy z loga DMNK: černá #1E1E1C, zlatá ~#C9AB55. Písmo: Figtree (volné, nejbližší písmu značky). */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap');

:root{
  --ink:#1E1E1C;
  --ink-soft:#4A4944;
  --muted:#77746C;
  --paper:#F5F4F0;
  --paper-2:#EDEBE4;
  --card:#FFFFFF;
  --line:#E4E1D9;
  --gold:#C9AB55;
  --gold-ink:#86691F;
  --gold-display:#9A7B24;
  --gold-soft:#F3EBD3;
  --ok:#5F9A7E;
  --away:#C98A4B;
  --radius:8px;
  --font:'Figtree',Arial,sans-serif;
  --display:var(--font);

  /* přemapování starých proměnných, ať se barvy změní všude */
  --green:var(--ink);
  --lime:var(--gold);
  --orange:var(--gold);
  --navy:var(--ink);
  --phase:#8a73d6; /* barvy fází projektů zůstávají (data, ne značka) */
}

/* ---------- Písmo značky všude ---------- */
:root,body,button,input,select,textarea,dialog{font-family:var(--font)}
:root{font-size-adjust:.52}
:root,body{background:var(--paper);color:var(--ink)}
body.atelier{background:var(--paper);color:var(--ink)}

/* ---------- Společné prvky ---------- */
button{background:var(--ink);color:#fff;border-radius:6px;letter-spacing:.02em;font-weight:500}
button:hover{filter:none;background:#34332F}
.quiet{background:transparent;border:1px solid var(--line);color:var(--ink)}
.quiet:hover{background:#fff;border-color:var(--ink)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
input,select,textarea{border-color:var(--line);border-radius:6px;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--ink)}
.eyebrow{font-weight:500;letter-spacing:.2em;color:var(--gold-ink)}
dialog{border-color:var(--line);border-radius:var(--radius);color:var(--ink)}
dialog::backdrop{background:#1E1E1C66}
.contentPanel,.post,.photoCard,.loginCard,.portfolioPanel{border-radius:var(--radius);border-color:var(--line)}
.private,footer{display:none!important}

/* ---------- Přihlášení ---------- */
.topbar{border-bottom-color:var(--line);background:transparent}
.topbar>.brand{width:116px;height:26px;font-size:0;gap:0;background:url(icons/dmnk-logo-black.svg) left center/contain no-repeat;flex-shrink:0}
.topbar>.brand>*{display:none}
.welcome{gap:clamp(32px,6vw,88px);grid-template-columns:1.25fr 1fr;min-height:560px}
.welcome .eyebrow,.welcome>div>p,.welcome .people,.loginCard small,.loginCard .eyebrow{display:none}
.welcome h1{font-weight:300;font-size:clamp(44px,6vw,92px);line-height:1.02;letter-spacing:-.025em;color:var(--ink)}
.welcome h1 em{color:var(--gold-display);font-weight:400}
.loginCard{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:34px;box-shadow:0 24px 60px #1E1E1C0F}
.loginCard h2{font-weight:400;font-size:30px;letter-spacing:-.01em;margin-top:0}
.loginCard p{color:var(--ink-soft)}
.loginCard button{padding:16px 20px;font-size:14px;letter-spacing:.04em;margin-bottom:0}
.loginCard button span{color:var(--gold)}

/* ---------- Aplikace: postranní panel bez ikon ---------- */
body.atelier{padding-left:176px}
#sidebar{width:176px;background:var(--ink);color:#C9C6BC;padding:24px 12px;gap:2px}
.sideBrand{margin:0 8px 28px;height:24px;width:104px;background:url(icons/dmnk-logo-white.svg) left center/contain no-repeat;font-size:0}
.sideBrand>*{display:none}
.sideLabel,.sideFoot,.sideGlyph{display:none}
.sideLink{color:#BDBAB0;border-radius:6px;font-weight:400;font-size:16px;letter-spacing:.03em;position:relative;transition:background .15s,color .15s;min-height:42px;padding:9px 14px;gap:0}
.sideLink:hover{background:#2A2926;color:#fff}
.sideLink.active{background:#2A2926;color:#fff;font-weight:500}
.sideLink.active::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--gold)}

/* ---------- Aplikace: žádná prázdná horní lišta ---------- */
body.atelier main,body.atelier footer{max-width:none}
main{padding:0 24px}
body.atelier .workspaceTop{display:none}
body.atelier .hero{background:var(--ink)}
@media(min-width:761px){
  body.atelier .topbar{padding:0;min-height:0;height:0;border:0;background:transparent}
  body.atelier #logout,body.atelier .installApp{position:fixed;left:12px;width:152px;z-index:36;min-height:38px;padding:8px 12px;font-size:13px;background:transparent;color:#BDBAB0;border:1px solid #3A3934;border-radius:6px}
  body.atelier #logout{bottom:16px}
  body.atelier .installApp{bottom:60px}
  body.atelier #logout:hover,body.atelier .installApp:hover{background:#2A2926;color:#fff}
}

/* ---------- Ostatní obrazovky: jen přebití nejvýraznější fialové (etapa 2 je dopracuje) ---------- */
.portfolioHeading>button{background:var(--ink);color:#fff}
.portfolioHeading .eyebrow{color:var(--gold-ink)}
.viewModes button.selected{color:var(--ink)}

/* ---------- Úzké obrazovky ---------- */
@media(max-width:1150px){
  body.atelier{padding-left:76px}
  #sidebar{width:76px;padding:22px 8px}
  .sideBrand{width:44px;height:44px;margin:0 auto 22px;background:none;display:grid;place-items:center;border:1px solid #3A3934;border-radius:6px}
  .sideBrand .logo{display:grid;font-size:0;background:none;width:auto;height:auto;padding:0}
  .sideBrand .logo::after{content:'DM';font-weight:500;font-size:13px;letter-spacing:.1em;color:var(--gold)}
  .sideLink{font-size:12px;padding:9px 4px;justify-content:center;text-align:center}
  .sideLink.active::before{left:-8px}
  body.atelier #logout,body.atelier .installApp{width:56px;left:10px;font-size:10px;padding:8px 2px}
}
@media(max-width:900px){
  .welcome{grid-template-columns:1fr;gap:28px;min-height:0;padding:36px 0}
  .welcome h1{font-size:clamp(40px,11vw,64px)}
}
@media(max-width:760px){
  body.atelier{padding-left:0}
  .topbar>.brand{width:100px}
  .topActions button{white-space:nowrap;padding:11px 14px}
  main{padding:0 14px}
}
@media(max-width:520px){
  .loginCard{padding:24px 20px}
}