[hidden]{display:none!important}
/* complementos da versão ligada ao banco */
.gate{min-height:100vh;display:grid;place-items:center;padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  background:var(--rail);background-image:linear-gradient(var(--rail-grid) 1px,transparent 1px),linear-gradient(90deg,var(--rail-grid) 1px,transparent 1px);background-size:28px 28px}
.gate-box{width:min(380px,100%);background:var(--surface);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.gate-logo{font:700 26px/1 var(--f-display);color:var(--fg)}.gate-logo i{font-style:normal;color:var(--accent)}
.gate-box p{margin:0 0 8px;color:var(--fg-3);font-size:13px}
.gate-box label{font-size:13px;font-weight:700;color:var(--fg-2)}
.gate-box input{padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}
.gate-box .btn{justify-content:center;padding:10px}
.gate-msg{min-height:1.4em;color:var(--fg-2)!important}
.rail-user{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.linkbtn{background:none;border:0;color:var(--rail-fg);text-decoration:underline;padding:0;font-size:12px}
.reasons{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.reasons .chip{cursor:pointer}
.reasons input{flex:1 1 200px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface)}
.ed{display:flex;flex-direction:column;gap:12px}
.ed label{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:700;display:flex;flex-direction:column;gap:6px}
.ed input[type=text],.ed input[type=number],.ed textarea{font:inherit;font-size:14px;text-transform:none;letter-spacing:0;color:var(--fg);padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);font-weight:500}
.ed textarea{min-height:60px;resize:vertical}
.ed .row2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.termed{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.termed .term{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px}
.termed .term input{width:46px;border:1px solid var(--line);border-radius:6px;padding:2px 4px;font:500 12px var(--f-mono);background:var(--surface);color:var(--fg)}
.termed .term button{border:0;background:none;color:var(--fg-3);font-size:14px;padding:0 4px}
.termed .add{display:inline-flex;gap:4px}
.termed .add input{width:160px;padding:4px 8px;border:1px dashed var(--line-strong);border-radius:7px;background:var(--surface);font-size:12.5px}
.prof .acts{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
.switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--fg-2)}
.warn-box{background:var(--urgent-soft);color:var(--urgent);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600}
@media (max-width:560px){.ed .row2{grid-template-columns:minmax(0,1fr)}}
.ty.ia{background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.ia-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:700;margin:14px 0 6px}
.ia-l{margin:0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.av-h{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:800;margin:18px 0 10px}
.av-h .n{font:500 12px var(--f-mono);color:var(--fg-3)}
.aviso{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);cursor:pointer;border-left:3px solid transparent}
.aviso:first-child{border-top:0}
.aviso:hover{background:var(--surface-2)}
.aviso.urg{border-left-color:var(--urgent)}
.aviso.lido{opacity:.62}
.av-tipo{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.aviso.urg .av-tipo{color:var(--urgent)}
.av-quando{font:500 12px var(--f-mono);color:var(--fg-3);white-space:nowrap}
.file a.fn{color:var(--fg);text-decoration:none}.file a.fn:hover{text-decoration:underline}
.file a.ft{color:var(--accent)}
@media (max-width:560px){.aviso{grid-template-columns:minmax(0,1fr)}.av-quando{order:3}}
.r-org b.fonte{font-weight:700;color:var(--accent)}
.linkbtn.dark{color:var(--accent);font-size:13px;text-align:left;align-self:flex-start}
.gate-box .linkbtn{margin-top:2px}
.users{width:100%;border-collapse:collapse;font-size:14px}
.users th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);padding:10px 16px;background:var(--surface-2)}
.users td{padding:10px 16px;border-top:1px solid var(--line);vertical-align:middle}
.users select{padding:5px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}
.users .off td{opacity:.55}
.add-user{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 150px auto;gap:10px;padding:14px 16px;align-items:end}
.add-user input,.add-user select{padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);width:100%}
.add-user label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:700}
.como{max-width:880px;display:flex;flex-direction:column;gap:18px}
.como section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.como h2{margin:0 0 10px;font-size:16px;font-weight:800}
.como p,.como li{font-size:14.5px;line-height:1.6;color:var(--fg-2)}
.como ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.como b{color:var(--fg)}
.como table{width:100%;border-collapse:collapse;font-size:14px}
.como td,.como th{padding:8px 10px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.como th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);border-top:0}
.ro input,.ro textarea,.ro button[data-rm],.ro .add{pointer-events:none;opacity:.7}
@media (max-width:760px){.add-user{grid-template-columns:minmax(0,1fr)}.users .col-acesso{display:none}}

/* ações rápidas embaixo da data, nas Novas */
.cal-col{display:flex;flex-direction:column;gap:6px;width:74px;align-self:start}
.qa{display:flex;flex-direction:column;gap:4px}
.qa-b{all:unset;box-sizing:border-box;width:100%;text-align:center;font:700 11px/1 var(--f-body);padding:5px 0;border-radius:7px;border:1px solid var(--line-strong);color:var(--fg-2);background:var(--surface);cursor:pointer}
.qa-b:hover{border-color:var(--fg);color:var(--fg)}
.qa-b.pri{border-color:var(--accent);color:var(--accent)}
.qa-b.pri:hover{background:var(--accent);color:#fff}
.qa-b.del:hover{border-color:var(--urgent);color:var(--urgent);background:var(--urgent-soft)}
.qa-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.row{align-items:start}
@media (max-width:1100px){.cal-col{width:70px}}
@media (max-width:560px){.cal-col{grid-column:3;grid-row:1/span 2;width:64px}.cal-col .cal{width:100%}.qa-b{padding:7px 0}}

/* rodapé */
.powered{margin-top:40px;padding:18px 0 4px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--fg-3);letter-spacing:.02em}
.powered b{color:var(--fg-2);font-weight:700}
.gate{grid-template-rows:1fr auto}
.gate-foot{border-top:0;margin-top:0;color:rgba(255,255,255,.55)}.gate-foot b{color:rgba(255,255,255,.8)}