/* ==========================================================================
   BKL F&B — Admin Page
   ========================================================================== */
.admin-body{background:var(--bg);min-height:100vh;}

/* ---------- Login ---------- */
.admin-login-wrap{
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
}
.admin-login-card{
  width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);
  border-radius:24px;padding:44px 38px;text-align:center;
  box-shadow:0 30px 70px rgba(155,59,255,.25);
}
.admin-login-logo{
  display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:26px;
  font-family:var(--font-head);font-weight:700;font-size:1.2rem;
}
.admin-login-logo img{width:40px;height:40px;border-radius:10px;}
.admin-login-logo b{color:var(--pink);}
.admin-login-card h1{font-family:var(--font-head);font-weight:700;font-size:1.6rem;margin:0 0 8px;}
.admin-login-sub{color:var(--muted);font-size:.9rem;margin:0 0 28px;}
.admin-login-card .form-row{text-align:left;}
.admin-login-hint{margin-top:18px;font-size:.8rem;color:var(--muted);}
.admin-back-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--cyan);font-size:.85rem;
}

/* ---------- Dashboard header ---------- */
.admin-dashboard{min-height:100vh;}
.admin-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 30px;background:rgba(10,10,18,.7);border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;flex-wrap:wrap;gap:14px;
}
.admin-header-left{display:flex;align-items:center;gap:12px;}
.admin-header-left img{width:38px;height:38px;border-radius:10px;}
.admin-header-left strong{display:block;font-family:var(--font-head);font-weight:700;font-size:1.05rem;}
.admin-status-text{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);}
.admin-status-text .status-dot{position:static;border:none;box-shadow:none;width:10px;height:10px;}
.admin-header-right{display:flex;align-items:center;gap:10px;}

/* ---------- Main content ---------- */
.admin-main{padding:30px;max-width:1300px;margin:0 auto;}

.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px;}
@media (max-width:700px){.admin-summary{grid-template-columns:1fr;}}
.summary-card{
  background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;text-align:center;
}
.summary-card.alert{border-color:rgba(255,59,59,.4);}
.summary-num{
  display:block;font-family:var(--font-head);font-weight:700;font-size:2.4rem;
  background:linear-gradient(90deg,var(--cyan),var(--pink));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.summary-card.alert .summary-num{
  background:linear-gradient(90deg,var(--red),var(--yellow));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.summary-label{color:var(--muted);font-size:.85rem;}

.admin-toolbar{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px;
}
.admin-toolbar-left, .admin-toolbar-right{display:flex;gap:10px;flex-wrap:wrap;}
.admin-toolbar input, .admin-toolbar select{
  padding:11px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg3);color:var(--ink);font-size:.9rem;
}
#search-input{width:260px;}

.admin-table-wrap{
  background:var(--card);border:1px solid var(--border);border-radius:18px;overflow-x:auto;
}
.admin-table{width:100%;border-collapse:collapse;min-width:800px;}
.admin-table th{
  text-align:left;padding:16px 18px;font-size:.8rem;color:var(--muted);
  border-bottom:1px solid var(--border);white-space:nowrap;letter-spacing:.03em;
}
.admin-table td{
  padding:16px 18px;border-bottom:1px solid var(--border);font-size:.88rem;vertical-align:middle;
}
.admin-table tr:last-child td{border-bottom:none;}
.admin-table tr:hover td{background:rgba(255,255,255,.03);}
.table-empty{text-align:center;color:var(--muted);padding:40px !important;}
.msg-preview{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}

.row-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--green);}
.row-status-dot.unread{background:var(--red);box-shadow:0 0 8px var(--red);}

.type-badge{
  padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;
  background:rgba(155,59,255,.18);color:var(--purple);border:1px solid rgba(155,59,255,.3);
}

.row-actions{display:flex;gap:8px;}
.mini-btn{
  width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--bg3);
  display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:.2s;
}
.mini-btn:hover{background:var(--purple);}
.mini-btn.danger:hover{background:var(--red);}

/* ---------- Modal ---------- */
.modal-overlay{
  position:fixed;inset:0;background:rgba(5,5,10,.75);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;
}
.modal-card{
  width:100%;max-width:480px;background:var(--card);border:1px solid var(--border);
  border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.5);
}
.modal-head{
  display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);
}
.modal-head h3{margin:0;font-family:var(--font-head);font-weight:700;font-size:1.1rem;}
.modal-close{
  width:34px;height:34px;border-radius:50%;border:none;background:var(--bg3);color:var(--ink);
}
.modal-body{padding:24px;}
.modal-body h4{margin:0 0 16px;font-size:.95rem;color:var(--muted);}
.detail-row{margin-bottom:14px;}
.detail-row label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px;}
.detail-row div{font-size:.95rem;}