.notificacao-site-painel { width: min(760px, calc(100% - 32px)); margin: 32px auto; }
.notificacao-site-cabecalho { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.notificacao-site-cabecalho > div { display:flex; align-items:center; gap:12px; }
.notificacao-site-cabecalho h2 { margin:0; font-size:1.5rem; color:#24384a; }
.notificacao-site-icone { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#fff; background:#e59a12; }
.notificacao-status { padding:6px 11px; border-radius:99px; font-weight:700; font-size:.78rem; background:#e8edf1; color:#526473; }
.notificacao-status.ativa { background:#dff5e7; color:#14733a; }
.notificacao-status.inativa { background:#f2f3f5; color:#68747d; }
.notificacao-site-ajuda { color:#647482; line-height:1.5; margin:14px 0 18px; }
.notificacao-site-card { padding:24px; border:1px solid #e1e7eb; border-radius:14px; background:#fff; box-shadow:0 5px 18px rgba(27,52,70,.07); }
.notificacao-chave-linha { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8edf0; }
.notificacao-chave-linha strong, .notificacao-chave-linha small { display:block; }.notificacao-chave-linha small { margin-top:4px; color:#71808b; }
.notificacao-chave { position:relative; width:48px; height:27px; flex:none; cursor:pointer; }.notificacao-chave input { opacity:0; width:0; height:0; }.notificacao-chave span { position:absolute; inset:0; border-radius:99px; background:#b6c0c8; transition:.2s; }.notificacao-chave span:before { content:''; position:absolute; width:21px; height:21px; left:3px; top:3px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #667; transition:.2s; }.notificacao-chave input:checked + span { background:#249455; }.notificacao-chave input:checked + span:before { transform:translateX(21px); }
.notificacao-campo { display:block; margin:16px 0; font-weight:700; color:#3b4c59; }.notificacao-campo input, .notificacao-campo textarea { display:block; width:100%; margin-top:7px; padding:11px 12px; box-sizing:border-box; border:1px solid #cad5dc; border-radius:8px; font:inherit; font-weight:400; color:#283842; background:#fff; }.notificacao-campo textarea { resize:vertical; min-height:125px; }.notificacao-campo input:focus, .notificacao-campo textarea:focus { outline:0; border-color:#2990b8; box-shadow:0 0 0 3px rgba(41,144,184,.14); }
.notificacao-acoes { display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }.notificacao-salvar, .notificacao-apagar { padding:11px 16px; border:0; border-radius:8px; color:#fff; font:inherit; font-weight:700; cursor:pointer; }.notificacao-salvar { background:#247da4; }.notificacao-salvar:hover { background:#19698b; }.notificacao-apagar { background:#b93838; }.notificacao-apagar:hover { background:#962b2b; }
body.dark-mode .notificacao-site-cabecalho h2 { color:#e7edf1; } body.dark-mode .notificacao-site-card { background:#22313d; border-color:#3b4c57; } body.dark-mode .notificacao-campo, body.dark-mode .notificacao-chave-linha strong { color:#e7edf1; } body.dark-mode .notificacao-campo input, body.dark-mode .notificacao-campo textarea { color:#eef4f7; background:#17232c; border-color:#53636c; }
@media (max-width: 520px) { .notificacao-site-painel { width:calc(100% - 24px); margin:20px auto; }.notificacao-site-card { padding:18px; }.notificacao-site-cabecalho h2 { font-size:1.2rem; } }