/* Диалоги аккаунта: вход, профиль, чужая страница, стена, друзья.
   Общий файл для карты (там нужна только форма входа) и для модуля
   /profile, где живёт весь кабинет. */
.auth-dialog{position:fixed;inset:0;z-index:9;background:rgba(0,0,0,.48);display:grid;place-items:center;padding:18px}
.auth-dialog[hidden]{display:none}
.auth-card{position:relative;width:min(360px,100%);padding:20px;background:#0b1823;border:1px solid #3f8e9e;border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.55)}
.auth-card h2{margin:0 0 14px;font-size:19px;padding-right:26px}
.auth-card input,.auth-card select{width:100%;margin:5px 0 9px;padding:9px;border-radius:8px;border:1px solid #396d78;background:#08121a;color:#effcff}
.auth-card button{border:1px solid #3f8e9e;background:#12505d;color:#fff;border-radius:8px;padding:9px 11px;cursor:pointer}
.auth-card #auth-switch{margin-left:6px;background:#0d2631}
.auth-card .close{position:absolute;right:9px;top:6px;background:none;border:0;font-size:23px;color:#b8d4d9}
.auth-card .error{color:#ff9b92;font-size:12px;min-height:18px}
.profile-card{width:min(420px,100%);max-height:calc(100vh - 36px);overflow-y:auto}
.profile-edit-form{margin-top:10px;padding-top:10px;border-top:1px solid rgba(102,214,232,.2)}
.profile-edit-form label{display:block;color:#9bc9d1;font-size:11px;margin-top:6px}
.profile-edit-form input[type="checkbox"]{width:auto;display:inline-block;margin-right:6px}
.profile-content dt{color:#8faeb6;font-size:11px;margin-top:10px}
.profile-content dd{margin:2px 0 0;color:#e8f8fa;font:600 14px Inter,system-ui}
.profile-content .verified{color:#33d2a3;font-weight:600}
.profile-content .unverified{color:#e0a34e;font-weight:600}
.profile-inline-action{margin-left:6px;border:1px solid #3f8e9e;background:#12505d;color:#fff;border-radius:6px;padding:3px 7px;font-size:11px;cursor:pointer}
.profile-inline-action:disabled{opacity:.6;cursor:default}
.profile-reputation{margin-top:14px;padding:10px;border:1px solid rgba(102,214,232,.3);border-radius:10px;background:rgba(102,214,232,.06)}
.profile-reputation b{display:block;color:#9fd9e3}
.profile-reputation-bar{margin-top:6px;height:6px;border-radius:4px;background:#0d2631;overflow:hidden}
.profile-reputation-bar span{display:block;height:100%;background:#33d2a3}
.profile-vessels{margin-top:14px}
.profile-vessels h3{margin:0 0 6px;font-size:13px;color:#9fd9e3}
.profile-vessel-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(102,214,232,.15);color:#c4dce1;font-size:13px}
.profile-vessel-row small{color:#8faeb6;display:block;margin-top:2px}
.profile-vessel-info{min-width:0}
.profile-vessel-actions{display:flex;gap:5px;flex:0 0 auto}
.profile-vessel-actions button{border:1px solid #3f8e9e;background:#12505d;color:#fff;border-radius:6px;padding:5px 8px;font-size:11px;cursor:pointer}
.profile-vessel-actions button[data-vessel-delete]{background:#5a1f24;border-color:#8a3138}
.profile-avatar{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0 auto 8px;border:2px solid #3f8e9e}
.profile-privacy{margin-top:14px;padding-top:10px;border-top:1px solid rgba(102,214,232,.15)}
.profile-privacy h3{margin:0 0 6px;font-size:13px;color:#9fd9e3}
.profile-privacy label{display:block;color:#c4dce1;font-size:12.5px;margin:5px 0}
.profile-privacy input[type="checkbox"]{width:auto;display:inline-block;margin-right:6px}
.profile-privacy small{display:block;color:#8faeb6;font-size:11px;margin:2px 0 0 20px}
.wall-section{margin-top:16px;padding-top:14px;border-top:1px solid rgba(102,214,232,.2)}
.wall-compose-form{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.wall-compose-form textarea{width:100%;min-height:60px;padding:8px;border-radius:8px;border:1px solid #396d78;background:#08121a;color:#effcff;font:inherit;resize:vertical}
.wall-compose-photo-picker{align-self:flex-start;border:1px solid #3f8e9e;background:#0d2631;color:#bfeaf0;border-radius:7px;padding:6px 10px;font-size:12px;cursor:pointer}
.wall-post{padding:10px 0;border-top:1px solid rgba(102,214,232,.15)}
.wall-post:first-child{border-top:0}
.wall-post-body{color:#e8f8fa;font-size:13px;line-height:1.42;white-space:pre-wrap}
.wall-post-footer{display:flex;align-items:center;gap:8px;margin-top:6px}
.wall-comments-toggle{border:0;background:none;color:#8fd0da;font-size:11px;cursor:pointer;padding:0}
.wall-comments{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(102,214,232,.15)}
.wall-comment-form{display:flex;gap:6px;margin-top:6px}
.wall-comment-form input{flex:1;padding:7px;border-radius:7px;border:1px solid #396d78;background:#08121a;color:#effcff}
.friend-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.friend-actions button{border:1px solid #3f8e9e;background:#12505d;color:#fff;border-radius:8px;padding:7px 11px;font-size:12px;cursor:pointer}
.friend-actions button[data-friend-action="decline"],.friend-actions button[data-friend-action="remove"],.friend-actions button[data-friend-action="cancel"]{background:#5a1f24;border-color:#8a3138}
.friend-badge{color:#33d2a3;font-weight:600;font-size:12px}
.profile-friends{margin-top:14px}
.profile-friends h3{margin:0 0 6px;font-size:13px;color:#9fd9e3}
.profile-friend-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid rgba(102,214,232,.15);cursor:pointer}
.profile-friend-row:first-child{border-top:0}
.profile-friend-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#0d2631}
.profile-friend-name{flex:1;color:#e8f8fa;font-size:13px}
.profile-friend-row button{flex:0 0 auto;border:1px solid #3f8e9e;background:#12505d;color:#fff;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer}
.vessel-category-hint{display:block;margin-top:4px;color:#8faeb6;font-size:12px}
.vessel-type-missing{color:#f4b942;font-weight:600}
.vessel-active-badge{margin-left:6px;padding:1px 6px;border-radius:8px;background:rgba(51,210,163,.16);color:#33d2a3;font-size:11px;font-weight:600}
.auth-card .auth-link{display:block;margin:10px 0 0;padding:0;border:0;background:none;color:#8fd0da;text-decoration:underline;text-underline-offset:2px;font-size:12.5px}
.auth-card .auth-hint{margin:0 0 8px;color:#9fbcc3;font-size:12.5px;line-height:1.45}
.auth-card label{display:block;color:#9bc9d1;font-size:12px}
.profile-work-email{margin:12px 0;padding:10px;border:1px solid rgba(102,214,232,.25);border-radius:10px;display:grid;gap:5px}
.profile-work-email b{color:#aee9f1;font-size:13px}
.profile-work-email small{color:#9fbcc3;font-size:12px;line-height:1.4}
.profile-work-email .verified{color:#33d2a3}
.profile-work-email .unverified{color:#e0a34e}
.profile-work-email-form{display:flex;gap:6px}
.profile-work-email-form input{flex:1;min-width:0;margin:0}
.public-profile-dispute{margin-top:10px;font-size:12px}
/* hidden должен побеждать display:block у подписей форм -- иначе в режиме
   входа видны поля регистрации, а у службы -- поля судна. */
.auth-card [hidden],.profile-edit-form [hidden]{display:none!important}

/* Страница человека: шапка, вкладки, панели. Своя и чужая -- один экран. */
.person-legacy-dialog{display:none!important}
.person-page{max-width:940px;margin:0 auto}
.person-head{position:relative;border:1px solid rgba(102,214,232,.28);border-radius:14px;overflow:hidden;background:#0b1823}
.person-cover{height:120px;background:linear-gradient(120deg,#0e3b4a,#12505d 60%,#0b2b38)}
.person-head-row{display:flex;gap:16px;align-items:flex-start;padding:0 18px 16px;margin-top:-38px;flex-wrap:wrap}
.person-avatar{flex:0 0 auto;width:92px;height:92px;border-radius:50%;border:3px solid #0b1823;background:#123642;display:grid;place-items:center;overflow:hidden}
.person-avatar img{width:100%;height:100%;object-fit:cover}
.person-avatar span{font:600 34px Inter,system-ui;color:#9fd9e3}
.person-identity{flex:1 1 260px;min-width:0;padding-top:42px}
.person-identity h2{margin:0;font-size:22px;color:#f2fbfc}
.person-subtitle{margin:4px 0 0;color:#9fbcc3;font-size:13px;line-height:1.4}
.person-reputation{margin:6px 0 0;color:#8faeb6;font-size:12.5px}
.person-reputation b{color:#66d6e8}
.person-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:46px}
.person-actions button{border:1px solid #3f8e9e;background:#12505d;color:#fff;border-radius:8px;padding:8px 12px;font:600 13px Inter,system-ui;cursor:pointer}
.person-actions button[disabled]{opacity:.6;cursor:default}
.person-actions .person-secondary{background:#0d2631}
.person-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:14px 0 0;border-bottom:1px solid rgba(102,214,232,.2)}
.person-tabs button{border:0;background:none;color:#9fbcc3;padding:10px 12px;font:600 13px Inter,system-ui;cursor:pointer;border-bottom:2px solid transparent}
.person-tabs button[aria-selected="true"]{color:#eaf6f8;border-bottom-color:#66d6e8}
.person-tab-count{color:#7fa4ad;font-weight:400}
.person-panes{padding:14px 2px}
.person-pane[hidden]{display:none}
.person-vessel-card{border:1px solid rgba(102,214,232,.2);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.person-vessel-card b{color:#eaf6f8}
.person-vessel-card small{display:block;color:#9fbcc3;margin-top:2px}
.person-point{border-top:1px solid rgba(102,214,232,.15);padding:9px 2px;cursor:pointer}
.person-point:hover{background:rgba(102,214,232,.06)}
.person-point b{color:#eaf6f8;font-size:13px}
.person-point small{display:block;color:#9fbcc3;font-size:12px}
.person-point-note{color:#c4dce1!important}
.person-friends{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.person-friend{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(102,214,232,.2);border-radius:10px;text-decoration:none;color:#e8f8fa}
.person-friend img,.person-friend span{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#123642;display:grid;place-items:center;color:#9fd9e3;font-weight:600}
.person-about dt{color:#8faeb6;font-size:11px;margin-top:10px}
.person-about dd{margin:2px 0 0;color:#e8f8fa;font:600 14px Inter,system-ui}
@media (max-width:560px){.person-identity,.person-actions{padding-top:8px}.person-head-row{margin-top:-30px}}
/* Репутация уже стоит в шапке страницы -- в «О себе» она была бы дублем. */
#person-about .profile-reputation{display:none}
.person-todo{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,195,77,.45);border-radius:10px;background:rgba(255,195,77,.08);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.person-todo b{color:#ffc34d;font-size:13px;font-weight:600}
.person-todo button{margin-left:auto;border:1px solid #3f8e9e;background:#12505d;color:#fff;border-radius:8px;padding:6px 10px;font:600 12.5px Inter,system-ui;cursor:pointer}