.admin-body { background: #eef2f3; }
.admin-header { min-height: 72px; padding: 10px clamp(18px, 4vw, 48px); display: flex; align-items: center; justify-content: space-between; background: white; border-bottom: 1px solid var(--line); }
.admin-header .brand img { width: 150px; }
.admin-user { display: grid; text-align: right; }
.admin-user span { color: #8a6720; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.admin-main { width: min(1240px, calc(100% - 32px)); margin: 0 auto; padding: 42px 0 80px; overflow: visible; }
.admin-title { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.admin-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.admin-title h1 { font-size: clamp(36px, 5vw, 58px); }
.metric-grid { margin: 30px 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.metric-grid article { padding: 20px; display: grid; border: 1px solid var(--line); border-radius: 16px; background: white; }
.metric-grid span { color: var(--muted); font-size: 13px; }
.metric-grid strong { color: var(--navy-dark); font-size: 34px; }
.metric-grid small { color: var(--muted); }
.pipeline { padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: white; }
.section-heading { margin-bottom: 22px; display: flex; justify-content: space-between; align-items: end; }
.section-heading h2 { font-size: 30px; }
.section-heading > span { padding: 6px 9px; color: #7b611e; background: #fff1c9; border-radius: 7px; font-size: 11px; font-weight: 800; }
.pipeline-grid { display: grid; grid-template-columns: repeat(4, minmax(230px, 1fr)); gap: 12px; overflow-x: auto; }
.pipeline-column { min-height: 260px; padding: 12px; border-radius: 14px; background: #f4f6f7; }
.pipeline-column h3 { padding: 4px 4px 10px; display: flex; justify-content: space-between; font-size: 14px; }
.pipeline-column h3 span { color: var(--muted); }
.case-button { width: 100%; margin-bottom: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: white; color: var(--ink); text-align: left; cursor: pointer; }
.case-button:hover, .case-button.active { border-color: var(--green); box-shadow: 0 6px 20px rgba(20,59,92,.08); }
.case-button strong { display: block; color: var(--navy-dark); }
.case-button span, .case-button small { display: block; color: var(--muted); }
.case-button .tag { width: max-content; margin-top: 8px; padding: 4px 7px; color: #285c3a; background: var(--green-soft); border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.case-detail { margin-top: 18px; padding: 26px; min-height: 180px; border: 1px solid var(--line); border-radius: 20px; background: white; }
.empty-detail { color: var(--muted); text-align: center; }
.detail-header { display: flex; justify-content: space-between; gap: 20px; }
.detail-header h2 { font-size: 30px; }
.detail-status { padding: 7px 10px; height: fit-content; color: var(--navy); background: #e9eef2; border-radius: 7px; font-size: 12px; font-weight: 900; }
.detail-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.detail-card { padding: 18px; border: 1px solid var(--line); border-radius: 13px; }
.detail-card h3 { font-size: 16px; }
.detail-card p, .detail-card ul { margin-bottom: 0; color: #4c5b66; }
.detail-card.full { grid-column: 1 / -1; background: #f8faf9; }

@media (max-width: 900px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-title { align-items: stretch; flex-direction: column; }
}
@media (max-width: 620px) {
  .admin-header .product-name { display: none; }
  .metric-grid, .detail-grid { grid-template-columns: 1fr; }
  .detail-card.full { grid-column: auto; }
}