/* AMOS Admin — self-contained theme (no CDN) */
:root{
  --p:#1a80c9; --p-dark:#12639f; --p-050:#e9f4fb; --p-100:#c9e6f7;
  --ink:#0b1b33; --ink2:#0f2b4d; --text:#38455a; --muted:#6b7a90; --border:#e6ecf3;
  --bg:#f4f7fb; --card:#fff; --ok:#1ea672; --warn:#e8a13a; --danger:#e05563; --star:#ffb400;
  --radius:12px; --shadow:0 4px 16px rgba(12,27,51,.08); --sidebar:264px;
  --sans:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}*{margin:0}
body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}
svg{width:1.15em;height:1.15em;flex:none}
h1,h2,h3,h4{color:var(--ink);line-height:1.2}

/* Layout */
.admin{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#0b1b33,#0f2b4d);color:#a9bcda;padding:22px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}
.sidebar__brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.2rem;padding:6px 8px 20px}
.sidebar__brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#1a80c9,#10a7e4);display:grid;place-items:center;color:#fff;font-weight:800}
.sidebar__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#647ba0;padding:16px 10px 6px}
.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#c2d3ec;font-weight:500;margin-bottom:2px;transition:background .15s,color .15s}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav a.active{background:var(--p);color:#fff}
.nav svg{width:18px;height:18px}

