/* Trang quản trị riêng cho nhân viên (admin.taphoagoogle.com / /quan-tri/) —
   không nạp giao diện cửa hàng, không nạp CSS lõi wp-admin, nên các lớp kiểu
   .button/.widefat/.notice (vốn chỉ có sẵn trong wp-admin) được định nghĩa lại
   ở đây cho khớp với phần thân trang dùng chung (taphoa_dashboard_body). */

:root {
    --tpp-primary: #e0241b;
    --tpp-primary-d: #b81d15;
    --tpp-text: #1f2430;
    --tpp-muted: #6b7280;
    --tpp-line: #e5e7eb;
    --tpp-bg: #f4f5f7;
    --tpp-card: #fff;
    --tpp-radius: 10px;
}

* { box-sizing: border-box; }
body.taphoa-panel-login, body.taphoa-panel-body {
    margin: 0;
    background: var(--tpp-bg);
    color: var(--tpp-text);
    font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Màn đăng nhập */
body.taphoa-panel-login { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px; }
.taphoa-login-box { width: 100%; max-width: 360px; background: var(--tpp-card); border-radius: var(--tpp-radius); box-shadow: 0 10px 30px rgba(17, 19, 24, .1); padding: 32px 28px; text-align: center; }
.taphoa-login-box h1 { margin: 0 0 2px; font-size: 20px; color: var(--tpp-primary); }
.taphoa-login-box__sub { margin: 0 0 20px; color: var(--tpp-muted); font-size: 13px; }
.taphoa-login-box form { display: grid; gap: 14px; text-align: left; }
.taphoa-login-box label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; color: var(--tpp-text); }
.taphoa-login-box input { padding: 10px 12px; border: 1px solid var(--tpp-line); border-radius: 8px; font-size: 15px; }
.taphoa-login-box input:focus { outline: none; border-color: var(--tpp-primary); box-shadow: 0 0 0 3px rgba(224, 36, 27, .12); }
.taphoa-login-box .button { width: 100%; justify-content: center; margin-top: 4px; }
.taphoa-login-box .notice { text-align: left; margin-bottom: 4px; }

/* Khung trang quản trị */
body.taphoa-panel-body { padding: 20px; }
.taphoa-panel-topbar { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.taphoa-panel-topbar h1 { margin: 0; font-size: 22px; color: var(--tpp-text); }
.taphoa-panel-topbar span { font-size: 13px; color: var(--tpp-muted); }
.taphoa-panel-topbar a { color: var(--tpp-primary); text-decoration: none; font-weight: 600; }
.taphoa-panel-topbar a:hover { text-decoration: underline; }

/* .button / .widefat / .notice — bù cho CSS lõi wp-admin không có ở đây */
.button { display: inline-flex; align-items: center; gap: 4px; padding: 7px 14px; border: 1px solid var(--tpp-line); border-radius: 6px; background: #fff; color: var(--tpp-text); font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: none; }
.button:hover { border-color: #c6cad1; }
.button-primary { background: var(--tpp-primary); border-color: var(--tpp-primary); color: #fff; }
.button-primary:hover { background: var(--tpp-primary-d); border-color: var(--tpp-primary-d); }
.button-small { padding: 4px 10px; font-size: 12px; }
.button-link-delete { background: none; border: 0; color: #b32d2e; font-size: 13px; cursor: pointer; padding: 0; text-decoration: underline; }
.button-link-delete:hover { color: #7a1f1f; }

.widefat { width: 100%; border-collapse: collapse; }
.widefat th, .widefat td { padding: 10px 12px; border-bottom: 1px solid var(--tpp-line); text-align: left; }
.striped tbody tr:nth-child(odd) { background: #fafafa; }

.notice { padding: 10px 14px; border-radius: 8px; border-left: 4px solid var(--tpp-muted); background: #f6f7f7; margin-bottom: 16px; }
.notice p { margin: 0; }
.notice-success { border-left-color: #1a7f3c; background: #edfaef; color: #1a7f3c; }
.notice-error { border-left-color: #b32d2e; background: #fdecea; color: #b32d2e; }

@media (max-width: 600px) {
    body.taphoa-panel-body { padding: 12px; }
    .taphoa-panel-topbar { flex-direction: column; align-items: flex-start; }
}