/* ============ सहकार संवाद — Admin panel ============ */
:root{
  --a-bg:#EEF1F6; --a-panel:#FFFFFF; --a-ink:#1B2333; --a-soft:#5B6675; --a-faint:#8A93A3;
  --a-navy:#22355C; --a-navy2:#2E4C86; --a-green:#256A45; --a-gold:#B0812A;
  --a-line:#E2E6EE; --a-tint:#F4F6FA;
  --a-red:#c0342b; --a-amber:#B0812A;
  --a-radius:12px; --a-shadow:0 1px 2px rgba(20,30,50,.06),0 10px 24px -14px rgba(20,30,50,.2);
}
*{box-sizing:border-box}
body.admin{margin:0;background:var(--a-bg);color:var(--a-ink);
  font-family:"Mukta",system-ui,"Noto Sans Devanagari",sans-serif;font-size:15.5px;line-height:1.6}
a{color:var(--a-navy2);text-decoration:none} a:hover{text-decoration:underline}
h1,h2,h3{font-family:"Tiro Devanagari Marathi",Georgia,serif;font-weight:400;color:var(--a-navy)}

/* layout */
.a-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.a-side{background:var(--a-navy);color:#fff;padding:0;position:sticky;top:0;height:100vh;overflow-y:auto}
.a-brand{padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:11px}
.a-brand .lg{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--a-green),#3a6ea5);display:grid;place-items:center;font-family:"Tiro Devanagari Marathi",serif;font-size:1.3rem}
.a-brand b{font-family:"Tiro Devanagari Marathi",serif;font-size:1.2rem;font-weight:400}
.a-nav{padding:12px 12px 30px}
.a-nav .grp{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:14px 12px 6px;font-family:"IBM Plex Mono",monospace}
.a-nav a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);padding:10px 12px;border-radius:9px;font-weight:500;font-size:.96rem}
.a-nav a:hover{background:rgba(255,255,255,.08);text-decoration:none;color:#fff}
.a-nav a.on{background:rgba(255,255,255,.14);color:#fff}
.a-nav a .ic{width:18px;text-align:center;opacity:.85}
.a-nav a .badge{margin-left:auto;background:var(--a-gold);color:#fff;border-radius:100px;font-size:.72rem;padding:1px 8px;font-family:"IBM Plex Mono",monospace}

.a-main{padding:0}
.a-top{background:var(--a-panel);border-bottom:1px solid var(--a-line);padding:14px 26px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:0;z-index:20}
.a-top .who{font-size:.9rem;color:var(--a-soft)}
.a-top .who b{color:var(--a-ink)}
.a-wrap{padding:26px}

.a-h{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.a-h h1{margin:0;font-size:1.6rem}

/* cards / stats */
.a-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px}
@media(max-width:900px){.a-cards{grid-template-columns:repeat(2,1fr)}}
.a-stat{background:var(--a-panel);border:1px solid var(--a-line);border-radius:var(--a-radius);padding:18px 20px;box-shadow:var(--a-shadow)}
.a-stat .n{font-family:"IBM Plex Mono",monospace;font-size:1.9rem;font-weight:600;color:var(--a-navy);line-height:1}
.a-stat .l{color:var(--a-soft);font-size:.88rem;margin-top:6px}
.a-stat.g .n{color:var(--a-green)} .a-stat.gold .n{color:var(--a-gold)}

.panel{background:var(--a-panel);border:1px solid var(--a-line);border-radius:var(--a-radius);box-shadow:var(--a-shadow);overflow:hidden}
.panel .ph{padding:15px 20px;border-bottom:1px solid var(--a-line);font-weight:600;display:flex;justify-content:space-between;align-items:center}

/* table */
table.a{width:100%;border-collapse:collapse;font-size:.93rem}
table.a th,table.a td{text-align:left;padding:12px 18px;border-bottom:1px solid var(--a-line);vertical-align:middle}
table.a th{background:var(--a-tint);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--a-faint);font-family:"IBM Plex Mono",monospace;font-weight:600}
table.a tr:last-child td{border-bottom:none}
table.a tr:hover td{background:var(--a-tint)}
.tag{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:100px}
.tag.pub{background:#e6f4ec;color:var(--a-green)} .tag.draft{background:#fdf3df;color:var(--a-gold)}
.tag.new{background:#e7edf8;color:var(--a-navy2)} .tag.replied{background:#e6f4ec;color:var(--a-green)}
.tag.pending{background:#f1f1f4;color:var(--a-faint)} .tag.closed{background:#f1f1f4;color:var(--a-faint)}

/* buttons / forms */
.b{display:inline-flex;align-items:center;gap:7px;background:var(--a-navy);color:#fff;border:none;padding:10px 18px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;font-size:.92rem}
.b:hover{background:var(--a-navy2);text-decoration:none} .b.g{background:var(--a-green)} .b.gh{background:transparent;color:var(--a-navy);border:1.5px solid var(--a-line)} .b.rd{background:var(--a-red)} .b.sm{padding:6px 12px;font-size:.85rem}
.fld{margin-bottom:16px} .fld label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
.fld input,.fld textarea,.fld select{width:100%;padding:10px 12px;border:1.5px solid var(--a-line);border-radius:9px;font:inherit;background:#fff;color:var(--a-ink)}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--a-navy2)}
.fld .h{font-size:.8rem;color:var(--a-faint);margin-top:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.grid2{grid-template-columns:1fr}}
.msg{padding:12px 16px;border-radius:9px;margin-bottom:18px;font-size:.93rem}
.msg.ok{background:#e6f4ec;color:var(--a-green);border:1px solid #bfe2cd}
.msg.err{background:#fdeceb;color:var(--a-red);border:1px solid #f3c3bf}

/* editor */
.editor-tb{display:flex;flex-wrap:wrap;gap:4px;border:1.5px solid var(--a-line);border-bottom:none;border-radius:9px 9px 0 0;padding:7px;background:var(--a-tint)}
.editor-tb button{border:1px solid var(--a-line);background:#fff;border-radius:6px;padding:5px 10px;cursor:pointer;font-size:.85rem;font-weight:600}
.editor-tb button:hover{background:var(--a-navy);color:#fff}
.editor{min-height:320px;border:1.5px solid var(--a-line);border-radius:0 0 9px 9px;padding:16px;background:#fff;font-size:1rem;line-height:1.7;overflow-y:auto}
.editor:focus{outline:none;border-color:var(--a-navy2)}

/* login */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;
  background:radial-gradient(120% 90% at 80% -10%,#f6efdc,transparent 55%),linear-gradient(180deg,#f4f6fa,#eef1f6)}
.login-card{background:#fff;border:1px solid var(--a-line);border-radius:16px;box-shadow:var(--a-shadow);padding:34px;max-width:400px;width:100%}
.login-card .lg{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--a-green),var(--a-navy));display:grid;place-items:center;color:#fff;font-family:"Tiro Devanagari Marathi",serif;font-size:1.6rem;margin-bottom:16px}
@media(max-width:820px){.a-shell{grid-template-columns:1fr}.a-side{position:static;height:auto}.a-nav{display:flex;flex-wrap:wrap;gap:4px}.a-nav .grp{display:none}}
