/* Shared website layout: fluid columns, one spacing scale, and aligned controls. */
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) {
 --page-width:1440px;
 --ui-gutter:48px;
 --ui-section:32px;
 --ui-gap:24px;
 --space-section:32px;
 --space-content:20px;
 --table-cell-x:16px;
 --table-cell-y:14px;
 --table-head-y:12px;
 --table-action-x:16px;
 --table-control-gap:12px;
}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main.main {width:100%;max-width:var(--page-width)!important;padding:32px var(--ui-gutter) 48px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.two-col,.section-layout,.profile-layout,.report-grid,.notifications-layout,.cash-manage-columns) {width:100%;min-width:0;gap:var(--ui-section)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.two-col,.profile-layout,.report-grid,.notifications-layout,.cash-manage-columns) {display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth):not([data-page="/manage"]) main#main .section-layout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.two-col,.section-layout,.profile-layout,.report-grid,.notifications-layout,.cash-manage-columns)>* {min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.member-grid,.media-grid,.media-category-grid) {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--ui-gap)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.form-grid,.filter-grid) {width:100%;max-width:none;gap:20px var(--ui-gap)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .form-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .filter-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:end}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .form-grid>.field {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.search,.report-picker,.chart-year-form,.media-filter-bar) {gap:20px var(--ui-gap)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.search,.report-picker,.chart-year-form,.media-filter-bar)>.field {flex:1 1 220px;max-width:none;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.form-actions,.actions) {gap:12px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .field {max-width:none;gap:8px;margin-bottom:20px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .field :is(input,select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]) {width:100%!important;min-height:48px!important;height:48px!important;box-sizing:border-box}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .field textarea {width:100%;min-height:112px;box-sizing:border-box}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .table-wrap {max-width:100%;min-width:0}
@media(max-width:1100px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) {--ui-gutter:32px;--ui-section:28px}
}
@media(max-width:1000px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.two-col,.profile-layout,.report-grid,.notifications-layout,.cash-manage-columns) {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) {--ui-gutter:24px;--ui-section:24px;--ui-gap:20px;--space-section:24px;--table-cell-x:12px;--table-cell-y:12px}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth):not([data-page="/manage"]) main#main .section-layout {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.form-grid,.filter-grid) {grid-template-columns:minmax(0,1fr)}
}
/* Website comments use a full input column and a compact action column. */
/* Two comment levels: spacing separates comments without nested rule stacks. */
html[data-theme] body.web-ui .reels-comments-panel .reels-comment {border:0!important;padding:16px 0!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comments-list>.reels-comment+.reels-comment {margin-top:8px;padding-top:20px!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-replies {border:0!important;margin:8px 0 0;padding:0 0 0 16px;background:transparent!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-replies-content>.reels-comment {padding:12px 0!important;margin:0}
html[data-theme] body.web-ui .reels-comments-panel .reels-parent {display:block;margin:4px 0 8px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--comments-muted)!important;font-size:12px!important;line-height:1.4}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-head {margin-bottom:8px}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment>p {margin:0 0 8px!important}
/* Website Reels follow the same portrait viewport as the phone feed. */
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-shell {width:100%;max-width:min(100%,calc(clamp(420px,74dvh,760px) * 9 / 16));margin:0 auto}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-stage:not(.reels-previewing) {width:100%;height:auto!important;min-height:0;aspect-ratio:9/16}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-stage:not(.reels-previewing)>:is(video,.reels-photo) {width:100%;height:100%;object-fit:cover!important;object-position:center}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-top {left:12px;right:12px;top:12px;display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-top>div:not(.reels-filter) {display:flex;flex-wrap:nowrap;margin-left:auto;justify-content:flex-end;gap:4px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-top>div>button {width:44px;min-width:44px!important;min-height:44px!important;margin:0;padding:8px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-filter {position:absolute!important;left:auto!important;right:12px;top:auto!important;bottom:36px;transform:none!important;display:flex;flex-wrap:nowrap;gap:4px;width:auto}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-filter>button {width:44px;min-width:44px!important;min-height:44px!important;margin:0;padding:8px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-switch {left:12px;right:auto;bottom:36px;display:flex;gap:4px;width:auto}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/reels"] main#main .reels-switch>span {display:none}
body.web-ui .reels-stage.reels-previewing>.reels-filter {display:none!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)>.footer {justify-content:center;align-items:center;text-align:center}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)>.footer .footer-brand {display:block!important;width:100%;font-size:20px!important;font-weight:700!important;line-height:1.4}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)>.footer .web-back-top {display:none!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card {display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start;padding:24px!important;margin:0;background:#f2f2f2!important;color:#171717!important;text-decoration:none!important;cursor:pointer;transition:background-color .16s ease}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card:is(:hover,:focus-visible) {background:#e5e5e5!important;text-decoration:none!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card:focus-visible {outline:2px solid #555;outline-offset:3px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card>.avatar {width:80px;height:80px;border-radius:50%!important;object-fit:cover;font-size:28px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card>div {min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card h2 {margin:0 0 8px!important;font-size:22px!important;line-height:1.3}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card p {margin:0 0 12px!important;line-height:1.5}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card .role-badge {margin:0 8px 8px 0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card .saldo {margin:16px 0 0!important;padding:0!important}
@media(max-width:480px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card {grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main a.member-card>.avatar {width:64px;height:64px;font-size:24px}
}

html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-panel {padding:20px!important;gap:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-head {display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-head h2 {margin:0!important;min-width:0;font-size:22px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-head button {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-panel>form {display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px;align-items:end;padding-top:16px;margin-top:12px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-panel>form>.field {width:100%;max-width:none;margin:0!important;gap:8px;grid-column:1;grid-row:1}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-panel>form textarea {width:100%;height:80px!important;min-height:80px!important;max-height:160px;padding:12px!important;box-sizing:border-box}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-panel>form>.form-actions {display:grid;grid-template-columns:minmax(0,1fr);gap:12px!important;width:100%;margin:0!important;align-self:end;grid-column:2;grid-row:1}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) :is(main#main,dialog).reels-comments-dialog .form-actions [data-ui-button] {width:100%!important;min-width:0;min-height:48px!important;padding:12px!important;justify-content:center;text-align:center}
@media(max-width:760px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-panel>form {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) dialog.reels-comments-dialog .reels-comments-panel>form>.form-actions {grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1;grid-row:2}
}
@media(max-width:480px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) {--ui-gutter:20px;--ui-gap:16px}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main.main {padding-top:24px!important;padding-bottom:32px!important}
}
@media print {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main.main {max-width:none!important;padding:0!important}
}
/* The website dashboard uses one card grid and shared content edges. */
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .app-download-intro>img {width:64px!important;height:64px!important;aspect-ratio:1;object-fit:contain;border-radius:16px!important;clip-path:none!important;filter:none!important;flex:none;margin-top:12px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .app-download-intro p {font-size:20px!important;line-height:1.5!important;margin:8px 0 0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home {--home-padding:24px;display:grid;gap:24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;padding:var(--home-padding)!important;min-height:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event>:is(.next-event-heading,h2,.next-event-meta,.next-event-empty-text,.next-event-people) {grid-column:1/-1;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event>h2 {font-size:clamp(24px,2.3vw,32px)!important;line-height:1.25}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event .next-event-meta {display:flex;flex-wrap:wrap;gap:8px 24px;font-size:16px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event-attendance {grid-column:1;min-width:0;margin:0!important;padding:0!important;align-self:end}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event-attendance>.field-hint {margin:0 0 8px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .quick-attendance {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;width:100%;max-width:620px;margin:0!important;padding:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .quick-response {min-width:0;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .quick-response .form-actions {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .quick-response button {width:100%;min-width:0;min-height:48px!important;padding:12px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .attendance-feedback:empty {display:none!important;min-height:0;margin:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event-actions {grid-column:2;align-self:end;margin:0!important;padding:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event-actions>.button {margin:0!important;min-height:48px!important;padding:12px 20px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event-people {padding:16px 0 0!important;border-top:1px solid #555!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home>.website-outlook {padding:0!important;margin:0!important;background:transparent!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .dashboard-dates-overview {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;margin:0!important;align-items:stretch}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home :is(.dashboard-upcoming,.dashboard-birthday) {display:flex;flex-direction:column;gap:16px;padding:var(--home-padding)!important;margin:0!important;background:#f4f4f4!important;border-radius:2px;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home :is(.dashboard-upcoming-heading,.website-birthday-heading) {margin:0!important;gap:12px;min-height:30px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home :is(.dashboard-upcoming-heading,.website-birthday-heading)>h2 {font-size:24px!important;font-weight:600!important;line-height:1.25;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .dashboard-card-actions {margin-top:auto!important;padding-top:4px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .birthday-person {background:transparent!important;padding:0!important;margin:0!important;gap:12px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .birthday-person .avatar {width:48px;height:48px;flex:none;font-size:18px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-finance {padding:var(--home-padding)!important;margin:0!important;background:#f4f4f4!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-finance .stats {padding:0!important;gap:24px!important;background:transparent!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-finance .stats>:is(.cash-card,.stat) {padding:0!important;border:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-finance-link {display:inline-flex;margin-top:20px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-secondary>.next-event-updates {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;align-items:start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-secondary :is(details.dashboard-update,details.website-install) {padding:0!important;margin:0!important;background:#f4f4f4!important;border-radius:2px;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-secondary :is(details.dashboard-update,details.website-install)>summary {padding:20px var(--home-padding)!important;margin:0!important;min-height:64px;font-size:17px!important;line-height:1.4;overflow-wrap:anywhere}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-secondary .disclosure-content {padding:0 var(--home-padding) var(--home-padding)!important;margin:0!important}
@media(max-width:900px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-secondary>.next-event-updates {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home {--home-padding:20px;gap:20px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event {grid-template-columns:minmax(0,1fr);gap:16px}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event .next-event-meta {flex-direction:column;align-items:flex-start;gap:8px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event .next-event-meta>span {max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event-actions {grid-column:1}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .next-event-actions>.button {width:100%}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .quick-response button {padding:10px 4px!important;font-size:14px!important;gap:6px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .dashboard-dates-overview {grid-template-columns:minmax(0,1fr);gap:20px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home :is(.dashboard-upcoming-heading,.website-birthday-heading)>h2 {font-size:22px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .website-finance .stats {grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
}
@media(max-width:360px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-home .quick-response button {flex-direction:column;gap:4px!important;font-size:13px!important}
}
/* Text controls use the same monochrome border as the website dropdowns. */
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) :is(main#main,dialog) :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]) {border:2px solid #b5b5b5!important;border-radius:2px!important;transition:border-color .16s ease}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) :is(main#main,dialog) :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]):hover {border-color:#888!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) :is(main#main,dialog) :is(input,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]):focus {border-color:#555!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-section {padding:24px!important;margin:24px 0 32px!important;background:#f3f3f3!important;border:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-section>legend {float:none;width:auto;margin:0 0 16px;padding:0;font-size:20px;font-weight:600}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-section .profile-avatar-editor {display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;padding:0!important;margin:0!important;background:transparent!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-preview {display:flex;align-items:center;justify-content:center;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-preview .avatar {width:160px;height:160px;max-width:160px;flex:none;object-fit:cover;border-radius:50%!important;font-size:48px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-controls {width:100%;max-width:none;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-controls .field {margin:0 0 12px!important;gap:8px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-controls input[type=file] {height:auto!important;min-height:48px;padding:0!important;font-size:16px!important;line-height:1.5;border:0!important;background:transparent!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-controls input[type=file]::file-selector-button {min-height:48px;padding:12px 16px;margin-right:12px;border:0;border-radius:2px;background:#171717;color:#fff;font:inherit;cursor:pointer}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-controls input[type=file]::file-selector-button:hover {background:#444}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-controls .field-hint {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-controls .avatar-remove {margin:16px 0 0!important;gap:10px;font-size:15px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-sidebar>.profile-email {background:#f3f3f3!important;padding:24px!important;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-password-settings {margin-top:32px;padding-top:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-password-settings .field {margin-bottom:20px!important}
@media(max-width:600px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-section {padding:20px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-section .profile-avatar-editor {grid-template-columns:minmax(0,1fr);gap:20px}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-preview {justify-content:flex-start}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-preview .avatar {width:128px;height:128px;max-width:128px;font-size:40px}
}