:root { --nbp2-primary: #5b4bff; --nbp2-primary-hover: #4938ef; --nbp2-primary-light: #7762ff; --nbp2-text: #101828; --nbp2-muted: #667085; --nbp2-border: rgba(15, 23, 42, .09); --nbp2-border-strong: #d0d5dd; --nbp2-surface: #ffffff; --nbp2-soft: #f6f7f9; --nbp2-success: #067647; --nbp2-success-bg: #ecfdf3; --nbp2-focus: rgba(91, 75, 255, .18); --nbp2-shadow: none; --nbp2-shadow-soft: none;
}
body.nbp2-profile-active { color: #151724; background: #f6f7f9; } .nbp2-shell,
.nbp2-shell * { box-sizing: border-box;
} .nbp2-shell { width: min(100%, 1160px); margin: 0 auto; padding: 30px 20px 52px; color: var(--nbp2-text); font-family: inherit;
} .nbp2-page-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px;
} .nbp2-title { margin: 0; color: var(--nbp2-text); font-size: clamp(28px, 3vw, 34px); font-weight: 760; letter-spacing: -.035em; line-height: 1.08;
} .nbp2-alert { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 18px; padding: 14px 16px; border: 1px solid; border-radius: 13px;
} .nbp2-alert--success { display: block; color: var(--nbp2-success); background: var(--nbp2-success-bg); border-color: #abefc6;
} .nbp2-alert__icon { display: inline-flex; flex: 0 0 26px; align-items: center; justify-content: center; width: 26px; height: 26px; color: #fff; background: #17b26a; border-radius: 50%; font-weight: 800;
} .nbp2-alert strong { display: block; margin-bottom: 2px;
} .nbp2-alert p { margin: 0; color: #085d3a; font-size: 14px;
} .nbp2-form > .nbp2-alert { margin-bottom: 0;
} .nbp2-form { display: grid; gap: 14px; margin: 0;
} .nbp2-card { overflow: hidden; padding: 22px; background: var(--nbp2-surface); border: 1px solid var(--nbp2-border); border-radius: 14px; box-shadow: none;
} .nbp2-card--cover { padding: 0;
} .nbp2-card--cover .nbp2-section-head { padding: 26px 28px 0;
} .nbp2-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px;
} .nbp2-section-head h2 { margin: 0; color: var(--nbp2-text); font-size: 18px; font-weight: 720; letter-spacing: -.015em; line-height: 1.3;
} .nbp2-section-head p { margin: 5px 0 0; color: var(--nbp2-muted); font-size: 13px; line-height: 1.5;
} .nbp2-banner { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 0; aspect-ratio: var(--nbp2-banner-aspect, 1800 / 182); margin: 0; overflow: hidden; background: linear-gradient(135deg, rgba(91, 75, 255, .09), rgba(56, 189, 248, .10)), #f8f9ff; border: 1px dashed #c7c0ff; border-radius: 15px;
} .nbp2-banner.has-image { background-image: var(--nbp2-banner-image); background-position: var(--nbp2-banner-position, center); background-size: cover; background-repeat: no-repeat; border: 0; box-shadow: inset 0 0 0 1px rgba(91, 75, 255, .12);
} /* Content Design загружается позже и задаёт shorthand background с !important. */
body.neirobase-content-design-active .nbp2-banner.has-image { background: var(--nbp2-banner-image) var(--nbp2-banner-position, center) / cover no-repeat !important;
} .nbp2-banner__empty { display: flex; align-items: center; gap: 8px; color: var(--nbp2-muted); font-size: 12px; font-weight: 650;
} .nbp2-banner.has-image .nbp2-banner__empty { display: none;
} .nbp2-banner__empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: var(--nbp2-primary); background: #fff; border: 1px solid #dedaff; border-radius: 7px; box-shadow: var(--nbp2-shadow-soft); font-size: 14px;
} .nbp2-upload-button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 13px; overflow: hidden; color: var(--nbp2-text); background: #fff; border: 1px solid var(--nbp2-border-strong); border-radius: 10px; box-shadow: 0 2px 8px rgba(16, 24, 40, .05); font-size: 13px; font-weight: 680; line-height: 1.2; cursor: pointer; transition: .16s ease;
} .nbp2-upload-button:hover,
.nbp2-upload-button:focus-within { color: var(--nbp2-primary); background: #f8f7ff; border-color: #c7c0ff;
} .nbp2-upload-button:focus-within { box-shadow: 0 0 0 4px var(--nbp2-focus);
} .nbp2-file-input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;
} .nbp2-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
} .nbp2-image-control { position: relative; isolation: isolate;
} .nbp2-image-upload-control { position: absolute; z-index: 2; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 44px 10px 12px; color: #fff; background: rgba(20, 22, 38, .64); border-radius: inherit; opacity: 0; cursor: pointer; transition: opacity .16s ease, background-color .16s ease;
} .nbp2-image-upload-control--avatar { flex-direction: column; gap: 5px; padding: 10px; border-radius: 15px;
} .nbp2-image-upload-control svg { width: 21px; height: 21px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
} .nbp2-image-upload-control span { font-size: 12px; font-weight: 760; line-height: 1.2; text-align: center;
} .nbp2-image-upload-control:hover,
.nbp2-image-upload-control:focus-within { background: rgba(20, 22, 38, .74);
} .nbp2-image-remove-control { position: absolute; z-index: 3; top: 8px; right: 8px; display: inline-grid; width: 32px; height: 32px; padding: 0; place-items: center; color: #fff; background: rgba(179, 49, 43, .88); border: 1px solid rgba(255, 255, 255, .42); border-radius: 9px; box-shadow: 0 7px 20px rgba(80, 18, 18, .22); opacity: 0; transform: translateY(-3px); cursor: pointer; transition: opacity .16s ease, transform .16s ease, background-color .16s ease;
} .nbp2-image-remove-control--avatar { top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 8px;
} .nbp2-image-remove-control svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
} .nbp2-image-remove-control:hover { background: #b42318;
} .nbp2-image-remove-control:focus-visible { background: #b42318; outline: 3px solid rgba(255, 255, 255, .88); outline-offset: 2px;
} .nbp2-image-control:hover .nbp2-image-upload-control,
.nbp2-image-control:focus-within .nbp2-image-upload-control,
.nbp2-image-control:hover .nbp2-image-remove-control,
.nbp2-image-control:focus-within .nbp2-image-remove-control { opacity: 1; transform: translateY(0);
} .nbp2-image-remove-control[hidden] { display: none;
} .nbp2-avatar-row { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; padding: 18px 0 20px; border-bottom: 1px solid var(--nbp2-border);
} .nbp2-avatar-wrap { flex: 0 0 auto; padding: 4px; background: #fff; border: 1px solid var(--nbp2-border); border-radius: 16px; box-shadow: var(--nbp2-shadow-soft);
} .nbp2-avatar { display: block; width: 88px; height: 88px; object-fit: cover; object-position: var(--nbp2-avatar-position, center); border-radius: 14px;
} .nbp2-avatar-copy { min-width: 0;
} .nbp2-avatar-copy h3 { margin: 0 0 5px; font-size: 16px; font-weight: 700;
} .nbp2-avatar-copy p { max-width: 560px; margin: 0 0 10px; color: var(--nbp2-muted); font-size: 13px; line-height: 1.5;
} .nbp2-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
} .nbp2-field { min-width: 0;
} .nbp2-field--wide { grid-column: 1 / -1;
} .nbp2-field label,
.nbp2-label-row label { display: block; margin-bottom: 8px; color: var(--nbp2-text); font-size: 14px; font-weight: 680; line-height: 1.3;
} .nbp2-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px;
} .nbp2-label-row > span { color: var(--nbp2-muted); font-size: 12px; font-weight: 600;
} .nbp2-label-row > span.is-near-limit { color: #b54708;
} .nbp2-field input,
.nbp2-field textarea { display: block; width: 100%; margin: 0; color: var(--nbp2-text); background: #fff; border: 1px solid var(--nbp2-border-strong); border-radius: 11px; outline: 0; box-shadow: 0 1px 2px rgba(16, 24, 40, .03); font: inherit; font-size: 15px; transition: border-color .16s ease, box-shadow .16s ease;
} .nbp2-field input { min-height: 48px; padding: 0 14px;
} .nbp2-field textarea { min-height: 112px; padding: 12px 14px; resize: vertical; line-height: 1.55;
} .nbp2-field input::placeholder,
.nbp2-field textarea::placeholder { color: #98a2b3;
} .nbp2-field input:focus,
.nbp2-field textarea:focus,
.nbp2-input-prefix:focus-within { border-color: var(--nbp2-primary); box-shadow: 0 0 0 4px var(--nbp2-focus);
} .nbp2-help { margin: 7px 0 0; color: var(--nbp2-muted); font-size: 12px; line-height: 1.45;
} .nbp2-field-error { margin: 7px 0 0; color: #b42318; font-size: 12px; font-weight: 650; line-height: 1.45;
} .nbp2-field-error[hidden] { display: none;
} .nbp2-field input[aria-invalid="true"],
.nbp2-field textarea[aria-invalid="true"] { border-color: #d92d20;
} .nbp2-field input[aria-invalid="true"]:focus,
.nbp2-field textarea[aria-invalid="true"]:focus { border-color: #d92d20; box-shadow: 0 0 0 4px rgba(217, 45, 32, .12);
} .nbp2-input-prefix { display: flex; align-items: center; width: 100%; min-height: 48px; overflow: hidden; background: #fff; border: 1px solid var(--nbp2-border-strong); border-radius: 11px; transition: border-color .16s ease, box-shadow .16s ease;
} .nbp2-input-prefix > span { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; align-self: stretch; color: var(--nbp2-primary); background: var(--nbp2-soft); border-right: 1px solid var(--nbp2-border); font-weight: 750;
} .nbp2-input-prefix input { min-height: 46px; border: 0; border-radius: 0; box-shadow: none;
} .nbp2-input-prefix input:focus { box-shadow: none;
} .nbp2-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 2px 0 0; background: transparent; border: 0; border-radius: 0; box-shadow: none;
} .nbp2-actions p { margin: 0; color: var(--nbp2-muted); font-size: 13px; line-height: 1.45;
} .nbp2-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 18px; border: 1px solid transparent; border-radius: 11px; font: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; transition: .16s ease;
} .nbp2-button--primary { color: #fff; background: #6654ff; border-color: var(--nbp2-primary); box-shadow: none;
} .nbp2-button--primary:hover { color: #fff; background: #5140ee; border-color: var(--nbp2-primary-hover); box-shadow: none;
} .nbp2-button__loading { display: none;
} .nbp2-form.is-submitting .nbp2-button__label { display: none;
} .nbp2-form.is-submitting .nbp2-button__loading { display: inline;
} .nbp2-form.is-submitting [data-nbp2-submit] { cursor: wait; opacity: .8;
} .nbp2-button:disabled { cursor: wait; opacity: .8; pointer-events: none; transform: none;
} .nbp2-login-required { width: min(100% - 32px, 620px); margin: 70px auto; padding: 42px; text-align: center; background: #fff; border: 1px solid var(--nbp2-border); border-radius: 20px; box-shadow: var(--nbp2-shadow);
} .nbp2-login-required__icon { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 14px; background: #f1efff; border-radius: 18px; font-size: 28px;
} .nbp2-login-required h2 { margin: 0 0 9px;
} .nbp2-login-required p { margin: 0 0 22px; color: var(--nbp2-muted);
} /* Убираем старое плавающее сообщение Core только на странице V2. */
body.nbp2-profile-active .neirobase-success,
body:has(.nbp2-shell) .neirobase-success { display: none !important;
} @media (max-width: 760px) { .nbp2-shell { padding: 30px 14px 50px; } .nbp2-title { font-size: 34px; } .nbp2-card { padding: 22px 18px; border-radius: 15px; } .nbp2-card--cover { padding: 0; } .nbp2-card--cover .nbp2-section-head { padding: 22px 18px 0; } .nbp2-banner { min-height: 0; margin: 0; } .nbp2-avatar-row { align-items: flex-start; margin-bottom: 18px; padding: 16px 0 18px; } .nbp2-avatar { width: 80px; height: 80px; } .nbp2-grid { grid-template-columns: 1fr; } .nbp2-actions { align-items: stretch; flex-direction: column; padding: 18px; } .nbp2-actions .nbp2-button { width: 100%; }
} @media (max-width: 480px) { .nbp2-avatar-row { flex-direction: column; } .nbp2-banner { min-height: 0; } input[type="email"][data-nbp2-email] { min-width: 0; padding-inline: 8px; font-size: 14px; letter-spacing: -.015em; }
} @media (max-width: 360px) { input[type="email"][data-nbp2-email] { font-size: 13px; letter-spacing: -.02em; }
} /* Reader account settings: account data only, public author fields stay author-only. */
.nbp2-shell--account { width: min(calc(100% - clamp(24px, 4vw, 32px)), 860px); padding-top: clamp(20px, 3vw, 34px);
} .nbp2-shell--account .nbp2-page-head { margin-bottom: 18px;
} .nbp2-shell--account .nbp2-title { font-size: clamp(30px, 3vw, 38px);
} .nbp2-account-form { gap: 14px;
} .nbp2-account-card { padding: clamp(20px, 3vw, 28px);
} .nbp2-account-avatar-row { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid var(--nbp2-border);
} .nbp2-avatar-wrap--account { border-radius: 20px;
} .nbp2-avatar--account { width: 88px; height: 88px; border-radius: 16px;
} .nbp2-account-avatar-copy { display: grid; min-width: 0; gap: 5px;
} .nbp2-account-avatar-copy > strong { font-size: 17px; font-weight: 740;
} .nbp2-account-avatar-copy > span { margin-bottom: 7px; color: var(--nbp2-muted); font-size: 13px;
} .nbp2-account-avatar-copy .nbp2-upload-button { width: fit-content;
} .nbp2-account-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 18px; padding-top: 24px;
} .nbp2-account-actions { display: flex; justify-content: flex-end; padding-top: 24px;
} .nbp2-account-actions .nbp2-button { width: min(100%, 190px);
} @media (prefers-reduced-motion: reduce) { .nbp2-shell *, .nbp2-shell *::before, .nbp2-shell *::after, .nbp2-global-toast { transition-duration: .01ms !important; animation-duration: .01ms !important; }
} .nbp2-button--secondary { gap: 8px; color: var(--nbp2-text); background: #fff; border-color: var(--nbp2-border-strong); box-shadow: 0 2px 8px rgba(16, 24, 40, .04);
} .nbp2-button--secondary:hover { color: var(--nbp2-primary); background: #f8f7ff; border-color: #c7c0ff; ;
} .nbp2-button--secondary svg { width: 18px; height: 18px; fill: currentColor;
} .nbp2-button--danger { gap: 7px; color: #b42318; background: #fff; border-color: #f6c7c3; box-shadow: 0 2px 8px rgba(180, 35, 24, .04);
} .nbp2-button--danger:hover { color: #912018; background: #fff6f5; border-color: #ee9f98; ;
} .nbp2-button--danger svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
} .nbp2-alert--error { color: #b42318; background: #fef3f2; border-color: #fecdca;
} .nbp2-alert--error .nbp2-alert__icon { background: #d92d20;
} .nbp2-alert--error p { color: #912018;
} .nbp2-tip-icon { color: #e64878 !important; background: #fff1f5 !important;
} .nbp2-tip-icon svg { width: 19px; height: 19px; fill: currentColor;
} .nbp2-actions__buttons { display: flex; align-items: center; justify-content: flex-end; gap: 10px;
} .nbp2-global-toast { position: fixed; z-index: 999999; right: 22px; bottom: 22px; display: block; max-width: min(380px, calc(100vw - 28px)); padding: 14px 16px; color: #085d3a; background: #ecfdf3; border: 1px solid #abefc6; border-radius: 13px; box-shadow: 0 16px 40px rgba(16, 24, 40, .16); animation: nbp2-toast-in .28s ease both;
} .nbp2-global-toast.is-hiding { animation: nbp2-toast-out .22s ease both;
} .nbp2-global-toast strong,
.nbp2-global-toast span { display: block;
} .nbp2-global-toast strong { margin-bottom: 2px; color: #067647; font-size: 14px;
} .nbp2-global-toast div > span { font-size: 13px;
} @keyframes nbp2-toast-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); }
} @keyframes nbp2-toast-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(10px); }
} @media (max-width: 760px) { .nbp2-page-head { align-items: stretch; flex-direction: column; } .nbp2-page-head > .nbp2-button { width: 100%; } .nbp2-actions__buttons { align-items: stretch; flex-direction: column-reverse; width: 100%; } .nbp2-actions__buttons .nbp2-button { width: 100%; } .nbp2-global-toast { right: 14px; bottom: 14px; left: 14px; max-width: none; }
} /* Profile 2.4.0: connection privacy, public connection lists and account insights. */
.nbp2-toggle{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;cursor:pointer;padding:16px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:rgba(255,255,255,.03);transition:border-color .18s ease,background-color .18s ease}
.nbp2-toggle:hover{border-color:rgba(109,74,255,.32);background:rgba(109,74,255,.025)}
.nbp2-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.nbp2-toggle__track{position:relative;flex:0 0 44px;width:44px;height:24px;margin-top:1px;border-radius:999px;background:#d9dee8;transition:background-color .18s ease}
.nbp2-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.18);transition:transform .18s ease}
.nbp2-toggle input:checked+.nbp2-toggle__track{background:#6d4aff}
.nbp2-toggle input:checked+.nbp2-toggle__track:after{transform:translateX(20px)}
.nbp2-toggle input:focus-visible+.nbp2-toggle__track{outline:3px solid rgba(109,74,255,.24);outline-offset:3px}
.nbp2-toggle__copy strong{display:block}
.nbp2-toggle__copy small{display:block;margin-top:4px;color:#6b7280;line-height:1.45}
.nbp2-visibility-setting{display:grid;gap:10px}
.nbp2-visibility-status{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:999px;background:#f0edff;color:#5b4bff;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
.nbp2-visibility-note{margin:0;padding:0 4px;color:var(--nbp2-muted);font-size:13px;line-height:1.5}
.nbp2-connections-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:12px}
.nbp2-connection-card{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid rgba(148,163,184,.20);border-radius:14px;background:rgba(255,255,255,.18);box-shadow:0 1px 2px rgba(15,23,42,.03)}
.nbp2-connection-card__body{display:flex;align-items:center;gap:12px;padding:14px;text-decoration:none;color:inherit}.nbp2-connection-card__avatar{display:block;flex:0 0 46px;width:46px;height:46px;overflow:hidden;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.16)}.nbp2-connection-card__avatar img,.nbp2-connection-card__avatar .avatar{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;object-fit:cover;object-position:center center;transform:none;transform-origin:center center}.nbp2-connection-card__copy{display:block;min-width:0;flex:1 1 auto}.nbp2-connection-card__name-row{display:flex;min-width:0;align-items:center;gap:7px}.nbp2-connection-card__badges{display:flex;flex:0 0 auto;align-self:flex-start;align-items:center;flex-direction:column;gap:4px}.nbp2-connection-card__name-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbp2-connection-card__verified,.nbp2-connection-card__editor-pick{display:inline-flex;width:22px;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:7px;box-sizing:border-box}.nbp2-connection-card__verified{color:#6654ff;background:linear-gradient(145deg,#f5f3ff,#ece9ff);border:1px solid rgba(102,84,255,.16);box-shadow:0 3px 9px rgba(74,57,185,.08)}.nbp2-connection-card__editor-pick{color:#825510;background:linear-gradient(135deg,rgba(255,247,218,.96),rgba(255,238,247,.94));border:1px solid rgba(206,150,45,.16);box-shadow:0 3px 9px rgba(130,85,16,.08)}.nbp2-connection-card__verified svg,.nbp2-connection-card__editor-pick svg{display:block;width:12px;height:12px;flex:0 0 12px}.nbp2-connection-card__editor-pick svg{fill:currentColor}.nbp2-connection-card small{display:block;overflow:hidden;margin-top:3px;color:#7b8190;text-overflow:ellipsis;white-space:nowrap}
.nbp2-owner-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,240px) auto;align-items:center;gap:18px;margin:0 0 24px;padding:18px 20px;border:1px solid rgba(109,74,255,.25);border-radius:18px;background:linear-gradient(135deg,rgba(109,74,255,.09),rgba(255,255,255,.02))}
.nbp2-owner-status span,.nbp2-owner-status strong{display:block}.nbp2-owner-status span{color:#7b8190;font-size:13px}.nbp2-owner-status strong{margin-top:3px}.nbp2-owner-status__progress{height:8px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden}.nbp2-owner-status__progress i{display:block;height:100%;border-radius:inherit;background:#6d4aff}.nbp2-owner-status>a{text-decoration:none;font-weight:700;color:#6d4aff}
.nbp2-account-insights{margin:22px 0;padding:22px;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:rgba(255,255,255,.03)}
.nbp2-account-insights__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.nbp2-account-insights__head h2{margin:0}.nbp2-account-insights__head a{text-decoration:none;font-weight:700}
.nbp2-account-insights__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.nbp2-account-insights__grid article{padding:16px;border-radius:16px;background:rgba(148,163,184,.09)}.nbp2-account-insights__grid small,.nbp2-account-insights__grid strong,.nbp2-account-insights__grid span{display:block}.nbp2-account-insights__grid strong{font-size:26px;margin:5px 0}.nbp2-account-insights__grid span{font-size:12px;color:#7b8190}.nbp2-account-insights__grid article>div{height:6px;margin-top:11px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.22)}.nbp2-account-insights__grid article>div i{display:block;height:100%;background:#6d4aff}
@media(max-width:900px){.nbp2-account-insights__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nbp2-owner-status{grid-template-columns:1fr}.nbp2-owner-status>a{justify-self:start}}
@media(max-width:1540px){.nbp2-connections-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1280px){.nbp2-connections-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.nbp2-connections-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.nbp2-connections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nbp2-connections-grid{grid-template-columns:1fr}.nbp2-account-insights__grid{grid-template-columns:1fr}.nbp2-account-insights__head{align-items:flex-start;flex-direction:column}} /* Profile 2.5.3: roadmap low-fi shell for unified author settings. */
.nbp2-shell--author-settings { width: min(calc(100% - 40px), 980px); padding-top: 28px;
} .nbp2-settings-layout { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 24px; align-items: start;
} .nbp2-settings-nav { position: sticky; top: 88px; display: grid; gap: 4px; padding: 8px; background: #fff; border: 1px solid #e4e7ec; border-radius: 14px; box-shadow: none;
} .nbp2-settings-nav a { display: flex; align-items: center; min-height: 42px; padding: 9px 10px; color: #747a8d; background: transparent; border: 0; border-radius: 9px; font-size: 13px; font-weight: 760; line-height: 1.2; text-decoration: none; transition: color .18s ease, background .18s ease;
} .nbp2-settings-nav a:hover { color: #424657; background: #f8f7ff;
} .nbp2-settings-nav a.is-active { color: #151724; background: #f4f3ff;
} .nbp2-settings-nav a:focus-visible { color: #424657; background: #f8f7ff; outline: 3px solid rgba(102, 84, 255, .3); outline-offset: 2px;
} .nbp2-settings-main { min-width: 0;
} .nbp2-settings-section { scroll-margin-top: 96px;
} .nbp2-author-settings-form { gap: 16px;
} .nbp2-links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
} .nbp2-settings-save { position: sticky; z-index: 3; bottom: 16px; justify-content: space-between; gap: 12px; margin-top: 16px; padding: 12px; background: #fff; border: 1px solid var(--nbp2-border); border-radius: 14px; box-shadow: var(--nbp2-shadow-soft); } .nbp2-settings-save .nbp2-actions__buttons > .nbp2-button { min-height: 40px; padding: 9px 14px; border-radius: 10px; font-size: 13px;
} .nbp2-save-state { display: inline-flex; align-items: center; min-width: 0; gap: 8px; color: var(--nbp2-muted); font-size: 12px; font-weight: 700; line-height: 1.35;
} .nbp2-save-state__dot { flex: 0 0 8px; width: 8px; height: 8px; background: #22c55e; border-radius: 999px; box-shadow: 0 0 0 3px rgba(34, 197, 94, .12);
} .nbp2-settings-save[data-save-state="dirty"] .nbp2-save-state { color: var(--nbp2-text);
} .nbp2-settings-save[data-save-state="dirty"] .nbp2-save-state__dot { background: var(--nbp2-primary); box-shadow: 0 0 0 3px rgba(91, 75, 255, .14);
} .nbp2-settings-save[data-save-state="clean"] [data-nbp2-submit]:disabled { cursor: default; opacity: .56;
} .nbp2-settings-save.is-submitting .nbp2-button__label { display: none;
} .nbp2-settings-save.is-submitting .nbp2-button__loading { display: inline;
} .nbp2-settings-save.is-submitting [data-nbp2-submit] { cursor: wait; opacity: .8;
} #nbp2-security { margin-top: 16px;
} #nbp2-security .nbs-connections,
#nbp2-security .nbs-connections--account { width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
} @media (max-width: 1120px) { .nbp2-shell--author-settings > .nbp2-settings-layout { grid-template-columns: 180px minmax(0, 1fr); }
} @media (max-width: 760px) { body .nbp2-shell--author-settings { width: min(calc(100% - 28px), 720px); padding-top: 18px; } .nbp2-shell--author-settings .nbp2-settings-layout { display: block; } .nbp2-settings-layout > .nbp2-settings-nav { position: static; display: flex; gap: 6px; margin-bottom: 14px; overflow-x: auto; scrollbar-width: thin; } .nbp2-settings-layout > .nbp2-settings-nav a { flex: 0 0 auto; } .nbp2-author-settings-form .nbp2-links-grid { grid-template-columns: 1fr; } .nbp2-settings-main > .nbp2-settings-save { bottom: 10px; align-items: stretch; flex-direction: column; gap: 8px; padding: 10px; } .nbp2-settings-save .nbp2-actions__buttons { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 8px; width: 100%; } .nbp2-settings-save .nbp2-actions__buttons .nbp2-button { width: 100%; min-height: 42px; padding: 9px 10px; font-size: 13px; }
} @media (hover: none), (pointer: coarse) { .nbp2-image-upload-control { inset: auto 8px 8px; width: auto; min-height: 34px; justify-content: center; gap: 6px; padding: 7px 10px; background: rgba(20, 22, 38, .76); border-radius: 9px; opacity: 1; } .nbp2-image-upload-control--avatar { inset: auto auto 6px 6px; width: 30px; height: 30px; min-height: 0; padding: 0; } .nbp2-image-upload-control--avatar span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; } .nbp2-image-upload-control--avatar svg { width: 17px; height: 17px; } .nbp2-image-remove-control { opacity: 1; transform: none; }
} /* Banner help and image position editor. */
.nbp2-banner-help-row { display: flex; align-items: center; margin-top: 9px;
} .nbp2-banner-help-row .nbp2-help { margin: 0;
} .nbp2-banner-quality.is-warning { color: #9a5b00;
} .nbp2-image-remove-state { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 9px; margin-top: 9px; padding: 8px 10px; color: #8f2d25; background: #fff6f5; border: 1px solid #f6d0cc; border-radius: 10px; font-size: 12px; line-height: 1.35;
} .nbp2-image-remove-state[hidden] { display: none;
} .nbp2-image-remove-state button { padding: 0; color: #6654ff; background: transparent; border: 0; font: inherit; font-weight: 750; text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
} .nbp2-image-remove-state button:hover { color: #4938ef;
} .nbp2-banner-position-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px;
} .nbp2-banner-position-modal[hidden] { display: none;
} body.nbp2-banner-position-open { overflow: hidden;
} .nbp2-banner-position-modal__backdrop { position: absolute; inset: 0; background: rgba(13, 18, 35, .58); backdrop-filter: blur(4px);
} .nbp2-banner-position-dialog { position: relative; z-index: 1; width: min(1120px, 100%); max-height: min(820px, calc(100vh - 48px)); overflow: auto; color: var(--nbp2-text); background: #fff; border: 1px solid var(--nbp2-border); border-radius: 18px; box-shadow: 0 24px 70px rgba(16, 24, 40, .22);
} .nbp2-banner-position-dialog__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 20px 16px; border-bottom: 1px solid var(--nbp2-border);
} .nbp2-banner-position-dialog__head h2 { margin: 0; font-size: 19px; line-height: 1.3;
} .nbp2-banner-position-dialog__head p { max-width: 620px; margin: 5px 0 0; color: var(--nbp2-muted); font-size: 13px; line-height: 1.5;
} .nbp2-banner-position-close { flex: 0 0 auto; width: 36px; height: 36px; padding: 0; color: var(--nbp2-muted); background: #fff; border: 1px solid var(--nbp2-border); border-radius: 10px; font-size: 24px; line-height: 1; cursor: pointer;
} .nbp2-banner-position-close:hover,
.nbp2-banner-position-close:focus-visible { color: var(--nbp2-text); background: #f7f7fb; border-color: var(--nbp2-border-strong);
} .nbp2-banner-position-stage-wrap { display: flex; justify-content: center; padding: 20px; background: #f5f6fb;
} .nbp2-banner-position-stage { position: relative; width: min(1000px, 100%); aspect-ratio: var(--nbp2-banner-aspect, 1800 / 182); overflow: hidden; background: #111522; border: 0; border-radius: 14px; box-shadow: inset 0 0 0 1px #34394a, 0 10px 28px rgba(16, 24, 40, .14); cursor: grab; touch-action: none; user-select: none;
} .nbp2-banner-position-stage[data-nbp2-position-target="avatar"] { width: min(520px, 100%); aspect-ratio: 1 / 1;
} .nbp2-banner-position-stage.is-dragging { cursor: grabbing;
} .nbp2-banner-position-stage:focus-visible { outline: 3px solid var(--nbp2-focus); outline-offset: 3px;
} .nbp2-banner-position-stage img { position: absolute; top: 0; left: 0; max-width: none; pointer-events: none; user-select: none;
} .nbp2-banner-position-controls { display: grid; grid-template-columns: auto minmax(0, 1fr) 52px; align-items: center; gap: 12px; padding: 17px 20px;
} .nbp2-banner-position-controls label,
.nbp2-banner-position-controls span { font-size: 13px; font-weight: 680;
} .nbp2-banner-position-controls input[type="range"] { width: 100%; accent-color: var(--nbp2-primary);
} .nbp2-banner-position-dialog__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 20px 20px; border-top: 1px solid var(--nbp2-border);
} .nbp2-banner-position-dialog__actions > div { display: flex; gap: 10px;
} @media (max-width: 640px) { .nbp2-card .nbp2-banner-help-row { align-items: flex-start; flex-direction: column; } .nbp2-banner-position-modal:not([hidden]) { align-items: flex-end; padding: 0; } .nbp2-banner-position-modal .nbp2-banner-position-dialog { width: 100%; max-height: 92vh; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 18px 18px 0 0; } .nbp2-banner-position-modal .nbp2-banner-position-dialog__head, .nbp2-banner-position-modal .nbp2-banner-position-stage-wrap, .nbp2-banner-position-modal .nbp2-banner-position-controls { padding-right: 14px; padding-left: 14px; } .nbp2-banner-position-modal .nbp2-banner-position-dialog__actions { align-items: stretch; flex-direction: column-reverse; padding-right: 14px; padding-left: 14px; } .nbp2-banner-position-modal .nbp2-banner-position-dialog__actions > div { display: grid; grid-template-columns: 1fr 1fr; } .nbp2-banner-position-modal .nbp2-banner-position-dialog__actions > .nbp2-button, .nbp2-banner-position-modal .nbp2-banner-position-dialog__actions > div .nbp2-button { width: 100%; }
}

