:root{--bg:#f4f1e8;--card:#fff;--ink:#26231d;--gold:#9a7735;--dark:#222;--muted:#6f6a60;--danger:#a92f2f;--ok:#28734b}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--ink)}
.container{width:min(1100px,92%);margin:auto}.topbar{background:var(--dark);color:#fff;padding:18px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:700;letter-spacing:.4px}
nav a{color:#fff;text-decoration:none;margin-left:16px}.hero{padding:70px 0;text-align:center}
.card{background:var(--card);border-radius:14px;padding:24px;box-shadow:0 8px 24px #00000012;margin:24px auto}
.auth-card{max-width:460px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.stat{background:#fff;border-left:5px solid var(--gold);padding:18px;border-radius:10px}.stat strong{font-size:1.7rem;display:block}
label{display:block;margin:14px 0 6px;font-weight:700}input,select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px}
button,.button{display:inline-block;border:0;border-radius:8px;padding:12px 18px;background:var(--dark);color:#fff;text-decoration:none;cursor:pointer}
button.secondary{background:var(--gold)}button.danger{background:var(--danger)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.message{margin-top:14px;padding:10px;border-radius:8px;display:none}.message.show{display:block}.message.error{background:#ffe5e5;color:#7c1f1f}.message.success{background:#e3f6ea;color:#175b38}
.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #e5e1d8;text-align:left}
.hidden{display:none!important}.section-title{margin-top:36px}


/* Fase 9.3 — Dashboard 3x2 e gráfico de situação */
:root{--chart-pagas:#28734b;--chart-pendentes:#c59635;--chart-nao-vendidas:#d8d3c8}
.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.chart-wrap{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:22px}
.pie-chart{width:260px;height:260px;border-radius:50%;position:relative;background:#e5e1d8;box-shadow:inset 0 0 0 1px #0000000a}
.pie-center{position:absolute;inset:25%;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000012;text-align:center}
.pie-center strong{font-size:2rem;line-height:1}.pie-center span{font-size:.9rem;color:var(--muted);margin-top:6px}
.chart-legend{min-width:250px;display:grid;gap:12px}.chart-legend>div{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #e5e1d8}
.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-pagas{background:var(--chart-pagas)}.legend-pendentes{background:var(--chart-pendentes)}.legend-nao-vendidas{background:var(--chart-nao-vendidas)}
@media(max-width:760px){.dashboard-stats{grid-template-columns:1fr}.pie-chart{width:220px;height:220px}.chart-wrap{gap:24px}.chart-legend{width:100%;min-width:0}}


/* Fase 9.6.1 — identidade SGAR e rodapé institucional */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.site-footer{margin-top:48px;background:var(--dark);color:#fff;padding:22px 0;text-align:center}
.site-footer .container{display:flex;flex-direction:column;gap:5px;font-size:.88rem}
.site-footer span{opacity:.82}
.login-brand{text-align:center}.login-brand img{width:min(260px,80%);height:auto;margin:0 auto 8px;display:block}
.home-brand{text-align:center}.home-brand img{width:min(420px,90%);height:auto;margin:0 auto 12px;display:block}

/* Fase 10 — Home e múltiplas rifas */
.home-brand.compact img{width:min(300px,72%)}.home-brand.compact{padding:30px 0 4px}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.home-action-card{display:block;background:#fff;color:var(--ink);text-decoration:none;border-radius:16px;padding:28px;box-shadow:0 8px 24px #00000012;border:1px solid transparent;transition:.18s}.home-action-card:hover{transform:translateY(-2px);border-color:#c9aa69}.home-action-card h2{margin:12px 0 8px}.home-action-card p{color:var(--muted);line-height:1.5}.home-icon{width:48px;height:48px;border-radius:12px;background:#efe4c9;color:#76591f;display:grid;place-items:center;font-size:1.8rem;font-weight:700}.home-link{font-weight:700;color:#76591f}.rifas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.rifa-card{border:1px solid #e5e1d8;border-radius:14px;padding:20px;background:#fff}.rifa-card h3{font-size:1.25rem;margin:14px 0}.rifa-card-top{display:flex;justify-content:flex-end}.status-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eee;font-size:.78rem;font-weight:700}.status-aberta{background:#e3f6ea;color:#175b38}.status-encerrada,.status-sorteada{background:#e8e8e8;color:#444}.status-rascunho{background:#fff0ce;color:#795b16}.rifa-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.rifa-meta strong{color:var(--ink)}.empty-state{padding:28px;text-align:center;border:1px dashed #ccc;border-radius:12px;display:flex;flex-direction:column;gap:7px}.coming-soon{text-align:center;max-width:850px}.coming-soon .home-icon{margin:auto}.coming-soon p{line-height:1.6}.planned-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.planned-grid div{background:#f8f6f0;padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.planned-grid strong{font-size:1.5rem;color:var(--gold)}
@media(max-width:760px){.home-actions{grid-template-columns:1fr}.planned-grid{grid-template-columns:1fr 1fr}}


/* Fase 10.1 — progresso geral da rifa */
.raffle-progress {
  margin: 10px 0 22px;
  padding: 12px 16px;
  border-left: 4px solid var(--gold, #ad842b);
  background: rgba(173,132,43,.08);
  border-radius: 8px;
}
.raffle-progress strong { font-size: 1.08em; }

/* Fase 10.1.1 — refinamento visual profissional do painel */
main.container{padding-top:28px}
main.container>h1{margin-bottom:6px;font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.035em}
main.container>p.muted{margin-top:0}
.overview-section{margin:34px 0 28px}
.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(154,119,53,.22)}
.overview-heading h2{font-size:clamp(1.65rem,2.3vw,2.15rem);margin:5px 0 7px;letter-spacing:-.025em}
.overview-heading p{margin:0;color:var(--muted);font-size:1rem;line-height:1.55}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--gold)}
.dashboard-stats{gap:18px}
.dashboard-stats .stat{min-height:142px;padding:21px 22px 19px;border:1px solid #ece6d9;border-left:0;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(38,35,29,.055);display:flex;flex-direction:column;justify-content:center;transition:transform .18s ease,box-shadow .18s ease}
.dashboard-stats .stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#c49a45,var(--gold))}
.dashboard-stats .stat::after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;right:-32px;top:-34px;background:rgba(154,119,53,.06)}
.dashboard-stats .stat:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(38,35,29,.085)}
.dashboard-stats .stat strong{font-size:clamp(1.9rem,2.6vw,2.35rem);line-height:1.05;margin:8px 0 5px;letter-spacing:-.035em;position:relative;z-index:1}
.stat-label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:#5f594e;position:relative;z-index:1}
.stat-note{font-size:.78rem;color:#8a8377;position:relative;z-index:1}
.stat-money strong{font-size:clamp(1.7rem,2.35vw,2.15rem)}
.card{border:1px solid rgba(154,119,53,.08)}
.card h2{letter-spacing:-.02em}
.raffle-progress{font-weight:700;color:#654e20;background:linear-gradient(90deg,rgba(173,132,43,.11),rgba(173,132,43,.035));border-left-width:5px}
.chart-wrap{padding:10px 0 4px}
.chart-legend>div{border-radius:8px;border-bottom:0;background:#faf9f6;padding:12px 14px}
.chart-legend strong{font-variant-numeric:tabular-nums}
table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.035em;color:#5f594e;background:#faf9f6}
table tbody tr:hover{background:#fcfbf8}
@media(max-width:760px){.overview-section{margin-top:26px}.overview-heading{align-items:flex-start}.dashboard-stats .stat{min-height:118px}.dashboard-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dashboard-stats{grid-template-columns:1fr}}


/* Fase 10.1.2 — UX/UI SGAR: painel unificado e hierarquia responsiva */
:root{--surface-soft:#faf8f3;--line:#e8e1d3;--focus:#6f531d}
.container{width:min(1240px,92%)}
.topbar{padding:0;box-shadow:0 2px 12px rgba(0,0,0,.12);position:relative;z-index:10}
.topbar .container{min-height:68px}
.topbar .brand{font-size:1.05rem}
.topbar nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.topbar nav a{margin:0;padding:10px 12px;border-radius:8px;font-size:.92rem;transition:background .16s ease}
.topbar nav a:hover,.topbar nav a:focus-visible{background:rgba(255,255,255,.1)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(154,119,53,.48);outline-offset:3px}
button,.button,input,select{min-height:44px}
.overview-section{background:#fff;border:1px solid rgba(154,119,53,.13);border-radius:18px;padding:26px;box-shadow:0 12px 34px rgba(38,35,29,.06)}
.overview-heading{margin-bottom:22px}
.overview-panel{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);gap:26px;align-items:stretch}
.overview-kpis{min-width:0}
.dashboard-stats{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dashboard-stats .stat{min-height:132px;box-shadow:none;background:var(--surface-soft);border-color:var(--line)}
.dashboard-stats .stat:hover{transform:none;box-shadow:0 6px 18px rgba(38,35,29,.055)}
.overview-chart{border-left:1px solid var(--line);padding-left:26px;display:flex;flex-direction:column;min-width:0}
.chart-heading h3{font-size:1.28rem;margin:5px 0 5px;letter-spacing:-.02em}
.chart-heading p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}
.overview-chart .raffle-progress{margin:16px 0 12px;padding:10px 12px;font-size:.88rem}
.overview-chart .chart-wrap{display:grid;grid-template-columns:1fr;justify-items:center;gap:16px;margin:0;padding:2px 0 0}
.overview-chart .pie-chart{width:190px;height:190px}
.overview-chart .pie-center strong{font-size:1.65rem}
.overview-chart .chart-legend{width:100%;min-width:0;gap:7px}
.overview-chart .chart-legend>div{padding:9px 11px;background:var(--surface-soft);font-size:.88rem}
.card{border-radius:16px;box-shadow:0 8px 24px rgba(38,35,29,.045)}
.section-title{font-size:1.45rem;letter-spacing:-.02em}
th,td{padding:13px 12px}
.status-badge{min-height:26px;display:inline-flex;align-items:center}
@media(max-width:1000px){.overview-panel{grid-template-columns:1fr}.overview-chart{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:22px}.overview-chart .chart-wrap{grid-template-columns:auto minmax(220px,1fr);align-items:center;justify-items:stretch}.overview-chart .pie-chart{justify-self:center}}
@media(max-width:760px){.topbar .container{padding:10px 0;align-items:flex-start;flex-direction:column}.topbar nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.topbar nav a{white-space:nowrap}.overview-section{padding:20px}.dashboard-stats{grid-template-columns:1fr 1fr}.overview-chart .chart-wrap{grid-template-columns:1fr;justify-items:center}.overview-chart .chart-legend{width:100%}}
@media(max-width:520px){main.container{padding-top:20px}.overview-section{padding:17px;border-radius:14px}.overview-heading{margin-bottom:16px;padding-bottom:13px}.dashboard-stats{grid-template-columns:1fr}.dashboard-stats .stat{min-height:110px}.overview-chart .pie-chart{width:176px;height:176px}.card{padding:18px}}

/* Fase 10.1.3 — correção estrutural definitiva da Visão Geral */
.overview-section{
  display:block;
  background:#fff;
  border:1px solid rgba(154,119,53,.16);
  border-radius:20px;
  padding:28px;
  box-shadow:0 14px 36px rgba(38,35,29,.07);
}
.overview-panel{
  display:grid !important;
  grid-template-columns:minmax(0,2fr) minmax(310px,.82fr) !important;
  gap:28px !important;
  align-items:stretch !important;
}
.overview-kpis{min-width:0;display:block}
.overview-kpis .dashboard-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,minmax(132px,1fr));
  gap:14px !important;
  height:100%;
}
.overview-kpis .dashboard-stats .stat{
  margin:0 !important;
  min-width:0;
  min-height:132px;
  background:#faf8f3;
  border:1px solid #e8e1d3;
  border-radius:14px;
  box-shadow:none;
}
.overview-chart{
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start;
  min-width:0;
  border-left:1px solid #e8e1d3 !important;
  border-top:0 !important;
  padding:2px 0 0 28px !important;
}
.overview-chart .chart-wrap{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex:1;
  padding:4px 0 0;
}
.overview-chart .pie-chart{
  width:190px !important;
  height:190px !important;
  flex:0 0 190px;
}
.overview-chart .chart-legend{width:100%;min-width:0}
@media(max-width:1000px){
  .overview-panel{grid-template-columns:1fr !important}
  .overview-chart{border-left:0 !important;border-top:1px solid #e8e1d3 !important;padding:24px 0 0 !important}
  .overview-chart .chart-wrap{display:grid !important;grid-template-columns:220px minmax(260px,1fr);align-items:center;width:100%}
  .overview-chart .pie-chart{justify-self:center}
}
@media(max-width:760px){
  .overview-kpis .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:auto}
  .overview-chart .chart-wrap{grid-template-columns:1fr !important}
}
@media(max-width:520px){
  .overview-section{padding:18px}
  .overview-kpis .dashboard-stats{grid-template-columns:1fr !important}
}
\n\n/* Fase 10.1.4 — KPIs centralizados e painel compacto */
.overview-section{padding:24px 28px 28px}
.overview-heading{padding-bottom:16px;margin-bottom:18px}
.overview-panel{grid-template-columns:minmax(0,1.85fr) minmax(330px,.95fr) !important;gap:24px !important}
.overview-kpis .dashboard-stats{grid-template-rows:repeat(2,minmax(180px,1fr));gap:16px !important}
.overview-kpis .dashboard-stats .stat{
  min-height:180px;
  padding:20px 18px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:7px;
  position:relative;
  overflow:hidden;
  border-radius:16px;
}
.overview-kpis .dashboard-stats .stat::before{display:none}
.overview-kpis .dashboard-stats .stat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#ad842b}
.overview-kpis .dashboard-stats .stat-vendidas::after,.overview-kpis .dashboard-stats .stat-pagas::after{background:var(--chart-pagas)}
.overview-kpis .dashboard-stats .stat-pendentes::after{background:var(--chart-pendentes)}
.overview-kpis .dashboard-stats .stat-recebido::after{background:#356fc4}
.overview-kpis .dashboard-stats .stat-a-receber::after{background:#88857f}
.stat-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f6ead0;color:#a87508;font-size:1.35rem;font-weight:900;line-height:1;margin-bottom:2px}
.stat-vendidas .stat-icon,.stat-pagas .stat-icon{background:#dff1e4;color:#16834b}
.stat-recebido .stat-icon{background:#e1ebfb;color:#286cc5}
.stat-a-receber .stat-icon{background:#ecebea;color:#77736d}
.overview-kpis .stat-label{font-size:.82rem;line-height:1.15}
.overview-kpis .stat strong{font-size:2.05rem;line-height:1.05;margin:0}
.overview-kpis .stat-money strong{font-size:clamp(1.65rem,2vw,2rem)}
.overview-kpis .stat-note{font-size:.78rem;line-height:1.3;max-width:190px}
.overview-chart{padding-left:24px !important}
.overview-chart .raffle-progress{order:4;margin:14px 0 0;background:#edf7ef;border-left-color:#2d8a51;color:#246b40;text-align:center}
.overview-chart .chart-wrap{gap:14px}
.overview-chart .pie-chart{width:210px !important;height:210px !important;flex-basis:210px}
.overview-chart .chart-legend>div{display:grid;grid-template-columns:16px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px}
.overview-chart .chart-legend b{font-size:.82rem;padding-left:10px;border-left:1px solid #ddd7ca;min-width:48px;text-align:right}
@media(max-width:1000px){.overview-kpis .dashboard-stats{grid-template-rows:auto}.overview-chart .raffle-progress{order:initial}}
@media(max-width:760px){.overview-kpis .dashboard-stats .stat{min-height:150px}.overview-kpis .dashboard-stats{grid-template-rows:auto}.stat-icon{width:42px;height:42px}}

/* Fase 10.2 — Home profissional, licenciamento e PIX */
.home-brand.compact{padding-top:38px}.home-brand.compact h1{margin-bottom:6px}.home-actions{align-items:stretch}.home-action-card{position:relative;min-height:245px;display:flex;flex-direction:column}.home-action-card .home-link{margin-top:auto;padding-top:18px}.home-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-card-title h2{margin:12px 0 8px}.admin-badge{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#f4ead1;color:#6f541c;border:1px solid #dfc98f;padding:5px 8px;border-radius:999px;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#11182799;z-index:1000;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal-backdrop.hidden{display:none}.modal-card{position:relative;width:min(560px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 28px 80px #0004}.modal-card h2{margin:8px 0 10px}.modal-card>p{color:var(--muted);line-height:1.6}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:1.8rem;padding:4px 10px}.modal-icon{width:52px;height:52px;display:grid;place-items:center;background:#f4ead1;border-radius:14px;font-size:1.45rem;margin-bottom:14px}.license-offer{margin:22px 0 8px;padding:18px;border:1px solid #e5d6b1;background:#fbf7ed;border-radius:14px}.license-offer p{margin:6px 0 0;color:var(--muted);line-height:1.55}.pix-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pix-public-card{border-color:#dfc98f;background:linear-gradient(135deg,#fff 0%,#fffdf7 100%)}.pix-public-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.pix-status{font-size:.75rem;font-weight:800;background:#f4ead1;color:#6f541c;padding:6px 10px;border-radius:999px;white-space:nowrap}.pix-details{margin-top:18px}.pix-key-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border:1px solid #e5d6b1;border-radius:14px;background:#fff}.pix-key-row strong{display:block;font-size:1.12rem;margin-top:4px;overflow-wrap:anywhere}.pix-label{display:block;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pix-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.pix-info-grid>div{padding:15px 18px;border-radius:12px;background:#f8f6f0}.pix-info-grid strong{display:block;margin-top:4px}.pix-help{margin:16px 0 0;color:var(--muted);font-size:.9rem}.site-footer strong{display:block}.site-footer span{display:block}
@media(max-width:760px){.home-card-title{align-items:flex-start;flex-direction:column;gap:0}.pix-form-grid,.pix-info-grid{grid-template-columns:1fr}.pix-public-head,.pix-key-row{align-items:stretch;flex-direction:column}.pix-key-row button{width:100%}.modal-card{padding:28px 22px}}

/* Fase 10.2.2 — Home: Rifa Digital + versão */
@media(min-width:1000px){.home-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
.coming-badge{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#e8eef8;color:#334e7d;border:1px solid #cbd8eb;padding:5px 8px;border-radius:999px;white-space:nowrap}
.footer-version{margin-top:3px;font-size:.78rem;opacity:.68!important}


/* SGAR v1.0.0 — página Sobre e fechamento visual */
.footer-security{margin-top:8px;font-size:.8rem;font-weight:700;opacity:.82!important}
.about-page{max-width:1120px}.about-hero{text-align:center}.about-hero img{max-width:180px}.about-hero .eyebrow{display:block;margin-top:12px}.about-intro{font-size:1.02rem;line-height:1.7}.about-intro p:last-child{margin-bottom:0}.about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.about-feature{background:#fff;border:1px solid #e8e1d3;border-radius:16px;padding:22px;box-shadow:0 10px 28px rgba(38,35,29,.05)}.about-feature>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f4ead1;color:#8a671d;font-weight:900;font-size:1.2rem}.about-feature h3{margin:14px 0 7px}.about-feature p{margin:0;color:var(--muted);line-height:1.55}.about-development{margin-top:18px}.about-development p{line-height:1.65}.about-roadmap{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.about-roadmap span{background:#f8f6f0;border:1px solid #e8e1d3;border-radius:999px;padding:7px 11px;font-size:.86rem}.about-contact{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:18px}.about-contact h2{margin:6px 0}.about-contact p{margin:5px 0}.topbar nav{display:flex;gap:14px;align-items:center}
@media(max-width:820px){.about-features{grid-template-columns:repeat(2,minmax(0,1fr))}.about-contact{align-items:stretch;flex-direction:column}.about-contact .button{text-align:center}}
@media(max-width:520px){.about-features{grid-template-columns:1fr}}

/* =========================================================
   SGAR Fase 11.1.1 — Painel Administrativo UX
========================================================= */
.admin-body{display:block;background:#f3f1eb}.admin-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;background:#1f211f;color:#fff;padding:26px 18px 20px;display:flex;flex-direction:column;z-index:50;box-shadow:8px 0 30px #00000012}.admin-sidebar-brand{padding:0 10px 22px;border-bottom:1px solid #ffffff18;display:flex;flex-direction:column;gap:4px}.admin-sidebar-brand strong{font-size:1.55rem;letter-spacing:.08em;color:#d6b76e}.admin-sidebar-brand span{font-size:.82rem;color:#ffffffa8}.admin-menu{display:flex;flex-direction:column;gap:4px;padding:18px 0;overflow:auto}.admin-menu-label{font-size:.66rem;font-weight:800;letter-spacing:.14em;color:#ffffff69;padding:17px 12px 7px}.admin-menu-item{width:100%;min-height:44px;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;padding:10px 12px;background:transparent;color:#ffffffe0;text-decoration:none;text-align:left;font-size:.91rem;cursor:pointer;transition:.15s}.admin-menu-item span{width:20px;text-align:center;color:#d6b76e}.admin-menu-item:hover,.admin-menu-item.active{background:#ffffff12;color:#fff}.admin-menu-item.active{box-shadow:inset 3px 0 #c99e45}.admin-sidebar-footer{margin-top:auto;border-top:1px solid #ffffff18;padding:18px 10px 0;display:grid;gap:8px}.admin-sidebar-footer>span{font-size:.82rem;color:#ffffffbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-logout{padding:8px 10px;min-height:38px;background:#ffffff10;text-align:left}.admin-workspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.admin-topbar{min-height:86px;background:#fff;border-bottom:1px solid #e5e1d8;padding:17px clamp(22px,4vw,46px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:30}.admin-topbar h1{font-size:1.65rem;margin:3px 0 0;letter-spacing:-.03em}.admin-top-user{display:flex;flex-direction:column;text-align:right;font-size:.88rem}.admin-mobile-menu{display:none;background:transparent;color:var(--ink);font-size:1.4rem;padding:8px 10px}.admin-main{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:34px 0 50px;flex:1}.admin-section{display:none}.admin-section.active{display:block;animation:adminFade .18s ease}@keyframes adminFade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.admin-section-head,.admin-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px}.admin-section-head h2,.admin-welcome h2{font-size:clamp(1.65rem,2.4vw,2.15rem);margin:5px 0 6px;letter-spacing:-.035em}.admin-section-head p,.admin-welcome p{margin:0;color:var(--muted);line-height:1.5}.admin-card{background:#fff;border:1px solid #e8e1d3;border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(38,35,29,.05);margin-bottom:22px}.admin-card h3{margin-top:0}.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.admin-kpi{background:#fff;border:1px solid #e8e1d3;border-radius:16px;padding:21px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(38,35,29,.045)}.admin-kpi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#9a7735}.admin-kpi.success::after{background:#28734b}.admin-kpi.warning::after{background:#c59635}.admin-kpi span{display:block;color:#625d54;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.admin-kpi strong{display:block;font-size:2.2rem;margin:8px 0 4px;letter-spacing:-.04em}.admin-kpi small{color:#8a8377}.progress-track{height:12px;background:#eee9df;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0;background:#9a7735;border-radius:inherit;transition:width .3s ease}.admin-quick-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-button-light{background:#fff!important;color:var(--ink)!important;border:1px solid #d8d2c7!important}.admin-button-small{padding:8px 12px;min-height:38px}.admin-mini-progress{background:#fff;border:1px solid #e5dfd3;border-radius:14px;padding:12px 18px;text-align:center;min-width:118px}.admin-mini-progress strong{display:block;font-size:1.35rem}.admin-mini-progress span{font-size:.74rem;color:var(--muted)}.cartela-entry-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:14px}.cartela-id-field input{font-weight:800;border-color:#c9aa69;background:#fffdf8}.admin-filters{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.table-scroll{overflow-x:auto;border:1px solid #eee8dc;border-radius:12px}.table-scroll table{margin:0}.points-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.table-empty{text-align:center!important;padding:30px!important;color:var(--muted)}.distribution-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap}.distribution-badge.done{background:#e3f6ea;color:#175b38}.distribution-badge.pending{background:#fff0ce;color:#795b16}.distribution-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.distribution-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.actions.compact{margin-top:0}.cartela-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:420px;overflow:auto;padding:3px}.cartela-chip{background:#faf8f3;color:var(--ink);border:1px solid #e2dccf;border-radius:12px;padding:12px 9px;display:flex;flex-direction:column;gap:4px;align-items:center;min-height:68px;transition:.14s}.cartela-chip:hover{border-color:#b99953;background:#fff}.cartela-chip.selected{background:#2c302d;color:#fff;border-color:#2c302d;box-shadow:0 5px 14px #0002}.cartela-chip strong{font-size:1.12rem}.cartela-chip span{font-size:.64rem;opacity:.7;white-space:nowrap}.distribution-summary{margin-top:22px;border-top:1px solid #eee8dc;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.distribution-summary>div{display:grid;grid-template-columns:auto auto;gap:3px 10px;align-items:center}.distribution-summary>div>span{font-size:.78rem;text-transform:uppercase;font-weight:800;color:var(--muted)}.distribution-summary>div>strong{font-size:1.3rem}.distribution-summary small{grid-column:1/-1;color:var(--muted);max-width:650px;overflow-wrap:anywhere}.distribution-summary button:disabled{opacity:.45;cursor:not-allowed}.switch{margin:0;display:inline-block}.switch input{display:none}.switch span{display:block;width:42px;height:24px;background:#d8d3c8;border-radius:999px;position:relative;cursor:pointer}.switch span::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:.15s}.switch input:checked+span{background:#28734b}.switch input:checked+span::after{transform:translateX(18px)}.feedback-backdrop{position:fixed;inset:0;background:#11182799;z-index:2000;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.feedback-backdrop.hidden{display:none}.feedback-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;text-align:center;box-shadow:0 30px 90px #0005}.feedback-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;font-weight:900;background:#e3f6ea;color:#175b38}.feedback-backdrop[data-type="error"] .feedback-icon{background:#ffe5e5;color:#8b2626}.feedback-card h2{margin:0 0 9px}.feedback-card p{color:var(--muted);line-height:1.55;margin:0}.feedback-actions{justify-content:center;margin-top:24px}.admin-overlay{display:none}.admin-footer{margin-top:0}.admin-footer .container{width:min(1280px,calc(100% - 48px))}
@media(max-width:1100px){.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cartela-entry-grid{grid-template-columns:repeat(2,1fr)}.cartela-id-field{grid-column:1/-1}}
@media(max-width:820px){.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:transform .2s ease}.admin-sidebar.open{transform:none}.admin-overlay{display:block;position:fixed;inset:0;background:#0007;z-index:40}.admin-overlay.hidden{display:none}.admin-mobile-menu{display:inline-block}.admin-topbar{padding:14px 18px;justify-content:flex-start}.admin-top-user{margin-left:auto}.admin-main{width:min(94%,1280px);padding-top:24px}.distribution-toolbar,.admin-filters{grid-template-columns:1fr}.admin-section-head,.admin-welcome{align-items:flex-start}.admin-footer .container{width:94%}}
@media(max-width:560px){.admin-top-user{display:none}.admin-kpis{grid-template-columns:1fr}.admin-card{padding:19px}.cartela-entry-grid{grid-template-columns:1fr}.cartela-id-field{grid-column:auto}.distribution-head,.distribution-summary,.admin-section-head,.admin-welcome{flex-direction:column;align-items:stretch}.distribution-summary button{width:100%}.cartela-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.cartela-chip span{display:none}.admin-mini-progress{align-self:flex-start}.admin-quick-actions>*{width:100%;text-align:center}}

/* Fase 11.1.2 — UX do painel do irmão */
.member-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);background:#f6f3eb}
.member-sidebar{position:sticky;top:0;height:100vh;background:#222;color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:40;box-shadow:8px 0 28px rgba(0,0,0,.08)}
.member-brand{padding:4px 10px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.member-brand strong{display:block;font-size:1.35rem;letter-spacing:.04em}.member-brand span{display:block;margin-top:5px;color:#cfc8ba;font-size:.82rem}
.member-menu{padding:18px 0;display:flex;flex-direction:column;gap:5px;overflow:auto}.member-menu-label{padding:12px 12px 5px;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#a9a293}.member-menu-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#eee;text-decoration:none;text-align:left;padding:11px 12px;border-radius:10px;font-size:.92rem;cursor:pointer}.member-menu-item span{width:22px;text-align:center;color:#d5b76d}.member-menu-item:hover,.member-menu-item.active{background:rgba(255,255,255,.1);color:#fff}.member-menu-item.active{box-shadow:inset 3px 0 0 var(--gold)}
.member-sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 10px 2px}.member-sidebar-footer strong{display:block;font-size:.9rem}.member-sidebar-footer small{display:block;color:#aaa395;margin-top:4px}.member-logout{margin-top:12px;width:100%;background:#34322e;border:1px solid rgba(255,255,255,.12)}
.member-workspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.member-topbar{min-height:82px;background:#fff;border-bottom:1px solid #e8e1d3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px;position:sticky;top:0;z-index:25}.member-topbar h1{margin:3px 0 0;font-size:1.55rem}.member-top-user{text-align:right}.member-top-user strong{display:block}.member-mobile-menu{display:none;background:#222;font-size:1.1rem;padding:9px 12px}.member-main{width:min(1320px,100%);margin:0 auto;padding:30px 32px 44px;flex:1}.member-section{display:none}.member-section.active{display:block}.member-section-head,.member-welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.member-section-head h2,.member-welcome h2{margin:5px 0 5px;font-size:1.7rem}.member-section-head p,.member-welcome p{margin:0}.member-card{background:#fff;border:1px solid #e8e1d3;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(38,35,29,.05);margin-bottom:22px}.member-card h3{margin-top:0}.member-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.member-kpi{background:#fff;border:1px solid #e8e1d3;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(38,35,29,.04);position:relative;overflow:hidden}.member-kpi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gold)}.member-kpi.success::after{background:var(--ok)}.member-kpi.warning::after{background:#c59635}.member-kpi.info::after{background:#356fc4}.member-kpi span{display:block;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#655f55}.member-kpi strong{display:block;font-size:1.8rem;margin:8px 0 4px}.member-kpi small{color:var(--muted)}
.member-summary-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:20px}.member-summary-grid .overview-section{margin:0}.member-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.member-button-light{background:#fff!important;color:#292620!important;border:1px solid #d9d1c1!important}.table-scroll{overflow-x:auto}.member-empty{padding:32px;text-align:center;color:var(--muted)}
.feedback-backdrop{position:fixed;inset:0;background:#11182799;z-index:1200;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.feedback-backdrop.hidden{display:none}.feedback-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:34px;text-align:center;box-shadow:0 28px 80px #0004}.feedback-icon{width:62px;height:62px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#e3f6ea;color:#175b38;font-size:1.8rem;font-weight:900}.feedback-card.error .feedback-icon{background:#ffe5e5;color:#7c1f1f}.feedback-card h2{margin:0 0 9px}.feedback-card p{color:var(--muted);line-height:1.55}.feedback-actions{justify-content:center}
.member-overlay{position:fixed;inset:0;background:#11182788;z-index:35}.member-overlay.hidden{display:none}.member-footer{margin-top:0}
@media(max-width:1050px){.member-shell{grid-template-columns:230px minmax(0,1fr)}.member-main{padding:26px 24px}.member-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.member-summary-grid{grid-template-columns:1fr}}
@media(max-width:780px){.member-shell{display:block}.member-sidebar{position:fixed;left:0;top:0;width:min(290px,86vw);transform:translateX(-105%);transition:transform .2s ease}.member-sidebar.open{transform:translateX(0)}.member-mobile-menu{display:inline-block}.member-topbar{padding:13px 18px;min-height:72px}.member-top-user{display:none}.member-main{padding:22px 16px 36px}.member-kpis{grid-template-columns:1fr 1fr}.member-section-head,.member-welcome{flex-direction:column;gap:10px}}
@media(max-width:520px){.member-kpis{grid-template-columns:1fr}.member-card{padding:18px}.member-topbar h1{font-size:1.3rem}}

/* =========================================================
   SGAR Fase 11.1.3 — Home / Portal de Sistemas
========================================================= */
.home-portal-main{max-width:1500px;width:100%;margin:0 auto}.home-portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border:1px solid #e8e1d3;border-radius:18px;padding:26px 28px;box-shadow:0 8px 24px rgba(38,35,29,.045);margin-bottom:20px}.home-portal-welcome h2{font-size:clamp(1.7rem,2.5vw,2.2rem);margin:5px 0 7px}.home-portal-welcome p{margin:0;line-height:1.55}.home-portal-welcome img{width:min(180px,24%);height:auto;object-fit:contain}.home-profile-role{color:#d6b76e!important;font-weight:700}.home-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.home-portal-summary{background:#fff;border:1px solid #e8e1d3;border-radius:16px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:190px;box-shadow:0 8px 24px rgba(38,35,29,.04)}.home-portal-summary>strong{font-size:2rem;letter-spacing:-.03em}.home-portal-summary>span:not(.eyebrow){color:var(--muted);line-height:1.4}.home-portal-summary .button,.home-portal-summary button{margin-top:auto}.compact-head{margin-bottom:14px}.home-rifas-list{display:grid;gap:12px}.home-rifa-row{background:#fff;border:1px solid #e8e1d3;border-radius:15px;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px}.home-rifa-row.featured{background:linear-gradient(135deg,#fff,#fffaf0);border-color:#dfc98f}.home-rifa-main{min-width:0;flex:1}.home-rifa-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-rifa-title h3{margin:0;font-size:1.15rem}.home-rifa-row .rifa-meta{margin-top:11px}.home-rifa-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.system-card{background:#fff;border:1px solid #e8e1d3;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(38,35,29,.045);display:flex;flex-direction:column;min-height:330px}.system-card.system-current{border-color:#d9c18b}.system-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.system-symbol{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f4ead1;color:#755719;font-weight:900;font-size:1.35rem}.system-card h3{font-size:1.3rem;line-height:1.25;margin:7px 0 10px}.system-card p{color:var(--muted);line-height:1.6;margin:0 0 20px}.system-card button{margin-top:auto;align-self:flex-start}.system-footnote{margin-top:auto;font-size:.82rem;font-weight:700;color:#7a7469;background:#f8f6f0;border-radius:8px;padding:10px 12px}.home-featured-rifa{margin-top:0}
@media(max-width:1050px){.home-portal-grid{grid-template-columns:1fr 1fr}.systems-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.home-portal-grid,.systems-grid{grid-template-columns:1fr}.home-portal-welcome{padding:22px;align-items:flex-start}.home-portal-welcome img{width:110px}.home-rifa-row{align-items:stretch;flex-direction:column}.home-rifa-actions{justify-content:flex-start}.home-rifa-actions button{flex:1}.home-portal-summary{min-height:160px}}
@media(max-width:520px){.home-portal-welcome img{display:none}.home-rifa-actions{flex-direction:column}.home-rifa-actions button{width:100%}}


/* Fase 11.1.4 — separação produto x desenvolvimento */
.product-status-main{max-width:980px;padding-top:54px;padding-bottom:54px}.product-status-card{text-align:center;padding:52px 42px}.product-status-icon{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:17px;background:#f4ead1;color:#7b5b1b;font-size:2rem;font-weight:800}.product-status-card h1{font-size:2rem;margin:8px 0 14px}.product-status-lead{max-width:720px;margin:0 auto 20px;font-size:1.08rem;line-height:1.65}.product-status-badge{display:inline-flex;margin:5px auto 18px;padding:8px 13px;border-radius:999px;background:#e8eef8;color:#334e7d;border:1px solid #cbd8eb;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.product-status-card .button{margin-top:14px}.developer-main{max-width:1400px}.developer-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.developer-module-list{display:grid;gap:12px}.developer-module-list article{background:#fff;border:1px solid #e8e1d3;border-radius:15px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.developer-module-list article div{display:grid;gap:5px}.developer-module-list article div span{color:var(--muted)}.developer-timeline{display:grid;gap:12px}.developer-timeline article{display:grid;grid-template-columns:110px 1fr;gap:18px;background:#fff;border:1px solid #e8e1d3;border-radius:15px;padding:20px}.developer-timeline article>strong{color:#8a671d;font-size:1.1rem}.developer-timeline h3{margin:0 0 5px}.developer-timeline p{margin:0;color:var(--muted)}@media(max-width:780px){.developer-kpis{grid-template-columns:1fr}.developer-module-list article{align-items:flex-start;flex-direction:column}.developer-timeline article{grid-template-columns:1fr}.product-status-card{padding:34px 22px}}


/* FASE 11.2 — navegação multirrifa, relatórios e contexto limpo */
.topbar-context{display:block;font-size:1.12rem;margin-top:4px;color:var(--ink)}
.raffle-switcher{min-width:280px;background:#fff;border:1px solid #e8e1d3;border-radius:14px;padding:12px 14px}.raffle-switcher label{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7d7465;margin-bottom:6px}.raffle-switcher select{margin:0;width:100%;background:#faf8f3}
.report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.report-summary-grid article{background:#fff;border:1px solid #e8e1d3;border-radius:15px;padding:20px}.report-summary-grid span{display:block;color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.report-summary-grid strong{display:block;font-size:1.65rem;margin-top:7px}
@media(max-width:780px){.raffle-switcher{width:100%;min-width:0}.report-summary-grid{grid-template-columns:1fr}}


/* Fase 11.3 — Gestão de usuários / redefinição de senha */
.user-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#resetSenhaModal .feedback-card{max-width:520px}
#resetSenhaModal .feedback-actions{justify-content:center;margin-top:20px}


/* Fase 11.4 — Gestão completa de usuários */
.user-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.user-summary-grid article{background:#fff;border:1px solid #e8e1d3;border-radius:15px;padding:18px 20px}.user-summary-grid span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.user-summary-grid strong{display:block;font-size:1.65rem;margin-top:5px}.user-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 220px;gap:16px;align-items:end}.user-toolbar input,.user-toolbar select{margin-bottom:0}.user-status-text{display:block;margin-top:5px;color:var(--muted)}.user-form-modal{text-align:left;max-width:540px}.user-form-modal>h2,.user-form-modal>.feedback-icon{text-align:center}.user-create-form{display:grid;gap:14px}.user-create-form p{margin:0}.danger-outline{background:#fff!important;color:#8b2e2e!important;border:1px solid #ddb7b7!important}.danger-button{background:#8b2e2e!important;color:#fff!important;border-color:#8b2e2e!important}@media(max-width:700px){.user-summary-grid,.user-toolbar{grid-template-columns:1fr}}

/* Fase 11.4.1 — feedback sempre acima dos modais de formulário */
#feedbackModal{z-index:4000}


/* Fase 11.4.2 — assinatura SPARTAN SOFTWARE ENGINEERING */
.product-signature{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;margin:-2px auto 18px;line-height:1.15}.product-signature span{font-size:.76rem;font-style:italic;color:var(--muted);letter-spacing:.03em}.product-signature strong{font-size:.82rem;letter-spacing:.12em;color:var(--ink)}.compact-signature{margin-top:-4px;margin-bottom:14px}.compact-signature span{font-size:.68rem}.compact-signature strong{font-size:.72rem}.portal-logo-signature{text-align:center}.portal-logo-signature img{display:block}.spartan-dev-brand{display:inline-flex;flex-direction:column;margin:2px 0 14px;line-height:1.05}.spartan-dev-brand strong{font-size:1.15rem;letter-spacing:.16em}.spartan-dev-brand span{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--muted);margin-top:5px}@media(max-width:700px){.product-signature strong{font-size:.72rem;letter-spacing:.09em}}

/* Fase 11.4.3 — identidade SPARTAN e acabamento institucional */
.home-brand img,.login-brand img,.portal-logo-signature img,.about-hero img{background:transparent!important;object-fit:contain}
.home-brand img{max-width:min(620px,92vw)}
.login-brand img{max-width:min(430px,90vw)}
.portal-logo-signature img{max-width:230px}
.about-hero img{max-width:min(560px,92vw)}
.about-contact{align-items:center;gap:28px}.about-spartan-brand{margin:8px 0 18px}.about-spartan-brand strong{font-size:1.35rem;color:var(--ink)}
.whatsapp-button{display:inline-flex;align-items:center;gap:12px;min-width:230px;padding:13px 18px;border-radius:14px;background:#1f211f;color:#fff;text-decoration:none;box-shadow:0 9px 24px #0002;transition:.16s;border:1px solid #ffffff18}.whatsapp-button:hover{transform:translateY(-1px);background:#2b2e2b}.whatsapp-button .whatsapp-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:.72rem;box-shadow:inset 0 0 0 7px #25d366}.whatsapp-button span:last-child{display:flex;flex-direction:column;gap:2px}.whatsapp-button strong{font-size:.9rem}.whatsapp-button small{font-size:.76rem;color:#ffffffb8}
.systems-heading{align-items:center}.systems-brand-mark{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.systems-brand-mark strong{letter-spacing:.14em;font-size:1rem}.systems-brand-mark span{font-size:.61rem;font-weight:800;letter-spacing:.13em;color:var(--muted);margin-top:5px}.system-by{display:block;margin:-4px 0 12px;color:#8a8377;font-size:.67rem;font-weight:700;letter-spacing:.035em}
.footer-modern{gap:5px!important;text-align:center}.footer-modern .footer-spartan{margin-top:2px}.footer-modern .footer-spartan b{letter-spacing:.07em}.footer-modern .footer-security{margin-top:4px}
@media(max-width:700px){.systems-brand-mark{display:none}.whatsapp-button{width:100%;justify-content:center}.about-contact{align-items:stretch}.portal-logo-signature img{max-width:190px}}

/* Fase 11.4.4 — refinamentos de branding */
.about-contact-copy{min-width:0;display:block}
.about-development-label{display:block;margin-bottom:14px}
.about-spartan-brand{display:flex;width:max-content;margin:0 0 20px;line-height:1.05}
.whatsapp-button .whatsapp-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:none;flex:0 0 38px}
.whatsapp-button .whatsapp-icon svg{display:block}
@media(max-width:700px){.about-spartan-brand{margin-left:0}.about-development-label{margin-bottom:12px}}


/* Fase 11.5 — portal público SPARTAN e logos dos produtos */
.public-nav{display:flex;align-items:center;gap:20px}.public-nav a{color:inherit;text-decoration:none;font-weight:700;font-size:.9rem}.public-nav a:hover{color:#a47b25}.public-login-link{border:1px solid #b88b32;border-radius:9px;padding:9px 14px}.public-page{padding-top:46px;padding-bottom:54px}.public-page-heading{text-align:center;max-width:820px;margin:0 auto 32px}.public-page-heading h1{font-size:2.2rem;margin:7px 0 8px}.public-page-heading p{color:var(--muted);font-size:1.05rem}.product-logo-grid .system-card{align-items:stretch;text-align:center}.system-logo-wrap{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:14px}.system-logo-wrap img{display:block;width:100%;height:205px;object-fit:contain;background:transparent}.system-logo-wrap .status-badge,.system-logo-wrap .coming-badge{margin-top:auto}.product-logo-grid .system-card p{text-align:center}.product-logo-grid .system-card .system-by{margin:0 0 16px}.product-logo-grid .system-card .button,.product-logo-grid .system-card button{align-self:stretch;text-align:center}.public-systems-grid{margin-bottom:24px}.spartan-system-banner{display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:28px;background:#fff;border:1px solid #e8e1d3;border-radius:18px;padding:20px 24px;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(38,35,29,.045)}.spartan-system-banner img{width:100%;max-height:82px;object-fit:contain}.spartan-system-banner span{display:flex;flex-direction:column;gap:5px}.spartan-system-banner span b{font-size:1.05rem}.spartan-system-banner span small{color:var(--muted)}.spartan-system-banner>strong{color:#8a671d;white-space:nowrap}.spartan-hero{text-align:center;max-width:900px;margin:0 auto 34px;padding:28px}.spartan-hero>img{width:min(460px,88vw);max-height:130px;object-fit:contain;margin-bottom:28px}.spartan-hero h1{font-size:2.25rem;line-height:1.15;margin:8px auto 14px}.spartan-hero p{max-width:760px;margin:0 auto 22px;color:var(--muted);font-size:1.05rem;line-height:1.65}.spartan-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.spartan-values article{background:#fff;border:1px solid #e8e1d3;border-radius:18px;padding:25px}.spartan-values strong{font-size:1.15rem}.spartan-values p{color:var(--muted);line-height:1.55;margin-bottom:0}.spartan-products{text-align:center;margin-bottom:22px}.spartan-products h2{margin:7px 0 8px}.spartan-products p{color:var(--muted)}.spartan-contact{display:flex;align-items:center;justify-content:space-between;gap:30px}.spartan-contact h2{margin:7px 0 8px}.spartan-contact p{margin:0;color:var(--muted)}
@media(max-width:850px){.public-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.spartan-system-banner{grid-template-columns:1fr;text-align:center}.spartan-system-banner img{max-width:320px;margin:auto}.spartan-system-banner span{align-items:center}.spartan-values{grid-template-columns:1fr}.spartan-contact{align-items:stretch;flex-direction:column}.system-logo-wrap{min-height:220px}.system-logo-wrap img{height:180px}}
@media(max-width:620px){.topbar .container{align-items:flex-start;gap:12px}.public-nav{font-size:.8rem}.public-nav a{font-size:.78rem}.public-page-heading h1,.spartan-hero h1{font-size:1.75rem}.system-logo-wrap{min-height:200px}.system-logo-wrap img{height:165px}}

/* Fase 11.5.2 — SPARTAN wordmark em HTML/CSS: nítido em qualquer resolução */
.spartan-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 auto 18px;color:#0b2f4b;line-height:1;text-align:center}
.spartan-wordmark strong{font-size:clamp(3rem,7vw,5.8rem);font-weight:900;letter-spacing:-.055em;line-height:.92}
.spartan-wordmark span{margin-top:14px;font-size:clamp(.8rem,1.8vw,1.45rem);font-weight:600;letter-spacing:.28em;line-height:1.15;white-space:nowrap}
.spartan-hero .spartan-purpose{display:block;width:100%;text-align:center;margin:24px auto 18px}
.spartan-wordmark-small{margin:0;justify-self:center}
.spartan-wordmark-small strong{font-size:2.25rem}
.spartan-wordmark-small span{font-size:.68rem;margin-top:7px;letter-spacing:.2em}
.spartan-system-banner>.spartan-wordmark{width:260px}
@media(max-width:850px){.spartan-system-banner>.spartan-wordmark{width:auto;margin:auto}.spartan-wordmark-small strong{font-size:2rem}}
@media(max-width:620px){.spartan-wordmark strong{font-size:2.8rem}.spartan-wordmark span{font-size:.72rem;letter-spacing:.18em;white-space:normal}.spartan-hero .spartan-purpose{margin-top:18px}}

/* Fase 11.5.5 — padronizacao da marca SPARTAN */
.systems-spartan-mark{margin:0;min-width:260px;align-self:center}
.systems-spartan-mark strong{color:#0b2f4b}
.systems-spartan-mark span{color:#6f6a61}
.about-spartan-brand{margin:10px 0 20px;align-items:flex-start;text-align:left}
.about-spartan-brand strong{color:#0b2f4b}
@media(max-width:700px){.systems-spartan-mark{display:none}.about-spartan-brand{align-items:flex-start}}

/* Fase 11.5.6 — identidade oficial SPARTAN azul/dourado */
.spartan-brand-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 auto 18px;text-align:center}
.spartan-brand-logo img{display:block;width:min(100%,560px);height:auto;object-fit:contain}
.spartan-brand-logo span{margin-top:8px;color:#0b2f4b;font-size:clamp(.78rem,1.5vw,1.25rem);font-weight:700;letter-spacing:.30em;line-height:1.1;white-space:nowrap}
.spartan-brand-logo-hero{width:min(680px,100%);margin-bottom:22px}
.spartan-brand-logo-hero img{width:100%}
.spartan-brand-logo-small{width:300px;margin:0}
.spartan-brand-logo-small img{width:100%}
.spartan-brand-logo-small span{font-size:.68rem;letter-spacing:.24em;margin-top:5px}
.spartan-system-banner>.spartan-brand-logo{width:260px}
.about-spartan-brand{margin:10px 0 20px;align-items:flex-start;text-align:left}
@media(max-width:850px){.spartan-system-banner>.spartan-brand-logo{width:auto;margin:auto}.spartan-brand-logo-small{width:240px}}
@media(max-width:700px){.systems-spartan-mark{display:none}.about-spartan-brand{align-items:flex-start}}
@media(max-width:620px){.spartan-brand-logo span{font-size:.72rem;letter-spacing:.18em;white-space:normal}}

/* Fase 11.5.7 — identidade SPARTAN oficial em alta resolução */
.spartan-brand-logo img{background:transparent!important;filter:none}
.spartan-brand-logo-hero{width:min(760px,100%)}
.spartan-brand-logo-small{width:330px}
.spartan-contact-logo{margin:10px 0 16px;width:min(420px,100%)}
@media(max-width:850px){.spartan-contact-logo{margin:10px auto 16px}}

/* Fase 11.6 — arquivamento e exclusão segura de rifas */
.rifa-danger-zone{border:1px solid #e6d7bd}.rifa-danger-zone .danger-button{background:#8f2d2d;color:#fff;border-color:#8f2d2d}.rifa-danger-zone .danger-button:hover{background:#742323}.status-arquivada{background:#ece8df!important;color:#625d55!important;border-color:#d8d0c2!important}#excluirRifaModal input{width:100%;margin-top:7px}

/* Fase 11.6.2 — histórico e zona de perigo */
.historico-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;margin-bottom:20px;border:1px solid #d7c7a3;border-radius:14px;background:#fff9ec}.historico-banner>div:first-child{display:grid;gap:6px}.historico-banner p{margin:0;color:#6b6255}.status-arquivada{background:#e8e8e8!important;color:#4c4c4c!important}.danger-link{border:1px solid #b54b4b;background:#fff;color:#9b2f2f;border-radius:8px;padding:7px 10px;cursor:pointer}.danger-link:hover{background:#fff0f0}.button-link{display:inline-flex;align-items:center;text-decoration:none;padding:10px 14px;border-radius:9px;background:#17243b;color:#fff}@media(max-width:720px){.historico-banner{align-items:flex-start;flex-direction:column}}

/* Fase 12.3 — Painel SPARTAN / Gestão de Lojas */
.tenant-kpis{margin-bottom:20px}.tenant-toolbar{display:flex;gap:12px;margin-bottom:18px}.tenant-toolbar input{flex:1}.tenant-list{display:grid;gap:10px}.tenant-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e7dfd1;border-radius:14px;padding:16px;background:#fff}.tenant-title{display:flex;align-items:center;gap:10px;margin-bottom:5px}.tenant-row small,.tenant-user-row small{display:block;color:var(--muted);margin-top:4px}.tenant-actions{display:flex;gap:8px}.tenant-assign{display:flex;gap:12px;align-items:center;margin:16px 0}.tenant-assign select{min-width:300px}.tenant-user-list{max-height:320px;overflow:auto;border-top:1px solid #eee5d8}.tenant-user-row{padding:11px 4px;border-bottom:1px solid #eee5d8}.tenant-modal-card{max-width:650px}.tenant-modal-card label{display:grid;gap:6px;margin-bottom:12px}.tenant-modal-card .check-row{display:flex;align-items:center;gap:8px}.tenant-modal-card .check-row input{width:auto}.tenant-modal-card textarea{resize:vertical}.tenant-modal-card .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:760px){.tenant-row,.tenant-toolbar,.tenant-assign{align-items:stretch;flex-direction:column}.tenant-assign select{min-width:0;width:100%}.tenant-actions{width:100%}.tenant-actions .button{flex:1}}

/* FASE 12.3.1 — refinamento UX do Painel SPARTAN */
.developer-shell .member-sidebar{overflow:hidden;padding:20px 16px}
.developer-shell .member-brand{flex:0 0 auto}
.developer-shell .member-menu{flex:1 1 auto;min-height:0;overflow:visible;padding:12px 0;gap:2px}
.developer-shell .member-menu-label{padding:8px 10px 3px;font-size:.64rem}
.developer-shell .member-menu-item{padding:9px 10px;font-size:.88rem;line-height:1.15;min-width:0}
.developer-shell .member-sidebar-footer{flex:0 0 auto;margin-top:6px;padding:12px 8px 0}
.developer-shell .member-logout{margin-top:9px;padding:9px 12px}

/* Modal de Loja: sempre sobre a aplicação, nunca no fluxo da página */
#lojaModal.modal{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(17,24,39,.62);backdrop-filter:blur(3px);overflow-y:auto}
#lojaModal.modal.hidden{display:none!important}
#lojaModal .tenant-modal-card{width:min(650px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow-y:auto;margin:auto;padding:28px;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
#lojaModal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#lojaModal .modal-head h3{margin:0;font-size:1.45rem}
#lojaModal .icon-button{width:40px;height:40px;padding:0;border-radius:10px;display:grid;place-items:center;font-size:1.35rem;background:#222;color:#fff}
body.tenant-modal-open{overflow:hidden}

@media(max-height:760px) and (min-width:781px){
  .developer-shell .member-sidebar{padding-top:14px;padding-bottom:14px}
  .developer-shell .member-brand strong{font-size:1.25rem}
  .developer-shell .member-brand span{font-size:.76rem}
  .developer-shell .member-menu{padding:7px 0}
  .developer-shell .member-menu-label{padding:5px 10px 2px}
  .developer-shell .member-menu-item{padding:7px 10px;font-size:.82rem}
  .developer-shell .member-sidebar-footer{padding-top:8px}
  .developer-shell .member-sidebar-footer small{margin-top:2px}
  .developer-shell .member-logout{margin-top:6px;padding:7px 10px}
}

@media(max-width:780px){
  .developer-shell .member-sidebar{overflow:hidden}
  .developer-shell .member-menu{overflow:visible}
  #lojaModal.modal{padding:14px}
  #lojaModal .tenant-modal-card{width:100%;max-height:calc(100vh - 28px);padding:22px 18px}
}

/* FASE 12.3.2 — menu lateral unificado: Desenvolvedor, Administrador e Usuário */
@media(min-width:821px){
  .admin-sidebar,.member-sidebar{
    height:100vh;
    min-height:100vh;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
  }
  .admin-sidebar-brand,.member-brand{flex:0 0 auto}
  .admin-menu,.member-menu{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    padding-top:10px;
    padding-bottom:10px;
    gap:2px;
  }
  .admin-menu-label,.member-menu-label{
    padding-top:7px;
    padding-bottom:3px;
    line-height:1.1;
  }
  .admin-menu-item,.member-menu-item{
    min-height:36px;
    padding-top:7px;
    padding-bottom:7px;
    line-height:1.12;
  }
  .admin-sidebar-footer,.member-sidebar-footer{
    flex:0 0 auto;
    margin-top:auto;
    padding-top:12px;
    padding-bottom:2px;
    position:relative;
    z-index:2;
    background:inherit;
  }
  .member-sidebar-footer strong{line-height:1.15}
  .member-sidebar-footer small{margin-top:2px;line-height:1.15}
  .admin-logout,.member-logout{margin-top:8px;min-height:38px;padding:8px 10px}
}
@media(max-height:820px) and (min-width:821px){
  .admin-sidebar,.member-sidebar{padding-top:14px;padding-bottom:12px}
  .admin-sidebar-brand,.member-brand{padding-bottom:12px}
  .admin-menu,.member-menu{padding-top:6px;padding-bottom:6px}
  .admin-menu-label,.member-menu-label{padding-top:5px;padding-bottom:2px;font-size:.61rem}
  .admin-menu-item,.member-menu-item{min-height:32px;padding-top:5px;padding-bottom:5px;font-size:.82rem}
  .admin-sidebar-footer,.member-sidebar-footer{padding-top:8px}
  .admin-logout,.member-logout{margin-top:5px;min-height:34px;padding:6px 9px}
}
@media(max-height:700px) and (min-width:821px){
  .admin-menu-label,.member-menu-label{padding-top:3px}
  .admin-menu-item,.member-menu-item{min-height:29px;padding-top:4px;padding-bottom:4px;font-size:.78rem}
  .admin-sidebar-footer>span,.member-sidebar-footer small{font-size:.74rem}
  .member-sidebar-footer strong{font-size:.82rem}
}

/* Fase 12.4 — contexto da Loja */
.tenant-context{display:block;color:#d6b76e!important;font-size:.72rem!important;line-height:1.25;margin-top:2px;white-space:normal!important;overflow:visible!important}
.tenant-top-context{display:block;color:#8a6a2c;font-size:.72rem;font-weight:800;letter-spacing:.035em;margin-top:2px}
.admin-sidebar-footer .tenant-context{color:#d6b76e!important}

/* FASE 12.4.1 — sidebar sem sobreposição em zoom 100% */
@media(min-width:821px){
  .admin-sidebar,.member-sidebar{padding-top:16px;padding-bottom:10px}
  .admin-sidebar-brand,.member-brand{padding-bottom:10px}
  .admin-menu,.member-menu{padding:5px 0 7px;gap:1px}
  .admin-menu-label,.member-menu-label{padding:4px 10px 2px;font-size:.60rem;line-height:1}
  .admin-menu-item,.member-menu-item{min-height:30px;padding:5px 9px;font-size:.80rem;line-height:1.05}
  .admin-sidebar-footer,.member-sidebar-footer{margin-top:8px;padding:8px 8px 0;border-top:1px solid rgba(255,255,255,.10)}
  .admin-sidebar-footer>span,.member-sidebar-footer strong{font-size:.82rem;line-height:1.08}
  .admin-sidebar-footer small,.member-sidebar-footer small{font-size:.70rem!important;line-height:1.08;margin-top:2px}
  .admin-logout,.member-logout{margin-top:6px;min-height:32px;padding:6px 9px;font-size:.78rem}
}
@media(min-width:821px) and (max-height:900px){
  .admin-sidebar,.member-sidebar{padding-top:12px;padding-bottom:8px}
  .admin-sidebar-brand,.member-brand{padding-bottom:8px}
  .admin-menu,.member-menu{padding:3px 0 5px}
  .admin-menu-label,.member-menu-label{padding-top:3px;font-size:.57rem}
  .admin-menu-item,.member-menu-item{min-height:27px;padding-top:4px;padding-bottom:4px;font-size:.76rem}
  .admin-sidebar-footer,.member-sidebar-footer{margin-top:5px;padding-top:6px}
  .admin-logout,.member-logout{margin-top:4px;min-height:29px;padding:5px 8px}
}

/* Fase 12.4.3 — Gestão de usuários por Loja no Painel SPARTAN */
.tenant-users-modal{width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.tenant-users-modal-actions{display:flex;justify-content:flex-end;margin:14px 0 18px}.tenant-user-list-modal{max-height:48vh;border:1px solid #eee5d8;border-radius:12px;padding:0 12px}.tenant-empty-users{display:grid;gap:6px;text-align:center;padding:34px 18px;color:var(--muted)}.tenant-empty-users strong{color:var(--text);font-size:1.05rem}.tenant-password-note{padding:12px 14px;border-radius:10px;background:#f8f4e8;color:var(--muted);margin:4px 0 14px}@media(max-width:760px){.tenant-users-modal{width:100%;max-height:calc(100vh - 28px)}.tenant-users-modal-actions .button{width:100%}}

/* FASE 12.4.3.1 — modais de usuários por Loja */
#usuariosLojaModal.modal,
#novoUsuarioLojaModal.modal{
  position:fixed;
  inset:0;
  z-index:2200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(17,24,39,.62);
  backdrop-filter:blur(3px);
  overflow-y:auto;
}
#usuariosLojaModal.modal.hidden,
#novoUsuarioLojaModal.modal.hidden{display:none!important}
#novoUsuarioLojaModal.modal{z-index:2300}
#usuariosLojaModal .modal-card,
#novoUsuarioLojaModal .modal-card{margin:auto}
@media(max-width:760px){
  #usuariosLojaModal.modal,#novoUsuarioLojaModal.modal{padding:14px}
}

/* FASE 12.4.3.2 — refinamento visual dos modais SPARTAN */
#usuariosLojaModal .modal-head,
#novoUsuarioLojaModal .modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
#usuariosLojaModal .modal-head > div,
#novoUsuarioLojaModal .modal-head > div{
  min-width:0;
  flex:1;
}
#usuariosLojaModal .modal-head h3,
#novoUsuarioLojaModal .modal-head h3{
  margin:0;
  font-size:1.45rem;
}
#usuariosLojaModal .modal-head p,
#novoUsuarioLojaModal .modal-head p{
  margin:8px 0 0;
}
#usuariosLojaModal .icon-button,
#novoUsuarioLojaModal .icon-button{
  flex:0 0 38px;
  width:38px;
  height:38px;
  padding:0;
  margin:0;
  border:1px solid #e2dbcf;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#f7f5f0;
  color:#5f5a52;
  font-size:1.25rem;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
#usuariosLojaModal .icon-button:hover,
#novoUsuarioLojaModal .icon-button:hover{
  background:#222;
  border-color:#222;
  color:#fff;
}

/* Fase 12.6 — Manual do Usuário */
.manual-main{max-width:1100px;width:100%;margin:0 auto}.manual-hero{padding:10px 0 24px}.manual-hero h1{font-size:clamp(2rem,4vw,3rem);margin:7px 0 8px;letter-spacing:-.04em}.manual-hero>p{color:var(--muted);margin:0 0 18px}.manual-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e4dccd;border-radius:14px;padding:0 16px;box-shadow:0 8px 24px rgba(38,35,29,.05);max-width:760px}.manual-search span{font-size:1.5rem;color:var(--gold)}.manual-search input{border:0;box-shadow:none;background:transparent;width:100%;min-height:54px;font-size:1rem}.manual-search input:focus{outline:0}.manual-content{display:grid;gap:16px;padding-bottom:24px}.manual-card{display:grid;grid-template-columns:58px 1fr;gap:18px;background:#fff;border:1px solid #e8e1d3;border-radius:18px;padding:24px;scroll-margin-top:22px;box-shadow:0 8px 24px rgba(38,35,29,.045)}.manual-card h2{margin:0 0 10px;font-size:1.35rem}.manual-card p{line-height:1.65;margin:8px 0;color:#514d46}.manual-card ol{padding-left:22px;line-height:1.75}.manual-number{width:46px;height:46px;border-radius:13px;background:#f5ead1;color:#8a651d;display:grid;place-items:center;font-weight:900}.manual-tip,.manual-warning,.manual-example{margin-top:14px;padding:14px 16px;border-radius:12px;background:#f8f6f0;border-left:4px solid var(--gold)}.manual-tip p,.manual-warning p{margin:4px 0 0}.manual-warning{background:#fff7e9;border-left-color:#bd7b20}.manual-example code{display:block;margin-top:8px;font-size:.95rem}.manual-position-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.manual-position-grid span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:#f8f6f0;border-radius:12px}.manual-position-grid b{font-size:1.15rem;color:var(--gold)}.manual-role-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;background:#f2ead8;color:#76591d;padding:5px 8px;border-radius:999px;vertical-align:middle}.manual-faq details{border-top:1px solid #ece6dc;padding:13px 0}.manual-faq details:first-of-type{border-top:0}.manual-faq summary{cursor:pointer;font-weight:750}.manual-faq details p{margin-bottom:0}.manual-empty{text-align:center;padding:44px 20px;border:1px dashed #d9d0c1;border-radius:16px}.manual-empty strong,.manual-empty span{display:block}.manual-empty span{color:var(--muted);margin-top:5px}@media(max-width:760px){.manual-card{grid-template-columns:1fr;padding:20px}.manual-number{width:40px;height:40px}.manual-position-grid{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   FASE 12.7 — CORRECAO RESPONSIVA MOBILE
   ========================================================= */

@media (max-width: 760px) {
  .overview-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .overview-kpis {
    width: 100% !important;
    min-width: 0 !important;
  }

  .overview-kpis .dashboard-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .overview-kpis .dashboard-stats .stat {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  .overview-chart {
    width: 100% !important;
    min-width: 0 !important;
    padding: 20px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #e8e1d3 !important;
  }

  .overview-chart .chart-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .overview-chart .chart-legend {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 560px) {
  .admin-kpis,
  .member-kpis,
  .report-summary-grid,
  .user-summary-grid {
    grid-template-columns: 1fr !important;
  }
}