@font-face{font-family:"Outfit";src:url("fonts/outfit-400.woff") format("woff");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("fonts/outfit-700.woff") format("woff");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans-400.woff") format("woff");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans-700.woff") format("woff");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/ibm-plex-mono-400.woff") format("woff");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/ibm-plex-mono-700.woff") format("woff");font-weight:600 900;font-style:normal;font-display:swap}
/* Layout: barra de marca + hero curto; grade de 2 colunas (painel de controle claro | relógio da semana escuro); espelho de ponto em papel; alertas. Tema único escuro Sigmativa. */
:root{
  --bg:#0F241D; --bg-deep:#0A1A14; --surface:rgba(255,255,255,.035); --line:rgba(139,216,115,.16);
  --green:#4FAF38; --lime:#8BD873; --text:#EAF2EC; --muted:#9DB5A8;
  --paper:#FBFCF9; --ink:#14231C; --ink-2:#5E7268; --rule:#E2EAE3; --paper-hi:#EEF6EA;
  --night:#8CC8FF; --crit:#FF8A7A; --warn:#F3C969;
  --display:"Outfit","Segoe UI",system-ui,sans-serif;
  --body:"Instrument Sans","Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
.cargas .when{font-family:var(--mono);font-size:10.5px;color:var(--green);margin-top:2px}
html{background:var(--bg)}
body{margin:0;font-family:var(--body);font-size:15px;color:var(--text);background:var(--bg);
  background-image:radial-gradient(900px 520px at 88% -8%,rgba(79,175,56,.20),transparent 62%),radial-gradient(700px 600px at -10% 40%,rgba(79,175,56,.07),transparent 60%);
  background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:6px}

/* ---------- splash ---------- */
#splash{position:fixed;inset:0;z-index:50;background:var(--bg-deep);display:grid;place-items:center;cursor:pointer;
  transition:transform .75s var(--ease),opacity .75s var(--ease)}
#splash.out{transform:translateY(-100%);opacity:.6}
.sp-in{display:grid;justify-items:center;gap:26px;padding:24px}
.sp-mark{position:relative;width:170px;height:170px;display:grid;place-items:center}
.sp-mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sp-ring{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;
  stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.3s .15s var(--ease) forwards}
.sp-ticks line{stroke:rgba(139,216,115,.35);stroke-width:2;opacity:0;animation:fade .4s forwards}
.sp-hand{stroke:var(--lime);stroke-width:2.5;stroke-linecap:round;transform-origin:85px 85px;animation:sweep 1.3s .15s var(--ease) forwards}
.sp-sym{width:58px;height:auto;transform:scale(.6);opacity:0;animation:pop .6s .1s var(--ease) forwards}
.sp-txt{text-align:center;opacity:0;transform:translateY(10px);animation:rise .6s .7s var(--ease) forwards}
.sp-txt small{display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.sp-txt b{display:block;font-family:var(--display);font-weight:800;font-size:56px;letter-spacing:-.03em;line-height:1.1;color:var(--text)}
.sp-txt b em{font-style:normal;color:var(--lime)}
.sp-skip{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom,0px));font-size:12px;color:var(--muted);opacity:0;animation:fade .4s 1.2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes sweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pop{to{transform:scale(1);opacity:1}}
@keyframes fade{to{opacity:1}}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- page ---------- */
.wrap{max-width:1180px;margin:0 auto;padding-block:20px 56px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:grid;gap:28px}
body.ready .reveal{animation:enter .7s var(--ease) both}
body.ready .reveal:nth-child(2){animation-delay:.08s}
body.ready .reveal:nth-child(3){animation-delay:.16s}
body.ready .reveal:nth-child(4){animation-delay:.24s}
body.ready .reveal:nth-child(5){animation-delay:.32s}
body.ready .reveal:nth-child(6){animation-delay:.4s}

