/* Lugoda Sentinel — Technicians (Team Performance) module styles.
   Module-specific only; reuses shared vocabulary (.card .kpi .pill .chip .btn
   .lrow .tbl .view-head .line-badge .note .empty .scrim .modal). All colours
   via CSS variables from theme.css. Prefix: team- */

/* ---- toolbar / filters ---- */
.team-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.team-fl{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);
  text-transform:uppercase;letter-spacing:.5px}
.team-fl select{background:var(--panel2);color:var(--txt);border:1px solid var(--line);
  border-radius:9px;padding:8px 11px;font-size:13px;min-width:160px}
.team-fl select:hover{border-color:#50505c}

/* ---- technician card grid ---- */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.team-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:14px;cursor:pointer;transition:.18s;position:relative;overflow:hidden}
.team-card:hover{transform:translateY(-2px);border-color:#50505c;box-shadow:var(--shadow)}
.team-card .team-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}

/* ---- avatar (initials in a coloured circle) ---- */
.team-av{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;
  font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}
.team-av.c1{background:var(--red)} .team-av.c2{background:var(--blue)}
.team-av.c3{background:var(--green)} .team-av.c4{background:#a98bf0}
.team-av.c5{background:var(--amber)} .team-av.c6{background:#34c8c8}
.team-av.lg{width:60px;height:60px;flex-basis:60px;font-size:21px}

.team-id{flex:1;min-width:0}
.team-id b{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-id span{font-size:11.5px;color:var(--muted)}

/* ---- rating stars ---- */
.team-stars{font-size:13px;letter-spacing:1px;white-space:nowrap}
.team-stars .on{color:var(--amber)} .team-stars .off{color:#3a3a44}

/* ---- clearance badge ---- */
.team-clear{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;
  padding:3px 9px;border-radius:999px;display:inline-block;border:1px solid var(--line)}
.team-clear.high{background:#13362a;color:var(--green);border-color:#1c5a40}
.team-clear.standard{background:#2c2c34;color:#b9b9c2}

/* ---- small performance bars ---- */
.team-bars{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.team-brow{display:flex;align-items:center;gap:9px;font-size:11.5px}
.team-bl{flex:0 0 92px;color:var(--muted)}
.team-bt{flex:1;height:7px;background:#2c2c34;border-radius:999px;overflow:hidden}
.team-bf{display:block;height:100%;border-radius:999px;transition:width .4s ease}
.team-bv{flex:0 0 52px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}

/* ---- card footer meta ---- */
.team-foot{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.team-foot .muted{font-size:11px;margin-left:auto}

/* ---- detail modal ---- */
.team-modal .team-prof{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.team-prof .pmeta{flex:1;min-width:0}
.team-prof .pmeta h4{font-size:18px;margin:0}
.team-prof .pmeta .psub{font-size:12px;color:var(--muted);margin-top:2px}
.team-prof .pmeta .prow{display:flex;align-items:center;gap:10px;margin-top:7px;flex-wrap:wrap}

.team-sect{margin:16px 0}
.team-sect h5{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);
  margin:0 0 9px}

/* AI performance read */
.team-ai{background:linear-gradient(180deg,#1c1c24,#191920);border:1px solid var(--line);
  border-left:3px solid var(--blue);border-radius:12px;padding:12px 14px}
.team-ai .aihdr{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--blue);
  font-weight:700;margin-bottom:9px;display:flex;align-items:center;gap:7px}
.team-ai ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.team-ai li{display:flex;gap:9px;font-size:13px;line-height:1.5}
.team-ai li .rdot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;margin-top:6px}
.team-ai li .rdot.good{background:var(--green)} .team-ai li .rdot.warn{background:var(--amber)}
.team-ai li .rdot.alarm{background:var(--red)} .team-ai li .rdot.info{background:var(--blue)}

/* live activity strip */
.team-live{display:flex;align-items:center;gap:10px;background:var(--panel2);
  border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:13px}
.team-live .lv-n{font-size:22px;font-weight:700;color:var(--blue)}

/* add-assessment form */
.team-addform{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.team-addform .full{grid-column:1 / -1}
.team-addform label{font-size:11px;color:var(--muted);text-transform:uppercase;
  letter-spacing:.5px;display:block;margin-bottom:4px}
.team-addform select,.team-addform input{width:100%;background:var(--panel2);color:var(--txt);
  border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:13px}