/*
 * File          : admin.bhagvancoffeeworks.nrmsoftsolutions2026.com/assets/admin.css
 * Updation      : Demo v1.0 - admin styles: menu bar, KPI cards, report tables, forms, print
 * Modified date : 30-Oct-2026
 * Modified time : 12:04 PM
 */
:root { --bean: #2b1a10; --roast: #6b3e26; --gold: #c8913f; --bg: #f4f1ed; --line: #e2dbd2; --muted: #7b6a5d;
  --green: #1d6b3d; --red: #b3261e; --amber: #8a5a00; --blue: #1d4ea0; }
* { box-sizing: border-box; }
body { margin: 0; font: 14px/1.45 "Segoe UI", system-ui, sans-serif; color: #241a14; background: var(--bg); }
a { color: var(--roast); }
h1 { font-size: 22px; margin: 0 0 12px; }
h2 { font-size: 16px; margin: 0 0 10px; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { max-width: 1280px; margin: 0 auto; padding: 16px; flex: 1; width: 100%; }

.bar { background: var(--bean); color: #f6efe6; display: flex; align-items: center; gap: 10px; padding: 0 16px; flex-wrap: wrap; position: sticky; top: 0; z-index: 5; }
.bar .logo { color: #f6efe6; text-decoration: none; font-size: 16px; padding: 12px 8px 12px 0; }
.bar .logo b { background: var(--gold); color: var(--bean); padding: 2px 6px; border-radius: 5px; }
.bar nav { display: flex; flex-wrap: wrap; }
.bar nav a, .bar .right a { color: #e8d9c6; text-decoration: none; padding: 13px 10px; border-bottom: 3px solid transparent; }
.bar nav a.on { color: #fff; border-bottom-color: var(--gold); }
.bar nav a:hover, .bar .right a:hover { color: #fff; }
.bar .right { margin-left: auto; display: flex; }
.dot { background: var(--red); color: #fff; border-radius: 9px; padding: 0 6px; font-size: 11px; font-weight: 700; }

.card { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; }
.kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; margin-bottom: 14px; }
.kpi { background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--roast); border-radius: 10px; padding: 12px 14px; text-decoration: none; color: inherit; }
.kpi span { display: block; font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; }
.kpi b { display: block; font-size: 24px; margin-top: 2px; }
.kpi small { color: var(--muted); }
.kpi.gold { border-top-color: var(--gold); } .kpi.green { border-top-color: var(--green); } .kpi.red { border-top-color: var(--red); } .kpi.blue { border-top-color: var(--blue); }
.cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 14px; }

.tbl-wrap { overflow-x: auto; }
table.t { width: 100%; border-collapse: collapse; background: #fff; }
table.t th, table.t td { padding: 7px 9px; border-bottom: 1px solid #eee7de; text-align: left; vertical-align: middle; }
table.t th { background: #f7f2ec; font-size: 12px; text-transform: uppercase; letter-spacing: .3px; color: #5c4a3d; white-space: nowrap; }
table.t td { white-space: nowrap; }
table.t td.wrap { white-space: normal; min-width: 180px; }
table.t td.n, table.t th.n { text-align: right; white-space: nowrap; }
table.t tr.tot td { font-weight: 700; background: #fff8e1; border-top: 2px solid #e8d6b0; }
table.t tr:hover td { background: #fcfaf7; }
table.t img.th { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; border: 1px solid var(--line); display: block; }
tr.low td { background: #fff6e5; } tr.out td { background: #fdecea; } tr.off td { color: #aaa; }

.filters { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; margin-bottom: 12px; }
.filters > div { display: flex; flex-direction: column; }
label { font-size: 12px; font-weight: 600; color: var(--muted); margin-bottom: 3px; display: block; }
input, select, textarea { font: inherit; padding: 6px 9px; border: 1px solid #cfc3b4; border-radius: 6px; background: #fff; width: 100%; }
.filters input, .filters select { width: auto; }
.btn { display: inline-block; border: 1px solid var(--roast); background: #fff; color: var(--roast); padding: 6px 14px; border-radius: 6px;
  font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; white-space: nowrap; }
.btn.primary { background: var(--roast); color: #fff; }
.btn.green { background: var(--green); border-color: var(--green); color: #fff; }
.btn.red { color: var(--red); border-color: var(--red); }
.btn.sm { padding: 3px 9px; font-size: 12.5px; }
.btn-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.head-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.head-row h1 { margin: 0; }

.badge { display: inline-block; padding: 1px 9px; border-radius: 10px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.st-booked, .st-new { background: #fff3d6; color: var(--amber); } .st-confirmed { background: #e0ecff; color: var(--blue); }
.st-delivered, .st-replied { background: #dff3e6; color: var(--green); } .st-cancelled { background: #fbe1df; color: var(--red); }
.tag { font-size: 11.5px; font-weight: 700; } .tag.low { color: var(--amber); } .tag.out { color: var(--red); } .tag.ok { color: var(--green); }

.flash { padding: 9px 13px; border-radius: 8px; margin-bottom: 12px; background: #e5f4ea; border: 1px solid #b9dfc6; color: #1d5a35; }
.flash.err { background: #fdecea; border-color: #f3c3be; color: var(--red); }
.muted { color: var(--muted); }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.grid .full { grid-column: 1 / -1; }
.tabs { display: flex; gap: 4px; margin-bottom: 12px; border-bottom: 2px solid var(--line); }
.tabs a { padding: 7px 14px; text-decoration: none; color: var(--muted); font-weight: 600; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.tabs a.on { color: var(--roast); border-bottom-color: var(--gold); }
.img-box { display: flex; gap: 14px; align-items: center; }
.img-box img { width: 140px; height: 140px; object-fit: cover; border-radius: 10px; border: 1px solid var(--line); background: #f6efe6; }
.bar-mini { height: 7px; background: #eee5da; border-radius: 4px; overflow: hidden; min-width: 80px; }
.bar-mini i { display: block; height: 100%; background: var(--gold); }
details.deliver summary { list-style: none; cursor: pointer; }
details.deliver[open] { background: #f7fbf8; }
.deliver-form { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; padding: 8px 0 2px; }
.deliver-form > div { display: flex; flex-direction: column; }
.deliver-form input { width: auto; }

.login { max-width: 340px; margin: 12vh auto; text-align: center; }
.login .card { padding: 26px; }
.login input { font-size: 22px; text-align: center; letter-spacing: 8px; margin: 12px 0; }
.ft { text-align: center; color: var(--muted); font-size: 12px; padding: 18px; }

@media print {
  .no-print, .filters, .btn { display: none !important; }
  body { background: #fff; } main { padding: 0; max-width: none; } .card { border: 0; padding: 0; }
}
@media (max-width: 700px) { .cols { grid-template-columns: 1fr; } .bar .right { margin-left: 0; } }