/* DUBIGROUP Admin — internal styling */
:root{--red:#E31837;--red-dark:#B8122C;--ink:#1E2124;--charcoal:#2B2E33;--gray:#6E7073;--greige:#F4F2EF;--line:#E4E2DE}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--greige);color:var(--charcoal);font-size:15px;line-height:1.55}
a{color:var(--red);text-decoration:none}

.topnav{background:var(--ink);color:#cfd1d3;display:flex;align-items:center;gap:26px;padding:0 22px;height:58px;position:sticky;top:0;z-index:50;flex-wrap:wrap}
.brand{font-weight:800;color:#fff;font-size:17px;display:flex;align-items:center;gap:8px}
.brand span{color:var(--red)}
.brand .logochip{background:#fff;border-radius:8px;padding:5px 10px;display:inline-flex}
.brand .logochip img{height:24px;width:auto}
.brand em{font-style:normal;font-weight:600;color:#9a9da1;font-size:13px;margin-left:6px}
.topnav nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.topnav nav a{color:#cfd1d3;padding:8px 13px;border-radius:7px;font-weight:600;font-size:14px}
.topnav nav a:hover{background:#33373c;color:#fff}
.topnav nav a.on{background:var(--red);color:#fff}
.who{font-size:13px}.who a{color:#ff8296}

main{max-width:1200px;margin:0 auto;padding:30px 22px 60px}
h1{font-size:26px;color:var(--ink);margin-bottom:20px}
h2{font-size:18px;color:var(--ink);margin:8px 0 14px}
h3{font-size:15px;color:var(--ink);margin-bottom:10px}
footer{text-align:center;color:#9a9da1;font-size:12.5px;padding:22px}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:34px}
.card{background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 4px 16px rgba(30,33,36,.06)}
.card strong{display:block;font-size:28px;color:var(--red)}
.card span{font-size:13px;color:var(--gray)}

.panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 16px rgba(30,33,36,.06);margin-bottom:18px}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}
@media(max-width:900px){.split{grid-template-columns:1fr}}

label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:12px 0 5px}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14.5px;font-family:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chk{display:flex;align-items:center;gap:8px;font-weight:600;margin:14px 0}
.chk input{width:auto}
button,.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:8px;padding:11px 20px;font-weight:700;font-size:14px;cursor:pointer;margin-top:12px;font-family:inherit}
button:hover,.btn:hover{background:var(--red-dark);color:#fff}
.btn.sm,button.sm{padding:6px 12px;font-size:13px;margin-top:0}
.btn.ghost,button.ghost{background:#fff;color:var(--charcoal);border:1px solid var(--line)}
.btn.danger,button.danger{background:#fff;color:var(--red);border:1px solid var(--red)}
.btn.danger:hover,button.danger:hover{background:var(--red);color:#fff}

table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(30,33,36,.06);border-collapse:collapse}
th{background:var(--ink);color:#fff;text-align:left;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:11px 14px}
td{padding:12px 14px;border-top:1px solid var(--line);font-size:14px;vertical-align:top}
table .meta{font-size:12.5px;color:var(--gray)}
.kv th{background:transparent;color:var(--gray);width:110px;font-size:12px;padding:8px 10px 8px 0;text-transform:uppercase}
.kv td{border:0;padding:8px 0}
.kv{box-shadow:none;border-radius:0}

.listitem{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 4px 16px rgba(30,33,36,.05);flex-wrap:wrap}
.listitem.off{opacity:.55}
.listitem .meta{display:block;font-size:12.5px;color:var(--gray)}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.filters{display:flex;gap:10px;flex-wrap:wrap;background:#fff;padding:16px;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 16px rgba(30,33,36,.06);align-items:center}
.filters input,.filters select{width:auto;min-width:130px}
.filters input[name=q]{flex:1;min-width:200px}
.filters button{margin-top:0}

.pill{display:inline-block;font-size:11.5px;font-weight:800;padding:3px 11px;border-radius:100px;background:var(--greige);color:var(--gray)}
.pillselect{border-radius:100px;font-weight:700;font-size:12.5px;padding:5px 10px;width:auto}
.p-new{background:#FFF3CD;color:#8a6d00}
.p-shortlisted{background:#D1E7DD;color:#0f5132}
.p-interview{background:#CFE2FF;color:#084298}
.p-hired{background:#0f5132;color:#fff}
.p-rejected{background:#F8D7DA;color:#842029}
select.p-new,select.p-shortlisted,select.p-interview,select.p-hired,select.p-rejected{border-color:transparent}

.msg{background:var(--greige);border-radius:10px;padding:16px;font-size:14.5px}
.muted{color:var(--gray)}
.flash{background:#D1E7DD;color:#0f5132;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-weight:600}
.err{background:#F8D7DA;color:#842029;border-radius:10px;padding:12px 16px;margin-bottom:14px;font-weight:600}

.galadmin{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.galitem{background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 16px rgba(30,33,36,.06)}
.galitem img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.galitem input{margin-bottom:6px}
.galitem .row2{gap:6px}

.authpage{display:grid;place-items:center;min-height:100vh}
.authbox{background:#fff;border-radius:14px;padding:38px;width:min(400px,92vw);box-shadow:0 20px 60px rgba(30,33,36,.15)}
.authbox button{width:100%}