/* Flavio's tool, Atelier look (26.10.2026), black and cream since 28.10.2026: warm black for type and what is
   active, quiet cream surfaces, no red or yellow in the interface (those stay in previews of mails and the shop).
   Loaded last on every tool page (cockpit, control, Stripe, connect), so its colours win over each page's own. */
:root{--paper:#F6F1E7;--card:#FBF8F2;--ink:#161412;--amber:#161412;--muted:#5E574D;--faint:#958D80;--rule:#E3DBCC;
  --live:#3F6B4F;--warn:#8E3A33;--ok:#3F6B4F;--bad:#8E3A33;
  --atl-card:#FCFAF5;--atl-line:#ECE4D6;
  --atl-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 1px 2px rgba(22,20,18,.05),0 18px 40px -28px rgba(22,20,18,.28)}
body{background:#F1ECE3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .09 0 0 0 0 .08 0 0 0 0 .07 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink)}

/* cards */
.kpi,.dcard,.bcard,.sidecard,.mcard,.rules,.fl-panel,.fl-tpl,.flc,.pcard,.blk-prod,.cmdk-box,
.kpis,.dash>.dept,.spanes>.spane,.accgrid,.obgrid,.ccard,.act,.stmtbox,.crmstats,.bcol{background:var(--atl-card);border-color:transparent!important;border-radius:16px;box-shadow:var(--atl-shadow)}
.kpis,.crmstats{overflow:hidden}
.dash>.dept>.dept-head{background:var(--atl-card)!important;border-radius:16px 16px 0 0}
.kpi:hover{box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 2px 4px rgba(22,20,18,.07),0 24px 46px -26px rgba(22,20,18,.36)}

/* bars: sidebar, top bars, masthead */
.sb{background:rgba(252,250,245,.74)!important;border-right:none!important;box-shadow:1px 0 0 rgba(22,20,18,.07),12px 0 40px -34px rgba(22,20,18,.3)}
.pubbar{background:rgba(241,236,227,.9)!important;border-bottom:none!important;box-shadow:0 1px 0 rgba(22,20,18,.08)}
.masthead{background:rgba(241,236,227,.92);border-bottom:none!important;box-shadow:0 1px 0 rgba(22,20,18,.09)}

/* the active place is a black pill */
.nav-ind{background:var(--ink)!important;box-shadow:none!important;border-radius:999px!important}
.nav-i{border-radius:999px}
.nav-i.on{color:var(--paper)!important}
.nav-i.on .tb{background:var(--paper)!important;color:var(--ink)!important}

/* counters, notices and status pills: quiet, no yellow */
.tb{background:var(--ink)!important;color:var(--paper)!important}
.prevbanner{background:var(--ink)!important;color:var(--paper)!important}
.pill.open,.cflag.new,.step.cur .sn,.mode{color:var(--paper)!important}
.statgrid .v.amber::after{background:rgba(22,20,18,.1)!important;opacity:1!important}
/* control: order states and the printed payout statement in black, not bordeaux */
:root{--s-paid:#161412;--s-wait:#8A7F6C;--s-problem:#8E3A33}
#payoutDoc,.pr-kicker .per{color:#161412!important}.pr-rule{background:#161412!important}.st-sum .tot{border-top-color:#161412!important}
.pill.ok{border-color:#C9D6C9!important;background:#EDF2EA!important;color:var(--live)!important}
.pill.bad{border-color:#E2C6C0!important;background:#F6E9E5!important;color:var(--warn)!important}
.pill.wait{border-color:#DDD3C2!important;background:#EFE9DD!important;color:#5E574D!important}

/* fields and buttons */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:10px}
.search{border-radius:999px!important;background:var(--atl-card)!important;border-color:transparent!important;box-shadow:var(--atl-shadow)}
.pfsave,.startbtn,.pubbtn{border-radius:999px}