@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');

* { font-family: 'Noto Sans Thai', system-ui, sans-serif; }
body { -webkit-font-smoothing: antialiased; }

::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
::-webkit-scrollbar-track { background: transparent; }

.tab-btn.active { background: var(--app-color); color: #fff; }
.chip { display:inline-flex; align-items:center; gap:.25rem; padding:.15rem .55rem; border-radius:999px; font-size:.72rem; font-weight:600; }

/* pipeline status colors */
.st-new{background:#e0f2fe;color:#0369a1}
.st-screening{background:#fef9c3;color:#a16207}
.st-shortlist{background:#dcfce7;color:#15803d}
.st-interview_scheduled{background:#ede9fe;color:#6d28d9}
.st-interviewed{background:#cffafe;color:#0e7490}
.st-offer{background:#fce7f3;color:#be185d}
.st-hired{background:#dcfce7;color:#166534;box-shadow:inset 0 0 0 1px #16a34a}
.st-rejected{background:#fee2e2;color:#b91c1c}
.st-withdrawn{background:#f1f5f9;color:#64748b}

.star{cursor:pointer;font-size:1.15rem;line-height:1;color:#d1d5db;transition:transform .08s}
.star.on{color:#f59e0b}
.star:hover{transform:scale(1.15)}

.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;z-index:50;overflow:auto}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem}
.fade-in{animation:fi .18s ease}
@keyframes fi{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
[x-cloak]{display:none!important}