*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:#531a30;color:#F4DADB;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.4;-webkit-font-smoothing:antialiased}
[hidden]{display:none !important}
.script{font-family:'Pinyon Script',cursive;font-weight:400;margin:0;line-height:1.1;padding:.04em .1em .12em}
.gold{background:linear-gradient(100deg,#B98F3A 0%,#F6E3A1 22%,#C9A24B 45%,#F6E3A1 70%,#B98F3A 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shimmer 7s linear infinite}
@keyframes shimmer{from{background-position:0 0}to{background-position:-220% 0}}
.eyebrow{font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#E2BF6A;line-height:1.5}

/* topo */
.top{max-width:760px;margin:0 auto;padding:26px 16px 8px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.top .script{font-size:clamp(44px,12vw,60px)}
.wrap{max-width:760px;margin:0 auto;padding:12px 16px 56px;display:flex;flex-direction:column;gap:18px}
.panel{background:#F4DADB;color:#6F233F;border:1px solid #C9A24B;border-radius:4px;padding:22px 18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.h{margin:0 0 14px;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:#A0445D}

/* formulário */
label{display:block;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#A0445D;margin:0 0 8px}
input[type=text],input[type=password]{width:100%;min-height:52px;padding:0 14px;border:1px solid #C9A24B;border-radius:2px;background:#FBEFEE;color:#6F233F;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:20px}
input::placeholder{color:#A0445D;opacity:.6;font-weight:400;font-style:italic}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #6F233F;outline-offset:2px}
.addform .row{display:flex;flex-direction:column;gap:10px}
.preview{margin-top:10px;font-size:17px;font-style:italic;color:#A0445D;word-break:break-all}
.preview span{font-style:normal;font-weight:700;color:#6F233F}
small{display:block;margin-top:8px;font-size:16px;font-style:italic;color:#A0445D}

.btn-main{min-height:52px;padding:0 24px;border:1px solid #6F233F;border-radius:2px;background:#6F233F;color:#E2BF6A;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(111,35,63,.35)}
.b{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #6F233F;border-radius:2px;background:transparent;color:#6F233F;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;list-style:none;transition:background .2s ease}
.b:hover{background:rgba(111,35,63,.1)}
.b.primary{background:#6F233F;color:#E2BF6A}
.b.danger{border-color:#A0445D;color:#A0445D}
.b.danger:hover{background:rgba(160,68,93,.12)}
.top .b{border-color:#E2BF6A;color:#E2BF6A}
.top .b:hover{background:rgba(226,191,106,.12)}
summary.b::-webkit-details-marker{display:none}

/* avisos */
.alert{margin-top:16px;padding:12px 14px;border-radius:2px;font-size:19px}
.alert.ok{background:rgba(63,166,107,.14);border:1px solid #3FA66B;color:#1d5c3a}
.alert.err{background:rgba(192,80,90,.12);border:1px solid #C0505A;color:#8a2a33}
.newlink{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700}
.newlink a{color:#6F233F;word-break:break-all}

/* resumo */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px}
.stat{border:1px solid #C9A24B;border-radius:2px;background:#FBEFEE;padding:10px 4px;text-align:center}
.stat b{display:block;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:26px;line-height:1.1}
.stat span{display:block;margin-top:2px;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:8px;letter-spacing:.03em;text-transform:uppercase;color:#A0445D}
.stat.s-yes b{color:#2c8a55}
.stat.s-no b{color:#B3444E}

/* lista */
.glist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.g{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:start;padding:14px;border:1px solid #E4B9B6;border-left-width:4px;border-radius:2px;background:#FBEFEE}
.g-yes{border-left-color:#3FA66B}
.g-no{border-left-color:#C0505A}
.g-pending{border-left-color:#C9A24B}
.g.is-new{animation:flash 2.4s ease-out 1}
@keyframes flash{0%{background:#F6E3A1}100%{background:#FBEFEE}}
.sq{display:inline-block;width:26px;height:26px;border-radius:3px;margin-top:2px;border:2px solid #C9A24B;background:transparent;flex:none}
.g-yes .sq,.sq-yes{background:#3FA66B;border-color:#2c8a55}
.g-no .sq,.sq-no{background:#C0505A;border-color:#A23A44}
.g-pending .sq,.sq-pending{background:transparent;border-color:#C9A24B}
.gi{min-width:0}
.gn{font-weight:700;font-size:22px;line-height:1.2;overflow-wrap:anywhere}
.gs{font-size:17px;font-style:italic;color:#A0445D}
.g-yes .gs{color:#2c8a55;font-weight:600}
.g-no .gs{color:#B3444E;font-weight:600}
.gl{display:inline-block;margin-top:2px;font-size:16px;color:#6F233F;text-underline-offset:3px;overflow-wrap:anywhere}
.ga{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.ed[open]{width:100%;order:9}
.ed[open] summary{margin-bottom:8px}
.edform{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px dashed #C9A24B;border-radius:2px;width:100%}
.delform{display:inline-flex}
.empty{margin:6px 0 0;font-style:italic;font-size:20px;color:#A0445D}
.legend{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:16px;color:#A0445D}
.legend .sq{width:16px;height:16px;margin:0 6px 0 0;vertical-align:middle}

/* login */
.auth{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:24px 16px}
.auth-card{width:100%;max-width:400px;background:#F4DADB;color:#6F233F;border:1px solid #C9A24B;border-radius:4px;padding:34px 22px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.auth-card .mark{margin-bottom:6px;filter:invert(1) hue-rotate(180deg) brightness(.55)}
.auth-card .script{font-size:56px;margin-bottom:6px}
.auth-card .eyebrow{color:#A0445D}
.auth-card .gold{background:linear-gradient(100deg,#8a6420 0%,#C9A24B 30%,#8a6420 60%,#C9A24B 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}
.lead{margin:6px 0 18px;font-style:italic;font-size:20px}
.form{text-align:left;display:flex;flex-direction:column;gap:6px}
.form .btn-main{margin-top:14px}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#6F233F;color:#F4DADB;border:1px solid #C9A24B;border-radius:2px;padding:10px 18px;font-size:18px;box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:50}

@media (min-width:640px){
.addform .row{flex-direction:row}
.addform .row input{flex:1}
.stat b{font-size:32px}
.stat span{font-size:10px}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}

/* resumo: pessoas, filtros, recados */
.stat.wide{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:center;gap:10px;padding:8px 10px}
.stat.wide b{font-size:24px}
.stat.wide span{margin:0;font-size:10px}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hrow .h{margin:0}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.chip{min-height:38px;padding:0 14px;border:1px solid #C9A24B;border-radius:999px;background:transparent;color:#6F233F;font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.chip.is-on{background:#6F233F;border-color:#6F233F;color:#E2BF6A}
#list-wrap[data-filter="pending"] .g:not(.g-pending),
#list-wrap[data-filter="yes"] .g:not(.g-yes),
#list-wrap[data-filter="no"] .g:not(.g-no){display:none}
.gm{margin:8px 0 2px;padding:6px 10px;border-left:2px solid #C9A24B;font-size:18px;font-style:italic;color:#6F233F;white-space:pre-line;overflow-wrap:anywhere}

/* vagas, nomes, exportações */
select{width:100%;min-height:52px;padding:0 12px;border:1px solid #C9A24B;border-radius:2px;background:#FBEFEE;color:#6F233F;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:20px}
select:focus-visible,textarea:focus-visible{outline:2px solid #6F233F;outline-offset:2px}
label.mt{margin-top:14px}
.addform .row select{flex:1}
.gp{list-style:none;margin:6px 0 2px;padding:0;font-size:19px;font-weight:600;color:#6F233F}
.gp li{padding:1px 0;overflow-wrap:anywhere}
.gp li::before{content:'• ';color:#C9A24B}
.gmail{margin-top:2px;font-size:17px;color:#A0445D;overflow-wrap:anywhere}
.exports{margin:0 0 16px;padding:12px;border:1px dashed #C9A24B;border-radius:2px;background:rgba(251,239,238,.6)}
.exh{font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#A0445D;margin-bottom:8px}
.exrow{display:flex;flex-wrap:wrap;gap:8px}
.mails{margin-top:10px}
.mails[open] summary{margin-bottom:8px}
.mails textarea{display:block;width:100%;margin-bottom:8px;padding:10px;border:1px solid #C9A24B;border-radius:2px;background:#FBEFEE;color:#6F233F;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:17px}