.staff-form{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.staff-form h2{margin:2px 0 0;font:700 20px Manrope,sans-serif}
.staff-form label{font-size:11px;font-weight:700}
.staff-form input,.staff-form select{width:100%;margin-top:5px;padding:10px;border:1px solid #cad5cd;border-radius:7px}
.staff-form .primary-button{width:auto;margin:0;padding:0 15px}
.staff-form .error{grid-column:1/-1;margin:0}
.staff-action{padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--white);cursor:pointer}
.metric-action{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);text-align:left;cursor:pointer}.metric-action span{display:block;color:var(--muted);font-size:12px}.metric-action strong{display:block;margin-top:5px;font:700 28px Manrope,sans-serif}.metric-action:hover{border-color:var(--green2)}.metric-danger strong{color:var(--red)}.followup-overdue{color:var(--red);font-weight:700}.followup-today{color:#9a6500;font-weight:700}
.toolbar{grid-template-columns:1fr 155px 155px 155px auto}
.activity-panel{padding:20px 24px 4px;border-bottom:1px solid var(--line)}.activity-panel h3{margin:0 0 15px;font:700 16px Manrope,sans-serif}.activity-list{position:relative;display:grid;gap:0;max-height:250px;overflow-y:auto;padding-left:20px}.activity-list:before{content:"";position:absolute;top:8px;bottom:8px;left:5px;width:1px;background:var(--line)}.activity-item{position:relative;padding:0 0 17px 14px}.activity-item:before{content:"";position:absolute;left:-19px;top:6px;width:9px;height:9px;border:2px solid var(--white);border-radius:50%;background:var(--green2);box-shadow:0 0 0 1px var(--green2)}.activity-item strong{display:block;font-size:13px}.activity-item p{margin:2px 0;color:var(--muted);font-size:12px;white-space:pre-wrap}.activity-item span{color:var(--muted);font-size:10px}
@media(max-width:1100px){.staff-form{grid-template-columns:1fr 1fr 1fr}.staff-form>div{grid-column:1/-1}}
@media(max-width:560px){.staff-form{grid-template-columns:1fr}.staff-form>div{grid-column:auto}}
@media(max-width:1100px){.toolbar{grid-template-columns:1fr 1fr 1fr}.toolbar input{grid-column:1/-1}}
@media(max-width:560px){.toolbar{grid-template-columns:1fr}.toolbar input{grid-column:auto}}

.viral-tpl-btn{padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:var(--cream);color:var(--ink);font-weight:700;font-size:12px;text-align:left;cursor:pointer;transition:all 0.2s ease}
.viral-tpl-btn:hover,.viral-tpl-btn.active{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 12px rgba(18,55,42,0.15)}
.peak-btn{padding:5px 11px;border:1px solid #cad5cd;border-radius:6px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer;transition:all 0.15s ease}
.peak-btn:hover{background:var(--lime);color:var(--green);border-color:var(--lime)}

/* STAGE 4: TEAM RADAR STYLES */
.radar-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,0.03);display:flex;flex-direction:column;gap:12px;transition:transform 0.2s,box-shadow 0.2s}
.radar-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.radar-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.radar-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700}
.badge-online{background:#e8f5e9;color:#1b5e20}
.badge-offline{background:#f5f5f5;color:#757575}
.radar-app-badge{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:#f9fbf9;border:1px solid #d4e7d4;font-size:12px;font-weight:600;color:#1b5e20}
.radar-app-badge.idle{background:#fafafa;border-color:#eee;color:#757575}
.radar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.radar-btn{padding:7px 10px;border-radius:6px;border:1px solid var(--line);background:#fff;font-size:11px;font-weight:700;cursor:pointer;text-align:center;transition:all 0.15s ease}
.radar-btn-spot{background:#e8f5e9;color:#1b5e20;border-color:#a5d6a7}
.radar-btn-rec-on{background:#ffebee;color:#c62828;border-color:#ef9a9a}
.radar-btn-rec-off{background:#f5f5f5;color:#616161}
@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(46,125,50,0.7)}70%{transform:scale(1.1);box-shadow:0 0 0 6px rgba(46,125,50,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(46,125,50,0)}}

/* GEOFENCE TOGGLE SWITCH */
.switch{position:relative;display:inline-block;width:48px;height:26px;margin:0}
.switch input{opacity:0;width:0;height:0}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}
.switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
.switch input:checked + .slider{background-color:#1b5e20}
.switch input:checked + .slider:before{transform:translateX(22px)}