.top{display:grid;gap:18px}
.brandrow{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:6px}
.lockup{display:flex;align-items:center;gap:16px}
.lk-div{width:1px;height:34px;background:var(--line)}
.lk-prod{display:grid;line-height:1}
.lk-prod small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.lk-prod b{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.03em;color:var(--text)}
.lk-prod b em{font-style:normal;color:var(--lime);margin:0 1px}
.ec-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.ec-pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(139,216,115,.6);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(139,216,115,0)}100%{box-shadow:0 0 0 0 rgba(139,216,115,0)}}
.top img{height:30px;width:auto;display:block}
.top .tabs{display:flex;width:100%}
.top .tab{flex:1 1 0;min-width:0;justify-content:center;padding:12px 18px;font-size:15px}
.top-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.badge{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.btn{border:0;background:var(--green);color:#fff;font-weight:600;font-size:14px;padding:10px 18px;border-radius:10px;cursor:pointer;
  transition:transform .15s var(--ease),background .2s,box-shadow .2s;box-shadow:0 6px 20px rgba(79,175,56,.25)}
.btn:hover{background:#5DC145;transform:translateY(-1px);box-shadow:0 10px 26px rgba(79,175,56,.35)}
.btn:active{transform:translateY(1px) scale(.98)}

.hero{display:grid;gap:14px;max-width:760px}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin:0 0 12px;font-weight:600}
h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1.12;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1 em{font-style:normal;color:var(--lime)}
.hero p{margin:0;color:var(--muted);line-height:1.6;max-width:60ch;font-size:16px}

.grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:20px;align-items:stretch}

/* control deck (paper) */
.deck{background:var(--paper);color:var(--ink);border-radius:20px;padding:26px;display:grid;gap:26px;color-scheme:light;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04)}
.grp{display:grid;gap:12px}
.grp-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.grp-h h2{margin:0;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.01em}
.grp-h span{font-size:12px;color:var(--ink-2)}
.turnos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opt{border:1.5px solid var(--rule);background:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer;display:grid;gap:4px;
  transition:border-color .2s,transform .15s var(--ease),box-shadow .2s,background .2s}
