/* ============================================================
   CONFIGURAÇÕES — camada visual
   ============================================================ */
.cfg-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}
.cfg-nav{background:#fff;border:1px solid #d5e0e7;border-radius:11px;padding:12px;align-self:start;box-shadow:0 2px 7px #24384a0c}
.cfg-nav-label{font-size:9px;font-weight:700;letter-spacing:.8px;color:#9aa6b3;margin:12px 10px 6px}
.cfg-nav-label:first-child{margin-top:4px}
.cfg-nav-item{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 11px;border-radius:7px;font:12px 'DM Sans';color:#52697e}
.cfg-nav-item:hover{background:#eef6fa}
.cfg-nav-item.selected{background:#dcecf6;color:#2f6c98;font-weight:600}
.cfg-view{display:none}
.cfg-view.active{display:block}
.cfg-title{font:700 15px Manrope;margin:0 0 16px;color:#182a3d}
.cfg-hint{font-size:11px;color:#5b6f82;background:#eef5fb;border:1px solid #d3e3f0;border-radius:8px;padding:11px 14px;margin-bottom:14px}
.cfg-hint b{color:#2e6e9b}

/* usuários */
.usr-head,.usr-row{display:grid;grid-template-columns:2fr 1.3fr 2.2fr 100px;gap:12px;align-items:center;padding:11px 16px}
.usr-head{background:#edf3f6;color:#6c8194;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.usr-row{border-top:1px solid #e0e8ed;font-size:11px;color:#5d7084}
.usr-row .who{display:flex;align-items:center;gap:10px;min-width:0}
.usr-row .who p{margin:0;min-width:0}
.usr-row .who b{display:block;font-size:11.5px;color:#20364a}
.usr-row .who em{display:block;font-style:normal;font-size:9.5px;color:#74879a;margin-top:3px}
.mod-badges{display:flex;flex-wrap:wrap;gap:4px}
.mod-badge{font-size:8.5px;font-weight:600;padding:3px 6px;border-radius:4px;background:#e1eff8;color:#336c94}
.mod-badge.more{background:#eef3f6;color:#8a9bab}
.mod-badge.no{background:#fbe3e6;color:#a8505f}
.usr-acts{text-align:right}
.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:6px 0 4px}
.perm-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e0e8ed;border-radius:8px;font-size:12px;color:#3d5266;cursor:pointer}
.perm-item input{width:auto}
.perm-item:has(input:checked){background:#eef6fb;border-color:#a8cbe4}

/* produtos */
.prod-head,.prod-row{display:grid;grid-template-columns:2fr 1fr 1.2fr .9fr .8fr 40px;gap:12px;align-items:center;padding:11px 16px}
.prod-head{background:#edf3f6;color:#6c8194;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.prod-row{border-top:1px solid #e0e8ed;font-size:11px;color:#5d7084}
.prod-row b{color:#20364a;font-size:11.5px}

/* agenda form */
.cfg-form{background:#fff;border:1px solid #d5e0e7;border-radius:11px;padding:20px;max-width:620px;box-shadow:0 2px 7px #24384a0c}
.cfg-field{margin-bottom:14px}
.cfg-field label{display:block;font-size:11px;font-weight:600;color:#3d617e;margin-bottom:6px}
.cfg-field input,.cfg-field select{width:100%;padding:10px;border:1px solid #cbd9e3;border-radius:8px;font:12px 'DM Sans';color:#20364a;outline-color:#89aecf;background:#fff}

/* salas */
.sala-head,.sala-row{display:grid;grid-template-columns:1.4fr 1.4fr 1fr 80px;gap:12px;align-items:center;padding:11px 16px}
.sala-head{background:#edf3f6;color:#6c8194;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.sala-row{border-top:1px solid #e0e8ed;font-size:11px;color:#5d7084}
.sala-row b{color:#20364a;font-size:11.5px}

/* profissionais + repasse */
.cprof-head,.cprof-row{display:grid;grid-template-columns:1.6fr 1.2fr 1fr .8fr 1.1fr 96px;gap:10px;align-items:center;padding:11px 16px}
.cprof-head{background:#edf3f6;color:#6c8194;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.cprof-row{border-top:1px solid #e0e8ed;font-size:11px;color:#5d7084}
.cprof-row b{color:#20364a;font-size:11.5px}
.cprof-rep input{width:48px;border:1px solid #cbd9e3;border-radius:6px;padding:5px 6px;font:600 12px 'DM Sans';color:#20364a;margin-right:3px}
.cprof-sel{width:100%;border:1px solid #cbd9e3;border-radius:6px;padding:5px 6px;font:11px 'DM Sans';color:#20364a;background:#fff;outline-color:#89aecf}
.cprof-row>span:last-child{display:flex;gap:4px;align-items:center}
:root[data-theme="dark"] .cprof-sel,:root[data-theme="dark"] .cprof-rep input{background:var(--surface-3);border-color:var(--border-2);color:var(--ink)}

/* notificações */
.notif-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.notif-card{background:#fff;border:1px solid #d5e0e7;border-radius:11px;padding:17px 18px;box-shadow:0 2px 7px #24384a0c}
.notif-card h4{font:700 12px Manrope;margin:0 0 12px}
.notif-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef3f6}
.notif-row:last-child{border:0}
.notif-row b{display:block;font-size:11.5px;color:#20364a}
.notif-row em{display:block;font-style:normal;font-size:9.5px;color:#74879a;margin-top:2px}

/* automações */
.auto-tabs{margin-bottom:16px}
.auto-view{display:none}
.auto-view.active{display:block}
.sb-head,.sb-row{display:grid;grid-template-columns:1.6fr 1.4fr 1.4fr .9fr .7fr 40px;gap:12px;align-items:center;padding:11px 16px}
.mm-head,.mm-row{display:grid;grid-template-columns:1.8fr 1fr 1.2fr .8fr 40px;gap:12px;align-items:center;padding:11px 16px}
.md-head,.md-row{display:grid;grid-template-columns:1.6fr 1fr 2.4fr 40px;gap:12px;align-items:center;padding:11px 16px}
.sb-head,.mm-head,.md-head{background:#edf3f6;color:#6c8194;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.sb-row,.mm-row,.md-row{border-top:1px solid #e0e8ed;font-size:11px;color:#5d7084}
.sb-row b,.mm-row b,.md-row b{color:#20364a;font-size:11.5px}
:root[data-theme="dark"] .sb-row,:root[data-theme="dark"] .mm-row,:root[data-theme="dark"] .md-row{background:var(--surface);border-color:var(--border-2)}
:root[data-theme="dark"] .sb-head,:root[data-theme="dark"] .mm-head,:root[data-theme="dark"] .md-head{background:var(--surface-2);color:var(--muted)}
:root[data-theme="dark"] .sb-row b,:root[data-theme="dark"] .mm-row b,:root[data-theme="dark"] .md-row b{color:var(--ink)}

/* personalizar painel */
.pers-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:6px 0 4px}
.pers-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e0e8ed;border-radius:8px;font-size:12px;color:#3d5266;cursor:pointer}
.pers-item input{width:auto}
.pers-item:has(input:checked){background:#eef6fb;border-color:#a8cbe4}
:root[data-theme="dark"] .pers-item{background:var(--surface-3);border-color:var(--border-2);color:#b9c8d8}
:root[data-theme="dark"] .pers-item:has(input:checked){background:#22354a;border-color:#39597a}

/* link de auto-cadastro */
.reg-link-box{background:#f4f9fc;border:1px solid #dde9f0;border-radius:9px;padding:13px;margin:14px 0;display:flex;gap:9px;align-items:center}
.reg-link-box input{flex:1;border:1px solid #cbd9e3;border-radius:7px;padding:9px 11px;font:11px ui-monospace,monospace;color:#2e6e9b;background:#fff}
.reg-link-box button{border:1px solid #8fb6d1;background:#dcecf6;color:#2f6c98;border-radius:7px;padding:9px 13px;font:600 11px 'DM Sans'}

@media(max-width:900px){
  .cfg-layout{grid-template-columns:1fr}
  .cfg-nav{display:flex;flex-wrap:wrap;gap:6px}
  .cfg-nav-label{display:none}
  .cfg-nav-item{width:auto}
  .notif-cols{grid-template-columns:1fr}
  .perm-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .usr-head,.usr-row{grid-template-columns:2fr 2fr 90px}
  .usr-head span:nth-child(2),.usr-row>span:nth-child(2){display:none}
  .prod-head,.prod-row{grid-template-columns:2fr .9fr .8fr 40px}
  .prod-head span:nth-child(2),.prod-head span:nth-child(3){display:none}
  .cprof-head,.cprof-row{grid-template-columns:1.6fr 1fr 80px}
  .cprof-head span:nth-child(2),.cprof-head span:nth-child(4){display:none}
}

/* dark mode */
:root[data-theme="dark"] .cfg-nav,:root[data-theme="dark"] .cfg-form,:root[data-theme="dark"] .notif-card,
:root[data-theme="dark"] .usr-row,:root[data-theme="dark"] .prod-row,:root[data-theme="dark"] .sala-row,:root[data-theme="dark"] .cprof-row{background:var(--surface);border-color:var(--border-2)}
:root[data-theme="dark"] .cfg-nav-item{color:#9fb1c2}
:root[data-theme="dark"] .cfg-nav-item:hover{background:var(--surface-3)}
:root[data-theme="dark"] .cfg-nav-item.selected{background:#22354a;color:#93c1e6}
:root[data-theme="dark"] .cfg-title,:root[data-theme="dark"] .usr-row .who b,:root[data-theme="dark"] .prod-row b,
:root[data-theme="dark"] .sala-row b,:root[data-theme="dark"] .cprof-row b,:root[data-theme="dark"] .notif-row b,:root[data-theme="dark"] .notif-card h4{color:var(--ink)}
:root[data-theme="dark"] .usr-head,:root[data-theme="dark"] .prod-head,:root[data-theme="dark"] .sala-head,:root[data-theme="dark"] .cprof-head{background:var(--surface-2);color:var(--muted)}
:root[data-theme="dark"] .cfg-hint{background:#132433;border-color:#264a63;color:#a9c4d8}
:root[data-theme="dark"] .cfg-field input,:root[data-theme="dark"] .cfg-field select,:root[data-theme="dark"] .cprof-rep input,:root[data-theme="dark"] .perm-item{background:var(--surface-3);border-color:var(--border-2);color:var(--ink)}
:root[data-theme="dark"] .reg-link-box{background:var(--surface-2);border-color:var(--border-2)}
:root[data-theme="dark"] .reg-link-box input{background:var(--surface-3);border-color:var(--border-2)}