﻿/* ============ Employee portal ============ */
.emp-shell{max-width:760px;margin:0 auto;padding:18px 16px 80px}
.emp-top{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:18px}
.emp-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);
  display:grid;place-items:center;font-family:'Plus Jakarta Sans';font-weight:800;font-size:18px;flex:none}
.emp-top .who b{font-family:'Plus Jakarta Sans';font-size:16px;display:block}
.emp-top .who small{color:var(--text-muted);font-size:12px}
.emp-top .spacer{flex:1}
.bell{position:relative;font-size:20px;cursor:pointer}
.bell .badge-dot{position:absolute;top:-6px;right:-8px;background:var(--danger);color:#fff;border-radius:50px;
  font-size:11px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;font-weight:700}

.emp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.emp-stat{padding:16px;text-align:center}
.emp-stat .num{font-size:30px;font-family:'Plus Jakarta Sans';font-weight:800;line-height:1}
.emp-stat.warn .num{color:var(--warn)}
.emp-stat .label{font-size:12px;color:var(--text-muted);margin-top:4px}
.emp-stat .alert{color:var(--warn);font-size:11px;margin-top:3px}

.section-title{font-family:'Plus Jakarta Sans';font-size:16px;margin:22px 0 12px;display:flex;align-items:center;gap:8px}

/* Pending approval cards */
.pending-card{padding:18px;margin-bottom:14px;animation:fadeUp .35s var(--ease) both;
  border-left:3px solid var(--warn)}
.pending-card.slide-in{animation:slideIn .5s var(--ease) both}
@keyframes slideIn{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.pc-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.pc-photo{width:54px;height:54px;border-radius:14px;object-fit:cover;background:var(--glass);
  display:grid;place-items:center;font-size:24px;flex:none}
.pc-name{font-weight:700;font-size:17px}
.pc-meta{color:var(--text-muted);font-size:13px;margin-top:2px}
.pc-note{font-size:14px;background:rgba(0,0,0,.22);padding:10px 12px;border-radius:10px;margin-bottom:12px;
  border:1px solid var(--border)}
.pc-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pc-reject-reason{flex:1;min-width:160px}

.empty-state{text-align:center;color:var(--text-muted);padding:26px;font-size:14px}

/* Recent decisions */
.recent-row{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.05)}
.recent-row:last-child{border-bottom:0}

/* today's visitors table */
.mini-table{width:100%;border-collapse:collapse;font-size:13.5px}
.mini-table th{text-align:left;color:var(--text-muted);font-size:11px;text-transform:uppercase;
  padding:8px 10px;border-bottom:1px solid var(--border)}
.mini-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05)}

.push-cta{margin-top:24px;text-align:center}