.opt:hover{border-color:#B8D9AE;transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(20,35,28,.35)}
.opt[aria-pressed=true]{border-color:var(--green);background:var(--paper-hi);box-shadow:inset 0 0 0 1px var(--green)}
.opt .t{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.opt .t svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.opt[aria-pressed=true] .t svg{color:var(--green)}
.opt .s{font-size:12px;color:var(--ink-2)}
.cargas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cargas .opt{text-align:center;justify-items:center;padding:14px 8px}
.cargas .n{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1}
.cargas .n small{font-size:14px;font-weight:600;margin-left:1px}

.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.day{border:1.5px solid var(--rule);background:#fff;border-radius:12px;padding:10px 2px 9px;cursor:pointer;display:grid;justify-items:center;gap:5px;
  transition:transform .18s var(--ease),background .25s,border-color .25s,color .25s}
.day:hover{transform:translateY(-2px);border-color:#B8D9AE}
.day:active{transform:scale(.95)}
.day b{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.02em}
.day i{font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.day .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.day[aria-pressed=true]{background:var(--bg);border-color:var(--bg);color:var(--lime)}
.day[aria-pressed=true] i{color:var(--lime)}
.day[aria-pressed=true] .dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--lime)}
.day.flip{animation:flip .35s var(--ease)}
@keyframes flip{40%{transform:scale(.9) rotateX(40deg)}}

.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.f{display:grid;gap:6px;min-width:0}
.f label{font-size:12px;color:var(--ink-2);font-weight:500}
input[type=time],select{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--ink);background:#fff;border:1.5px solid var(--rule);border-radius:10px;padding:9px 10px;width:100%;
  transition:border-color .2s,box-shadow .2s}
input[type=time]:hover,select:hover{border-color:#B8D9AE}
input[type=time]:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(79,175,56,.18)}
.note{font-size:12px;color:var(--ink-2);margin:0;line-height:1.5}

/* readout (dark) */
.readout{display:grid;min-width:0}
.dialcard{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px 24px;align-items:center;align-content:center;
  transition:border-color .3s}
.dialcard:hover{border-color:rgba(139,216,115,.3)}
.dial{width:100%;max-width:430px;height:auto;display:block;margin:auto;overflow:visible}
.dial .bgring{fill:none;stroke:rgba(255,255,255,.055)}
.dial .offring{fill:none;stroke:rgba(255,255,255,.12);stroke-dasharray:2 5}
.dial .arc{fill:none;stroke:var(--green);stroke-linecap:butt;transition:opacity .25s,stroke .25s}
.dial .gap{fill:none;stroke:rgba(139,216,115,.25)}
.dial.draw .arc{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .8s var(--ease) forwards}
.dial .hit{fill:none;stroke:transparent;cursor:pointer;pointer-events:stroke}
.dial g.ring{transition:opacity .25s}
.dial.focus g.ring{opacity:.25}
.dial.focus g.ring.on{opacity:1}
.dial.focus g.ring.on .arc{stroke:var(--lime)}
.dial .hr{font-family:var(--mono);font-size:11px;fill:var(--muted)}
.dial .tick{stroke:rgba(157,181,168,.35)}
.dial .c1{font-family:var(--display);font-weight:700;font-size:34px;fill:var(--text);letter-spacing:-.02em}
.dial .c2{font-size:11px;fill:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.dial .c3{font-family:var(--mono);font-size:12px;fill:var(--lime)}
.dlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dlist li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:6px 8px;border-radius:8px;cursor:default;transition:background .2s,color .2s;color:var(--muted)}
.dlist li b{font-weight:600;color:var(--text)}
.dlist li span{font-family:var(--mono);font-size:12px}
.dlist li.on{background:rgba(139,216,115,.12);color:var(--lime)}
.dlist li.off b{color:var(--muted);font-weight:400}
.legend{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:12px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}

.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tile{border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:2px;background:var(--surface);
  transition:transform .2s var(--ease),border-color .25s,background .25s}
.tile:hover{transform:translateY(-2px);border-color:rgba(139,216,115,.32);background:rgba(255,255,255,.05)}
.tile .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tile .v{font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.25}
.tile .s{font-size:12px;color:var(--muted)}
.tile.main{background:var(--green);border-color:var(--green);color:#fff}
.tile.main .k,.tile.main .s{color:rgba(255,255,255,.82)}
.tile.main:hover{background:#56B83E}

/* espelho de ponto (paper) */
.sheet{background:var(--paper);color:var(--ink);border-radius:20px;overflow:hidden;color-scheme:light;box-shadow:0 30px 60px -24px rgba(0,0,0,.5)}
.sheet-h{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;padding:22px 26px 16px;border-bottom:1px dashed #C9D6CC}
.sheet-h h2{margin:0;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.015em}
.sheet-h p{margin:4px 0 0;font-size:13px;color:var(--ink-2)}
.stamp{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);border:1.5px solid var(--green);border-radius:6px;padding:4px 8px;transform:rotate(-2deg)}
.tbl{overflow-x:auto}
table{width:100%;min-width:700px;border-collapse:collapse;font-size:14px}
th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:600;text-align:left;padding:12px 10px;background:#F3F7F1}
th:first-child,td:first-child{padding-left:26px}
th:last-child,td:last-child{padding-right:26px}
td{padding:8px 10px;border-top:1px solid var(--rule);vertical-align:middle}
tbody tr{transition:background .2s}
tbody tr:hover{background:#F5FAF2}
td.dia b{font-family:var(--display);font-weight:600}
td.dia small{display:block;font-size:11px;color:var(--ink-2)}
td input[type=time]{width:132px;padding:7px 8px;font-size:14px}
td.hrs{font-family:var(--mono);font-weight:600;font-size:15px;white-space:nowrap}
td.hrs small{display:block;font-weight:500;font-size:11px;color:#3D69B0}
tr.folga td{color:var(--ink-2);background:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(20,35,28,.025) 8px 16px)}
.ftag{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
tr.flash td{animation:flash .9s var(--ease)}
@keyframes flash{0%{background:#E2F3DB}100%{background:transparent}}
.sheet-f{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 26px;background:#F3F7F1;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-2)}
.sheet-f b{font-family:var(--mono);color:var(--ink);font-size:15px}

/* alerts */
.alerts-box{display:grid;gap:14px}
.alerts-box h2{margin:0;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.015em}
.alerts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.alerts li{display:grid;gap:8px;align-content:start;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:14px;line-height:1.55;
  animation:enter .45s var(--ease) both;transition:border-color .2s,transform .2s var(--ease)}
.alerts li:hover{transform:translateY(-2px);border-color:rgba(139,216,115,.3)}
.alerts li.crit{border-color:rgba(255,138,122,.35);background:rgba(255,138,122,.06)}
.pill{justify-self:start;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.pill.crit{background:rgba(255,138,122,.16);color:var(--crit)}
.pill.warn{background:rgba(243,201,105,.15);color:var(--warn)}
.pill.info{background:rgba(140,200,255,.14);color:var(--night)}
.pill.ok{background:rgba(139,216,115,.16);color:var(--lime)}

footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted);line-height:1.6}
footer p{margin:0;max-width:80ch}
footer img{height:22px;width:auto;opacity:.75}

#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140%);background:var(--ink);color:var(--text);border:1px solid var(--line);
  font-size:13px;padding:10px 16px;border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.4);transition:transform .35s var(--ease),visibility 0s .35s;visibility:hidden;z-index:40;max-width:calc(100% - 32px)}
#toast.show{transform:translate(-50%,0);visibility:visible;transition:transform .35s var(--ease)}

@media (max-width:980px){
  .grid{grid-template-columns:minmax(0,1fr)}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .dialcard{grid-template-columns:minmax(0,1fr);padding:18px}
  .dlist{display:none}
  .tbl.cardwrap{overflow:visible}
  table.cards{min-width:0}
  table.cards thead{display:none}
  table.cards th:first-child,table.cards td:first-child,table.cards th:last-child,table.cards td:last-child{padding:0}
  table.cards tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:14px 18px;border-top:1px solid var(--rule)}
  table.cards tbody tr:first-child{border-top:0}
  table.cards td{border:0;padding:0}
  table.cards td.dia{align-self:center}
  table.cards td.hrs{grid-column:2;grid-row:1;text-align:right}
  table.cards td[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:var(--ink-2);margin-bottom:4px}
  table.cards td input[type=time]{width:100%}
  table.cards tr.folga{grid-template-columns:auto 1fr;align-items:center}
  table.cards tr.folga td[colspan]{text-align:right}
  .sheet-h,.sheet-f{padding-left:18px;padding-right:18px}
}
@media (max-width:560px){
  .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));gap:22px}
  .deck{padding:18px;border-radius:16px}
  .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fields .f:last-child{grid-column:1/-1}
  .day{padding:9px 0 8px}
  .day i{font-size:9px;letter-spacing:0}
  .tile .v{font-size:24px}
  .sp-txt b{font-size:44px}
  .badge{display:none}
  .ec-pill{display:none}
  .lk-prod b{font-size:22px}
  .lockup{gap:12px}
  .top img{height:26px}
}

/* ---------- tabs ---------- */
.tabs{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.22);justify-self:start;max-width:100%;overflow-x:auto}
.tab{border:0;background:transparent;padding:10px 18px;border-radius:10px;cursor:pointer;color:var(--muted);font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;white-space:nowrap;transition:color .2s,background .25s}
.tab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{color:var(--text);background:rgba(255,255,255,.04)}
.tab[aria-selected=true]{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(79,175,56,.3)}
.tab .cnt{font-size:11px;background:rgba(255,255,255,.14);padding:1px 7px;border-radius:999px;font-weight:600}
.tabpanel{display:grid;gap:28px;min-width:0}
.tabpanel.show{animation:enter .45s var(--ease) both}

