/* ============================================================
   A.D Tech – Controle Geral
   Design inspirado na estética da Apple: tipografia do sistema,
   muito espaço em branco, vidro fosco, cantos suaves, cor mínima.
   ============================================================ */

:root{
  --bg:#F5F5F7;
  --panel:#FFFFFF;
  --ink:#1D1D1F;
  --muted:#6E6E73;
  --line:#E5E5E7;
  --blue:#0071E3;
  --blue-dark:#0058B0;
  --blue-soft:#EAF3FF;
  --green:#1DB954;
  --green-soft:#E7F8EE;
  --amber:#B98600;
  --amber-soft:#FCF3DA;
  --red:#D93025;
  --red-soft:#FBEAE8;
  --radius-lg:20px;
  --radius-md:14px;
  --radius-sm:10px;
  --shadow-1:0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
  --shadow-2:0 24px 60px rgba(0,0,0,.14);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-weight:600; letter-spacing:-0.01em; margin:0;}
a{color:var(--blue); text-decoration:none;}
a:hover{text-decoration:underline;}

/* ---------- Login ---------- */
.adt-login-wrap{
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 30% 20%, #1c2733 0%, #0b0f14 55%, #000 100%);
  padding:24px;
}
.adt-login-card{
  width:min(420px, 100%);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(20px);
  border-radius:var(--radius-lg);
  padding:40px 36px;
  box-shadow:var(--shadow-2);
}
.adt-login-logo{display:flex; align-items:center; gap:14px; margin-bottom:26px;}
.adt-login-logo .mark{
  width:52px; height:52px; border-radius:14px;
  background:linear-gradient(160deg,#111 0%,#333 100%);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:20px; letter-spacing:-0.02em;
}
.adt-login-logo .t1{font-size:22px; font-weight:700; letter-spacing:-0.02em;}
.adt-login-logo .t2{font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; margin-top:2px;}
.adt-login-demo{font-size:12.5px; color:var(--muted); line-height:1.8; margin-top:18px;}
.adt-login-demo b{color:var(--ink);}
.adt-error{color:var(--red); font-size:13px; margin:-6px 0 14px;}

/* ---------- Shell / layout ---------- */
.adt-shell{display:flex; min-height:100vh;}
.adt-side{
  width:264px; flex-shrink:0;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(24px);
  border-right:1px solid var(--line);
  display:flex; flex-direction:column;
  position:sticky; top:0; height:100vh; overflow-y:auto;
}
.adt-brand{padding:22px 20px 16px;}
.adt-brand .logo{display:flex; align-items:center; gap:11px;}
.adt-brand .mark{width:36px; height:36px; border-radius:10px; background:linear-gradient(160deg,#111,#333); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px;}
.adt-brand .t1{font-size:15px; font-weight:700; letter-spacing:-0.01em;}
.adt-brand .t2{font-size:10.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; margin-top:1px;}

.adt-churchsel{padding:0 20px 16px;}
.adt-churchsel label{display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-bottom:6px;}
.adt-churchsel select{
  width:100%; border:1px solid var(--line); background:#fff; border-radius:var(--radius-sm);
  padding:9px 11px; font-size:13px; color:var(--ink); font-family:inherit;
}

.adt-nav{flex:1; padding:6px 12px;}
.adt-nav .sec{font-size:10.5px; text-transform:uppercase; letter-spacing:.07em; color:#9A9AA0; padding:14px 12px 6px;}
.adt-nav a{
  display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:var(--radius-sm);
  color:#3A3A3E; font-size:13.5px; font-weight:500; margin-bottom:2px;
}
.adt-nav a:hover{background:rgba(0,0,0,.045); text-decoration:none;}
.adt-nav a.on{background:var(--blue); color:#fff; font-weight:600;}

.adt-sideft{padding:16px 20px; border-top:1px solid var(--line);}
.adt-sideft .un{font-weight:600; font-size:13.5px;}
.adt-sideft .ur{font-size:11.5px; color:var(--muted); margin:2px 0 10px;}
.adt-sideft a.btn-out{
  display:inline-block; font-size:12.5px; padding:6px 13px; border:1px solid var(--line); border-radius:999px; color:var(--ink);
}

.adt-main{flex:1; min-width:0;}
.adt-topbar{
  background:rgba(245,245,247,.85); backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line); padding:18px 30px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  position:sticky; top:0; z-index:5;
}
.adt-topbar h1{font-size:20px;}
.adt-topbar .sub{color:var(--muted); font-size:12.5px; margin-top:3px;}
.adt-content{padding:28px 30px 70px; max-width:1180px;}

/* ---------- Cards / grids ---------- */
.adt-grid{display:grid; gap:16px;}
.adt-g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.adt-g3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.adt-g4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.adt-card{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:20px; box-shadow:var(--shadow-1);
}
.adt-card h3{font-size:15px; margin-bottom:12px;}
.adt-kpi .n{font-size:30px; font-weight:700; letter-spacing:-0.02em; color:var(--ink);}
.adt-kpi .l{font-size:12.5px; color:var(--muted); margin-top:3px;}
.adt-kpi.blue .n{color:var(--blue);}

/* ---------- Forms ---------- */
.adt-field{margin-bottom:13px;}
.adt-field label{display:block; font-size:12.5px; font-weight:600; color:#3A3A3E; margin-bottom:5px;}
.adt-field input, .adt-field select, .adt-field textarea{
  width:100%; border:1px solid var(--line); border-radius:var(--radius-sm);
  padding:9px 12px; font-size:13.5px; font-family:inherit; background:#fff; color:var(--ink);
}
.adt-field input:focus, .adt-field select:focus, .adt-field textarea:focus{
  outline:none; border-color:var(--blue); box-shadow:0 0 0 4px var(--blue-soft);
}
.adt-row{display:flex; gap:12px; flex-wrap:wrap;}
.adt-row>.adt-field{flex:1; min-width:150px;}
.adt-check{display:flex; align-items:center; gap:9px; font-size:13.5px; padding:7px 0; cursor:pointer;}
.adt-check input{width:16px; height:16px; accent-color:var(--blue);}
.adt-permgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1px 18px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:6px; justify-content:center;
  background:var(--blue); color:#fff; border:none; border-radius:999px;
  padding:10px 20px; font-size:13.5px; font-weight:600; cursor:pointer; font-family:inherit;
  transition:filter .15s, transform .06s;
}
.btn:hover{filter:brightness(1.08); text-decoration:none;}
.btn:active{transform:scale(.98);}
.btn.block{width:100%;}
.btn.ghost{background:#fff; color:var(--blue); border:1px solid var(--blue);}
.btn.dark{background:#1D1D1F;}
.btn.danger{background:#fff; color:var(--red); border:1px solid var(--red);}
.btn.sm{padding:6px 13px; font-size:12.5px;}

/* ---------- Chips / badges ---------- */
.chip{display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600; border-radius:999px; padding:4px 11px;}
.chip.ok{background:var(--green-soft); color:#127A3E;}
.chip.warn{background:var(--amber-soft); color:var(--amber);}
.chip.danger{background:var(--red-soft); color:var(--red);}
.chip.info{background:var(--blue-soft); color:var(--blue-dark);}
.chip.dark{background:#EDEDEF; color:#3A3A3E;}

/* ---------- Table ---------- */
.adt-tbl{width:100%; border-collapse:collapse; font-size:13.5px;}
.adt-tbl th{text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); padding:9px 12px; border-bottom:1px solid var(--line);}
.adt-tbl td{padding:11px 12px; border-bottom:1px solid #F0F0F2; vertical-align:middle;}
.adt-tbl tr:last-child td{border-bottom:none;}

/* ---------- Tabs ---------- */
.adt-tabs{display:flex; gap:4px; border-bottom:1px solid var(--line); margin-bottom:20px; flex-wrap:wrap;}
.adt-tabs a{padding:10px 16px; font-size:13.5px; font-weight:600; color:var(--muted); border-bottom:2px solid transparent;}
.adt-tabs a.on{color:var(--ink); border-bottom-color:var(--blue);}
.adt-tabs a:hover{text-decoration:none; color:var(--ink);}

/* ---------- Misc ---------- */
.adt-empty{color:var(--muted); font-size:13.5px; padding:22px 0; text-align:center;}
.adt-avatar{width:36px; height:36px; border-radius:50%; background:var(--blue-soft); color:var(--blue-dark); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; overflow:hidden; flex-shrink:0;}
.adt-avatar img{width:100%; height:100%; object-fit:cover;}
.adt-notice{background:var(--amber-soft); border:1px solid #EFDFAE; color:#7A5A0E; border-radius:var(--radius-sm); padding:11px 14px; font-size:13px; margin-bottom:14px;}
.adt-notice.info{background:var(--blue-soft); border-color:#C9E1FB; color:var(--blue-dark);}
.adt-hr{border:none; border-top:1px solid var(--line); margin:16px 0;}
.adt-sunnav{display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:9px 16px; margin-bottom:16px; box-shadow:var(--shadow-1);}
.adt-sunnav .d{font-weight:700; font-size:14.5px; flex:1; text-align:center;}
.adt-sunnav a{font-size:13px; color:var(--blue); font-weight:600;}
.adt-flash{border-radius:var(--radius-sm); padding:11px 15px; font-size:13.5px; margin-bottom:16px;}
.adt-flash.ok{background:var(--green-soft); color:#127A3E;}
.adt-flash.err{background:var(--red-soft); color:var(--red);}

@media(max-width:860px){
  .adt-shell{flex-direction:column;}
  .adt-side{width:100%; height:auto; position:relative;}
  .adt-content{padding:18px;}
}