.main{display:flex;flex-direction:column;min-width:0}
.topbar{display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--border);padding:16px 26px;position:sticky;top:0;z-index:10}
.topbar h1{font-size:1.3rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar__user{margin-left:auto}
.sidebar-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:6px;border-radius:8px;place-items:center}
.sidebar-toggle:hover{background:var(--p-050);color:var(--p)}
.sidebar-toggle svg{width:24px;height:24px}
.admin__backdrop{display:none}
.topbar__user{display:flex;align-items:center;gap:12px;font-size:.9rem}
.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1a80c9,#10a7e4);color:#fff;display:grid;place-items:center;font-weight:700}
.content{padding:26px;max-width:1300px;width:100%}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:9px;font-weight:600;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:.15s;background:none}
.btn--p{background:var(--p);color:#fff}.btn--p:hover{background:var(--p-dark)}
.btn--ghost{background:#fff;border-color:var(--border);color:var(--ink)}.btn--ghost:hover{border-color:var(--p);color:var(--p)}
.btn--danger{background:#fff;border-color:var(--border);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}
.btn--sm{padding:7px 12px;font-size:.82rem}

/* Cards + stats */
.grid{display:grid;gap:18px}
.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.card__pad{padding:22px}
.stat{padding:22px}
.stat__ico{width:44px;height:44px;border-radius:11px;background:var(--p-050);color:var(--p);display:grid;place-items:center;margin-bottom:14px}
.stat__ico svg{width:22px;height:22px}
.stat__num{font-size:2rem;font-weight:800;color:var(--ink);line-height:1}
.stat__label{color:var(--muted);font-size:.88rem;margin-top:6px}
.stat--accent .stat__ico{background:#fff0eb;color:#e8542a}

.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0 14px}
.section-title h2{font-size:1.1rem}

/* Table */
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--border);white-space:nowrap}
thead th{background:#f7fafd;color:var(--ink);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
tbody tr:hover{background:#f9fbfe}
tbody tr:last-child td{border-bottom:none}
td .muted{color:var(--muted);font-size:.82rem}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700}
.badge--new{background:var(--p-050);color:var(--p)}
.badge--interested{background:#fff6e6;color:#b9791b}
.badge--followup{background:#eef4ff;color:#3b6fd6}
.badge--notinterested{background:#f2f2f4;color:#6b6b76}
.badge--callnotpicked{background:#fdeaec;color:#c0303d}
.badge--contacted{background:#fff6e6;color:#b9791b}
.badge--qualified{background:#eaf7f1;color:#12885c}
.badge--converted{background:#e9f9f0;color:#0f9d58}
.badge--lost{background:#fdeaec;color:#c0303d}
.badge--partial{background:#eef1f6;color:#5b6b82}
.badge--full{background:#e9f4fb;color:#1a80c9}

/* Forms */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.field label{font-weight:600;font-size:.85rem;color:var(--ink)}
.field input,.field select,.field textarea{padding:11px 13px;border:1.5px solid var(--border);border-radius:9px;background:#fff;font:inherit;width:100%}
.field textarea{min-height:110px;resize:vertical;line-height:1.5}
.field .hint{font-size:.78rem;color:var(--muted)}
.check{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--ink)}
.check input{width:auto}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.flash{background:#e9f9f0;color:#0f9d58;border:1px solid #b8e7cd;padding:12px 16px;border-radius:9px;margin-bottom:18px;font-weight:600}
@media(max-width:700px){.form-2{grid-template-columns:1fr}}
.field input:focus,.field select:focus{border-color:var(--p);outline:none;box-shadow:0 0 0 4px rgba(26,128,201,.12)}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:18px}
.filters .field{margin:0;min-width:150px}
.alert{padding:12px 15px;border-radius:9px;background:#fdeaec;color:#c0303d;font-size:.88rem;margin-bottom:16px;border:1px solid #f6c9ce}
.text-danger{color:var(--danger);font-size:.82rem}

/* Detail rows */
.kv{display:grid;grid-template-columns:180px 1fr;gap:2px 16px}
.kv dt{color:var(--muted);padding:9px 0;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.kv dd{padding:9px 0;color:var(--ink);border-bottom:1px solid var(--border);word-break:break-word}

/* AI loading overlay */
.ai-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(8,20,40,.55);backdrop-filter:blur(3px)}
.ai-overlay[hidden]{display:none}
.ai-overlay__box{background:#fff;border-radius:16px;padding:34px 40px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.3);max-width:360px}
.ai-overlay__spin{width:46px;height:46px;margin:0 auto 18px;border-radius:50%;border:4px solid var(--p-050);border-top-color:var(--p);animation:aispin .8s linear infinite}
@keyframes aispin{to{transform:rotate(360deg)}}
.ai-overlay__title{font-weight:800;color:var(--ink);font-size:1.1rem}
.ai-overlay__sub{color:var(--muted);font-size:.88rem;margin-top:8px}

/* Login */
.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b1b33,#12639f);padding:20px}
.login__card{background:#fff;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.3);padding:38px;width:100%;max-width:400px}
.login__brand{display:flex;align-items:center;gap:11px;justify-content:center;font-weight:800;font-size:1.4rem;color:var(--ink);margin-bottom:6px}
.login__brand .mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#1a80c9,#10a7e4);color:#fff;display:grid;place-items:center}
.login p.sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.9rem}

@media(max-width:860px){
  .admin{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;height:100vh;width:min(82vw,280px);transform:translateX(-100%);transition:transform .25s ease;z-index:60;box-shadow:0 0 44px rgba(0,0,0,.4)}
  .sidebar.sidebar--open{transform:none}
  .admin__backdrop{display:block;position:fixed;inset:0;background:rgba(6,15,30,.5);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:55}
  .admin__backdrop.show{opacity:1;visibility:visible}
  .sidebar-toggle{display:inline-grid}
  .topbar{padding:12px 16px;gap:10px}
  .topbar h1{font-size:1.08rem}
  .topbar__user{gap:8px}
  .topbar__user .u-meta{display:none}
  .content{padding:18px 15px}
  .section-title{margin:22px 0 12px}
  .kv{grid-template-columns:1fr}
  .kv dt{padding-bottom:0}.kv dd{padding-top:2px}
}
@media(max-width:480px){
  .content{padding:16px 12px}
  .card__pad{padding:16px}
  .stat{padding:18px}
  .filters .field{min-width:0;flex:1 1 140px}
}
