/* Nhóm DUYỆT: giấy phép, báo cáo dữ liệu, gói tài khoản. Dùng lại biến màu và nút của style.css. */
.review-nav-heading{padding-top:20px}
.nav-count{margin-left:auto;min-width:22px;padding:2px 7px;border-radius:20px;background:#d9534f;color:#fff;font-size:.72rem;font-weight:750;text-align:center}
.nav-count[hidden]{display:none}
.nav-link.active .nav-count{background:var(--brand)}

.review-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:4px 0 18px}
.review-toolbar label{flex:0 1 230px}
.review-toolbar label.grow{flex:1 1 280px}
.review-toolbar select,.review-toolbar input,.plan-form select,.plan-form input{border:1px solid var(--line-strong);padding:10px 12px;min-height:42px;border-radius:10px;background:var(--surface);width:100%;font:inherit;color:var(--ink)}
.review-keys{margin-left:auto;font-size:.78rem}
kbd{font:600 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;padding:1px 6px;border-radius:5px;border:1px solid currentColor;opacity:.75}

.review-split{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:18px;align-items:start}
.review-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 230px);overflow:auto;padding-right:2px}
.review-item{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;min-height:0;padding:12px 13px;text-align:left;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;font-weight:500}
.review-item:hover:not(:disabled){background:#f1f7f7;color:var(--ink);box-shadow:none;transform:none}
.review-item.selected{background:var(--brand-light);border-color:#b6dcd9;box-shadow:inset 3px 0 0 var(--brand)}
.review-item-title{font-weight:700;font-size:.9rem;overflow-wrap:anywhere}
.review-item-meta{color:var(--ink-soft);font-size:.8rem}
.review-item-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:.74rem}
.review-empty{padding:12px 4px}

.review-detail{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--surface);min-height:260px}
.review-placeholder{display:grid;place-items:center;text-align:center;min-height:220px;align-content:center}
.review-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px}
.review-detail-head h3{margin:0 0 2px;font-size:1.15rem}
.review-detail-head p{margin:0}
.review-reason{background:#fff4f2;border:1px solid #f3d3cd;color:#8b3a2e;border-radius:10px;padding:10px 12px;font-size:.88rem}
.review-warning{background:#fff8e6;border:1px solid #f1dfae;color:#7a5a00;border-radius:10px;padding:10px 12px;font-size:.88rem}

.state-pill,.tier-pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap;background:#eef2f5;color:#4b6070}
.state-pending,.report-new{background:#fff3d6;color:#7a5200}
.state-verified,.report-done{background:#e2f5ec;color:#16653f}
.state-rejected,.report-rejected{background:#fdeceb;color:#9b2f25}
.report-reviewing{background:#e6f0fb;color:#1f4f86}
.tier-plus{background:#ede7fb;color:#4f2fa0}
.tier-student{background:#e6f0fb;color:#1f4f86}

.license-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-top:14px}
.license-viewer{display:flex;flex-direction:column;gap:8px}
.license-image-frame{border:1px solid var(--line);border-radius:12px;background:#f3f6f8;overflow:auto;max-height:520px;display:grid;place-items:center;min-height:240px}
.license-image{max-width:100%;max-height:500px;cursor:zoom-in;transition:transform .2s var(--ease)}
.license-image.zoomed{max-width:none;max-height:none;cursor:zoom-out}
.license-pdf{width:100%;height:520px;border:1px solid var(--line);border-radius:12px;background:#f3f6f8}
.viewer-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.viewer-tools button{min-height:34px;padding:6px 12px}
.viewer-link{font-size:.85rem;color:var(--brand-deep);font-weight:650}
.license-fields{grid-template-columns:1fr 1fr;align-content:start;margin:0}

.review-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px}
.review-actions button{flex:0 0 auto;width:auto;min-width:130px}
button.approve{background:#1d7a4f}
button.approve:hover:not(:disabled){background:#14603d}
button.danger{background:#c2463a}
button.danger:hover:not(:disabled){background:#a2372d}
.review-actions kbd{border-color:#ffffff99}

.report-block h4{margin:16px 0 4px;font-size:.78rem;color:#778d9b;letter-spacing:.02em}
.report-block p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}

.review-history{margin-top:14px;font-size:.86rem}
.review-history summary{cursor:pointer;color:var(--brand-deep);font-weight:650}
.history-list{margin:8px 0 0;padding-left:18px;line-height:1.7;color:var(--ink-soft)}

.reason-presets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.reason-presets[hidden]{display:none}
.reason-presets .preset-chip{min-height:30px;padding:4px 10px;font-size:.78rem;font-weight:550;border-radius:20px}

.plan-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;border:1px solid #cfe5e3;background:var(--brand-light);border-radius:14px;padding:16px;margin:0 0 16px}
.plan-form[hidden]{display:none}
.plan-form label{flex:1 1 170px}
.plan-form label.grow{flex:2 1 260px}
.plan-form-title{flex:1 0 100%;margin:0}
.plan-form-actions{display:flex;gap:8px}
.plan-form-actions button{width:auto;min-width:96px}
.plan-table td{vertical-align:top}
.plan-table td>strong,.plan-table td>small{display:block}
.plan-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.plan-table button{width:auto}

@media(max-width:1150px){.license-layout{grid-template-columns:1fr}}
@media(max-width:850px){
  .review-split{grid-template-columns:1fr}
  .review-list{max-height:300px}
  .review-keys{display:none}
  .review-detail{padding:16px}
  .license-fields{grid-template-columns:1fr}
  .review-actions button{flex:1 1 140px}
}

/* ===== Khung chung: tiêu đề gọn, menu theo nhóm, trang Tổng quan ===== */
.global-header{padding:14px 0 12px;gap:12px}
.global-header .brandmark{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:1.15rem}
.global-header h1{font-size:1.12rem;margin:0}
.brand-copy .privacy-note{margin:0;font-size:.74rem}
.header-account{margin-left:auto;color:var(--ink-soft);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}
.global-header .header-account~#logout{margin-left:0}
.global-header #logout{min-height:36px;padding:6px 14px}

.app-navigation .nav-heading{padding:16px 13px 6px}
.app-navigation .nav-link:first-child{margin-top:0}

.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:2px 0 16px}
.page-head h2{font-size:1.4rem;margin:0}
.page-head .eyebrow{margin-bottom:4px}
.page-head p.quiet{margin:4px 0 0}
.page-head button{flex:0 0 auto;width:auto}
/* Tiêu đề trang đã nói tên mục; ẩn tiêu đề trùng trong khung (vẫn giữ cho trình đọc màn hình và để focus). */
.workspace-mode .workspace-view>.section-heading>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.workspace-mode .workspace-view>.section-heading{justify-content:flex-end;min-height:0;margin-bottom:6px}

.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.overview-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:128px;padding:18px;text-align:left;
  background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;font-weight:500}
.overview-card:hover:not(:disabled){background:#f1f7f7;color:var(--ink);border-color:#b6dcd9;box-shadow:none}
.overview-card strong{font-size:2rem;line-height:1.1;letter-spacing:-.03em}
.overview-label{font-weight:700;font-size:.95rem}
.overview-card small{font-size:.8rem}
.overview-card.urgent{border-color:#f1d6a6;background:#fffaf0}
.overview-card.urgent strong{color:#9a5b00}
#overviewNote{margin:16px 0 0}

body:not(.workspace-mode) .login-header{margin-bottom:20px}
.captcha-retry{min-height:32px!important;padding:4px 10px!important;font-size:.78rem}

@media(max-width:620px){
  .header-account{display:none}
  .page-head{align-items:flex-start}
  .page-head h2{font-size:1.2rem}
  .overview-grid{grid-template-columns:1fr 1fr;gap:10px}
  .overview-card{min-height:110px;padding:14px}
  .overview-card strong{font-size:1.6rem}
}