/* ---------- base de conhecimento ---------- */
.kb{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.kb-nav{position:sticky;top:20px;display:grid;gap:2px}
.kb-nav p{margin:0 0 8px 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kb-nav button{text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:10px;color:var(--muted);cursor:pointer;display:flex;justify-content:space-between;gap:8px;font-size:14px;transition:background .2s,color .2s}
.kb-nav button:hover{background:var(--surface);color:var(--text)}
.kb-nav button[aria-pressed=true]{background:rgba(139,216,115,.12);color:var(--lime)}
.kb-nav button span{font-family:var(--mono);font-size:12px;opacity:.75}
.kb-main{display:grid;gap:26px;min-width:0}
.kb-search{position:relative}
.kb-search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}
.kb-search input{width:100%;font:inherit;font-size:15px;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:13px 16px 13px 42px;transition:border-color .2s,background .2s,box-shadow .2s}
.kb-search input::placeholder{color:var(--muted)}
.kb-search input:hover{border-color:rgba(139,216,115,.3)}
.kb-search input:focus{outline:none;border-color:var(--green);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(79,175,56,.2)}

.ec{background:var(--paper);color:var(--ink);border-radius:20px;padding:24px 26px;display:grid;gap:20px;box-shadow:0 30px 60px -24px rgba(0,0,0,.5)}
.ec-h{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}
.ec-h h2{margin:0;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.015em}
.ec-h p{margin:4px 0 0;font-size:14px;color:var(--ink-2);max-width:58ch;line-height:1.55}
.countdown{display:grid;justify-items:end;text-align:right}
.countdown b{font-family:var(--display);font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--green);line-height:1}
.countdown span{font-size:12px;color:var(--ink-2)}
.tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:26px}
.tl::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:3px;border-radius:3px;background:var(--rule)}
.tl-prog{position:absolute;left:8px;top:8px;height:3px;border-radius:3px;background:var(--green);width:0;transition:width 1.2s var(--ease)}
.tl-now{position:absolute;top:0;width:19px;height:19px;margin-left:-9px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 0 0 6px rgba(79,175,56,.18);transition:left 1.2s var(--ease)}
.tl-now::after{content:"hoje";position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:600}
.step{position:relative;display:grid;gap:4px}
.step::before{content:"";position:absolute;top:-23px;left:0;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--rule)}
.step.done::before{border-color:var(--green);background:var(--green)}
.step:nth-child(4){text-align:center;justify-items:center}.step:nth-child(4)::before{left:50%;margin-left:-6px}
.step:nth-child(5){text-align:right;justify-items:end}.step:nth-child(5)::before{left:auto;right:0}
.step time{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--green)}
.step b{font-family:var(--display);font-size:15px;font-weight:600}
.step span{font-size:12.5px;color:var(--ink-2);line-height:1.45}
.ec-f{font-size:12px;color:var(--ink-2);margin:0;line-height:1.5}
.ec-f a{color:#2c6e1d}

.kgroup{display:grid;gap:10px;scroll-margin-top:20px}
.kgroup>h3{margin:0 0 4px;font-family:var(--display);font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}
.kgroup>h3::after{content:"";flex:1;height:1px;background:var(--line)}
details.kq{border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .25s,background .25s}
details.kq:hover{border-color:rgba(139,216,115,.28)}
details.kq[open]{border-color:rgba(139,216,115,.34);background:rgba(255,255,255,.05)}
details.kq summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-weight:600;font-size:15px;line-height:1.4}
details.kq summary::-webkit-details-marker{display:none}
details.kq summary svg{width:18px;height:18px;flex:none;stroke:var(--lime);fill:none;stroke-width:2;stroke-linecap:round;transition:transform .3s var(--ease)}
details.kq[open] summary svg{transform:rotate(45deg)}
.ans{padding:0 18px 18px;color:#CFE0D6;line-height:1.65;font-size:14.5px;display:grid;gap:10px;max-width:78ch}
details.kq[open] .ans{animation:enter .35s var(--ease) both}
.ans p,.ans ul{margin:0}.ans ul{padding-left:18px;display:grid;gap:4px}
.ans b{color:var(--text)}
.ans a{color:var(--lime)}
.ref{justify-self:start;font-family:var(--mono);font-size:11.5px;color:var(--lime);border:1px solid var(--line);border-radius:6px;padding:3px 8px}
mark{background:rgba(139,216,115,.32);color:inherit;border-radius:3px;padding:0 1px}
.kb-empty{border:1px dashed var(--line);border-radius:14px;padding:28px;text-align:center;color:var(--muted)}
.kb-empty b{display:block;color:var(--text);font-family:var(--display);margin-bottom:4px}
@media (max-width:860px){
  .kb{grid-template-columns:minmax(0,1fr);gap:18px}
  .kb-nav{position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}
  .kb-nav p{display:none}
  .kb-nav button{flex:none;border:1px solid var(--line);border-radius:999px;padding:7px 12px}
}
@media (max-width:640px){
  .tl{grid-template-columns:minmax(0,1fr);padding-top:0;padding-left:28px;gap:18px}
  .tl::before{left:8px;right:auto;top:6px;bottom:6px;width:3px;height:auto}
  .tl-prog,.tl-now{display:none}
  .step::before,.step:nth-child(4)::before,.step:nth-child(5)::before{top:3px;left:-28px;right:auto;margin:0}
  .step:nth-child(4),.step:nth-child(5){text-align:left;justify-items:start}
  .ec{padding:20px}
  .top .tab{padding:11px 6px;font-size:14px;gap:6px}
  .top .tab svg{display:none}
  .tab .cnt{display:none}
  .countdown{justify-items:start;text-align:left}
}

/* ---------- envio para a contabilidade ---------- */
.cta{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 26px;border-radius:20px;
  background:linear-gradient(120deg,rgba(79,175,56,.22),rgba(79,175,56,.06) 60%);border:1px solid rgba(139,216,115,.3)}
.cta b{display:block;font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.015em}
.cta span{font-size:14px;color:var(--muted)}
.modal-bg{position:fixed;inset:0;z-index:45;display:grid;place-items:center;background:rgba(4,12,9,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  padding-block:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  animation:fade .25s both;opacity:0}
.modal{position:relative;width:min(560px,100%);max-height:100%;overflow-y:auto;background:var(--paper);color:var(--ink);color-scheme:light;border-radius:22px;padding:28px;display:grid;gap:18px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.7);animation:mIn .4s var(--ease) both}
@keyframes mIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.modal-bg.closing{animation:fadeOut .2s both}
.modal-bg.closing .modal{animation:mOut .2s both}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes mOut{to{opacity:0;transform:translateY(10px) scale(.98)}}
.m-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:10px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--ink-2);transition:background .2s}
.m-x:hover{background:#EEF3EE}
.m-x svg,.m-btn svg,.copy svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.m-head{display:flex;gap:14px;align-items:center;padding-right:30px}
.m-head img{width:40px;height:auto;flex:none}
.m-head h2{margin:0;font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.m-head p{margin:4px 0 0;font-size:14px;color:var(--ink-2);line-height:1.5}
.m-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.m-fields label{display:grid;gap:6px;font-size:12px;color:var(--ink-2);font-weight:500}
.m-fields input{font:inherit;font-size:14px;color:var(--ink);background:#fff;border:1.5px solid var(--rule);border-radius:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}
.m-fields input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(79,175,56,.18)}
.m-prev{font-family:var(--mono);font-size:12.5px;line-height:1.55;white-space:pre-wrap;background:#F3F7F1;border:1px dashed #C9D6CC;border-radius:12px;padding:14px;max-height:190px;overflow-y:auto;margin:0;color:var(--ink)}
.m-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.m-btn{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:600;font-size:14.5px;padding:13px 14px;border-radius:12px;cursor:pointer;border:1.5px solid var(--green);transition:transform .15s var(--ease),background .2s,box-shadow .2s}
.m-btn:hover{transform:translateY(-1px)}
.m-btn:active{transform:translateY(1px)}
.m-btn.pri{background:var(--green);color:#fff;box-shadow:0 8px 20px -6px rgba(79,175,56,.55)}
.m-btn.pri:hover{background:#5DC145}
.m-btn.sec{background:#fff;color:#2c6e1d}
.m-btn.sec:hover{background:var(--paper-hi)}
.m-fields em{font-style:normal;color:#C4402F}
.m-fields .err{display:none;font-size:12px;color:#C4402F}
.m-fields label.invalid input{border-color:#E07A6C;box-shadow:0 0 0 3px rgba(224,122,108,.18)}
.m-fields label.invalid .err{display:block}
.modal.shake{animation:shake .4s var(--ease)}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.m-file{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border:1px dashed #C9D6CC;border-radius:12px;background:#F3F7F1}
.m-file>svg{width:28px;height:28px;flex:none;stroke:var(--green);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.m-file div{display:grid;min-width:0;flex:1}
.m-file b{font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}
.m-file span{font-size:12px;color:var(--ink-2)}
.lnk{border:0;background:none;padding:0;font:inherit;color:#2c6e1d;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.m-status{margin:0;font-size:13.5px;line-height:1.5;padding:12px 14px;border-radius:12px;background:#E9F6E4;color:#245c18;border:1px solid #BFE2B3}
.m-priv{margin:-4px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.m-priv a{color:#2c6e1d;font-weight:600}
.priv-link{color:var(--lime);white-space:nowrap}
.m-web{margin:-6px 0 0;text-align:center;font-size:12.5px;color:var(--ink-2)}
.m-web a{color:#2c6e1d;font-weight:600}
.m-contacts{display:grid;gap:8px;border-top:1px solid var(--rule);padding-top:16px}
.m-contacts>span{font-size:12px;color:var(--ink-2)}
.contact{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 12px;border:1px solid var(--rule);border-radius:10px;background:#fff}
.contact div{display:grid;min-width:0}
.contact small{font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}
.contact b{font-family:var(--mono);font-size:14px;font-weight:600;user-select:all;overflow-wrap:anywhere}
.copy{border:0;background:#F1F6EF;color:#2c6e1d;font-size:12.5px;font-weight:600;padding:8px 11px;border-radius:8px;cursor:pointer;display:flex;gap:6px;align-items:center;flex:none;transition:background .2s}
.copy:hover{background:#E2F1DC}
.m-view{display:grid;gap:18px}
.m-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:st}
.m-steps li{counter-increment:st;display:grid;grid-template-columns:34px 1fr;column-gap:12px;row-gap:2px;align-items:start;padding:14px;border:1px solid var(--rule);border-radius:14px;background:#fff;animation:enter .4s var(--ease) both}
.m-steps li:nth-child(2){animation-delay:.08s}.m-steps li:nth-child(3){animation-delay:.16s}
.m-steps li::before{content:counter(st);grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--lime);font-family:var(--display);font-weight:700;font-size:15px}
.m-steps b{font-size:15px}
.m-steps span{font-size:13px;color:var(--ink-2);line-height:1.5}
.m-tip{margin:0;font-size:13px;color:var(--ink-2);padding:10px 14px;border-radius:10px;background:#F3F7F1}
.m-foot{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.m-later{justify-self:center;border:0;background:transparent;color:var(--ink-2);font-size:13px;cursor:pointer;padding:4px 8px;text-decoration:underline;text-underline-offset:3px}
.m-later:hover{color:var(--ink)}
@media (max-width:520px){.modal{padding:22px}.m-fields,.m-actions{grid-template-columns:1fr}}

/* ---------- módulos: comparativo, folha, equipe ---------- */
.mod{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;align-items:start}
.mod .deck{position:sticky;top:16px}
.res{display:grid;gap:16px;min-width:0}
.dpanel{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:22px 24px;display:grid;gap:16px;min-width:0}
.dpanel>h2,.sec-h{margin:0;font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.015em}
.dpanel>p.sub{margin:-8px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}
.inp{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--ink);background:#fff;border:1.5px solid var(--rule);border-radius:10px;padding:9px 10px;width:100%;transition:border-color .2s,box-shadow .2s}
.inp:hover{border-color:#B8D9AE}
.inp:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(79,175,56,.18)}
.money{position:relative}
.money span{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:14px;color:var(--ink-2);pointer-events:none}
.money .inp{padding-left:36px}
.pct{position:relative}
.pct span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:14px;color:var(--ink-2);pointer-events:none}
.pct .inp{padding-right:28px}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stepper{display:flex;align-items:center;border:1.5px solid var(--rule);border-radius:10px;background:#fff;overflow:hidden}
.stepper button{border:0;background:transparent;width:40px;height:40px;font-size:18px;cursor:pointer;color:var(--ink);transition:background .2s}
.stepper button:hover{background:var(--paper-hi)}
.stepper output{flex:1;text-align:center;font-family:var(--mono);font-weight:600;font-size:15px}
.seg2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.seg2 .opt{padding:12px}

.vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}
.vs .side{display:grid;gap:4px;padding:18px;border-radius:16px;border:1px solid var(--line)}
.vs .side.now{background:rgba(255,255,255,.03)}
.vs .side.new{background:var(--green);border-color:var(--green);color:#fff}
.vs .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vs .side.new .k{color:rgba(255,255,255,.85)}
.vs .v{font-family:var(--display);font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.vs .s{font-size:12.5px;color:var(--muted)}
.vs .side.new .s{color:rgba(255,255,255,.85)}
.vs .arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--lime)}
.vs .arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fact{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:2px;transition:border-color .2s,transform .2s var(--ease)}
.fact:hover{border-color:rgba(139,216,115,.3);transform:translateY(-2px)}
.fact .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fact b{font-family:var(--display);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.fact span{font-size:12px;color:var(--muted)}

.night-note{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:14px;background:#EAF1FB;border:1px solid #C9DAF2;color:#1E3A66;animation:enter .4s var(--ease) both}
.night-note>svg{width:20px;height:20px;stroke:#3D69B0;fill:none;stroke-width:1.8;margin-top:2px}
.night-note b{font-size:14px;display:block;margin-bottom:4px}
.night-note p{margin:0 0 8px;font-size:13px;line-height:1.55}
.night-note strong{font-weight:600}
.night-note .kblink{color:#2E5590;font-size:12.5px}
.ins{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ins li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:14.5px;line-height:1.5}
.ins li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:7px}
.ins b{font-family:var(--mono);font-weight:600;color:var(--text)}
.dchip{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.dchip.up{background:#FFF2D6;color:#8A5A00}
.dchip.down{background:#E2F3DB;color:#2c6e1d}
.dchip.eq{background:#EEF2EF;color:var(--ink-2)}
.dchip.off{background:var(--bg);color:var(--lime)}
.dchip.on{background:#E3ECFA;color:#2E5590}
td .muted{color:var(--ink-2);font-size:13px}
td .tm{font-family:var(--mono);font-size:13.5px}
table.cmp td.sep,table.cmp th.sep{border-left:1px dashed #C9D6CC}

table.vals{min-width:560px}
table.vals td,table.vals th{padding:11px 14px}
table.vals td{font-family:var(--mono);font-size:14px}
table.vals td:first-child{font-family:var(--body);font-weight:500}
table.vals th small{display:block;font-weight:500;letter-spacing:0;text-transform:none;font-size:11px;color:var(--ink-2);margin-top:2px}
table.vals td.hi{background:#F1F8EE;font-weight:600}
.opts2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.optc{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:6px;position:relative;transition:border-color .25s,background .25s}
.optc.best{border-color:rgba(139,216,115,.55);background:rgba(79,175,56,.10)}
.optc .tag{justify-self:start;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.optc.best .tag{color:var(--lime)}
.optc b{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.optc span{font-size:12.5px;color:var(--muted);line-height:1.5}
.stage-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;justify-self:start}
.stage-tabs button{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:7px 12px;border-radius:9px;cursor:pointer;transition:background .2s,color .2s}
.stage-tabs button[aria-pressed=true]{background:rgba(139,216,115,.16);color:var(--lime)}
.fine{font-size:12px;color:var(--muted);margin:0;line-height:1.55}

.shifts{display:grid;gap:8px}
.shift{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:12px}
.shift b{font-family:var(--display);font-weight:600}
.shift span{font-family:var(--mono);font-size:14px;color:var(--lime)}
.esc{overflow-x:auto}
.esc table{min-width:560px;border-collapse:separate;border-spacing:4px;font-size:13px}
.esc th{background:transparent;color:var(--muted);padding:4px;text-align:center;font-size:11px}
.esc td{border:0;padding:0;text-align:center}
.esc td.nm{text-align:left;color:var(--muted);font-size:12.5px;padding-right:8px;white-space:nowrap}
.esc .c{display:block;padding:7px 0;border-radius:8px;font-family:var(--mono);font-weight:600;font-size:12px}
.esc .c.A{background:var(--green);color:#fff}
.esc .c.B{background:#2F7F52;color:#fff}
.esc .c.C{background:#3D69B0;color:#fff}
.esc .c.D{background:#7A5BB0;color:#fff}
.esc .c.off{background:rgba(255,255,255,.05);color:var(--muted);font-weight:500}
.esc .c.closed{background:transparent;color:rgba(157,181,168,.4)}
.esc tfoot td{padding-top:6px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.esc tfoot td.ok{color:var(--lime)}
.esc tfoot td.bad{color:var(--crit)}

.kblink{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--lime);cursor:pointer;justify-self:start;display:inline-flex;gap:6px;align-items:center;transition:gap .2s}
.kblink:hover{gap:10px;text-decoration:underline;text-underline-offset:3px}
details.kq.flash{animation:kflash 1.6s var(--ease)}
@keyframes kflash{0%,40%{border-color:var(--lime);box-shadow:0 0 0 4px rgba(139,216,115,.25)}100%{box-shadow:0 0 0 0 rgba(139,216,115,0)}}

@media (max-width:980px){.mod{grid-template-columns:minmax(0,1fr)}.mod .deck{position:static}}
@media (max-width:640px){
  .vs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.vs .arrow{display:none}
  .vs .side{padding:14px}.vs .v{font-size:30px}
  .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fact{padding:10px}.fact b{font-size:17px}.fact .k{font-size:10px;letter-spacing:.04em}
  .opts2{grid-template-columns:minmax(0,1fr)}
  table.cards td.sep{grid-column:1/-1;border-left:0;border-top:1px dashed #C9D6CC;padding-top:8px}
  .dpanel{padding:18px}
  .top .tabs{overflow-x:auto}
  .top .tab{flex:none;padding:11px 14px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{
  #splash,#toast,.cta,.modal-bg,.btn,.deck,.legend,.dlist,.badge,.tabs,.kb-nav,.kb-search{display:none!important}
  details.kq{break-inside:avoid}
  .ans{color:#222}
  body{background:#fff;color:#111}
  .grid{grid-template-columns:1fr}
  .tile,.tile.main,.alerts li,.dialcard{background:#fff!important;color:#111;border-color:#ccc}
  .tile .k,.tile .s,.tile.main .k,.tile.main .s,h1,.hero p{color:#333}
  .dialcard{display:none}
  .sheet{box-shadow:none;border:1px solid #ccc}
}