/* App spacing uses 8 / 12 / 16 / 20 / 24px steps throughout. */
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .section-layout>.panel {padding:20px!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .form-introduction {margin:0 0 20px!important}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .form-grid {gap:20px 16px!important;min-width:0}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .field {gap:8px!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]) {width:100%!important;max-width:100%;min-width:0;padding:12px 16px!important;box-sizing:border-box;min-height:48px!important}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form select:not([type=hidden]):not([type=checkbox]):not([type=radio]) {padding:12px 44px 12px 16px!important}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .optional-fields {margin:20px 0 0!important;padding:0!important;border:0!important;background:var(--panel-soft)!important}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .section-layout>.panel+a.button {display:flex;width:100%;margin:24px 0 0!important;justify-content:center;text-align:center}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .optional-fields>summary {padding:12px 16px!important}
html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .optional-fields>.disclosure-content {padding:16px!important}
@media(max-width:360px) {
 html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .form-grid {grid-template-columns:minmax(0,1fr)!important}
 html[data-theme] body.web-ui.pwa-view[data-page="/event/edit"] main#main .event-planning-form .form-grid>.field {grid-column:1/-1!important}
}
html[data-theme] body.web-ui.pwa-view[data-page="/app"] main#main .dashboard-priority {display:grid;grid-template-columns:minmax(0,1fr);gap:24px!important;margin:0!important;padding:0!important}
html[data-theme] body.web-ui.pwa-view[data-page="/app"] main#main .dashboard-priority>* {margin:0!important;min-width:0}
html[data-theme] body.web-ui.pwa-view[data-page="/app"] main#main :is(.app-home-balances,.app-home-updates) {display:grid;gap:24px!important;margin:0!important;padding:0!important}
html[data-theme] body.web-ui.pwa-view[data-page="/app"] main#main :is(.app-home-balances,.app-home-updates)>* {margin:0!important;min-width:0}
html[data-theme] body.web-ui.pwa-view[data-page="/app"] main#main .app-shortcuts {gap:24px!important;margin:24px 0 0!important}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) {--app-page-padding:20px;--app-card-padding:20px;--app-content-gap:16px;--app-section-gap:24px;--ui-gap:16px;--ui-section:24px;--space-section:24px;--space-content:16px;--table-cell-x:16px;--table-cell-y:12px;--table-head-y:12px;--table-control-gap:12px}
html[data-theme] body.web-ui.pwa-view:not([data-page="/reels"]) main#main {padding:24px var(--app-page-padding) 32px!important}
html[data-theme] body.web-ui.pwa-view:not([data-page="/reels"]) main#main .page-head {margin-bottom:24px!important}
html[data-theme] body.web-ui.pwa-view:not([data-page="/reels"]) main#main>.panel {padding:var(--app-card-padding)!important;margin-bottom:var(--app-section-gap)!important}
html[data-theme] body.web-ui.pwa-view main#main :is(.form-grid,.filter-grid,.profile-sidebar,.cash-manage-settings,.app-more-links,.app-shortcuts) {gap:var(--app-content-gap)!important}
html[data-theme] body.web-ui.pwa-view main#main :is(.profile-layout,.cash-manage-columns,.notifications-layout,.two-col) {gap:var(--app-section-gap)!important}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) :is(main#main,dialog) .field {gap:8px;margin-bottom:20px}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) main#main :is(.form-grid,.filter-grid)>.field {margin-bottom:0!important}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) :is(main#main,dialog) .form-actions {margin-top:24px!important;gap:12px!important}
html[data-theme] body.web-ui.pwa-view main#main :is(.actions,.wizard-controls,.reel-upload-choices,.camera-actions) {gap:12px!important}
html[data-theme] body.web-ui.pwa-view main#main details:not(.reels-info)>summary {padding:12px 0!important;min-height:48px}
html[data-theme] body.web-ui.pwa-view main#main details:not(.reels-info)>.disclosure-content {padding:16px 0 20px!important}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-section {padding:20px!important;margin:24px 0!important;border:0!important;min-width:0}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-section>legend {float:left;width:100%;padding:0!important;margin:0 0 20px!important;line-height:1.4}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-section .profile-avatar-editor {gap:20px!important;padding:0!important;margin:0!important;align-items:center;clear:both}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-preview {display:flex;align-items:center;justify-content:center;min-width:0}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-controls {max-width:none!important;min-width:0;width:100%}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-controls .profile-photo-actions {display:grid;grid-template-columns:minmax(0,1fr);gap:12px!important;margin:0 0 16px!important}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-controls .profile-photo-actions>button {margin:0!important;width:100%}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-controls>.field-hint {margin:0!important;line-height:1.5}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-preview .avatar {border-radius:50%!important;aspect-ratio:1;object-fit:cover}
html[data-theme] body.web-ui.pwa-view main#main .app-profile-details {margin-bottom:24px!important}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-controls .field {margin-bottom:12px!important}
html[data-theme] body.web-ui.pwa-view main#main .profile-photo-controls .avatar-remove {margin:16px 0 0!important;gap:12px;align-items:flex-start;line-height:1.5}
html[data-theme] body.web-ui.pwa-view .app-notification-drawer>header button {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:32px!important;line-height:1!important;flex:0 0 44px;align-self:center;align-items:center;justify-content:center;border:0!important}
html[data-theme] body.web-ui.pwa-view main#main .app-menu {width:100%;max-width:680px;margin:0 auto 24px}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-shortcuts {gap:12px;padding:0!important;margin:0 0 24px}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-shortcuts>a {padding:16px 8px!important;gap:12px;min-height:88px;font-size:15px}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-groups {display:grid;gap:12px;padding:0;background:transparent!important}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-group {margin:0!important;padding:0!important}
html[data-theme] body.web-ui.pwa-view main#main .app-menu>details.app-menu-group {margin-top:12px!important}
html[data-theme] body.web-ui.pwa-view main#main details.app-menu-group>summary {display:grid!important;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center!important;gap:12px!important;min-height:64px;padding:16px 20px!important;font-size:17px;line-height:1.4}
html[data-theme] body.web-ui.pwa-view main#main details.app-menu-group>summary::before {display:none!important}
html[data-theme] body.web-ui.pwa-view main#main details.app-menu-group>summary>.ui-icon:first-child {width:24px;height:24px}
html[data-theme] body.web-ui.pwa-view main#main details.app-menu-group>summary>.ui-icon:last-child {width:20px;height:20px;margin:0;justify-self:end}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-group>.app-menu-submenu {padding:0 20px 16px!important;margin:0}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-submenu>a {display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:48px;padding:12px 0!important;font-size:16px;line-height:1.4}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-submenu>a>.ui-icon:first-child {width:24px;height:24px}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-submenu>a>.ui-icon:last-child {width:20px;height:20px;justify-self:end}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-media-link small {margin-top:4px;line-height:1.4}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-group>.app-menu-appearance {padding:8px 20px 20px!important}
html[data-theme] body.web-ui.pwa-view main#main .app-theme-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 16px}
html[data-theme] body.web-ui.pwa-view main#main .app-theme-options>button {width:100%!important;margin:0!important;padding:10px 6px!important;min-width:0;font-size:14px!important}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-footer {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;padding:16px 0!important;margin:0}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-footer :is(form,.form-actions) {width:100%;margin:0!important;padding:0!important}
html[data-theme] body.web-ui.pwa-view main#main .app-menu-footer>.button {font-size:16px!important;padding:12px 16px!important;min-height:48px;line-height:24px}
html[data-theme] body.web-ui.pwa-view main#main form.app-month-filter {display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.65fr);align-items:end;gap:16px;padding:20px!important;margin:0 0 24px!important;background:var(--panel)!important}
html[data-theme] body.web-ui.pwa-view main#main form.app-month-filter>.field {margin:0!important;min-width:0;max-width:none}
html[data-theme] body.web-ui.pwa-view main#main form.app-month-filter input {height:48px!important;min-height:48px!important;margin:0!important}
html[data-theme] body.web-ui.pwa-view main#main form.app-month-filter>button {align-self:end!important;height:48px!important;min-height:48px!important;margin:0!important;padding:10px 12px!important}
html[data-theme] body.web-ui.pwa-view main#main form.app-month-filter>.button {grid-column:1/-1;margin:0!important;padding:12px 16px!important}
html[data-theme] body.web-ui.pwa-view main#main .avatar {border-radius:50%!important;clip-path:circle(50%);overflow:hidden;object-fit:cover}
html[data-theme] body.web-ui.pwa-view main#main form.search {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;margin:0 0 24px!important}
html[data-theme] body.web-ui.pwa-view main#main form.search>.field {width:100%;min-width:0;max-width:none;margin:0!important}
html[data-theme] body.web-ui.pwa-view main#main form.search>button {width:100%!important;margin:0!important;min-height:48px}
html[data-theme] body.web-ui.pwa-view main#main .member-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:16px!important}
html[data-theme] body.web-ui.pwa-view main#main .member-card {display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:16px;padding:20px!important;margin:0!important;background:var(--panel)!important}
html[data-theme] body.web-ui.pwa-view main#main .member-card>.avatar {width:72px;height:72px;min-width:72px;font-size:24px}
html[data-theme] body.web-ui.pwa-view main#main .member-card>div {min-width:0;width:100%}
html[data-theme] body.web-ui.pwa-view main#main .member-card h2 {margin:0 0 8px!important;font-size:22px!important;line-height:1.3}
html[data-theme] body.web-ui.pwa-view main#main .member-card p {margin:0 0 12px!important;font-size:14px!important;line-height:1.5}
html[data-theme] body.web-ui.pwa-view main#main .member-card .saldo {padding-top:0;margin-top:16px!important;margin-bottom:0!important}
html[data-theme] body.web-ui.pwa-view main#main .member-card .role-badge {margin:0 8px 8px 0!important}
html[data-theme] body.web-ui.pwa-view main#main .feedback-kind-picker {width:100%;gap:12px;margin:0 0 24px!important}
html[data-theme] body.web-ui.pwa-view main#main .feedback-kind-picker label>span {background:var(--panel-soft)!important;color:var(--text)!important;padding:16px!important;transition:background-color .16s ease,color .16s ease}
html[data-theme] body.web-ui.pwa-view main#main .feedback-kind-picker input:checked+span {background:var(--text)!important;color:var(--bg)!important}
html[data-theme] body.web-ui.pwa-view main#main .feedback-kind-picker input:checked+span :is(strong,small,span,.ui-icon) {color:var(--bg)!important}
html[data-theme] body.web-ui.pwa-view main#main .feedback-kind-picker input:focus-visible+span {outline:2px solid var(--text);outline-offset:3px}
@media(min-width:760px) {
 html[data-theme] body.web-ui.pwa-view main#main .member-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Compact controls and comment composition keep their own alignment. */
html[data-theme] body.web-ui.pwa-view .reels-comments-panel>form>.form-actions,
html[data-theme] body.web-ui.pwa-view main#main .quick-response .form-actions {margin:0!important}
@media(max-width:760px) {
 html[data-theme] body.web-ui.pwa-view main#main :is(.profile-layout,.cash-manage-columns,.notifications-layout,.two-col) {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px) {
 html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) {--app-page-padding:16px;--app-card-padding:16px;--app-content-gap:12px}
}