/* 2.5.50 — подборки промптов на публичном профиле */
.nbp2-collections { display: grid; gap: 16px;
} .nbp2-collections-list { display: grid; gap: 12px;
} .nbp2-collection-row { display: grid; gap: 14px; padding: 16px; background: #fafbfc; border: 1px solid var(--nbp2-border); border-radius: 14px;
} .nbp2-collection-row__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
} .nbp2-collection-row__head .nbp2-field { flex: 1 1 auto; min-width: 0; margin: 0;
} .nbp2-collection-row__remove { flex: 0 0 auto; min-height: 36px; padding: 0 12px; color: #6b7280; background: #fff; border: 1px solid var(--nbp2-border); border-radius: 999px; font-size: 12px; font-weight: 620; cursor: pointer;
} .nbp2-collection-row__remove:hover { color: #b42318; border-color: rgba(180, 35, 24, .18); background: #fff5f5;
} .nbp2-collection-row__prompts { margin: 0; padding: 0; border: 0;
} .nbp2-collection-row__prompts legend { margin-bottom: 8px; color: var(--nbp2-muted); font-size: 12px; font-weight: 650;
} .nbp2-collection-prompts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 8px;
} .nbp2-collection-prompt { display: flex; align-items: flex-start; gap: 8px; min-width: 0; padding: 8px 10px; background: #fff; border: 1px solid var(--nbp2-border); border-radius: 10px; font-size: 12px; line-height: 1.35;
} .nbp2-collection-prompt input { margin-top: 2px;
} .nbp2-collection-prompt span { min-width: 0; overflow: hidden; text-overflow: ellipsis;
} .nbp2-collections-actions { display: grid; gap: 8px;
} .nbp2-button--ghost { color: var(--nbp2-text); background: #fff; border: 1px solid var(--nbp2-border);
} .nbp2-button--ghost:hover { color: var(--nbp2-primary-hover); border-color: rgba(102, 84, 255, .22); background: #f7f6ff;
} .nbp2-button--ghost:disabled { opacity: .45; cursor: not-allowed;
}