/* ==========================================================================
   Hamara Chakwal — admin panel and partner portal
   assets/admin.css
   ========================================================================== */

body.adm{background:#eef0f1;color:var(--ink);font-family:var(--sans)}

.adm-bar{
  background:var(--hc-dark);color:#fff;padding:10px 16px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.adm-bar img{width:34px;height:34px;object-fit:contain}
.adm-bar b{font-family:var(--brand);font-size:19px;font-weight:400;letter-spacing:.2px}
.adm-bar .who{margin-inline-start:auto;font-size:13px;color:#c3c9cb;display:flex;gap:8px;align-items:center}

.adm-shell{width:min(1180px,94vw);margin:22px auto 60px}
.adm-narrow{width:min(460px,94vw);background:#fff;padding:26px 26px 30px;border-radius:10px;margin-top:40px}
.adm-narrow h1{margin:0 0 14px;font-size:23px;color:var(--hc-dark)}
.adm-narrow label{display:block;font-size:12px;color:var(--ink-soft);margin:13px 0 3px}
.adm-narrow input,.adm-narrow select{
  width:100%;font:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--rule);border-radius:6px;
}
.adm-narrow code{background:#f1f3f4;padding:1px 5px;border-radius:3px;font-size:13px}

.msg{padding:10px 13px;border-radius:6px;font-size:13.5px;margin:10px 0;line-height:1.5}
.msg.good{background:#eaf6ef;border:1px solid #b7dfc7;color:#17603c}
.msg.bad{background:#fdeeee;border:1px solid #f0c2c2;color:#8d2323}

/* ---- filters ---------------------------------------------------------- */
.adm-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.adm-tools select,.adm-tools input{
  font:inherit;font-size:14px;padding:8px 11px;border:1px solid var(--rule);border-radius:6px;background:#fff;
}
.adm-tools input[type=search]{flex:1 1 220px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.chip{
  background:#fff;border:1px solid var(--rule);border-radius:20px;padding:5px 13px;
  font-size:13px;cursor:pointer;color:var(--ink-soft);
}
.chip.on{background:var(--hc-dark);border-color:var(--hc-dark);color:#fff;font-weight:600}
.chip b{color:inherit;margin-left:5px}

/* ---- table ------------------------------------------------------------ */
.adm-table{width:100%;border-collapse:collapse;background:#fff;font-size:13.5px}
.adm-table th{
  text-align:left;font-size:11.5px;color:var(--ink-soft);font-weight:600;
  padding:9px 11px;border-bottom:2px solid var(--rule);white-space:nowrap;
}
.adm-table td{padding:10px 11px;border-bottom:1px solid var(--rule-soft);vertical-align:top}
.adm-table tr:hover td{background:#fafbfb}
.adm-table .ref{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;white-space:nowrap}
.adm-table a{color:var(--hc-orange);text-decoration:none;font-weight:600}
.empty{background:#fff;padding:40px 20px;text-align:center;color:var(--ink-soft)}

.pill{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:12px;white-space:nowrap}
.pill.new{background:#fff3d6;color:#7a5600}
.pill.in_review{background:#e5edf7;color:#2b4f80}
.pill.changes_requested{background:#fdeadd;color:#8a4213}
.pill.approved{background:#e6f5ec;color:#1a6b41}
.pill.rejected{background:#fbe6e6;color:#8d2323}
.pill.cancelled{background:#eceeef;color:#5b6265}

/* ---- detail ----------------------------------------------------------- */
.adm-detail{background:#fff;padding:20px 22px 26px;margin-top:14px}
.adm-detail h2{margin:0 0 3px;font-size:20px;color:var(--hc-dark)}
.adm-detail .sub{font-size:13px;color:var(--ink-soft);margin-bottom:16px}
.kv{display:grid;grid-template-columns:210px 1fr;gap:2px 16px;font-size:13.5px}
.kv dt{color:var(--ink-soft);padding:7px 0;border-bottom:1px solid var(--rule-soft)}
.kv dd{margin:0;padding:7px 0;border-bottom:1px solid var(--rule-soft);word-break:break-word}
.kv dd input,.kv dd textarea,.kv dd select{
  width:100%;font:inherit;font-size:13.5px;padding:5px 8px;border:1px solid var(--rule);border-radius:4px;background:#fff;
}
.sigshot{max-width:230px;border:1px solid var(--rule);border-radius:4px;background:#fff}

.actionbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 6px;
  padding-top:16px;border-top:1px solid var(--rule-soft)}
.actionbar textarea{flex:1 1 240px;font:inherit;font-size:13.5px;padding:8px 10px;
  border:1px solid var(--rule);border-radius:6px;min-height:40px}
.btn-approve{background:#1a6b41}
.btn-approve:hover{background:#155635}
.btn-reject{background:#9c2b2b}
.btn-reject:hover{background:#7f2222}
.btn-changes{background:#c05621}
.btn-changes:hover{background:#a2471a}
.btn-sm{padding:6px 11px;font-size:13px}

.timeline{margin-top:20px;font-size:12.5px;color:var(--ink-soft)}
.timeline div{padding:5px 0;border-bottom:1px dotted var(--rule-soft)}

@media (max-width:720px){
  .kv{grid-template-columns:1fr}
  .kv dt{padding-bottom:0;border:0;font-size:11.5px}
  .adm-table thead{display:none}
  .adm-table td{display:block;border:0;padding:4px 12px}
  .adm-table tr{display:block;border-bottom:1px solid var(--rule);padding:8px 0}
}

/* Salsa on the admin and portal headings too */
.adm-narrow h1,
.adm-detail h2,
.adm-shell > h1{
  font-family:var(--brand);
  font-weight:400;
  letter-spacing:.2px;
}
.adm-narrow h1{font-size:25px}
.adm-detail h2{font-size:21px}