/* CENTER CRM 0.11.30 — personal employee profile */

.account-profile-link {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
}
.account-profile-avatar {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    object-fit: cover;
    border: 1px solid #383838;
    border-radius: 12px;
    background: #202020;
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.account-profile-link:hover .account-profile-avatar {
    border-color: rgba(246,197,67,.55);
    box-shadow: 0 8px 24px rgba(0,0,0,.24);
    transform: translateY(-1px);
}
.account-profile-link:hover .account-name { color: #f6c543; }

.profile-page { display: grid; gap: 20px; }
.profile-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 26px 28px;
    border: 1px solid #2f2f2f;
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 12%, rgba(246,197,67,.10), transparent 25%),
        linear-gradient(135deg, #1d1d1d, #151515);
    box-shadow: 0 18px 46px rgba(0,0,0,.16);
}
.profile-hero-main { display: flex; min-width: 0; align-items: center; gap: 20px; }
.profile-avatar-wrap { position: relative; flex: 0 0 auto; }
.profile-avatar {
    width: 104px;
    height: 104px;
    display: block;
    object-fit: cover;
    border: 1px solid #3c3c3c;
    border-radius: 28px;
    background: #242424;
    box-shadow: 0 16px 38px rgba(0,0,0,.26);
}
.profile-avatar-status {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px;
    border: 4px solid #171717;
    border-radius: 50%;
    background: #3fb950;
}
.profile-hero-copy { min-width: 0; }
.profile-hero-copy h1 { margin: 2px 0 8px; font-size: clamp(2rem, 3vw, 2.7rem); letter-spacing: -.045em; }
.profile-hero-copy .muted { max-width: 820px; margin: 10px 0 0; line-height: 1.55; }
.profile-meta-row { display: flex; flex-wrap: wrap; gap: 7px; }
.profile-meta-row span {
    padding: 5px 9px;
    border: 1px solid #343434;
    border-radius: 999px;
    background: rgba(255,255,255,.025);
    color: #aaa;
    font-size: .72rem;
    font-weight: 700;
}
.profile-hero-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.profile-hero-actions form { margin: 0; }

.profile-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px;
    align-items: start;
    gap: 20px;
}
.profile-main-column,
.profile-side-column { display: grid; gap: 16px; min-width: 0; }
.profile-side-column { position: sticky; top: 94px; }
.profile-section,
.profile-info-card,
.profile-security-card,
.profile-session-card,
.profile-events-card { padding: 20px; }
.profile-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.profile-section-heading.compact { margin-bottom: 10px; }
.profile-section-heading h2,
.profile-info-card h2,
.profile-security-card h2,
.profile-session-card h2,
.profile-events-card h2,
.profile-notification-card h2 { margin: 0 0 5px; }
.profile-section-heading .muted { margin: 0; max-width: 760px; line-height: 1.5; }

