:root{--bg:#0b1220;--panel:#121b2a;--panel2:#182437;--line:#27364c;--text:#f7f9fc;--muted:#9dacbd;--blue:#2f81f7;--green:#2ea043;--red:#da3633;--amber:#d29922}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
button,input,textarea,select{font:inherit}button{border:0;border-radius:11px;padding:12px 15px;background:var(--blue);color:white;font-weight:750;cursor:pointer}button.secondary{background:var(--panel2)}button.danger{background:var(--red)}button.success{background:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}
input,textarea,select{width:100%;border:1px solid var(--line);background:#0c1421;color:white;border-radius:11px;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue)}
label{font-size:.9rem;color:#cbd5e1}.muted{color:var(--muted)}.center{display:grid;place-items:center;min-height:100vh;padding:20px}.card{width:min(500px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 20px 55px #0008}.brand{display:flex;align-items:center;gap:12px;margin-bottom:15px}.brand-icon{font-size:44px}.brand h1{margin:0}.stack{display:grid;gap:11px}.note{border:1px dashed var(--line);background:#0c1421;border-radius:12px;padding:13px;color:var(--muted);font-size:.9rem}.tiny{font-size:.78rem}
.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;background:#080e18;border-right:1px solid var(--line);padding:16px;display:flex;flex-direction:column}.sidebar .brand{font-weight:800}.sidebar nav{display:grid;gap:7px}.sidebar nav button{text-align:left;background:transparent;color:var(--muted)}.sidebar nav button.active,.sidebar nav button:hover{background:var(--panel2);color:#fff}.sidebar .userbox{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}.sidebar .userbox small{display:block;color:var(--muted);margin:3px 0 10px}
.main{min-width:0}.top{height:74px;position:sticky;top:0;z-index:10;background:#0b1220e8;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:14px}.top h2{margin:0;font-size:1.2rem}.top small{color:var(--muted)}.menu{display:none;background:var(--panel2);padding:9px 11px}.content{padding:22px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px}.stat span{font-size:1.5rem}.stat small{display:block;color:var(--muted);margin:8px 0 4px}.stat b{font-size:1.45rem}.panel{margin-top:16px}.panel h3{margin-top:0}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.grid2{display:grid;grid-template-columns:360px 1fr;gap:16px}.grid2>.panel{margin-top:0}.info{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.info:last-child{border-bottom:0}.map{height:480px;border-radius:13px;overflow:hidden;background:#0c1421;position:relative}.map iframe{width:100%;height:100%;border:0}.map-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);text-align:center;padding:30px}.route-list{max-height:160px;overflow:auto;font-size:.8rem;color:var(--muted);margin-top:10px}.point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.point{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:14px}.point.done{border-color:var(--green)}.point h4{margin:0 0 6px}.point p{color:var(--muted);min-height:34px}.item{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item h4{margin:0 0 5px}.item p{margin:0 0 5px;color:#d7dee8}.item small{color:var(--muted)}.item img{width:100px;height:80px;object-fit:cover;border-radius:9px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--panel2);font-size:.76rem}.badge.green{color:#56d364}.badge.red{color:#ff7b72}.badge.amber{color:#e3b341}
.form{display:grid;gap:10px;max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap}.toast{position:fixed;right:18px;bottom:18px;z-index:99;background:white;color:#111827;padding:12px 15px;border-radius:10px;box-shadow:0 10px 35px #0008;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.live{display:grid;grid-template-columns:300px 1fr;gap:14px}.live-list button{width:100%;margin-bottom:8px;text-align:left;background:var(--panel2)}.setup-ok{color:#56d364;font-weight:700}.setup-warn{color:#e3b341;font-weight:700}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.point-grid{grid-template-columns:repeat(2,1fr)}.grid2,.live{grid-template-columns:1fr}}
@media(max-width:720px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;left:-265px;width:250px;transition:.22s}.sidebar.open{left:0;box-shadow:12px 0 40px #000a}.menu{display:block}.top{padding:0 13px}.content{padding:13px}.point-grid{grid-template-columns:1fr}.map{height:390px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.card{padding:20px}.item{align-items:flex-start}.item img{width:74px;height:64px}}

.version{font-size:.62rem;background:#2f81f7;padding:2px 6px;border-radius:999px;margin-left:4px}
.mini-actions{margin-top:9px}.mini-actions button{padding:7px 9px;font-size:.78rem}
.history-grid{display:grid;gap:10px}
.history-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:14px}
.history-card small{display:block;color:var(--muted);margin-top:4px}
.history-card>div:nth-child(2){display:grid;gap:6px;text-align:right}
.compact-cards{margin-top:14px}.compact-cards .stat{padding:12px}.small-map{height:330px}
.report-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr auto auto;gap:10px;align-items:end}
.report-filters label{display:block;margin-bottom:5px}.report-head{display:flex;justify-content:space-between;align-items:end;gap:10px}
.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:800px}
th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:.9rem}th{color:var(--muted)}
@media(max-width:900px){.report-filters{grid-template-columns:1fr 1fr}.history-card{grid-template-columns:1fr}.history-card>div:nth-child(2){text-align:left;grid-template-columns:auto auto;justify-content:start}}
@media print{.sidebar,.top,.report-filters button,.panel:not(.printable){display:none!important}.layout{display:block}.content{padding:0}.printable{border:0;margin:0;background:#fff;color:#000}.printable .stat{background:#fff;color:#000;border:1px solid #ccc}.printable small{color:#555}table th,table td{color:#000;border-color:#ccc}}

.supervisor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0}
.route-trace{height:250px;position:relative;background:linear-gradient(90deg,#101a29 1px,transparent 1px),linear-gradient(#101a29 1px,transparent 1px);background-size:34px 34px;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:#58a6ff;margin-bottom:10px}
.route-trace svg{width:100%;height:100%;display:block}.trace-start,.trace-end{position:absolute;bottom:8px;font-size:.68rem;font-weight:800;padding:4px 7px;border-radius:999px;background:#0b1220;border:1px solid var(--line)}.trace-start{left:8px}.trace-end{right:8px;color:#56d364}
.report-brand{display:flex;gap:12px;align-items:center}.report-brand img{width:54px;height:54px;object-fit:contain}.report-brand h2{margin:0}.report-brand strong{font-size:.9rem;color:var(--muted)}
.compact-form{max-width:620px}.admin-user-list{margin-top:10px}.inline-select{width:auto;min-width:145px;padding:9px}
@media(max-width:760px){.supervisor-grid{grid-template-columns:1fr}.route-trace{height:210px}}
@media print{.report-brand strong{color:#333}.report-brand img{filter:none}}

.admin-user-list{display:grid;gap:10px;margin-top:14px}
.admin-user{align-items:center}
.user-actions{justify-content:flex-end;flex-wrap:wrap}
@media(max-width:700px){.admin-user{display:grid;gap:12px}.user-actions{justify-content:flex-start}.inline-select{width:100%}}

.progress-card{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.progress{height:12px;background:#0c1421;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:10px 0 14px}
.progress span{display:block;height:100%;background:var(--green);border-radius:999px}
.plan-point-list{display:grid;gap:8px}
.plan-point-row{display:grid;grid-template-columns:auto 1fr 90px;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px}
.plan-point-row input[type=checkbox]{width:auto}

.photo-preview{border:1px dashed var(--line);border-radius:12px;min-height:72px;padding:10px;display:grid;gap:8px}
.photo-preview img{max-width:220px;max-height:180px;object-fit:cover;border-radius:10px}
.gps-capture{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px}
.occurrence-item{align-items:flex-start}.occ-photo{width:150px!important;height:110px!important}
.live-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;margin-top:14px}
.live-list button{display:grid;gap:4px}.live-list small{color:var(--muted)}
.live-meta{padding:10px 2px}
@media(max-width:850px){.live-layout{grid-template-columns:1fr}.occurrence-item{display:grid}.occ-photo{width:100%!important;height:220px!important}}

.condo-switch{margin-left:auto;display:grid;gap:3px;min-width:220px}.condo-switch label{font-size:.7rem;color:var(--muted)}.condo-switch select{padding:8px}
.condo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.condo-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:15px}.condo-card.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.condo-card h4{margin:0 0 4px}.condo-card small{color:var(--muted)}.condo-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;font-size:.88rem}
@media(max-width:760px){.condo-switch{min-width:0;max-width:180px}.condo-grid{grid-template-columns:1fr}.top{height:auto;min-height:74px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.condo-switch{width:100%;max-width:none}}

/* V2.4.1 — identidade visual RESPAWN WEAR */
:root{
  --brand-purple:#8a2be2;
  --brand-purple-2:#b04cff;
}
.brand-respawn{display:flex;align-items:center;gap:10px}
.brand-respawn img{width:34px;height:34px;object-fit:contain;border-radius:8px}
.login-logo{display:block;max-width:260px;width:70%;height:auto;margin:0 auto 18px auto;object-fit:contain}
.version{background:linear-gradient(135deg,var(--brand-purple),var(--brand-purple-2))}
button:not(.secondary):not(.danger):not(.success){background:linear-gradient(135deg,#6f22c7,#9c31ff)}
button:not(.secondary):not(.danger):not(.success):hover{filter:brightness(1.08)}
.sidebar .active,.sidebar button.active{box-shadow:inset 3px 0 0 #9c31ff}
.condo-card.selected{border-color:#9c31ff;box-shadow:0 0 0 1px #9c31ff}
.report-brand img{max-width:150px;width:auto;height:64px;object-fit:contain}
@media(max-width:700px){.login-logo{max-width:220px;width:76%}.brand-respawn img{width:30px;height:30px}}

.brand-respawn span::after{
  content:"Gestão de Rondas e Segurança";
  display:block;
  font-size:.62rem;
  font-weight:500;
  color:var(--muted);
  margin-top:2px;
}
@media(max-width:700px){
  .brand-respawn span::after{display:none}
}

/* =========================================================
   RESPAWN SECURITY V2.5 — visual premium
   ========================================================= */
:root{
  --rs-purple:#7c2cff;
  --rs-purple-2:#9e55ff;
  --rs-purple-soft:rgba(124,44,255,.16);
  --rs-bg:#050911;
  --rs-sidebar:#070c14;
  --rs-panel:#0d131d;
  --rs-panel-2:#111a27;
  --rs-line:#263244;
  --rs-text:#f4f7fb;
  --rs-muted:#9aabc0;
  --rs-green:#3fd27f;
  --rs-danger:#ff4757;
}
html,body{background:var(--rs-bg)}
body{letter-spacing:.01em}
.sidebar{
  background:linear-gradient(180deg,#070b12 0%,#080e18 100%);
  border-right:1px solid #202a39;
  box-shadow:8px 0 28px rgba(0,0,0,.18);
}
.brand-security{
  display:grid;
  grid-template-columns:38px 1fr auto;
  align-items:center;
  gap:9px;
  min-height:56px;
  padding:8px 12px;
}
.brand-security img{
  width:38px;height:38px;object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(124,44,255,.42));
}
.brand-copy{display:grid;line-height:1}
.brand-copy strong{
  color:#fff;font-size:.96rem;letter-spacing:.08em;font-weight:900
}
.brand-copy span{
  color:var(--rs-purple-2);font-size:.64rem;letter-spacing:.34em;
  margin-top:4px;font-weight:900
}
.version{
  background:linear-gradient(135deg,#6b22d9,#9b4cff)!important;
  box-shadow:0 0 12px rgba(124,44,255,.35);
}
.sidebar nav button,
.sidebar button[data-page]{
  border-radius:8px;
  margin:3px 8px;
  width:calc(100% - 16px);
  transition:.18s ease;
}
.sidebar nav button:hover,
.sidebar button[data-page]:hover{
  background:#131b29;
  transform:translateX(2px);
}
.sidebar nav button.active,
.sidebar button[data-page].active{
  background:linear-gradient(90deg,rgba(124,44,255,.72),rgba(124,44,255,.32))!important;
  box-shadow:inset 3px 0 0 #a55dff,0 8px 22px rgba(68,24,125,.2)!important;
}
.top{
  background:rgba(5,9,17,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #202a39;
  min-height:70px;
}
.top h2{font-size:1.45rem}
.condo-switch select{
  background:#0b111a;border-color:#2a3546;border-radius:8px;
}
.content{background:
  radial-gradient(circle at 78% 3%,rgba(86,31,159,.08),transparent 30%),
  var(--rs-bg);
}
.panel,.stat,.item,.point,.history-card,.condo-card{
  background:linear-gradient(180deg,#0f1723 0%,#0d141f 100%)!important;
  border-color:#273345!important;
  box-shadow:0 8px 28px rgba(0,0,0,.14);
}
.panel{border-radius:12px!important}
.stat{
  position:relative;overflow:hidden;min-height:126px;
}
.stat::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(#9548ff,#6b22d9);opacity:.75
}
.stat b{font-size:1.7rem}
.stat small{color:#a7b5c8}
button:not(.secondary):not(.danger):not(.success){
  background:linear-gradient(135deg,#6820d6,#8d2cff)!important;
  border:1px solid #9145ff!important;
  box-shadow:0 6px 18px rgba(90,27,183,.2);
}
button:not(.secondary):not(.danger):not(.success):hover{
  filter:brightness(1.12);
  box-shadow:0 8px 24px rgba(112,37,212,.3);
}
button.secondary{
  background:#111a27!important;border-color:#344259!important;
}
input,select,textarea{
  background:#09101a!important;
  border-color:#2b394d!important;
  border-radius:9px!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#7d33e8!important;
  box-shadow:0 0 0 2px rgba(124,44,255,.12)!important;
}
.progress{background:#182230!important;border-color:#273345!important}
.progress span{
  background:linear-gradient(90deg,#6021d5,#a34cff)!important;
  box-shadow:0 0 12px rgba(124,44,255,.4)
}
.map{
  border:1px solid #273345;border-radius:11px;overflow:hidden;
  background:#0b111a;
}
.badge.green{background:rgba(63,210,127,.11)!important;color:#52e38f!important}
.badge.red{background:rgba(255,71,87,.11)!important;color:#ff6675!important}

/* Login premium */
.auth,.login,.login-wrap,.auth-wrap{
  background:
    radial-gradient(circle at 50% 18%,rgba(114,31,225,.18),transparent 28%),
    #050911!important;
}
.login-card,.auth-card{
  background:linear-gradient(180deg,#0d141f,#09101a)!important;
  border:1px solid #273345!important;
  box-shadow:0 24px 80px rgba(0,0,0,.46),0 0 44px rgba(93,26,180,.09)!important;
}
.login-brand{
  text-align:center;margin:0 auto 22px;display:grid;justify-items:center;
}
.login-brand img{
  width:116px;height:116px;object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(124,44,255,.45));
}
.login-wordmark{display:grid;line-height:1;margin-top:4px}
.login-wordmark strong{
  color:white;font-size:2rem;font-weight:950;letter-spacing:.09em
}
.login-wordmark span{
  color:#9f4dff;font-size:.92rem;font-weight:900;letter-spacing:.48em;
  padding-left:.48em;margin-top:7px
}
.login-brand p{color:#bec8d6;margin:13px 0 0;font-size:.88rem}

/* Condominium cards */
.condo-card.selected{
  border-color:#8c40f4!important;
  box-shadow:0 0 0 1px #8c40f4,0 12px 30px rgba(79,23,154,.18)!important;
}
.condo-stats span{
  background:#0a111b;border:1px solid #243044;border-radius:8px;padding:8px;
}

/* Reports */
.report-brand img{display:none}
.report-brand::before{
  content:"R";display:grid;place-items:center;width:54px;height:54px;
  border:1px solid #8d44ef;border-radius:13px;color:#fff;font-weight:950;font-size:1.7rem;
  background:linear-gradient(145deg,#151b26,#281047);
  box-shadow:0 0 20px rgba(124,44,255,.22)
}

/* Mobile */
@media(max-width:760px){
  .brand-security{grid-template-columns:34px 1fr auto}
  .brand-security img{width:34px;height:34px}
  .brand-copy strong{font-size:.83rem}
  .brand-copy span{font-size:.55rem}
  .content{padding:14px!important}
  .stat{min-height:104px}
  .top{padding:10px 12px!important}
  .login-brand img{width:100px;height:100px}
  .login-wordmark strong{font-size:1.65rem}
  .login-wordmark span{font-size:.78rem}
}

/* V2.6 — filtros multi-condomínio */
.admin-user-filter{
  display:grid;
  grid-template-columns:minmax(220px,360px) auto;
  gap:8px 14px;
  align-items:end;
  padding:12px;
  margin:14px 0;
  background:#0a111b;
  border:1px solid #273345;
  border-radius:10px;
}
.admin-user-filter label{grid-column:1/-1;font-size:.78rem;color:var(--muted)}
.admin-user-filter small{align-self:center}
.report-filters{grid-template-columns:1fr 1fr 1fr 1.2fr auto auto!important}
@media(max-width:1050px){.report-filters{grid-template-columns:1fr 1fr 1fr!important}}
@media(max-width:700px){
  .admin-user-filter{grid-template-columns:1fr}
  .report-filters{grid-template-columns:1fr!important}
}

/* V2.6.1 — exclusão administrativa de rondas */
.history-card .actions{display:flex;gap:8px;flex-wrap:wrap}
.history-card .actions .danger{min-width:86px}
@media(max-width:700px){.history-card .actions{width:100%}.history-card .actions button{flex:1}}

.access-scope{color:#b58cff!important;font-size:.67rem!important}

/* V2.6.3 — gestão de funcionários pelo Supervisor */
.admin-user-list{display:grid;gap:10px;margin-top:14px}
.admin-user .badge{align-self:center}
@media(max-width:700px){.admin-user{display:grid;gap:12px}.admin-user .actions{justify-content:flex-start}}

/* V2.6.4 — Auditoria de Supervisores */
.supervisor-audit-filters{grid-template-columns:1fr 1fr 1.2fr 1.2fr 1.1fr auto!important}
@media(max-width:1150px){.supervisor-audit-filters{grid-template-columns:1fr 1fr 1fr!important}}
@media(max-width:700px){.supervisor-audit-filters{grid-template-columns:1fr!important}}

/* V2.6.5 — painel de armazenamento */
.storage-note{margin-top:16px;padding:14px;background:#0a111b;border:1px solid #273345;border-radius:10px}
.storage-note p{margin:6px 0 0;color:var(--muted)}

/* V2.6.6 — horários de rondas programadas */
.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:8px 0 16px}
.weekday-grid label{display:flex;align-items:center;justify-content:center;gap:5px;background:#0a111b;border:1px solid #273345;border-radius:8px;padding:9px;font-size:.82rem}
.weekday-grid input{width:auto}
.schedule-time-editor{display:grid;gap:8px;margin-bottom:18px}
.schedule-time-row{display:grid;grid-template-columns:150px 100px 1fr auto;gap:8px;align-items:center;background:#0a111b;border:1px solid #273345;border-radius:9px;padding:9px}
.schedule-grid{display:grid;gap:9px;margin-top:12px}
.schedule-item{display:grid;grid-template-columns:82px 1fr auto;gap:12px;align-items:center;background:#0a111b;border:1px solid #273345;border-radius:10px;padding:11px}
.schedule-item.current{border-color:#7c2cff;box-shadow:0 0 0 1px #7c2cff}
.schedule-time{font-size:1.3rem;font-weight:900;color:#b58cff}
.schedule-item small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:760px){
  .weekday-grid{grid-template-columns:repeat(4,1fr)}
  .schedule-time-row{grid-template-columns:1fr 90px auto}.schedule-time-row span{display:none}
  .schedule-item{grid-template-columns:70px 1fr}.schedule-item>.badge{grid-column:1/-1;justify-self:start}
}

/* V2.6.7 — recorrência mensal e anual */
#monthlyFields,#yearlyFields{background:#0a111b;border:1px solid #273345;border-radius:10px;padding:12px;margin:10px 0 16px}


/* =========================================================
   V2.6.7 — correção de visualização / menu responsivo
   Mantém o cabeçalho e o usuário visíveis e permite rolagem
   independente dos itens do menu lateral.
   ========================================================= */
.layout{min-height:100vh;min-height:100dvh}
.sidebar{
  height:100vh;
  height:100dvh;
  max-height:100vh;
  max-height:100dvh;
  overflow:hidden;
}
.sidebar .brand-security{flex:0 0 auto}
.sidebar nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding:4px 0 12px;
  scrollbar-width:thin;
  scrollbar-color:#6f2bd4 #0a1019;
}
.sidebar nav::-webkit-scrollbar{width:7px}
.sidebar nav::-webkit-scrollbar-track{background:#0a1019;border-radius:999px}
.sidebar nav::-webkit-scrollbar-thumb{background:#6f2bd4;border-radius:999px}
.sidebar .userbox{
  flex:0 0 auto;
  margin-top:0;
  padding-top:11px;
  background:linear-gradient(180deg,rgba(8,14,24,.94),#080e18);
}

/* Em telas de PC mais baixas, os botões ficam um pouco mais compactos. */
@media (min-width:721px) and (max-height:850px){
  .sidebar{padding:12px}
  .brand-security{min-height:50px;padding:5px 9px;margin-bottom:8px}
  .sidebar nav{gap:3px}
  .sidebar nav button,.sidebar button[data-page]{padding:10px 12px;margin:2px 7px;width:calc(100% - 14px)}
  .sidebar .userbox small{margin:2px 0 7px}
  .sidebar .userbox button{padding:9px 12px}
}

/* Ajustes de celular/tablet para não cortar cabeçalho nem seletor. */
@media(max-width:720px){
  .sidebar{
    width:min(280px,88vw);
    left:-295px;
    padding-bottom:max(14px,env(safe-area-inset-bottom));
  }
  .sidebar.open{left:0}
  .top{
    height:auto;
    min-height:74px;
    flex-wrap:wrap;
    align-items:center;
    padding:10px 13px!important;
  }
  .condo-switch{
    order:3;
    width:100%;
    min-width:0;
    margin-left:0;
  }
  .condo-switch select{width:100%}
  .content{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
}

/* =========================================================
   V2.6.8 — agenda simplificada e responsiva
   Diária, semanal, mensal e anual + período de validade.
   ========================================================= */
.plan-form{max-width:1180px!important;width:100%;box-sizing:border-box}
.plan-name-grid{grid-template-columns:1fr 1fr!important;gap:14px}
.plan-name-grid>div,.plan-config-card>div{display:grid;gap:6px}
.plan-config-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:14px;align-items:start;margin:4px 0 8px}
.plan-config-card{background:#0a111b;border:1px solid #273345;border-radius:12px;padding:14px;display:grid;gap:10px;min-width:0}
.plan-config-card h4{margin:0 0 2px}
.recurrence-fields{background:#0d1623;border:1px solid #273345;border-radius:10px;padding:12px;margin-top:2px}
.recurrence-fields p{margin:0}
#monthlyFields,#yearlyFields,#dailyFields{background:#0d1623;border:1px solid #273345;border-radius:10px;padding:12px;margin:2px 0 0}
.annual-grid{grid-template-columns:1fr 1fr!important;gap:10px}
.plan-end-fields{display:grid;gap:7px;background:#0d1623;border:1px solid #273345;border-radius:10px;padding:11px}
.period-help{font-size:.82rem;color:var(--muted);background:#111a27;border-radius:9px;padding:10px;line-height:1.4}
.schedule-title{margin-top:4px}
.plan-form .schedule-time-editor{max-width:860px;width:100%}
.plan-form .plan-point-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.plan-period-summary{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#0a111b;border:1px solid #273345;border-radius:10px;padding:12px;margin-bottom:14px}
.plan-period-summary span{color:var(--muted);text-align:right}
@media(max-width:980px){
  .plan-config-grid{grid-template-columns:1fr}
  .plan-form .plan-point-list{grid-template-columns:1fr}
}
@media(max-width:720px){
  .plan-name-grid{grid-template-columns:1fr!important}
  .annual-grid{grid-template-columns:1fr 1fr!important}
  .plan-period-summary{display:grid;gap:5px}
  .plan-period-summary span{text-align:left}
}