/* Status lookup shares the compact application workspace and TB font scale. */
body.admission-theme.admission-status .hero { text-align: left; padding: 18px 22px; margin-bottom: 14px; }
body.admission-theme.admission-status .hero h1 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 14px; margin: 0; font-size: 1.6rem; }
body.admission-theme.admission-status .hero .line-2 { font-size: var(--tb1-fs-sm, 1rem); font-weight: 500; color: #dbeafe; -webkit-text-fill-color: #dbeafe; }
body.admission-theme.admission-status .hero-sub { margin: 4px 0 0; font-size: var(--tb1-fs-xs, .875rem); }
body.admission-theme.admission-status .hero-sub strong { color: #dbeafe; }
body.admission-theme.admission-status .main-area { max-width: none; margin: 0; }
body.admission-theme.admission-status .gc { border-radius: var(--tb1-radius-sm, 10px); margin-bottom: 12px; box-shadow: 0 2px 8px rgba(15,23,42,.03); }
body.admission-theme.admission-status .gc-head { padding: 10px 16px; gap: 8px; }
body.admission-theme.admission-status .gc-icon { width: 28px; height: 28px; border-radius: 8px; font-size: 13px; box-shadow: none; }
body.admission-theme.admission-status .gc-title { font-size: var(--tb1-fs-sm, 1rem); }
body.admission-theme.admission-status .gc-body { padding: 16px; }
body.admission-theme.admission-status .search-row { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto; align-items: start; gap: 12px; }
body.admission-theme.admission-status .search-row > div { min-width: 0; }
body.admission-theme.admission-status .fl { font-size: var(--tb1-fs-xs, .875rem); line-height: 1.5; margin-bottom: 4px; }
body.admission-theme.admission-status .fi { width: 100%; min-height: 40px; }
body.admission-theme.admission-status .fhint { margin-top: 4px; font-size: var(--tb1-fs-xs, .875rem); color: var(--tb1-ink-3); }
body.admission-theme.admission-status .status-search-button { align-self: start; margin-top: calc(1.35rem + 4px); min-height: 40px; white-space: nowrap; }
body.admission-theme.admission-status .alert { padding: 10px 12px; font-size: var(--tb1-fs-xs, .875rem); margin-bottom: 12px; border-radius: 8px; }
body.admission-theme.admission-status .result-section { margin-top: 16px; padding-top: 16px; }
body.admission-theme.admission-status .sect-head { font-size: var(--tb1-fs-sm, 1rem); margin-bottom: 10px; gap: 8px; }
body.admission-theme.admission-status .info-grid { gap: 10px; margin-bottom: 12px; grid-template-columns: repeat(4, minmax(0,1fr)); }
body.admission-theme.admission-status .info-item { min-width: 0; text-align: left; padding: 12px; border-radius: var(--tb1-radius-sm, 10px); background: var(--tb1-surface-alt); box-shadow: none; }
body.admission-theme.admission-status .info-label { font-size: var(--tb1-fs-xs, .875rem); margin-bottom: 5px; }
body.admission-theme.admission-status .info-value { font-size: var(--tb1-fs-sm, 1rem); overflow-wrap: anywhere; }
body.admission-theme.admission-status .badge { font-size: var(--tb1-fs-xs, .875rem); padding: 4px 8px; }
body.admission-theme.admission-status .prog-sec { padding: 12px; margin-bottom: 12px; border-radius: var(--tb1-radius-sm, 10px); background: var(--tb1-surface-alt); border-color: var(--tb1-border); }
body.admission-theme.admission-status .prog-grid { gap: 12px; }
body.admission-theme.admission-status .prog-icon { width: 30px; height: 30px; font-size: 14px; border-radius: 8px; }
body.admission-theme.admission-status .prog-label { font-size: var(--tb1-fs-xs, .875rem); color: var(--tb1-ink-3); }
body.admission-theme.admission-status .prog-value { font-size: var(--tb1-fs-sm, 1rem); color: var(--tb1-ink-1); }
body.admission-theme.admission-status .note-box { padding: 10px 12px; margin-bottom: 14px; font-size: var(--tb1-fs-xs, .875rem); border-radius: 8px; }
body.admission-theme.admission-status .timeline { gap: 10px; margin-bottom: 14px; }
body.admission-theme.admission-status .tl-item { padding: 12px; border-radius: var(--tb1-radius-sm, 10px); }
body.admission-theme.admission-status .tl-icon { width: 30px; height: 30px; font-size: 12px; margin-bottom: 6px; box-shadow: none; animation: none; }
body.admission-theme.admission-status .tl-title { font-size: var(--tb1-fs-sm, 1rem); }
body.admission-theme.admission-status :is(.tl-desc,.tl-date) { font-size: var(--tb1-fs-xs, .875rem); color: var(--tb1-ink-3); }
body.admission-theme.admission-status .action-row { gap: 8px; margin-top: 12px; padding-top: 12px; }
body.admission-theme.admission-status .upload-sec { padding: 16px; margin-top: 16px; border-radius: var(--tb1-radius-sm, 10px); background: var(--tb1-surface-alt); border-color: var(--tb1-border); }
body.admission-theme.admission-status .upload-header { gap: 10px; margin-bottom: 12px; }
body.admission-theme.admission-status .upload-title { font-size: var(--tb1-fs-md, 1.125rem); color: var(--tb1-ink-1); }
body.admission-theme.admission-status .upload-subtitle { font-size: var(--tb1-fs-xs, .875rem); color: var(--tb1-ink-3); }
body.admission-theme.admission-status .upload-zone { padding: 20px; border-radius: var(--tb1-radius-sm, 10px); background: var(--tb1-surface); }
body.admission-theme.admission-status .uz-icon { font-size: 28px; margin-bottom: 8px; }
body.admission-theme.admission-status .upload-zone p { font-size: var(--tb1-fs-sm, 1rem); }
body.admission-theme.admission-status .contact-foot { margin-top: 14px; font-size: var(--tb1-fs-xs, .875rem); }
@media (max-width: 860px) {
    body.admission-theme.admission-status .search-row { grid-template-columns: repeat(2, minmax(0,1fr)); }
    body.admission-theme.admission-status .status-search-button { width: 100%; }
    body.admission-theme.admission-status .info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 540px) {
    body.admission-theme.admission-status .hero { padding: 14px 16px; }
    body.admission-theme.admission-status .hero h1 { font-size: 1.4rem; }
    body.admission-theme.admission-status .hero-sub { font-size: var(--tb1-fs-xs, .875rem); }
    body.admission-theme.admission-status .gc-body { padding: 12px; }
    body.admission-theme.admission-status .search-row { grid-template-columns: minmax(0,1fr); gap: 10px; }
    body.admission-theme.admission-status .status-search-button { margin-top: 2px; min-height: 44px; }
    body.admission-theme.admission-status .info-grid { grid-template-columns: minmax(0,1fr); }
    body.admission-theme.admission-status .timeline { flex-direction: column; }
    body.admission-theme.admission-status .action-row { flex-direction: column; }
    body.admission-theme.admission-status .upload-sec { padding: 12px; }
}
@media print {
    body.admission-theme.admission-status .result-section { margin: 0; padding: 0; }
    body.admission-theme.admission-status .info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
body.admission-theme.admission-status .note-box { background: color-mix(in srgb, var(--tb1-warning) 10%, var(--tb1-surface)); border-color: var(--tb1-warning-deep); }
body.admission-theme.admission-status .note-box :is(strong, span) { color: var(--tb1-text-warning); }
@media (max-width: 540px) {
    body.admission-theme.admission-status .timeline { grid-template-columns: minmax(0,1fr); }
}
/* ★ 24 ต.ค. 2569: ไทม์ไลน์ 6 ขั้น และการ์ดนัดสัมภาษณ์ ผลคัดเลือก ยืนยันสิทธิ์ ใบยืนยันสิทธิ์ */
body.admission-theme.admission-status .timeline.tl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
body.admission-theme.admission-status .timeline.tl-6 .tl-item { padding: 10px 8px; }
body.admission-theme.admission-status .timeline.tl-6 .tl-title { font-size: var(--tb1-fs-xs, .875rem); }
body.admission-theme.admission-status .timeline.tl-6 .tl-desc { font-size: var(--tb1-fs-xs, .875rem); line-height: 1.45; }
@media (max-width: 900px) {
    body.admission-theme.admission-status .timeline.tl-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
    body.admission-theme.admission-status .timeline.tl-6 { grid-template-columns: minmax(0, 1fr); }
}
body.admission-theme.admission-status .adm-card { margin: 0 0 14px; padding: 14px 16px; border: 1px solid var(--tb1-border); border-radius: var(--tb1-radius-sm, 10px); background: var(--tb1-surface); }
body.admission-theme.admission-status .adm-card[hidden] { display: none; }
body.admission-theme.admission-status .adm-card-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-weight: 700; color: var(--tb1-text); }
body.admission-theme.admission-status .adm-card-head.adm-danger { color: var(--tb1-danger-deep, #b91c1c); }
body.admission-theme.admission-status .adm-dl { display: grid; gap: 6px; margin: 0 0 10px; }
body.admission-theme.admission-status .adm-dl > div { display: grid; grid-template-columns: 9.5em minmax(0, 1fr); gap: 10px; }
body.admission-theme.admission-status .adm-dl > div[hidden] { display: none; }
body.admission-theme.admission-status .adm-dl dt { color: var(--tb1-text-muted); font-size: var(--tb1-fs-xs, .875rem); }
body.admission-theme.admission-status .adm-dl dd { margin: 0; font-weight: 600; white-space: pre-line; }
body.admission-theme.admission-status .adm-interview { border-color: color-mix(in srgb, var(--tb1-primary, #2563eb) 35%, var(--tb1-border)); }
body.admission-theme.admission-status .adm-result { text-align: center; }
body.admission-theme.admission-status .adm-result-title { font-size: var(--tb1-fs-lg, 1.25rem); font-weight: 700; }
body.admission-theme.admission-status .adm-result-text { margin: 6px 0 0; color: var(--tb1-text-muted); }
body.admission-theme.admission-status .adm-result.is-passed { background: color-mix(in srgb, #16a34a 9%, var(--tb1-surface)); border-color: #86efac; }
body.admission-theme.admission-status .adm-result.is-passed .adm-result-title { color: #15803d; }
body.admission-theme.admission-status .adm-result.is-reserve { background: color-mix(in srgb, #f59e0b 10%, var(--tb1-surface)); border-color: #fcd34d; }
body.admission-theme.admission-status .adm-result.is-reserve .adm-result-title { color: #b45309; }
body.admission-theme.admission-status .adm-seat-form { display: grid; gap: 8px; }
body.admission-theme.admission-status .adm-seat-form[hidden] { display: none; }
body.admission-theme.admission-status .adm-seat-form p { margin: 0; color: var(--tb1-text-muted); font-size: var(--tb1-fs-sm, 1rem); }
body.admission-theme.admission-status .adm-seat-deadline { font-weight: 700; color: #b45309 !important; }
body.admission-theme.admission-status .adm-check { display: flex; gap: 10px; align-items: flex-start; font-size: var(--tb1-fs-sm, 1rem); line-height: 1.55; }
body.admission-theme.admission-status .adm-check input { width: 20px; height: 20px; margin-top: 2px; flex: none; }
body.admission-theme.admission-status .adm-seat-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
body.admission-theme.admission-status .adm-seat-actions .btn { min-height: 44px; }
body.admission-theme.admission-status .adm-btn-danger { background: #dc2626; border-color: #dc2626; color: #fff; }
body.admission-theme.admission-status .adm-receipt { border-color: #86efac; }
@media (max-width: 540px) {
    body.admission-theme.admission-status .adm-dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    body.admission-theme.admission-status .adm-seat-actions .btn { width: 100%; justify-content: center; }
}
@media print {
    body.admission-theme.admission-status .adm-seat { display: none !important; }
}
body.admission-theme.admission-status .adm-seat-msg { margin: 0 0 10px; padding: 8px 12px; border-radius: var(--tb1-radius-sm, 10px); background: color-mix(in srgb, #dc2626 10%, var(--tb1-surface)); border: 1px solid #fca5a5; color: #b91c1c; font-weight: 600; }
body.admission-theme.admission-status .adm-seat-msg[hidden] { display: none; }