/* modules/notificacoes.css */
:root{
  --nf-card:#fff; --nf-txt:#0f172a; --nf-muted:#6b7280; --nf-line:#d1d5db;
  --nf-primary:#3b82f6; --nf-primary-600:#2563eb; --nf-ok:#10b981; --nf-warn:#f59e0b;
}

/* <<< RESETA O CONTAINER DO MÓDULO (remove a borda geral) >>> */
.notif-root{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.notif-wrap{ display:flex; flex-direction:column; gap:14px; }

.notif-head{
  display:flex; align-items:center; gap:10px; padding:2px 2px 6px 2px;
}
.notif-ic{
  width:40px; height:40px; border-radius:999px; display:grid; place-items:center;
  background:#eef2ff; color:#1d4ed8; border:1px solid var(--nf-line);
}
.notif-ttl h2{ margin:0; font-size:1.08rem; font-weight:800; }
.notif-ttl .muted{ color:var(--nf-muted); margin:.1rem 0 0; }

.notif-card{
  background:var(--nf-card); color:var(--nf-txt);
  border:1px solid var(--nf-line); border-radius:14px;
  box-shadow:0 8px 22px rgba(16,24,40,.06); padding:14px;
  width:100%;
}

.card-title{ margin:0 0 8px; font-weight:800; font-size:1.02rem; }

.perm{ display:flex; align-items:flex-start; gap:12px; }
.perm .text b{ display:block; }
.perm .text .muted{ color:var(--nf-muted); }
.perm-cta .actions-inline{ margin-top:8px; }
.perm-ok{ border-left:4px solid var(--nf-ok); padding-left:10px; }
.perm-denied{ border-left:4px solid var(--nf-warn); padding-left:10px; }
.perm-unsupported{ opacity:.9; }

.group{ display:flex; flex-direction:column; gap:8px; }

.row{ display:flex; gap:10px; align-items:center; }
.row.sub{ margin-left:36px; }
.row.times{ gap:12px; flex-wrap:wrap; }

.label{ display:flex; flex-direction:column; gap:2px; }
.label small{ color:var(--nf-muted); }

input[type="checkbox"]{
  width:18px; height:18px; accent-color:var(--nf-primary);
}

.mini{ display:flex; flex-direction:column; gap:4px; }
.mini > span{ font-size:.88rem; color:var(--nf-muted); }

.seg{ display:flex; gap:8px; }
.seg input{ position:absolute; opacity:0; pointer-events:none; }
.seg label{
  display:inline-block; padding:6px 10px; border:1px solid var(--nf-line);
  border-radius:10px; min-width:38px; text-align:center; cursor:pointer; user-select:none;
}
.seg input:checked + label{
  border-color:var(--nf-primary);
  box-shadow:0 0 0 3px rgba(59,130,246,.18) inset;
  font-weight:700;
}

.mini input[type="time"]{
  width:140px; padding:8px 10px; border:1px solid var(--nf-line); border-radius:10px; outline:none;
}

.hint{ color:var(--nf-muted); font-size:.88rem; }

.sep{ border-top:1px dashed var(--nf-line); height:0; margin:12px 0; }

.actions{ display:flex; justify-content:flex-end; }
.btn{
  border:1px solid var(--nf-line); background:#fff; color:#111; border-radius:12px;
  padding:10px 14px; font-weight:800; cursor:pointer;
}
.btn.primary{ background:var(--nf-primary); color:#fff; border-color:var(--nf-primary); }
.btn.primary:disabled{ opacity:.7; cursor:not-allowed; }

.feedback{ margin:.25rem 0 0; color:#059669; font-size:.92rem; }

@media (max-width:420px){
  .row.sub{ margin-left:28px; }
}