:root{font-family:system-ui,"Noto Sans Thai",sans-serif;color-scheme:light;--bg:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#657085;--border:#e3e8ef;--primary:#1877f2;--shadow:#243b5a12;--nav:#1877f2;--link:#1467ce;--secondary:#e8edf4;--secondary-text:#344054}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1117;--surface:#161b22;--surface-soft:#202731;--text:#e6edf3;--muted:#9ca8b8;--border:#303844;--primary:#3b8cff;--shadow:#0006;--nav:#121820;--link:#69a7ff;--secondary:#2b3441;--secondary-text:#d4dbe4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background .2s,color .2s}nav{min-height:64px;background:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(24px,calc((100% - 1100px)/2));box-shadow:0 2px 12px #0002}.nav-links{display:flex;gap:28px}.nav-links a{color:white;text-decoration:none;font-weight:700}.theme-toggle{display:flex;align-items:center;gap:7px;background:#ffffff20;border:1px solid #ffffff40;padding:7px 12px}.theme-icon{font-size:1.1rem}main{max-width:1100px;margin:34px auto;padding:0 20px}.hero h1{margin-bottom:4px}.hero p,.muted{color:var(--muted)}.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;margin:22px 0;box-shadow:0 8px 30px var(--shadow)}.narrow{max-width:620px;margin-left:auto;margin-right:auto}h1,h2{margin-top:0}label{display:block;font-weight:650;margin:16px 0}input,textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--border);border-radius:9px;font:inherit;background:var(--surface-soft);color:var(--text)}input[type=file]{background:var(--surface-soft)}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.post-message{white-space:pre-line;min-width:280px}textarea{resize:vertical}button,.button-link{border:0;border-radius:9px;padding:10px 17px;background:var(--primary);color:white;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:var(--secondary);color:var(--secondary-text)}.danger{background:#c9372c}.inline{display:inline}.actions{white-space:nowrap}.actions form{margin:2px}.upload-preview{width:min(100%,420px);max-height:280px;object-fit:contain;border-radius:12px;background:var(--surface-soft)}.post-thumb{width:84px;height:62px;object-fit:cover;border-radius:8px;float:left;margin-right:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:.88rem}.status{display:inline-block;padding:4px 9px;border-radius:20px;background:var(--secondary);font-size:.82rem}.status.published{background:#1f6f3d33;color:#4bd17c}.status.failed{background:#a6292133;color:#ff766d}.status.pending{background:#1877f233;color:#69a7ff}.status.draft{background:#ad770033;color:#e8ae38}.error-text{display:block;color:#e5534b;margin-top:7px;max-width:520px}.empty{text-align:center;color:var(--muted);padding:35px}.alert{padding:13px 16px;border-radius:10px}.alert.success{background:#1f873e2b;color:#36b765}.alert.error{background:#b423182b;color:#e5534b}.warning{background:#c88b1825;color:#c58a1c;padding:12px;border-radius:9px}a{color:var(--link)}
@media(max-width:650px){nav{padding:12px 16px;align-items:flex-start}.nav-links{gap:12px;flex-wrap:wrap}.theme-label{display:none}.card{padding:17px}.queue-heading{align-items:flex-start}th:nth-child(1),td:nth-child(1){min-width:155px}}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}fieldset{border:1px solid var(--border);border-radius:10px;margin:18px 0;padding:12px 16px}legend{font-weight:750;padding:0 7px}small{color:var(--muted)}.schedule-slot{background:var(--surface-soft)}
@media(max-width:650px){.topic-grid,.domain-grid{grid-template-columns:1fr}.time-grid{grid-template-columns:1fr 1fr}}
.credibility{display:inline-block;text-transform:uppercase;font-size:.72rem;font-weight:800;padding:3px 7px;border-radius:12px;margin:0 7px 5px 0;background:var(--secondary)}.credibility.official{background:#177a3b33;color:#37bb68}.credibility.confirmed{background:#1877f233;color:#69a7ff}.credibility.reported{background:#b77a1233;color:#d99a2d}.credibility.rumor{background:#a6292133;color:#ff766d}hr{border:0;border-top:1px solid var(--border);margin:28px 0}
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:18px;box-shadow:0 5px 18px var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:.82rem}.stat-card strong{display:block;font-size:1.65rem;margin-top:6px}.metric-row{color:var(--muted);font-size:.82rem;margin-top:8px}.bar{height:6px;background:var(--secondary);border-radius:8px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:var(--primary)}.report{white-space:pre-line;line-height:1.7;background:var(--surface-soft);border-radius:10px;padding:16px}
@media(max-width:850px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.brand{font-size:1.08rem;padding-right:12px;border-right:1px solid #ffffff55}
.daypart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 22px}.daypart-card{display:flex;align-items:center;gap:10px;margin:0;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft);cursor:pointer}.daypart-card input{width:auto;margin:0}.daypart-card span,.daypart-card small{display:block}.daypart-card strong{font-size:1.02rem}.daypart-card small{margin-top:3px}@media(max-width:650px){.daypart-grid{grid-template-columns:1fr 1fr}}
.timeline-cell{min-width:205px}.timeline-cell small,.timeline-cell strong{display:block}.timeline-cell small{margin-top:9px}.timeline-cell small:first-child{margin-top:0}.timeline-cell strong{font-size:.9rem;margin-top:2px}.source-badge{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 7px;border-radius:12px;margin:0 7px 5px 0;background:var(--secondary);color:var(--secondary-text)}