/* ═══ Телефон персонала — «Профиль» (scripts/phone-crew-profile.mjs, SPEC §8.18) ═══
   Плита — пропуск: знак, имя, роль с кодом профиля, заведение. Ниже бумага
   сгруппированными карточками, как «Ещё» у владельца (phone/more.css): смены
   месяца дверью на «Смену», свои начисления, награды, тема, вход и выход. */
.tel-screen.tel-crew-profile{background:var(--paper)}
.cp-plate{border-radius:0;padding:calc(18px + env(safe-area-inset-top,0px)) var(--ph-gutter) 20px}
.cp-pass{display:flex;align-items:center;gap:14px}
.cp-av{
  display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:var(--r-mark);overflow:hidden;
  font-size:22px;font-weight:600;font-style:normal;letter-spacing:.02em;color:var(--av-ink);background:var(--av,var(--stop));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--band-ink) 18%,transparent);
}
.cp-av svg{width:34px;height:34px}
.cp-av .face-photo{border-radius:0}
.cp-who{min-width:0}
.cp-who b{display:block;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--band-ink)}
.cp-who>span{display:block;margin-top:4px;font-size:var(--ph-s);color:var(--band-ink-2)}
.cp-who u{display:block;margin-top:2px;font-size:var(--ph-s);text-decoration:none;color:var(--band-ink-3)}
.cp-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cp-body{padding:14px var(--ph-gutter) calc(var(--tel-bar) + 20px)}
.cp-sec{margin-bottom:14px}
.cp-sec h3{margin:0 0 6px 4px;font-size:var(--ph-s);font-weight:600;color:var(--ink-2)}
.cp-card{border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sh-1);overflow:hidden}
.cp-door{
  display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:12px 14px;text-align:left;
  font-size:var(--ph-b);font-weight:500;color:var(--ink);transition:background-color var(--t-tap) var(--ease);
}
.cp-door span{flex:1;min-width:0}
.cp-door svg{width:18px;height:18px;flex-shrink:0;color:var(--ink-3)}
.cp-door:active{background:var(--sunk)}
.cp-quiet{margin:0;padding:14px;font-size:var(--ph-b);color:var(--ink-3)}
.cp-period{margin:0;padding:12px 14px 0;font-size:var(--ph-s);color:var(--ink-3)}
.cp-lines{margin:0;padding:4px 14px;list-style:none}
.cp-lines li{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule-2)}
.cp-lines li span{flex:1;min-width:0}
.cp-lines b{display:block;font-size:var(--ph-b);font-weight:500;color:var(--ink)}
.cp-lines i{display:block;font-style:normal;font-size:var(--ph-s);color:var(--ink-3)}
.cp-lines em{font-style:normal;font-size:var(--ph-b);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.cp-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:10px 14px 14px}
.cp-totals div{min-width:0}
.cp-totals dt{font-size:var(--ph-xs);color:var(--ink-3)}
.cp-totals dd{margin:2px 0 0;font-size:17px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-totals .left dd{color:var(--ok)}
.cp-awards{margin:0;padding:6px 14px;list-style:none}
.cp-awards li{padding:8px 0;font-size:var(--ph-b);border-bottom:1px solid var(--rule-2)}
@media (prefers-reduced-motion:reduce){
  .cp-door{transition:none}
}