/* A single, quiet identity across personal cards and the operations workspace. */
.crew-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;overflow:hidden;border-radius:50%;background:#e0f1fc;color:#16638c;font-size:17px;font-weight:700;line-height:1;vertical-align:middle;isolation:isolate}
.crew-avatar>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit;background:#fff}
.crew-avatar.account-avatar{width:32px;height:32px;font-size:13px}
.crew-card-identity{display:flex;align-items:center;gap:18px;min-width:0}
.crew-card-identity .crew-card-name{flex:1;min-width:0}
.crew-card-avatar{width:70px;height:70px;background:#234c68;color:#d0efff;font-size:28px;box-shadow:0 0 0 1px #ffffff24,0 4px 16px #03101d25}
.crew-avatar-edit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:12px auto 0;padding:8px 14px;border:0;background:transparent;color:#286484;border-radius:12px;font-size:13px;font-weight:650;box-shadow:none}
.crew-avatar-edit:hover{background:#e4f1fa}.crew-avatar-edit svg{width:18px;height:18px}
.crew-person-heading{display:flex;align-items:center;gap:16px;min-width:0}
.crew-person-heading>div{min-width:0}.crew-person-heading p{overflow-wrap:anywhere}
.crew-person-head .crew-avatar{width:56px;height:56px;font-size:22px}
.crew-avatar.crew-person-avatar{flex-shrink:0}.crew-avatar.crew-task-avatar{width:26px;height:26px;font-size:12px}
.team-row>.crew-person-heading{margin-bottom:8px}.team-row>.crew-person-heading strong{margin:0}
dialog[data-avatar-editor]{width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:26px;border:0;border-radius:26px;box-sizing:border-box;overscroll-behavior:contain}
dialog[data-avatar-editor] .dialog-head{margin-bottom:8px;gap:12px}dialog[data-avatar-editor] .dialog-head h2{font-size:21px;margin:0}
dialog[data-avatar-editor] #dialog-close{font-size:12px;min-height:44px;padding:8px 10px;flex-shrink:0}
.avatar-editor{color:#173b52}.avatar-intro{margin:4px 0 20px;font-size:13px;line-height:1.8;color:#587184}
.avatar-studio{display:grid;justify-items:center;gap:16px;padding:26px 16px 20px;border-radius:20px;background:#edf5fb}
.avatar-crop{width:clamp(160px,52vw,230px);height:clamp(160px,52vw,230px);border-radius:50%;overflow:hidden;touch-action:none;cursor:grab;background:#dfedf7;box-shadow:0 0 0 4px #fff,0 8px 24px #173e5810;flex-shrink:0}
.avatar-crop:active{cursor:grabbing}.avatar-crop:focus-visible{outline:3px solid #0878b8;outline-offset:7px}
.avatar-crop canvas{display:block;width:100%;height:100%;border-radius:50%}.avatar-crop canvas[hidden]{display:none}
.avatar-editor-portrait{width:100%;height:100%;font-size:72px;font-weight:600}.avatar-crop #avatar-existing{width:100%;height:100%}
#avatar-hint{margin:0;font-size:12px;line-height:1.5;color:#506a7e}
.avatar-pick-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:16px 0}
.avatar-pick-row button{min-height:44px;border:0;border-radius:12px;font-size:13px;font-weight:650}
#avatar-pick{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#e7f3fc;color:#086f9f}
#avatar-pick svg{width:19px;height:19px}#avatar-remove{padding:8px 4px;background:transparent;color:#586f80;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.avatar-adjust{margin:20px 0 0}.avatar-adjust>label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;margin:0;color:#385a70}
.avatar-adjust output{font-variant-numeric:tabular-nums;font-weight:500;color:#587184}
.avatar-adjust input[type=range]{width:100%;max-width:100%;min-height:44px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;accent-color:#087bb8;cursor:pointer}
.avatar-tools{display:flex;gap:8px;justify-content:space-between}.avatar-tools button{min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;font-size:12px;color:#42677f}
.avatar-visibility{font-size:11px;color:#637989;line-height:1.75;margin:18px 0}
.avatar-footer{display:flex;gap:10px;padding-top:16px;border-top:1px solid #e3ecf2}.avatar-footer button{min-height:48px;border-radius:13px;font-size:14px;line-height:1.4;padding:12px 14px}
.avatar-footer .primary{flex:1;background:#087ab5;color:#fff;border-color:transparent}.avatar-footer .primary:hover{background:#07699c}
#avatar-cancel{background:transparent;border:0;color:#526c7d}dialog[data-avatar-editor] button:disabled{opacity:.5;cursor:default}
@media(max-width:560px){.crew-card-identity{gap:13px}.crew-card-avatar{width:56px;height:56px;font-size:24px}.crew-identity .crew-card-identity .crew-card-name{font-size:clamp(20px,5.3vw,28px)}}
@media(max-width:360px){.crew-card-avatar{width:46px;height:46px;font-size:21px}.crew-card-identity{gap:11px}dialog[data-avatar-editor]{padding:18px}.avatar-studio{padding:18px 12px 16px}.avatar-intro{font-size:12px}.avatar-footer button{font-size:12px;padding:12px 10px}}