/* Staff paneli (#/staff) — 8 Kasım 2026. Telefonda tek sütun; renkler style.css tasarım sistemi değişkenlerinden. */
.staff-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.staff-stats .staff-who{font-size:11px;color:var(--dim);margin-left:auto}
.staff-stats a.mini-action{color:var(--goldtext);text-decoration:none;display:inline-flex;align-items:center}
.staff-list{display:grid;gap:14px}
.staff-card{border:1px solid var(--line2);background:var(--panel);padding:16px 18px;position:relative}
.staff-card.open{border-left:2px solid var(--gold)}
.staff-card header{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-bottom:8px}
.staff-no{font:700 15px/1 var(--yazi);color:var(--goldtext);margin-right:4px}
.staff-time{margin-left:auto;font-size:11px;color:var(--dim)}
.staff-who-line{font-size:14px;color:var(--light);margin-bottom:8px}
.staff-who-line small{color:var(--dim);font-size:11px}
.staff-dot{font-size:11px;color:var(--dim);margin-left:6px}
.staff-dot::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--line2);margin-right:5px;vertical-align:1px}
.staff-dot.on{color:var(--green)}
.staff-dot.on::before{background:var(--green)}
.staff-text{font-size:14px;line-height:1.7;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--field);border:1px solid var(--line);padding:10px 12px;margin:0 0 8px}
.staff-meta{font-size:11px;color:var(--dim);line-height:1.6}
.staff-replies{list-style:none;margin:12px 0 0;padding:0 0 0 12px;border-left:1px solid var(--bronze);display:grid;gap:10px}
.staff-reply-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}
.staff-reply-head b{color:var(--goldtext);font-weight:600}
.staff-reply-head small{color:var(--dim);font-size:10px}
.staff-replies p{margin:3px 0 0;font-size:13px;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
.staff-form{margin-top:14px;display:grid;gap:8px}
.staff-form textarea{width:100%;min-height:76px;resize:vertical;background:var(--field);border:1px solid var(--line2);color:var(--text);font:14px/1.6 var(--yazi);padding:10px 12px}
.staff-form textarea:focus{border-color:var(--gold);outline:none}
.staff-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.staff-actions .button{margin:0}
.staff-actions .mini-action{margin-left:auto}
.staff-count{font-size:10px;color:var(--dim);min-width:52px}
.staff-online{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.staff-online li{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);padding:9px 12px;font-size:13px}
.staff-online small{color:var(--dim);font-size:11px;white-space:nowrap}
.no-data.small{padding:34px 16px}
.no-data.small h2{font-size:18px}
@media (max-width:640px){
  .staff-card{padding:14px 12px}
  .staff-stats .staff-who{margin-left:0;width:100%}
  .staff-actions .button{flex:1 1 40%}
  .staff-actions .mini-action{margin-left:0}
  .staff-tabs button{flex:1;padding:9px 8px}
}