.profile-avatar-editor { display: grid; grid-template-columns: 128px minmax(0,1fr); align-items: center; gap: 18px; }
.profile-avatar-preview-frame {
    display: grid;
    width: 128px;
    height: 128px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #333;
    border-radius: 24px;
    background: #191919;
}
.profile-avatar-preview-frame img { width: 100%; height: 100%; object-fit: cover; }
.profile-avatar-actions { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
.profile-avatar-actions form { margin: 0; }
.profile-avatar-actions form:first-child { display: flex; flex: 1 1 480px; align-items: end; gap: 10px; }
.profile-file-picker {
    display: grid;
    min-width: 260px;
    flex: 1;
    gap: 3px;
    padding: 11px 13px;
    border: 1px dashed #3b3b3b;
    border-radius: 12px;
    background: #191919;
    cursor: pointer;
}
.profile-file-picker:hover { border-color: rgba(246,197,67,.5); background: rgba(246,197,67,.035); }
.profile-file-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.profile-file-picker span { color: #eee; font-size: .82rem; font-weight: 800; }
.profile-file-picker small { overflow: hidden; color: #777; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }

.profile-settings-form,
.profile-password-form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.profile-password-form { grid-template-columns: repeat(3, minmax(0,1fr)); }
.profile-field-wide { grid-column: 1 / -1; }
.profile-field-help { display: block; margin-top: 5px; color: #747474; font-size: .7rem; line-height: 1.4; }
.profile-toggle-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.profile-setting-toggle {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 13px;
    border: 1px solid #303030;
    border-radius: 13px;
    background: #191919;
    cursor: pointer;
}
.profile-setting-toggle > span { display: grid; gap: 3px; }
.profile-setting-toggle strong { font-size: .82rem; }
.profile-setting-toggle small { color: #777; font-size: .69rem; line-height: 1.4; }
.profile-setting-toggle input { width: 19px; height: 19px; accent-color: #f6c543; }
.profile-form-actions { display: flex; justify-content: flex-end; padding-top: 2px; }

.profile-notification-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; }
.profile-notification-card .muted { margin: 0; max-width: 720px; line-height: 1.5; }
.profile-facts { display: grid; gap: 0; margin: 14px 0; }
.profile-facts > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #2b2b2b; }
.profile-facts > div:last-child { border-bottom: 0; }
.profile-facts dt { color: #777; font-size: .73rem; }
.profile-facts dd { margin: 0; color: #e6e6e6; font-size: .78rem; font-weight: 800; text-align: right; }
.profile-admin-note { margin: 12px 0 0; padding: 10px 11px; border-radius: 10px; background: rgba(93,169,255,.06); color: #8da5c5; font-size: .7rem; line-height: 1.45; }
.profile-security-status { display: grid; margin: 12px 0 14px; }
.profile-security-status > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #2b2b2b; }
.profile-security-status span { color: #777; font-size: .71rem; }
.profile-security-status strong { font-size: .74rem; text-align: right; }
.profile-security-status .is-ok { color: #6bc47d; }
.profile-security-status .is-warning { color: #f2cc60; }
.profile-security-details { margin-top: 12px; border-top: 1px solid #2d2d2d; padding-top: 12px; }
.profile-security-details summary { color: #ddd; cursor: pointer; font-size: .78rem; font-weight: 800; }
.profile-security-details form { margin-top: 10px; }
.profile-session-card .muted { line-height: 1.5; }
.profile-event-list { display: grid; gap: 4px; }
.profile-event-item { display: grid; grid-template-columns: 8px minmax(0,1fr); gap: 9px; align-items: start; padding: 8px 0; border-bottom: 1px solid #292929; }
.profile-event-item:last-child { border-bottom: 0; }
.profile-event-dot { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #777; }
.profile-event-dot.is-ok { background: #3fb950; }
.profile-event-dot.is-error { background: #f85149; }
.profile-event-item div { display: grid; gap: 2px; min-width: 0; }
.profile-event-item strong { overflow: hidden; font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.profile-event-item small { color: #707070; font-size: .65rem; }

html.center-profile-compact .page-content { padding-top: 16px; }
html.center-profile-compact .panel { border-radius: 12px; }
html.center-profile-compact .section-heading { margin-bottom: 12px; }
html.center-profile-compact .profile-page { gap: 14px; }
html.center-profile-compact .profile-layout { gap: 14px; }
html.center-profile-compact .profile-main-column,
html.center-profile-compact .profile-side-column { gap: 12px; }
html.center-profile-compact .profile-section,
html.center-profile-compact .profile-info-card,
html.center-profile-compact .profile-security-card,
html.center-profile-compact .profile-session-card,
html.center-profile-compact .profile-events-card { padding: 16px; }

html.center-profile-reduce-motion *,
html.center-profile-reduce-motion *::before,
html.center-profile-reduce-motion *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
}

@media (max-width: 1100px) {
    .profile-layout { grid-template-columns: 1fr; }
    .profile-side-column { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .profile-events-card { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .profile-hero { align-items: flex-start; flex-direction: column; padding: 20px; }
    .profile-hero-main { align-items: flex-start; }
    .profile-avatar { width: 78px; height: 78px; border-radius: 22px; }
    .profile-hero-actions { width: 100%; justify-content: flex-start; }
    .profile-avatar-editor,
    .profile-settings-form,
    .profile-password-form,
    .profile-toggle-grid,
    .profile-side-column { grid-template-columns: 1fr; }
    .profile-avatar-actions form:first-child { align-items: stretch; flex-direction: column; }
    .profile-file-picker { min-width: 0; }
    .profile-notification-card { align-items: flex-start; flex-direction: column; }
}

/* 0.11.31 — account menu and separated settings */
.account-box.account-menu {
    position: relative;
    display: block;
}
.account-menu-trigger {
    display: flex;
    min-width: 170px;
    align-items: center;
    gap: 10px;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    transition: border-color .16s ease, background .16s ease;
}
.account-menu-trigger:hover,
.account-menu.is-open .account-menu-trigger,
.account-menu:focus-within .account-menu-trigger {
    border-color: #343434;
    background: #1b1b1b;
}
.account-menu-trigger .account-profile-avatar { width: 38px; height: 38px; }
.account-menu-chevron {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    fill: none;
    stroke: #777;
    stroke-width: 2;
    transition: transform .16s ease, stroke .16s ease;
}
.account-menu:hover .account-menu-chevron,
.account-menu.is-open .account-menu-chevron,
.account-menu:focus-within .account-menu-chevron {
    stroke: #f6c543;
    transform: rotate(180deg);
}
.account-menu-popover {
    position: absolute;
    z-index: 520;
    top: calc(100% + 10px);
    right: 0;
    width: 310px;
    padding: 8px;
    border: 1px solid #353535;
    border-radius: 18px;
    background: #171717;
    box-shadow: 0 24px 70px rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(.985);
    pointer-events: none;
    transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
}
.account-menu:hover .account-menu-popover,
.account-menu:focus-within .account-menu-popover,
.account-menu.is-open .account-menu-popover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}
.account-menu-popover::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    height: 12px;
}
.account-menu-head {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 10px 12px;
    border-bottom: 1px solid #292929;
}
.account-menu-head img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border: 1px solid #393939;
    border-radius: 13px;
}
.account-menu-head span { display: grid; min-width: 0; gap: 2px; }
.account-menu-head strong { overflow: hidden; color: #f3f3f3; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-head small { color: #777; font-size: .68rem; }
.account-menu-links { display: grid; gap: 2px; padding: 7px 0; }
.account-menu-link,
.account-menu-logout {
    display: grid;
    grid-template-columns: 30px minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 7px 9px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: #d8d8d8;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background .13s ease, color .13s ease;
}
.account-menu-link:hover { background: #222; color: #fff; }
.account-menu-link-icon {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    background: #222;
    color: #9b9b9b;
}
.account-menu-link-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.account-menu-link span:nth-child(2) { display: grid; gap: 1px; }
.account-menu-link strong { font-size: .78rem; }
.account-menu-link small { color: #6f6f6f; font-size: .64rem; }
.account-menu-arrow { color: #636363; font-size: .9rem; }
.account-menu-footer { padding-top: 7px; border-top: 1px solid #292929; }
.account-menu-footer form { margin: 0; }
.account-menu-logout { width: 100%; grid-template-columns: 30px minmax(0,1fr); color: #ff8d89; }
.account-menu-logout:hover { background: rgba(248,81,73,.08); }

.settings-page { display: grid; gap: 18px; }
.settings-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 26px;
    border: 1px solid #2e2e2e;
    border-radius: 20px;
    background: radial-gradient(circle at 94% 10%, rgba(246,197,67,.09), transparent 30%), linear-gradient(135deg,#1d1d1d,#151515);
}
.settings-page-header h1 { margin: 2px 0 7px; font-size: clamp(1.9rem,3vw,2.5rem); letter-spacing: -.035em; }
.settings-page-header .muted { max-width: 760px; margin: 0; line-height: 1.5; }
.settings-account-chip { display: flex; align-items: center; gap: 10px; padding: 8px 11px; border: 1px solid #323232; border-radius: 13px; background: rgba(0,0,0,.18); }
.settings-account-chip img { width: 40px; height: 40px; object-fit: cover; border-radius: 11px; }
.settings-account-chip span { display: grid; gap: 2px; }
.settings-account-chip strong { font-size: .78rem; }
.settings-account-chip small { color: #777; font-size: .66rem; }
.settings-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); align-items: start; gap: 18px; }
.settings-sidebar { position: sticky; top: 90px; }
.settings-section-nav { display: grid; gap: 5px; padding: 8px; border: 1px solid #2e2e2e; border-radius: 17px; background: #171717; }
.settings-section-link { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 10px; align-items: center; padding: 10px; border: 1px solid transparent; border-radius: 12px; color: #c8c8c8; text-decoration: none; transition: background .14s ease,border-color .14s ease,color .14s ease; }
.settings-section-link:hover { background: #202020; color: #fff; }
.settings-section-link.is-active { border-color: rgba(246,197,67,.32); background: rgba(246,197,67,.07); color: #f6c543; }
.settings-section-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: #222; color: #8d8d8d; }
.settings-section-link.is-active .settings-section-icon { background: rgba(246,197,67,.12); color: #f6c543; }
.settings-section-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.settings-section-link > span:last-child { display: grid; gap: 2px; min-width: 0; }
.settings-section-link strong { font-size: .78rem; }
.settings-section-link small { color: #707070; font-size: .64rem; line-height: 1.35; }
.settings-content { display: grid; min-width: 0; gap: 16px; }
.settings-card { padding: 20px; }
.settings-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.settings-card-heading h2 { margin: 0 0 5px; }
.settings-card-heading .muted { margin: 0; max-width: 800px; line-height: 1.5; }
.settings-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.settings-field-wide { grid-column: 1/-1; }
.settings-readonly-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.settings-readonly-grid > div { display: grid; gap: 4px; padding: 12px 13px; border: 1px solid #2f2f2f; border-radius: 12px; background: #191919; }
.settings-readonly-grid span { color: #777; font-size: .67rem; }
.settings-readonly-grid strong { font-size: .78rem; }
.settings-toggle-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.settings-form-actions { display: flex; justify-content: flex-end; margin-top: 4px; }
.settings-two-column { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.notification-main-wide { width: 100%; }
.notification-header-actions { display: grid; justify-items: end; gap: 12px; }
.notification-settings-page .notification-rule-manager { margin-top: 0; }

@media (max-width: 980px) {
    .settings-layout { grid-template-columns: 1fr; }
    .settings-sidebar { position: static; }
    .settings-section-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .settings-two-column { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .account-menu-trigger { min-width: 0; }
    .account-menu-trigger .account-identity { display: none; }
    .account-menu-popover { right: -4px; width: min(310px,calc(100vw - 20px)); }
    .settings-page-header { align-items: flex-start; flex-direction: column; padding: 20px; }
    .settings-section-nav,
    .settings-form,
    .settings-readonly-grid,
    .settings-toggle-list { grid-template-columns: 1fr; }
    .settings-account-chip { width: 100%; }
    .notification-header-actions { justify-items: stretch; width: 100%; }
}

/* CENTER CRM 0.11.32 — header and navigation cleanup */
html body .topbar {
    border-bottom: 1px solid #242424;
    background: rgba(15,15,15,.975);
    box-shadow: 0 10px 34px rgba(0,0,0,.18);
}
html body .topbar-inner {
    min-height: 70px;
    gap: 14px;
}
html body a.brand.brand-image.center-brand-final {
    margin-right: 14px !important;
}
html body .site-menu {
    gap: 10px;
}
html body .main-nav {
    gap: 0;
    padding: 0 2px;
}
html body .main-nav a {
    padding: 12px 10px;
    color: #929292;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: -.01em;
}
html body .main-nav a::after {
    right: 10px;
    bottom: 3px;
    left: 10px;
}
html body .main-nav a:hover {
    color: #d9d9d9;
}
html body .main-nav a.active {
    color: #fff;
}

html body .center-notifications {
    flex: 0 0 auto;
    margin-left: 2px;
}
html body .center-notification-bell {
    width: 42px;
    height: 42px;
    border-radius: 12px;
}
html body .center-notification-count {
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding-inline: 4px;
    font-size: .61rem;
}

html body .account-box.account-menu {
    flex: 0 0 auto;
    margin-left: 0;
}
html body .account-menu-trigger {
    min-width: 0;
    gap: 8px;
    padding: 4px 6px;
    border-radius: 12px;
}
html body .account-menu-trigger .account-profile-avatar {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 11px;
}
html body .account-menu-trigger .account-identity {
    display: block;
}
html body .account-menu-trigger .account-name {
    display: block;
    max-width: 168px;
    color: #ededed;
    font-size: .87rem;
    font-weight: 760;
    line-height: 1.2;
}
html body .account-menu-trigger .role-pill,
html body .account-menu-trigger .account-branch {
    display: none;
}
html body .account-menu-chevron {
    width: 14px;
    height: 14px;
    margin-left: 0;
}
html body .account-menu-trigger:hover,
html body .account-menu.is-open .account-menu-trigger,
html body .account-menu:focus-within .account-menu-trigger {
    border-color: #303030;
    background: #191919;
}
html body .account-menu-popover {
    top: calc(100% + 8px);
}

html body .admin-bar {
    border-top: 0;
    border-bottom: 1px solid #252525;
    background: #121212;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.012);
}
html body .admin-bar-inner {
    min-height: 42px;
    gap: 4px;
}
html body .admin-bar a {
    position: relative;
    padding: 9px 11px;
    border-radius: 9px;
    color: #777;
    font-size: .75rem;
    font-weight: 700;
    transition: color .14s ease, background .14s ease;
}
html body .admin-bar a:hover {
    background: #1d1d1d;
    color: #d0d0d0;
}
html body .admin-bar a.active {
    background: rgba(246,197,67,.08);
    color: #f6c543;
}
html body .admin-bar a.active::after {
    position: absolute;
    right: 11px;
    bottom: 3px;
    left: 11px;
    height: 2px;
    border-radius: 2px;
    background: #f6c543;
    content: "";
}

html body .page-content {
    padding-top: 26px;
}

@media (max-width: 1320px) {
    html body .topbar-inner { gap: 10px; }
    html body a.brand.brand-image.center-brand-final { margin-right: 8px !important; }
    html body .site-menu { gap: 7px; }
    html body .main-nav a { padding-inline: 8px; font-size: .86rem; }
    html body .account-menu-trigger .account-name { max-width: 135px; }
}

@media (max-width: 1120px) and (min-width: 821px) {
    html body .account-menu-trigger .account-identity { display: none; }
    html body .account-menu-trigger { padding-inline: 4px; }
    html body .main-nav a { padding-inline: 7px; font-size: .83rem; }
}

@media (max-width: 820px) {
    html body .topbar-inner { min-height: 66px; }
    html body .site-menu { gap: 0; }
    html body .main-nav a { padding: 12px; font-size: .9rem; }
    html body .account-box.account-menu {
        margin: 8px 0 0;
        padding-top: 12px;
        border-top: 1px solid #2e2e2e;
    }
    html body .account-menu-trigger {
        width: 100%;
        justify-content: flex-start;
    }
    html body .account-menu-trigger .account-identity { display: block; }
    html body .account-menu-trigger .account-name { max-width: 220px; }
    html body .account-menu-chevron { margin-left: auto; }
    html body .page-content { padding-top: 22px; }
}

/* CENTER CRM 0.11.51 — role-aware account settings polish */
.account-menu-link { grid-template-columns: 30px minmax(0,1fr); }
.account-menu-arrow { display: none !important; }

.settings-page-v2 {
    --settings-accent: #f4c94f;
    --settings-border: #2d2d2d;
    --settings-panel: #181818;
    --settings-panel-soft: #1c1c1c;
    gap: 18px;
}
.settings-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 28px;
    overflow: hidden;
    padding: 26px 28px;
    border: 1px solid var(--settings-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 91% 8%, rgba(246,197,67,.12), transparent 28%),
        linear-gradient(135deg, #1d1d1d 0%, #151515 72%);
    box-shadow: 0 18px 50px rgba(0,0,0,.16);
}
.settings-hero::after {
    position: absolute;
    right: 34px;
    bottom: -54px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(246,197,67,.08);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}
.settings-hero-copy { position: relative; z-index: 1; min-width: 0; }
.settings-hero-copy h1 { margin: 3px 0 8px; color: #f6f6f6; font-size: clamp(2rem,3.2vw,2.75rem); letter-spacing: -.045em; }
.settings-hero-copy > p:not(.eyebrow) { max-width: 820px; margin: 0; color: #8d8d8d; font-size: .89rem; line-height: 1.58; }
.settings-hero-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.settings-hero-meta span {
    max-width: 380px;
    overflow: hidden;
    padding: 6px 9px;
    border: 1px solid #333;
    border-radius: 999px;
    background: rgba(255,255,255,.025);
    color: #a4a4a4;
    font-size: .67rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.settings-hero-account {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 56px minmax(0,1fr);
    align-items: center;
    gap: 12px;
    min-width: 260px;
    padding: 11px 13px;
    border: 1px solid #343434;
    border-radius: 17px;
    background: rgba(10,10,10,.45);
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
}
.settings-hero-account img { width: 56px; height: 56px; object-fit: cover; border: 1px solid #3b3b3b; border-radius: 16px; background: #202020; }
.settings-hero-account > div { display: grid; min-width: 0; gap: 3px; }
.settings-hero-account small { color: #686868; font-size: .63rem; font-weight: 750; }
.settings-hero-account strong { overflow: hidden; color: #f2f2f2; font-size: .85rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-security-state { display: inline-flex; width: fit-content; align-items: center; gap: 5px; color: #c9c9c9; font-size: .62rem; font-weight: 800; }
.settings-security-state i { width: 7px; height: 7px; border-radius: 50%; background: #777; }
.settings-security-state.is-ok { color: #77c88b; }
.settings-security-state.is-ok i { background: #48b867; box-shadow: 0 0 9px rgba(72,184,103,.34); }
.settings-security-state.is-warning { color: #e2c463; }
.settings-security-state.is-warning i { background: #d6ae32; }

.settings-layout-v2 { grid-template-columns: 300px minmax(0,1fr); gap: 18px; }
.settings-layout-v2 .settings-sidebar { top: 88px; }
.settings-sidebar-shell {
    display: grid;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--settings-border);
    border-radius: 20px;
    background: linear-gradient(180deg,#181818,#151515);
    box-shadow: 0 16px 42px rgba(0,0,0,.12);
}
.settings-sidebar-profile {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    padding: 9px 10px 12px;
    border-bottom: 1px solid #292929;
}
.settings-sidebar-profile img { width: 48px; height: 48px; object-fit: cover; border: 1px solid #383838; border-radius: 14px; background: #202020; }
.settings-sidebar-profile > div { display: grid; min-width: 0; gap: 2px; }
.settings-sidebar-profile strong { overflow: hidden; color: #eee; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-sidebar-profile span { overflow: hidden; color: var(--settings-accent); font-size: .65rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.settings-sidebar-profile small { overflow: hidden; color: #686868; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-sidebar-shell .settings-section-nav { gap: 4px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.settings-sidebar-shell .settings-section-link { min-height: 60px; padding: 9px 10px; border-radius: 13px; }
.settings-sidebar-shell .settings-section-icon { width: 38px; height: 38px; border: 1px solid #2c2c2c; background: #202020; }
.settings-sidebar-shell .settings-section-link.is-active { border-color: rgba(246,197,67,.34); background: linear-gradient(90deg,rgba(246,197,67,.11),rgba(246,197,67,.035)); }
.settings-sidebar-shell .settings-section-link strong { color: #ddd; font-size: .77rem; }
.settings-sidebar-shell .settings-section-link.is-active strong { color: #f3ce5b; }
.settings-sidebar-shell .settings-section-link small { color: #696969; }
.settings-sidebar-role { display: grid; gap: 4px; padding: 11px 12px; border: 1px solid #292929; border-radius: 13px; background: #131313; }
.settings-sidebar-role > span { color: #686868; font-size: .61rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.settings-sidebar-role strong { color: #d9d9d9; font-size: .72rem; }
.settings-sidebar-role p { margin: 1px 0 0; color: #707070; font-size: .62rem; line-height: 1.45; }
.settings-admin-shortcut {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(246,197,67,.19);
    border-radius: 13px;
    background: rgba(246,197,67,.045);
    color: inherit;
    text-decoration: none;
}
.settings-admin-shortcut:hover { border-color: rgba(246,197,67,.38); background: rgba(246,197,67,.075); }
.settings-admin-shortcut-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: rgba(246,197,67,.11); color: #f2c84e; }
.settings-admin-shortcut-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-admin-shortcut > span:last-child { display: grid; gap: 2px; min-width: 0; }
.settings-admin-shortcut strong { color: #e5e5e5; font-size: .7rem; }
.settings-admin-shortcut small { color: #756d54; font-size: .6rem; line-height: 1.35; }

.settings-content-v2 { gap: 16px; }
.settings-content-v2 .settings-card { padding: 22px; border-color: #2d2d2d; border-radius: 20px; background: linear-gradient(180deg,#1b1b1b,#181818); box-shadow: 0 12px 34px rgba(0,0,0,.09); }
.settings-card-heading-tight { margin-bottom: 13px; }
.settings-card-badge { align-self: flex-start; flex: 0 0 auto; padding: 2px 0; border: 0; border-radius: 0; background: transparent; color: #777; font-size: .62rem; font-weight: 800; line-height: 1.25; white-space: nowrap; }
.settings-profile-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr); gap: 16px; }
.settings-avatar-card { min-width: 0; }
.settings-avatar-editor { display: grid; grid-template-columns: 160px minmax(0,1fr); align-items: center; gap: 20px; }
.settings-avatar-preview { width: 160px; height: 160px; overflow: hidden; border: 1px solid #3a3a3a; border-radius: 28px; background: #121212; box-shadow: 0 18px 38px rgba(0,0,0,.24); }
.settings-avatar-preview img { width: 100%; height: 100%; object-fit: cover; }
.settings-avatar-controls { display: grid; min-width: 0; gap: 9px; }
.settings-avatar-controls form { margin: 0; }
.settings-avatar-upload { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; }
.settings-file-drop {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 9px 12px;
    border: 1px dashed #3c3c3c;
    border-radius: 13px;
    background: #151515;
    cursor: pointer;
}
.settings-file-drop:hover { border-color: rgba(246,197,67,.48); background: rgba(246,197,67,.025); }
.settings-file-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.settings-file-drop-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: #202020; color: #c9aa49; }
.settings-file-drop-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.settings-file-drop > span:last-child { display: grid; min-width: 0; gap: 2px; }
.settings-file-drop strong { color: #ddd; font-size: .75rem; }
.settings-file-drop small { overflow: hidden; color: #707070; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-avatar-upload > .button { min-width: 138px; }
.settings-access-card { min-width: 0; }
.settings-access-list { display: grid; gap: 7px; }
.settings-access-item { display: grid; grid-template-columns: 9px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid #2c2c2c; border-radius: 12px; background: #151515; }
.settings-access-item > i { width: 8px; height: 8px; border-radius: 50%; background: #8e8e8e; }
.settings-access-chats > i { background: #5bc77b; }
.settings-access-clients > i { background: #67a9ff; }
.settings-access-deliveries > i { background: #d3aa45; }
.settings-access-reports > i { background: #b58cff; }
.settings-access-avito_api > i { background: #f1776f; }
.settings-access-admin > i, .settings-access-system > i { background: #f2c84e; }
.settings-access-schedule > i { background: #7c9edc; }
.settings-access-item > span { display: grid; min-width: 0; gap: 2px; }
.settings-access-item strong { color: #ddd; font-size: .72rem; }
.settings-access-item small { overflow: hidden; color: #707070; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-identity-form { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr); gap: 16px 18px; align-items: start; }
.settings-display-name-field { min-width: 0; }
.settings-account-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.settings-account-facts > div { display: grid; min-width: 0; gap: 3px; padding: 11px 12px; border: 1px solid #2e2e2e; border-radius: 12px; background: #151515; }
.settings-account-facts span { color: #6e6e6e; font-size: .62rem; }
.settings-account-facts strong { overflow: hidden; color: #e2e2e2; font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-account-facts small { color: #555; font-size: .58rem; }
.settings-save-row { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 13px; border-top: 1px solid #292929; }
.settings-save-row > span { color: #696969; font-size: .64rem; line-height: 1.4; }
.settings-profile-status-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.settings-mini-card { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 17px 18px; border-radius: 18px; }
.settings-mini-icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid #343434; border-radius: 13px; background: #171717; color: #e6bd48; }
.settings-mini-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-mini-card > div { min-width: 0; }
.settings-mini-card small { color: #676767; font-size: .61rem; }
.settings-mini-card strong { display: block; margin-top: 2px; color: #ddd; font-size: .76rem; }
.settings-mini-card p { margin: 3px 0 0; color: #696969; font-size: .62rem; line-height: 1.4; }

.settings-interface-form { display: grid; gap: 16px; }
.settings-start-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.settings-start-option {
    position: relative;
    display: grid;
    grid-template-columns: 18px minmax(0,1fr);
    align-items: start;
    gap: 11px;
    min-height: 86px;
    padding: 13px 14px;
    border: 1px solid #303030;
    border-radius: 14px;
    background: #151515;
    cursor: pointer;
    transition: border-color .14s ease, background .14s ease, transform .14s ease;
}
.settings-start-option:hover { border-color: #424242; background: #191919; transform: translateY(-1px); }
.settings-start-option input { position: absolute; opacity: 0; pointer-events: none; }
.settings-start-option-mark { position: relative; width: 18px; height: 18px; margin-top: 2px; border: 1px solid #555; border-radius: 50%; background: #111; }
.settings-start-option-mark::after { position: absolute; inset: 4px; border-radius: 50%; background: var(--settings-accent); content: ""; opacity: 0; transform: scale(.5); transition: .13s ease; }
.settings-start-option:has(input:checked) { border-color: rgba(246,197,67,.45); background: linear-gradient(135deg,rgba(246,197,67,.09),rgba(246,197,67,.025)); }
.settings-start-option:has(input:checked) .settings-start-option-mark { border-color: var(--settings-accent); }
.settings-start-option:has(input:checked) .settings-start-option-mark::after { opacity: 1; transform: scale(1); }
.settings-start-option-copy { display: grid; gap: 4px; }
.settings-start-option-copy strong { color: #ddd; font-size: .76rem; }
.settings-start-option:has(input:checked) strong { color: #f2cc58; }
.settings-start-option-copy small { color: #6d6d6d; font-size: .62rem; line-height: 1.42; }
.settings-block-error { display: block; margin-top: 8px; }
.settings-visual-options { display: grid; gap: 9px; }
.settings-visual-toggle { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 13px; min-height: 80px; padding: 12px 13px; border: 1px solid #303030; border-radius: 14px; background: #151515; cursor: pointer; }
.settings-visual-toggle:hover { border-color: #404040; background: #191919; }
.settings-visual-toggle-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: #202020; color: #a79350; }
.settings-visual-toggle-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-visual-toggle > span:nth-child(2) { display: grid; gap: 3px; }
.settings-visual-toggle strong { color: #ddd; font-size: .76rem; }
.settings-visual-toggle small { color: #6c6c6c; font-size: .62rem; line-height: 1.42; }
.settings-switch { position: relative; width: 46px; height: 26px; }
.settings-switch input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.settings-switch i { position: absolute; inset: 0; border: 1px solid #3b3b3b; border-radius: 999px; background: #111; transition: .15s ease; }
.settings-switch i::after { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #6b6b6b; content: ""; transition: .15s ease; }
.settings-switch input:checked + i { border-color: rgba(246,197,67,.6); background: rgba(246,197,67,.12); }
.settings-switch input:checked + i::after { background: var(--settings-accent); transform: translateX(20px); }
.settings-role-boundary-card { display: grid; grid-template-columns: minmax(260px,.65fr) minmax(0,1.35fr); align-items: start; gap: 20px; }
.settings-role-boundary-card h2 { margin: 2px 0 6px; }
.settings-role-boundary-card p { margin: 0; }
.settings-access-list-inline { grid-template-columns: repeat(2,minmax(0,1fr)); }
.settings-sticky-save { position: sticky; z-index: 20; bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 14px; border: 1px solid rgba(246,197,67,.22); border-radius: 15px; background: rgba(22,22,22,.94); box-shadow: 0 16px 46px rgba(0,0,0,.34); backdrop-filter: blur(12px); }
.settings-sticky-save span { color: #737373; font-size: .64rem; }

.settings-security-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.settings-security-stat { display: grid; gap: 5px; min-height: 114px; padding: 16px 17px; border-radius: 17px; }
.settings-security-stat > span { color: #737373; font-size: .63rem; font-weight: 800; }
.settings-security-stat strong { color: #ededed; font-size: 1.05rem; }
.settings-security-stat strong.is-ok { color: #72c987; }
.settings-security-stat strong.is-warning { color: #e2c056; }
.settings-security-stat small { margin-top: auto; color: #646464; font-size: .61rem; line-height: 1.4; }
.settings-password-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.settings-password-save { margin-top: 2px; }
.settings-security-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.settings-security-action-card { display: flex; min-height: 330px; flex-direction: column; }
.settings-security-action-head { display: grid; grid-template-columns: 46px minmax(0,1fr); align-items: center; gap: 12px; }
.settings-security-action-head h2 { margin: 2px 0 0; }
.settings-security-action-icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid #343434; border-radius: 13px; background: #151515; color: #e6bd48; }
.settings-security-action-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-security-action-card > .muted { margin: 12px 0 0; line-height: 1.5; }
.settings-security-action-card .profile-security-status { margin-top: auto; }
.settings-security-action-card .button-wide { margin-top: 9px; }
.settings-session-form { display: grid; gap: 10px; margin-top: auto; }
.settings-events-card .settings-card-heading { margin-bottom: 8px; }
.profile-event-list-v2 .profile-event-item { grid-template-columns: 8px minmax(0,1fr) auto; align-items: center; min-height: 48px; }
.settings-event-result { padding: 4px 7px; border-radius: 999px; background: #242424; color: #969696; font-size: .58rem; font-weight: 850; }
.settings-event-result.is-ok { background: rgba(63,185,80,.08); color: #70bd7e; }
.settings-event-result.is-error { background: rgba(248,81,73,.08); color: #e6807b; }
.settings-empty-state { padding: 20px; border: 1px dashed #303030; border-radius: 13px; color: #6f6f6f; font-size: .7rem; text-align: center; }

.settings-page-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 12px; border: 1px solid #292929; border-radius: 14px; background: #151515; }
.settings-page-toolbar > span { color: #707070; font-size: .64rem; line-height: 1.4; }
.notification-settings-page .notification-settings,
.notification-settings-page .notification-rules-summary,
.notification-settings-page .notification-rule-manager { border-radius: 20px; }
.notification-settings-page .notification-preference-form { gap: 9px; }

@media (max-width: 1180px) {
    .settings-layout-v2 { grid-template-columns: 260px minmax(0,1fr); }
    .settings-profile-grid,
    .settings-role-boundary-card { grid-template-columns: 1fr; }
    .settings-profile-status-grid { grid-template-columns: 1fr; }
    .settings-identity-form { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
    .settings-layout-v2 { grid-template-columns: 1fr; }
    .settings-layout-v2 .settings-sidebar { position: static; }
    .settings-sidebar-shell { grid-template-columns: 1fr; align-items: stretch; }
    .settings-sidebar-profile { border-right: 0; border-bottom: 1px solid #292929; }
    .settings-sidebar-shell .settings-section-nav { grid-column: 1 / -1; grid-template-columns: repeat(4,minmax(0,1fr)); }
    .settings-sidebar-role { display: none; }
    .settings-admin-shortcut { grid-column: 1 / -1; }
    .settings-security-overview { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
    .settings-hero { grid-template-columns: 1fr; padding: 20px; }
    .settings-hero-account { width: 100%; min-width: 0; }
    .settings-sidebar-shell { grid-template-columns: 1fr; }
    .settings-sidebar-profile { border-right: 0; border-bottom: 1px solid #292929; }
    .settings-sidebar-shell .settings-section-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .settings-content-v2 .settings-card { padding: 18px; }
    .settings-avatar-editor { grid-template-columns: 1fr; }
    .settings-avatar-preview { width: 132px; height: 132px; border-radius: 24px; }
    .settings-avatar-upload { grid-template-columns: 1fr; }
    .settings-account-facts,
    .settings-start-grid,
    .settings-access-list-inline,
    .settings-security-overview,
    .settings-password-grid,
    .settings-security-grid { grid-template-columns: 1fr; }
    .settings-mini-card { grid-template-columns: 42px minmax(0,1fr); }
    .settings-mini-card .button { grid-column: 1 / -1; }
    .settings-visual-toggle { grid-template-columns: 40px minmax(0,1fr) auto; }
    .settings-sticky-save,
    .settings-save-row,
    .settings-page-toolbar { align-items: stretch; flex-direction: column; }
    .settings-sticky-save .button,
    .settings-save-row .button,
    .settings-page-toolbar .button { width: 100%; justify-content: center; }
}
@media (max-width: 520px) {
    .settings-sidebar-shell .settings-section-nav { grid-template-columns: 1fr; }
    .settings-hero-meta span { max-width: 100%; }
    .settings-security-stat { min-height: 0; }
}

/* CENTER CRM 0.11.53 — interface + security settings redesign */
.settings-interface-page,
.settings-security-page {
    --settings-green: #69c87e;
    --settings-red: #ef706a;
    --settings-blue: #72a7ff;
}

.settings-live-pill {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(105,200,126,.2);
    border-radius: 999px;
    background: rgba(105,200,126,.055);
    color: #86cb96;
    font-size: .64rem;
    font-weight: 850;
}
.settings-live-pill i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #66c77c;
    box-shadow: 0 0 0 4px rgba(105,200,126,.08), 0 0 14px rgba(105,200,126,.25);
    animation: settings-live-pulse 2.2s ease-in-out infinite;
}
.settings-interface-toolbar b { color: #aaa; }

.settings-interface-form-v3 { gap: 18px; }
.settings-interface-launch-card {
    display: grid;
    grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr);
    align-items: stretch;
    gap: 20px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 5%, rgba(246,197,67,.07), transparent 28%),
        linear-gradient(180deg,#1b1b1b,#171717) !important;
}
.settings-interface-launch-copy { min-width: 0; }
.settings-start-grid-v3 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.settings-start-option-v3 {
    grid-template-columns: 42px minmax(0,1fr) 18px;
    align-items: center;
    min-height: 98px;
    gap: 11px;
    padding: 13px;
    overflow: hidden;
}
.settings-start-option-v3::before {
    position: absolute;
    inset: auto auto -36px -34px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(246,197,67,.08);
    content: "";
    opacity: 0;
    transform: scale(.6);
    transition: opacity .22s ease, transform .22s ease;
}
.settings-start-option-v3:hover::before,
.settings-start-option-v3:has(input:checked)::before { opacity: 1; transform: scale(1); }
.settings-start-option-icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #303030;
    border-radius: 12px;
    background: #1e1e1e;
    color: #8f8f8f;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
.settings-start-option-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.settings-start-option-v3:hover .settings-start-option-icon { color: #c6b263; transform: translateY(-1px); }
.settings-start-option-v3:has(input:checked) .settings-start-option-icon {
    border-color: rgba(246,197,67,.35);
    background: rgba(246,197,67,.11);
    color: #f2c94f;
    box-shadow: inset 0 0 0 1px rgba(246,197,67,.035), 0 9px 26px rgba(0,0,0,.18);
}
.settings-start-option-v3 .settings-start-option-mark { margin: 0; }
.settings-start-option-title { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 6px; }
.settings-start-option-title em {
    padding: 3px 5px;
    border-radius: 5px;
    background: rgba(246,197,67,.08);
    color: #a99146;
    font-size: .52rem;
    font-style: normal;
    font-weight: 850;
    letter-spacing: .02em;
}
.settings-start-option-v3 .settings-start-option-copy strong { font-size: .78rem; }
.settings-start-option-v3 .settings-start-option-copy small { max-width: 330px; }

.settings-interface-preview {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(260px,1fr) auto;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #303030;
    border-radius: 18px;
    background: #111;
    box-shadow: 0 18px 42px rgba(0,0,0,.24);
}
.settings-interface-preview::before {
    position: absolute;
    z-index: 0;
    top: -80px;
    right: -100px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(246,197,67,.14), transparent 68%);
    content: "";
    pointer-events: none;
}
.settings-preview-topline {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 13px;
    border-bottom: 1px solid #292929;
    background: rgba(24,24,24,.92);
}
.settings-preview-topline > span { display: flex; gap: 5px; }
.settings-preview-topline > span i { width: 7px; height: 7px; border-radius: 50%; background: #3e3e3e; }
.settings-preview-topline > span i:first-child { background: #b59d48; }
.settings-preview-topline b { overflow: hidden; color: #9b9b9b; font-size: .59rem; letter-spacing: .08em; text-overflow: ellipsis; white-space: nowrap; }
.settings-preview-topline small { color: #666; font-size: .56rem; font-weight: 800; }
.settings-preview-workspace {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    min-height: 260px;
    background: linear-gradient(135deg,#151515,#101010);
    transition: .25s ease;
}
.settings-preview-sidebar {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    padding: 14px 9px;
    border-right: 1px solid #262626;
    background: #131313;
    transition: gap .25s ease, padding .25s ease;
}
.settings-preview-sidebar span { width: 22px; height: 6px; border-radius: 999px; background: #2a2a2a; }
.settings-preview-sidebar .is-logo { width: 26px; height: 26px; margin-bottom: 5px; border: 1px solid rgba(246,197,67,.22); border-radius: 50%; background: rgba(246,197,67,.09); }
.settings-preview-main { position: relative; display: grid; align-content: start; gap: 14px; overflow: hidden; padding: 20px; transition: gap .25s ease, padding .25s ease; }
.settings-preview-heading { display: grid; gap: 3px; }
.settings-preview-heading span { color: #696969; font-size: .53rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.settings-preview-heading strong { color: #e7e7e7; font-size: 1rem; transition: color .2s ease, transform .2s ease; }
.settings-preview-heading small { color: #626262; font-size: .58rem; }
.settings-preview-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.settings-preview-metrics span { height: 54px; border: 1px solid #292929; border-radius: 10px; background: linear-gradient(180deg,#1d1d1d,#181818); }
.settings-preview-panels { display: grid; grid-template-columns: 1.25fr .75fr; gap: 7px; min-height: 104px; }
.settings-preview-panels span { border: 1px solid #292929; border-radius: 11px; background: linear-gradient(180deg,#1b1b1b,#161616); }
.settings-preview-pulse {
    position: absolute;
    right: 18%;
    bottom: 20%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(246,197,67,.72);
    box-shadow: 0 0 0 0 rgba(246,197,67,.18);
    animation: settings-preview-ping 2.5s ease-out infinite;
}
.settings-preview-workspace.is-compact .settings-preview-sidebar { gap: 8px; padding-top: 10px; padding-bottom: 10px; }
.settings-preview-workspace.is-compact .settings-preview-main { gap: 9px; padding: 14px; }
.settings-preview-workspace.is-compact .settings-preview-metrics span { height: 43px; }
.settings-preview-workspace.is-compact .settings-preview-panels { min-height: 88px; }
.settings-preview-workspace.is-calm .settings-preview-pulse { animation: none; opacity: .48; }
.settings-preview-workspace.is-updating .settings-preview-heading strong { color: #f2cc58; transform: translateY(-1px); }
.settings-preview-caption {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 7px minmax(0,1fr);
    align-items: start;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #292929;
    background: #141414;
    color: #656565;
    font-size: .56rem;
    line-height: 1.42;
}
.settings-preview-caption i { width: 7px; height: 7px; margin-top: 2px; border-radius: 50%; background: #6dc681; }

.settings-appearance-card { overflow: hidden; }
.settings-visual-options-v3 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.settings-visual-toggle-v3 {
    position: relative;
    grid-template-columns: 50px minmax(0,1fr) auto;
    min-height: 112px;
    overflow: hidden;
    padding: 15px;
    transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.settings-visual-toggle-v3::after {
    position: absolute;
    right: -42px;
    bottom: -52px;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background: rgba(246,197,67,.045);
    content: "";
    transition: transform .2s ease, opacity .2s ease;
}
.settings-visual-toggle-v3:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0,0,0,.12); }
.settings-visual-toggle-v3:has(input:checked) { border-color: rgba(246,197,67,.32); background: linear-gradient(135deg,rgba(246,197,67,.065),#171717 62%); }
.settings-visual-toggle-v3:has(input:checked)::after { transform: scale(1.12); opacity: 1; }
.settings-visual-toggle-v3 .settings-visual-toggle-icon { width: 50px; height: 50px; border: 1px solid #303030; }
.settings-visual-toggle-v3:has(input:checked) .settings-visual-toggle-icon { border-color: rgba(246,197,67,.25); background: rgba(246,197,67,.1); color: #f0c850; }
.settings-visual-toggle-v3 > span:nth-child(2) { position: relative; z-index: 1; gap: 4px; }
.settings-visual-toggle-v3 strong { font-size: .79rem; }
.settings-visual-toggle-v3 small { max-width: 510px; }
.settings-visual-toggle-v3 em { width: fit-content; margin-top: 4px; padding: 4px 6px; border-radius: 6px; background: #222; color: #858585; font-size: .55rem; font-style: normal; font-weight: 850; }
.settings-visual-toggle-v3:has(input:checked) em { background: rgba(246,197,67,.09); color: #c5aa51; }

.settings-role-boundary-card-v3 { align-items: stretch; background: linear-gradient(135deg,#1a1a1a,#161616) !important; }
.settings-role-boundary-copy { display: grid; grid-template-columns: 52px minmax(0,1fr); align-items: start; gap: 14px; }
.settings-role-lock { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(114,167,255,.19); border-radius: 15px; background: rgba(114,167,255,.065); color: #75a6ef; }
.settings-role-lock svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-access-list-v3 .settings-access-item { grid-template-columns: 8px minmax(0,1fr) auto; min-height: 50px; padding: 9px 11px; }
.settings-access-list-v3 .settings-access-item b { padding: 4px 6px; border-radius: 6px; background: rgba(105,200,126,.065); color: #6dbf80; font-size: .52rem; font-weight: 900; }
.settings-sticky-save-v3 > span { display: grid; gap: 2px; }
.settings-sticky-save-v3 > span b { color: #aaa; font-size: .68rem; }
.settings-sticky-save-v3 > span b.is-dirty { color: #efcb5a; }
.settings-sticky-save-v3 > span small { color: #656565; font-size: .58rem; }

/* Security */
.settings-security-command {
    display: grid;
    grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr);
    gap: 18px;
    padding: 22px;
    overflow: hidden;
    border-color: #2d2d2d;
    border-radius: 20px;
    background:
        radial-gradient(circle at 7% 4%, rgba(105,200,126,.09), transparent 24%),
        radial-gradient(circle at 96% 0%, rgba(246,197,67,.075), transparent 25%),
        linear-gradient(180deg,#1b1b1b,#171717);
}
.settings-security-score { display: grid; grid-template-columns: 138px minmax(0,1fr); align-items: center; gap: 20px; min-width: 0; }
.settings-security-score-ring {
    display: grid;
    width: 132px;
    height: 132px;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(#6dc783 var(--security-angle), #292929 0);
    box-shadow: 0 18px 36px rgba(0,0,0,.2), 0 0 28px rgba(105,200,126,.06);
    animation: settings-security-ring-in .55s cubic-bezier(.2,.8,.2,1) both;
}
.settings-security-score-ring::before { position: absolute; width: 108px; height: 108px; border-radius: 50%; background: #161616; content: ""; box-shadow: inset 0 0 0 1px #2a2a2a; }
.settings-security-score-ring { position: relative; }
.settings-security-score-ring > span { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 3px; }
.settings-security-score-ring strong { color: #f3f3f3; font-size: 2rem; line-height: 1; letter-spacing: -.05em; }
.settings-security-score-ring small { color: #686868; font-size: .65rem; font-weight: 800; }
.settings-security-score-copy { min-width: 0; }
.settings-security-score-copy h2 { margin: 3px 0 6px; color: #eee; font-size: 1.35rem; letter-spacing: -.025em; }
.settings-security-score-copy > p:not(.eyebrow) { max-width: 600px; margin: 0; color: #7d7d7d; font-size: .72rem; line-height: 1.55; }
.settings-security-checks { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.settings-security-checks span { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border: 1px solid #303030; border-radius: 999px; background: rgba(0,0,0,.14); color: #858585; font-size: .56rem; font-weight: 800; }
.settings-security-checks span i { width: 6px; height: 6px; border-radius: 50%; background: #777; }
.settings-security-checks .is-ok { color: #7ec18d; border-color: rgba(105,200,126,.15); background: rgba(105,200,126,.035); }
.settings-security-checks .is-ok i { background: #67c37c; }
.settings-security-checks .is-warning { color: #c9ac50; border-color: rgba(246,197,67,.14); background: rgba(246,197,67,.035); }
.settings-security-checks .is-warning i { background: #d1ac39; }

.settings-security-command-facts { display: grid; gap: 8px; }
.settings-security-command-facts article { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 10px; min-height: 65px; padding: 9px 11px; border: 1px solid #2d2d2d; border-radius: 13px; background: rgba(18,18,18,.72); }
.settings-security-fact-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: #202020; color: #999; }
.settings-security-fact-icon.is-2fa { background: rgba(105,200,126,.07); color: #77c68b; }
.settings-security-fact-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-security-command-facts article > div { display: grid; min-width: 0; gap: 2px; }
.settings-security-command-facts small { color: #676767; font-size: .57rem; font-weight: 800; }
.settings-security-command-facts strong { overflow: hidden; color: #ddd; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.settings-security-command-facts strong.is-ok { color: #79c78b; }
.settings-security-command-facts strong.is-warning { color: #d7b84e; }
.settings-security-command-facts em { overflow: hidden; color: #555; font-size: .54rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

.settings-security-disclosure-hint { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 11px; padding: 12px 14px; border: 1px solid rgba(246,197,67,.14); border-radius: 14px; background: rgba(246,197,67,.028); }
.settings-security-hint-plus { position: relative; width: 38px; height: 38px; border: 1px solid rgba(246,197,67,.22); border-radius: 50%; background: rgba(246,197,67,.07); }
.settings-security-hint-plus::before,
.settings-security-hint-plus::after { position: absolute; top: 50%; left: 50%; width: 13px; height: 1.5px; border-radius: 999px; background: #d7b847; content: ""; transform: translate(-50%,-50%); }
.settings-security-hint-plus::after { transform: translate(-50%,-50%) rotate(90deg); }
.settings-security-disclosure-hint > span:last-child { display: grid; gap: 2px; }
.settings-security-disclosure-hint strong { color: #c7c7c7; font-size: .69rem; }
.settings-security-disclosure-hint small { color: #6d6d6d; font-size: .61rem; line-height: 1.45; }

.settings-security-disclosures { display: grid; gap: 10px; }
.settings-security-disclosure { overflow: clip; padding: 0 !important; border-radius: 17px !important; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.settings-security-disclosure:hover { border-color: #3a3a3a; }
.settings-security-disclosure[open] { border-color: rgba(246,197,67,.24); background: linear-gradient(180deg,#1c1c1c,#181818); box-shadow: 0 14px 34px rgba(0,0,0,.12); }
.settings-security-disclosure > summary { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 13px; min-height: 84px; padding: 13px 15px; cursor: pointer; list-style: none; user-select: none; }
.settings-security-disclosure > summary::-webkit-details-marker { display: none; }
.settings-security-disclosure-icon { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #313131; border-radius: 14px; background: #202020; color: #c0a64d; transition: transform .18s ease, background .18s ease, color .18s ease; }
.settings-security-disclosure-icon.is-2fa { color: #71c184; }
.settings-security-disclosure-icon.is-session { color: #e47d77; }
.settings-security-disclosure-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-security-disclosure[open] .settings-security-disclosure-icon { transform: scale(1.04); background: rgba(246,197,67,.075); }
.settings-security-disclosure-copy { display: grid; min-width: 0; gap: 3px; }
.settings-security-disclosure-copy small { color: #666; font-size: .56rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.settings-security-disclosure-copy strong { color: #e7e7e7; font-size: .83rem; }
.settings-security-disclosure-copy em { overflow: hidden; color: #717171; font-size: .61rem; font-style: normal; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.settings-security-disclosure-meta { display: flex; align-items: center; gap: 13px; }
.settings-security-disclosure-meta > b { padding: 5px 7px; border-radius: 7px; background: #232323; color: #8d8d8d; font-size: .54rem; }
.settings-security-disclosure-meta > b.is-ok { background: rgba(105,200,126,.07); color: #74c187; }
.settings-security-disclosure-meta > b.is-warning { background: rgba(246,197,67,.08); color: #c8a844; }
.settings-security-disclosure-meta > b.is-danger { background: rgba(239,112,106,.07); color: #dc7b76; }
.settings-security-disclosure-meta > span { display: inline-flex; align-items: center; gap: 8px; }
.settings-security-disclosure-meta > span small { color: #6d6d6d; font-size: .57rem; font-weight: 800; }
.settings-security-disclosure-meta > span i { position: relative; width: 30px; height: 30px; border: 1px solid #343434; border-radius: 50%; background: #181818; }
.settings-security-disclosure-meta > span i::before,
.settings-security-disclosure-meta > span i::after { position: absolute; top: 50%; left: 50%; width: 10px; height: 1.5px; border-radius: 999px; background: #9e8840; content: ""; transform: translate(-50%,-50%); transition: transform .2s ease; }
.settings-security-disclosure-meta > span i::after { transform: translate(-50%,-50%) rotate(90deg); }
.settings-security-disclosure[open] .settings-security-disclosure-meta > span i::after { transform: translate(-50%,-50%) rotate(0); }
.settings-security-disclosure[open] .settings-security-disclosure-meta > span i { border-color: rgba(246,197,67,.27); background: rgba(246,197,67,.06); }
.settings-security-disclosure-body { overflow: hidden; padding: 0 15px 16px 76px; border-top: 1px solid #292929; animation: settings-disclosure-in .22s ease both; }
.settings-security-action-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 15px 0 12px; }
.settings-security-action-intro h3 { margin: 2px 0 5px; color: #e2e2e2; font-size: .88rem; }
.settings-security-action-intro p:not(.eyebrow) { max-width: 760px; margin: 0; color: #707070; font-size: .63rem; line-height: 1.5; }
.settings-security-scope { flex: 0 0 auto; padding: 6px 8px; border: 1px solid #343434; border-radius: 999px; color: #777; font-size: .55rem; font-weight: 850; }
.settings-security-scope.is-ok { border-color: rgba(105,200,126,.17); background: rgba(105,200,126,.04); color: #76bf86; }

.settings-password-grid-v3 { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.settings-password-field { gap: 6px; }
.settings-password-field > span:first-child { color: #8a8a8a; font-size: .62rem; font-weight: 800; }
.settings-password-input-wrap { position: relative; display: block; }
.settings-password-input-wrap .input { padding-right: 44px; }
.settings-password-input-wrap button { position: absolute; top: 50%; right: 7px; display: grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 0; border-radius: 9px; background: transparent; color: #666; cursor: pointer; transform: translateY(-50%); transition: color .15s ease, background .15s ease; }
.settings-password-input-wrap button:hover { background: #292929; color: #b7b7b7; }
.settings-password-input-wrap button.is-visible { color: #d0b349; }
.settings-password-input-wrap svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.settings-password-strength { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; align-items: center; margin-top: 1px; }
.settings-password-strength > i { height: 3px; border-radius: 999px; background: #303030; transition: background .18s ease, transform .18s ease; }
.settings-password-strength small { grid-column: 1 / -1; color: #5f5f5f; font-size: .54rem; }
.settings-password-strength[data-level="1"] > i:nth-child(-n+1) { background: #d76f69; }
.settings-password-strength[data-level="2"] > i:nth-child(-n+2) { background: #d7a94e; }
.settings-password-strength[data-level="3"] > i:nth-child(-n+3) { background: #9db85d; }
.settings-password-strength[data-level="4"] > i:nth-child(-n+4) { background: #68c17d; }
.settings-password-strength[data-level="1"] small { color: #c8726d; }
.settings-password-strength[data-level="2"] small { color: #c4a059; }
.settings-password-strength[data-level="3"] small,
.settings-password-strength[data-level="4"] small { color: #78b586; }
.settings-password-match { min-height: 14px; color: #666; font-size: .54rem; }
.settings-password-match.is-ok { color: #6eba7f; }
.settings-password-match.is-error { color: #d97974; }
.settings-password-save > span { display: grid; gap: 2px; }
.settings-password-save > span b { color: #9a9a9a; font-size: .62rem; }
.settings-password-save > span small { color: #626262; font-size: .56rem; }

.settings-two-factor-layout { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(0,1.25fr); gap: 12px; }
.settings-two-factor-status { margin: 0 !important; }
.settings-two-factor-action { display: grid; align-content: center; min-width: 0; padding: 13px; border: 1px solid #2e2e2e; border-radius: 13px; background: #151515; }
.settings-recovery-copy { display: grid; gap: 3px; margin-bottom: 10px; }
.settings-recovery-copy strong { color: #d6d6d6; font-size: .71rem; }
.settings-recovery-copy small { color: #6b6b6b; font-size: .59rem; line-height: 1.45; }
.settings-recovery-form { display: grid; grid-template-columns: minmax(180px,1fr) auto; align-items: end; gap: 9px; }
.settings-recovery-form .field { margin: 0; }
.settings-recovery-form .button { min-height: 44px; }

.settings-security-danger-note { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 11px; margin: 15px 0 12px; padding: 12px; border: 1px solid rgba(239,112,106,.18); border-radius: 13px; background: rgba(239,112,106,.035); }
.settings-security-danger-note > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: rgba(239,112,106,.08); color: #e57a74; font-size: 1rem; font-weight: 950; }
.settings-security-danger-note > div { display: grid; gap: 3px; }
.settings-security-danger-note strong { color: #d6b0ae; font-size: .7rem; }
.settings-security-danger-note small { color: #7e6b69; font-size: .59rem; line-height: 1.45; }
.settings-session-form-v3 { grid-template-columns: minmax(280px,1fr) auto; align-items: end; gap: 10px; margin-top: 0; }
.settings-session-form-v3 .field { margin: 0; }
.settings-session-form-v3 .button { min-height: 44px; }

.settings-events-card-v3 { overflow: hidden; }
.settings-event-timeline { position: static; }
.settings-event-timeline::before { display: none; content: none; }
.settings-event-item { position: relative; z-index: 1; padding: 10px 0; border-bottom-color: #292929 !important; }
.settings-event-item .profile-event-dot { box-shadow: none; }
.settings-event-item > div small { max-width: 900px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@keyframes settings-live-pulse { 0%,100% { opacity: .72; transform: scale(.92); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes settings-preview-ping { 0% { box-shadow: 0 0 0 0 rgba(246,197,67,.18); opacity: .9; } 80%,100% { box-shadow: 0 0 0 18px rgba(246,197,67,0); opacity: .35; } }
@keyframes settings-security-ring-in { from { opacity: 0; transform: scale(.9) rotate(-9deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes settings-disclosure-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

.center-profile-reduce-motion .settings-live-pill i,
.center-profile-reduce-motion .settings-preview-pulse,
.center-profile-reduce-motion .settings-security-score-ring,
.center-profile-reduce-motion .settings-security-disclosure-body { animation: none !important; }
.center-profile-reduce-motion .settings-start-option-v3,
.center-profile-reduce-motion .settings-start-option-icon,
.center-profile-reduce-motion .settings-preview-workspace,
.center-profile-reduce-motion .settings-preview-main,
.center-profile-reduce-motion .settings-preview-sidebar,
.center-profile-reduce-motion .settings-visual-toggle-v3,
.center-profile-reduce-motion .settings-security-disclosure,
.center-profile-reduce-motion .settings-security-disclosure-icon,
.center-profile-reduce-motion .settings-security-disclosure-meta > span i::after { transition: none !important; }

@media (max-width: 1260px) {
    .settings-interface-launch-card,
    .settings-security-command { grid-template-columns: 1fr; }
    .settings-interface-preview { min-height: 340px; }
    .settings-security-command-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
    .settings-start-grid-v3,
    .settings-visual-options-v3,
    .settings-password-grid-v3,
    .settings-two-factor-layout { grid-template-columns: 1fr; }
    .settings-security-score { grid-template-columns: 112px minmax(0,1fr); }
    .settings-security-score-ring { width: 106px; height: 106px; }
    .settings-security-score-ring::before { width: 86px; height: 86px; }
    .settings-security-score-ring strong { font-size: 1.55rem; }
    .settings-security-command-facts { grid-template-columns: 1fr; }
    .settings-security-disclosure-body { padding-left: 15px; }
    .settings-recovery-form,
    .settings-session-form-v3 { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .settings-interface-launch-card,
    .settings-security-command { padding: 16px !important; }
    .settings-start-option-v3 { grid-template-columns: 40px minmax(0,1fr) 18px; }
    .settings-interface-preview { min-height: 300px; }
    .settings-preview-workspace { min-height: 220px; }
    .settings-security-score { grid-template-columns: 1fr; }
    .settings-security-score-ring { width: 104px; height: 104px; }
    .settings-security-disclosure > summary { grid-template-columns: 42px minmax(0,1fr); min-height: 78px; padding: 12px; }
    .settings-security-disclosure-icon { width: 42px; height: 42px; border-radius: 12px; }
    .settings-security-disclosure-meta { grid-column: 2; justify-content: space-between; }
    .settings-security-disclosure-copy em { white-space: normal; }
    .settings-security-action-intro { align-items: stretch; flex-direction: column; }
    .settings-security-scope { width: fit-content; }
    .settings-sticky-save-v3 { bottom: 8px; }
    .settings-event-item { grid-template-columns: 8px minmax(0,1fr) !important; }
    .settings-event-item .settings-event-result { grid-column: 2; justify-self: start; }
    .settings-event-item > div small { white-space: normal; }
}