/* Mobile app typography, spacing, menu icons and the shared Reels comment overlay. */
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) {--app-gap:20px;--comments-bg:#191919;--comments-text:#f5f5f5;--comments-muted:#bdbdbd;--comments-line:#444;font-family:"Segoe UI",Arial,sans-serif;font-size:16px!important;line-height:1.6;min-height:100dvh}
html[data-theme=light]:has(body.web-ui:is(.pwa-view,.pwa-auth)) {background:#fff;color-scheme:light}
html[data-theme=light] body.web-ui:is(.pwa-view,.pwa-auth) {--bg:#fff!important;--panel:#fff!important;--panel-soft:#f3f3f3!important;--text:#171717!important;--muted:#606060!important;--line:#d5d5d5!important;--accent:#171717!important;--danger:#252525!important;--sage:#353535!important;--app-control-line:#999;--app-hover:#ededed;--app-primary-hover:#333;--app-chart-area:#17171718;--comments-bg:#fff;--comments-text:#171717;--comments-muted:#606060;--comments-line:#d5d5d5;background:var(--bg)!important;color:var(--text)!important}
html[data-theme=light] body.web-ui:is(.pwa-view,.pwa-auth) :is(input,select,textarea):not([type=range]):not([type=checkbox]):not([type=radio]) {background:#fff!important;color:var(--text)!important;color-scheme:light}
html[data-theme=light] body.web-ui:is(.pwa-view,.pwa-auth) select:not([multiple]):not([size]):not([hidden]) {background-image:url(web-chevron.svg)!important}
html[data-theme] body.web-ui.pwa-view .table-wrap {background:transparent!important}
html[data-theme] body.web-ui.pwa-view .table-wrap tbody tr {background:var(--panel)!important;border-color:var(--line)!important}
html[data-theme] body.web-ui.pwa-view .table-wrap tr:hover td {background:var(--panel-soft)!important}
html[data-theme] body.web-ui.pwa-view:not([data-page="/reels"]) .main {max-width:760px!important;padding:24px 20px 32px!important}
html[data-theme] body.web-ui.pwa-view .page-head {margin:0 0 24px!important;gap:16px;align-items:center}
html[data-theme] body.web-ui.pwa-view .page-head h1 {font-size:28px!important;line-height:1.25!important;margin:0!important;font-weight:650}
html[data-theme] body.web-ui.pwa-view :is(h2,.next-event>h2) {font-size:24px!important;line-height:1.3!important;margin:0 0 16px!important;font-weight:650}
html[data-theme] body.web-ui.pwa-view h3 {font-size:20px!important;line-height:1.3;margin:0 0 12px}
html[data-theme] body.web-ui.pwa-view p {font-size:16px;line-height:1.6;margin:0 0 16px}
html[data-theme] body.web-ui.pwa-view :is(small,.field-hint,.muted,.field-error) {font-size:14px!important;line-height:1.5}
html[data-theme] body.web-ui.pwa-view .panel {padding:20px!important;margin:0 0 24px;border:var(--ui-border-width,2px) solid var(--line)!important;border-radius:2px!important;min-width:0}
html[data-theme] body.web-ui.pwa-view :is(.app-home-updates,.app-home-balances) {padding:0!important;border:0!important;background:transparent!important;gap:16px}
html[data-theme] body.web-ui.pwa-view :is(.form-grid,.filter-grid,.profile-layout,.two-col,.app-menu-groups) {gap:20px}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) .field {font-size:16px!important;gap:8px;margin:0 0 20px;min-width:0}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) :is(.form-grid,.filter-grid)>.field {margin:0}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) :is(button,.button) {font-size:16px!important;line-height:1.5;min-height:48px!important;border-radius:2px!important;padding:11px 16px;box-sizing:border-box}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select:not([multiple]):not([size])) {font-size:16px!important;line-height:1.5;height:48px!important;min-height:48px!important;padding:11px 14px;border-radius:2px!important;box-sizing:border-box}
html[data-theme] body.web-ui:is(.pwa-view,.pwa-auth) textarea {font-size:16px!important;line-height:1.5;min-height:96px;padding:12px 14px;border-radius:2px!important}
html[data-theme] body.web-ui.pwa-view .form-actions {gap:12px;margin:20px 0 0}
html[data-theme] body.web-ui.pwa-view .app-header {min-height:64px;padding:12px 20px;gap:16px}
html[data-theme] body.web-ui.pwa-view .app-brand {gap:10px;font-size:18px;font-weight:650}
html[data-theme] body.web-ui.pwa-view .app-brand img {width:32px;height:32px}
html[data-theme] body.web-ui.pwa-view .avatar {border-radius:2px!important}
html[data-theme] body.web-ui.pwa-view .app-greeting h1 {display:block;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:anywhere}
html[data-theme] body.web-ui.pwa-view :is(.app-media-entry,.app-media-entry-icon) {border-radius:2px!important}
html[data-theme] body.web-ui.pwa-view .app-media-entry {padding:20px;border:var(--ui-border-width,2px) solid var(--line);gap:12px}
html[data-theme] body.web-ui.pwa-view .app-media-entry .ui-icon {display:block!important}
html[data-theme] body.web-ui.pwa-view .app-birthday-heading h2 {margin:0!important}
html[data-theme] body.web-ui.pwa-view .app-birthday-date strong {font-size:20px!important;font-weight:650}
html[data-theme] body.web-ui.pwa-view .app-header .notification-bell>.ui-icon {display:block!important;width:24px;height:24px;color:var(--text)}
html[data-theme] body.web-ui.pwa-view .app-navigation a {min-height:64px!important;padding:8px 12px!important;background:transparent!important;border:0!important}
html[data-theme] body.web-ui.pwa-view .app-navigation a>.ui-icon {display:block!important;width:24px!important;height:24px!important}
html[data-theme] body.web-ui.pwa-view .app-menu-shortcuts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
html[data-theme] body.web-ui.pwa-view .app-menu-shortcuts>a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;min-height:88px;font-size:14px!important;border:var(--ui-border-width,2px) solid var(--line);border-radius:2px;background:var(--panel)}
html[data-theme] body.web-ui.pwa-view .app-menu :is(a,summary)>.ui-icon {display:block!important;width:22px;height:22px;flex-shrink:0;color:inherit}
html[data-theme] body.web-ui.pwa-view .app-menu-group {border:0;border-radius:2px;background:var(--panel);margin:0 0 12px;overflow:hidden}
html[data-theme] body.web-ui.pwa-view .app-menu-group>summary {display:flex!important;align-items:center;gap:12px!important;min-height:60px;padding:16px!important;font-size:16px!important;list-style:none}
html[data-theme] body.web-ui.pwa-view .app-menu-group>summary::before {display:none!important;content:none!important}
html[data-theme] body.web-ui.pwa-view .app-menu-group>summary>.ui-icon:last-child {margin-left:auto;width:18px;height:18px;transition:transform .2s ease}
html[data-theme] body.web-ui.pwa-view .app-menu-group[open]>summary>.ui-icon:last-child {transform:rotate(90deg)}
html[data-theme] body.web-ui.pwa-view .app-menu-submenu {padding:0 16px 16px!important;margin:0;border:0}
html[data-theme] body.web-ui.pwa-view .app-menu-submenu>a {display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 0;font-size:16px!important;border-top:var(--ui-border-width,2px) solid var(--line);border-radius:0;background:transparent}
html[data-theme] body.web-ui.pwa-view .app-menu-submenu>a>span {flex:1;min-width:0;line-height:1.5}
html[data-theme] body.web-ui.pwa-view .app-menu-submenu>a>.ui-icon:last-child {width:18px;height:18px;margin-left:auto}
html[data-theme] body.web-ui.pwa-view .app-menu-submenu small {display:block;margin-top:4px;font-size:14px!important}
html[data-theme] body.web-ui.pwa-view .app-menu-footer {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}
html[data-theme] body.web-ui.pwa-view .app-menu-footer form {margin:0}
html[data-theme] body.web-ui.pwa-view .app-menu-appearance {padding-top:16px!important}
html[data-theme] body.web-ui.pwa-view .app-theme-options {gap:8px;margin:12px 0 20px;flex-wrap:wrap}
html[data-theme] body.web-ui.pwa-view .app-theme-options button {padding:10px 12px!important;font-size:14px!important}
html[data-theme] body.web-ui.pwa-view .app-theme-options button {background:transparent!important;color:var(--muted)!important}
html[data-theme] body.web-ui.pwa-view .app-theme-options button[aria-pressed=true] {background:var(--text)!important;color:var(--bg)!important}
html[data-theme] body.web-ui.pwa-view .app-reminder-settings>form+.field-hint {margin-top:16px}
html[data-theme] body.web-ui.pwa-view .app-month-filter {align-items:end;gap:12px}
html[data-theme] body.web-ui.pwa-view .app-month-filter>.field {margin:0!important;min-width:0}
html[data-theme] body.web-ui.pwa-view .app-month-filter>button {height:48px!important;margin:0!important;align-self:end}
html[data-theme] body.web-ui.pwa-view .report-picker {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0 0 24px}
html[data-theme] body.web-ui.pwa-view :is(.report-picker,.app-month-filter)>.field {min-width:0;width:100%!important;max-width:none!important;margin:0!important}
html[data-theme] body.web-ui.pwa-view :is(.report-picker,.app-month-filter)>.field :is(input,select) {width:100%!important;max-width:none!important;margin:0!important}
html[data-theme] body.web-ui.pwa-view .report-picker>button {height:48px!important;min-height:48px!important;box-sizing:border-box;margin:0!important;align-self:end;transform:none!important}
html[data-theme] body.web-ui.pwa-view .next-event {padding:20px!important}
html[data-theme] body.web-ui.pwa-view .next-event-heading {align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
html[data-theme] body.web-ui.pwa-view .next-event-meta {font-size:16px!important;gap:12px!important;margin-bottom:20px}
html[data-theme] body.web-ui.pwa-view .next-event .quick-response button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px!important;padding:12px 4px!important;font-size:14px!important}
html[data-theme] body.web-ui.pwa-view .next-event .quick-response button span {color:inherit!important;white-space:nowrap}
html[data-theme] body.web-ui.pwa-view .next-event .next-event-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin-top:20px}
html[data-theme] body.web-ui.pwa-view .next-event .next-event-actions>.button {margin:0!important;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
html[data-theme] body.web-ui.pwa-view .next-event .next-event-actions>.button {min-height:48px!important;font-size:16px!important;padding:11px 12px!important}
html[data-theme] body.web-ui.pwa-view .next-event .attendance-feedback>.notice {background:transparent!important;border:0!important;color:var(--text)!important;padding:0!important}

/* Reels controls use icons and generous invisible touch targets. */
html[data-theme] body.web-ui .reels-stage :is(button,summary),
html[data-theme] body.web-ui .reels-stage :is(button,summary):is(:hover,:active,:focus,:disabled) {background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#fff!important;border-radius:0!important;transform:none!important;min-width:44px!important;min-height:44px!important;padding:8px!important;filter:none;text-shadow:0 1px 4px #0008;transition:opacity .2s ease}
html[data-theme] body.web-ui .reels-stage :is(button,summary):hover {opacity:.75}
html[data-theme] body.web-ui .reels-stage :is(button,summary):disabled {opacity:.4}
html[data-theme] body.web-ui .reels-stage :is(button,summary)>.ui-icon {display:block!important;width:24px!important;height:24px!important;filter:drop-shadow(0 1px 3px #0008)}
html[data-theme] body.web-ui .reels-stage .reels-info>summary::before {display:none!important;content:none!important}
html[data-theme] body.web-ui .reels-stage .reels-info>summary>.ui-icon {display:block!important}
html[data-theme] body.web-ui .reels-filter {gap:4px!important}
html[data-theme] body.web-ui .reels-filter button {width:44px;min-width:44px!important;opacity:.6}
html[data-theme] body.web-ui .reels-filter button[aria-pressed=true] {background:transparent!important;color:#fff!important;opacity:1}
html[data-theme] body.web-ui .reels-filter button[aria-pressed=true] .ui-icon {stroke-width:2.3}
html[data-theme] body.web-ui .reels-social button {width:48px!important;min-width:48px!important;padding:6px!important;gap:4px}
html[data-theme] body.web-ui .reels-social [data-reels-like]>.ui-icon {color:#d88b98!important;stroke:currentColor!important}
html[data-theme] body.web-ui .reels-social [data-reels-like][aria-pressed=true]>.ui-icon {color:#e8a1ad!important;fill:currentColor!important}
html[data-theme] body.web-ui .reels-top>div {gap:4px}
html[data-theme] body.web-ui.pwa-view[data-page="/reels"] {height:100dvh!important;padding-bottom:0!important;overflow:hidden}
html[data-theme] body.web-ui.pwa-view[data-page="/reels"] .main {height:var(--app-reels-media-height,calc(100dvh - 73px))!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
html[data-theme] body.web-ui.pwa-view[data-page="/reels"] :is(.reels-shell,.reels-live-track) {height:100%!important;width:100%!important;max-width:none!important;margin:0!important}
html[data-theme] body.web-ui.pwa-view[data-page="/reels"] .reels-stage:not(.reels-previewing) {height:100%!important;max-height:none!important;min-height:0!important}
html[data-theme] body.web-ui.pwa-view[data-page="/reels"] :is(.reels-stage:not(.reels-previewing),.reels-swipe-neighbor)>:is(video,.reels-photo,img) {width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* The preview lives inside the modal top layer and retains the same video element. */
body.web-ui {--comments-bg:#fff;--comments-text:#171717;--comments-muted:#606060;--comments-line:#d5d5d5}
html[data-theme] body.web-ui .reels-comments-dialog[open] {position:fixed!important;top:var(--reels-overlay-top,0px)!important;left:var(--reels-dialog-left,0px)!important;right:auto!important;bottom:auto!important;width:var(--reels-overlay-width,100vw)!important;height:var(--reels-overlay-height,100dvh)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;display:block!important;transform:none!important;animation:none!important;color:var(--comments-text)!important}
html[data-theme] body.web-ui .reels-comments-dialog::backdrop {background:#000b!important;backdrop-filter:none!important}
html[data-theme] body.web-ui .reels-comments-dialog[open]::before {display:none!important}
html[data-theme] body.web-ui .reels-comments-panel {position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:var(--reels-sheet-height,60dvh);box-sizing:border-box;padding:20px 20px max(16px,env(safe-area-inset-bottom));border:var(--ui-border-width,2px) solid var(--comments-line);border-bottom:0;border-radius:2px 2px 0 0;background:var(--comments-bg);color:var(--comments-text);display:flex;flex-direction:column;overflow:hidden;animation:reels-panel-in .24s ease-out both}
html[data-theme] body.web-ui .reels-comments-dialog.is-closing .reels-comments-panel {animation:reels-panel-out .18s ease-in both}
html[data-theme] body.web-ui .reels-stage.reels-previewing {position:fixed!important;z-index:1;top:var(--reels-start-top)!important;left:var(--reels-start-left)!important;width:var(--reels-start-width)!important;height:var(--reels-start-height)!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:2px!important;transform:none!important;transition:top .24s ease,left .24s ease,width .24s ease,height .24s ease!important}
html[data-theme] body.web-ui .reels-stage.reels-previewing.reels-preview-raised {top:var(--reels-preview-top)!important;left:var(--reels-preview-left)!important;width:var(--reels-preview-width)!important;height:var(--reels-preview-height)!important}
html[data-theme] body.web-ui .reels-stage.reels-previewing>:is(.reels-top,.reels-social,.reels-caption,.reels-switch,.reels-status,.reels-timeline) {display:none!important}
html[data-theme] body.web-ui .reels-stage.reels-previewing::after {display:none!important}
html[data-theme] body.web-ui .reels-stage.reels-previewing>:is(video,img) {object-fit:contain!important;cursor:pointer}
html[data-theme] body.web-ui .reels-comments-panel .reels-comments-head {display:flex;align-items:center;gap:8px;min-height:48px;padding:0 0 12px!important;flex-shrink:0;background:transparent!important;border-bottom:var(--ui-border-width,2px) solid var(--comments-line)!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comments-head h2 {font-size:22px!important;font-weight:650;line-height:1.3;margin:0!important;margin-right:auto!important;color:var(--comments-text)!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comments-head button {width:44px;min-width:44px!important;min-height:44px!important;padding:10px!important;background:transparent!important;border:0!important;color:var(--comments-text)!important;box-shadow:none!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comments-head .ui-icon {width:22px;height:22px;display:block!important}
html[data-theme] body.web-ui .reels-comments-panel [data-reels-comments-status] {min-height:0;margin:12px 0!important;font-size:14px!important;line-height:1.5;color:var(--comments-muted)!important;flex-shrink:0}
html[data-theme] body.web-ui .reels-comments-panel [data-reels-comments-status]:empty {display:none}
html[data-theme] body.web-ui .reels-comments-panel .reels-comments-list {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-gutter:stable}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment {padding:16px 0!important;background:transparent!important;border-bottom:var(--ui-border-width,2px) solid var(--comments-line)!important;color:var(--comments-text)!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-head {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 12px;padding-right:12px}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-head strong {font-size:15px!important;line-height:1.5;color:var(--comments-text)!important;overflow-wrap:anywhere;max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-head time {font-size:12px!important;line-height:1.5;color:var(--comments-muted)!important;white-space:nowrap;margin:0;justify-self:end}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-head>small {grid-column:1/-1;margin:0;font-size:12px!important;color:var(--comments-muted)!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment>p {padding-right:48px;margin:8px 0 12px!important;font-size:16px!important;line-height:1.55;color:var(--comments-text)!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-like {top:48px;right:0;width:44px!important;min-width:44px;min-height:44px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--comments-text)!important;padding:4px!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-actions {display:flex;flex-wrap:wrap;gap:4px 12px;margin:0}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-actions button {min-height:44px!important;font-size:14px!important;line-height:1.5;padding:6px 0!important;background:transparent!important;border:0!important;color:var(--comments-muted)!important}
html[data-theme] body.web-ui .reels-comments-panel :is(.reels-replies,.reels-parent,.reels-reply-context,.reels-comment-editor) {border-color:var(--comments-line)!important;background:transparent!important;color:var(--comments-text)!important;border-radius:2px!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-replies {padding-left:16px;margin-top:12px;border-left:var(--ui-border-width,2px) solid var(--comments-line)}
html[data-theme] body.web-ui .reels-comments-panel .reels-replies>summary {min-height:44px;line-height:1.5;font-size:14px;padding:12px 0}
html[data-theme] body.web-ui .reels-comments-panel>form {display:flex;align-items:flex-end;gap:12px;flex-shrink:0;border-top:var(--ui-border-width,2px) solid var(--comments-line);margin-top:12px;padding-top:16px}
html[data-theme] body.web-ui .reels-comments-panel>form>.field {flex:1;min-width:0;margin:0!important;gap:8px;font-size:14px!important;color:var(--comments-muted)!important}
html[data-theme] body.web-ui .reels-comments-panel>form textarea {height:72px!important;min-height:72px!important;max-height:144px;padding:10px 12px!important;font-size:16px!important;line-height:1.5;resize:none;background:var(--comments-bg)!important;color:var(--comments-text)!important;border:var(--ui-border-width,2px) solid #777!important;box-sizing:border-box}
html[data-theme] body.web-ui .reels-comments-panel>form>.form-actions {margin:0!important;gap:8px;flex:0 0 auto}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-send {width:48px;min-width:48px;min-height:48px!important;padding:12px!important;border:0!important;background:transparent!important;color:var(--comments-text)!important;box-shadow:none!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-send .ui-icon {width:24px;height:24px;display:block!important}
html[data-theme] body.web-ui:not(.pwa-view) .reels-comments-panel .reels-comment-send {width:auto;min-width:48px;display:flex;gap:8px;align-items:center}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-like .ui-icon {width:20px!important;height:20px!important;color:#d88b98!important;stroke:currentColor!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-like[aria-pressed=true] svg {color:#e8a1ad!important;fill:currentColor!important}
html[data-theme] body.web-ui.pwa-view .reels-comments-panel>form [type=reset] {display:none!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-reply-context {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin-top:12px;flex-shrink:0;font-size:14px}
html[data-theme] body.web-ui .reels-comments-panel button:disabled {opacity:.45}
@keyframes reels-panel-in {from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes reels-panel-out {from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,32px)}}
@media(max-width:360px) {
 html[data-theme] body.web-ui.pwa-view:not([data-page="/reels"]) .main {padding-left:16px!important;padding-right:16px!important}
 html[data-theme] body.web-ui .reels-comments-panel {padding-left:16px;padding-right:16px}
 html[data-theme] body.web-ui .reels-comments-panel .reels-comment-head {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px) {
 html[data-theme] body.web-ui.pwa-view[data-page="/app/finance"] .table-wrap {border:0!important}
 html[data-theme] body.web-ui.pwa-view[data-page="/app/finance"] .table-wrap td>.row-details-toggle {grid-column:1/-1;display:flex!important;width:100%;min-height:48px!important;margin:0!important;justify-content:center;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce) {
 html[data-theme] body.web-ui .reels-stage.reels-previewing {transition:none!important}
 html[data-theme] body.web-ui .reels-comments-panel {animation:none!important}
}
/* Quiet, consistent role labels in menus, profiles and member lists. */
html[data-theme] body.web-ui .role-badge {display:inline-flex;align-items:center;max-width:100%;box-sizing:border-box;padding:6px 10px!important;margin:4px!important;border:0!important;border-radius:2px!important;background:var(--panel-soft)!important;color:var(--text)!important;font-size:14px!important;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
html[data-theme] body.web-ui :is(.account-menu-roles,.profile-roles) {gap:8px;padding:12px;margin-bottom:16px}
html[data-theme] body.web-ui :is(.account-menu-roles,.profile-roles)>.role-badge {margin:0!important}
html[data-theme] body.web-ui .account-menu-roles>.account-menu-label {margin:0 0 4px;font-size:12px;line-height:1.5;color:var(--muted)}

/* Space explanatory copy consistently beneath text and form controls. */
html[data-theme] body.web-ui :is(main,dialog) :is(h1,h2,h3,h4,p,.field,.form-grid,.filter-grid,.form-actions,form,input,select,textarea,label,strong,span,fieldset)+p:not(:empty):not([hidden]) {margin-top:16px!important}
html[data-theme] body.web-ui :is(main,dialog) :is(form,.form-grid,.filter-grid,.field,.form-actions)+:is(.field-hint,.field-error):not(:empty):not([hidden]) {display:block;margin-top:16px!important}
html[data-theme] body.web-ui .field>:is(input,select,textarea)+:is(small,.field-hint,.field-error) {display:block;margin-top:8px!important;padding-top:0!important}
html[data-theme] body.web-ui .reels-comments-panel .reels-comment-head+p {margin-top:12px!important}
html[data-theme] body.web-ui .unsaved-dialog {width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;padding:24px}
html[data-theme] body.web-ui .unsaved-dialog .form-actions {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch!important;gap:16px!important;margin-top:24px!important}
html[data-theme] body.web-ui .unsaved-dialog .form-actions>button {display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px!important;height:100%;margin:0!important;padding:12px 16px!important;white-space:normal;line-height:1.5;text-align:center}
html[data-theme] body.web-ui :is(.table-wrap,table)+:is(p,small,.field-hint,.muted,.pagination):not(:empty):not([hidden]) {margin-top:24px!important}

/* Compact overview cards beneath the website's next event. */
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home {gap:24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .dashboard-priority>.next-event {margin-bottom:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-outlook>.dashboard-dates-overview {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;align-items:start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-outlook :is(.dashboard-upcoming,.dashboard-birthday) {padding:24px!important;border:0!important;border-radius:2px;background:var(--panel)!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .dashboard-upcoming-heading {margin-bottom:16px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .dashboard-upcoming-heading>h2 {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .dashboard-upcoming-list {gap:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .dashboard-upcoming-list li {padding:12px 0;gap:6px;border-bottom:var(--ui-border-width,2px) solid var(--line)}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .dashboard-upcoming-list li:first-child {padding-top:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .dashboard-upcoming-list li:last-child {border-bottom:0;padding-bottom:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .dashboard-card-actions {margin-top:20px;display:flex;justify-content:flex-start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .dashboard-card-actions>.button {width:auto;max-width:100%;font-size:16px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .birthday-person {padding:12px!important;background:var(--panel-soft)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home>.website-finance {padding:24px!important;border:0!important;border-radius:2px;background:var(--panel-soft)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .website-finance .stats {padding:0!important;background:transparent!important;gap:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .website-secondary>.next-event-updates {gap:24px!important;align-items:start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .website-secondary .dashboard-update {border:0!important;border-radius:2px;background:var(--panel)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .website-install {border:0!important;border-radius:2px}
@media(max-width:900px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-outlook>.dashboard-dates-overview {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home .website-secondary>.next-event-updates {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-outlook :is(.dashboard-upcoming,.dashboard-birthday),
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) .website-home>.website-finance {padding:20px!important}
}
/* Period summaries use one gap below headings, without doubled table margins. */
html[data-theme] body.web-ui main details[data-finance-periods][open]>.disclosure-content {margin-top:0!important;padding-top:24px!important}
html[data-theme] body.web-ui [data-finance-periods] .table-wrap {margin-top:0!important}
html[data-theme] body.web-ui [data-finance-periods] .table-wrap+h2 {margin-top:32px!important;margin-bottom:24px!important}

/* Remove decorative and duplicate lines; controls and table rows retain their boundaries. */
html[data-theme] body.web-ui main .panel .panel {border:0!important}
html[data-theme] body.web-ui main :is(.form-section,.profile-password-action,.member-card .saldo,.role-explanation,.chart-caption) {border:0!important}
html[data-theme] body.web-ui .table-wrap {border:0!important}
html[data-theme] body.web-ui .stats>:is(.stat,.cash-card) {border:0!important}
html[data-theme] body.web-ui :is(.account-menu-roles,.profile-roles) {border:0!important}
html[data-theme] body.web-ui :is(main hr,.account-menu-divider) {display:none!important}
html[data-theme] body.web-ui .account-menu-content>:is(a,form)+:is(a,form)::before {display:none!important}
html[data-theme] body.web-ui main :is(.dashboard-upcoming-list li,.calendar-list section,.app-menu-submenu>a) {border:0!important}
html[data-theme] body.web-ui .website-home .birthday-person {border:0!important}
@media(max-width:760px) {
 html[data-theme] body.web-ui .website-home .website-finance .stats {gap:20px!important}
}