#notices-shade,#more-menu-shade{position:fixed;inset:0;background:#30281933;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s;z-index:300}
#notices-shade.is-open,body.more-menu-open #more-menu-shade{opacity:1;visibility:visible;pointer-events:auto}
#notice-dropdown{position:fixed;right:max(12px,env(safe-area-inset-right));top:calc(var(--visible-top,0px) + 88px);width:min(440px,calc(100vw - 24px));max-height:calc(var(--visible-height,100dvh) - 112px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:20px;background:#faf7ef;border:1px solid #cab580;border-radius:20px;box-shadow:0 12px 40px #30281933;z-index:302;opacity:0;visibility:hidden;transform:translateY(-18px);transition:opacity .24s ease,transform .24s ease,visibility .24s}
#notice-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}
#notice-dropdown h2{margin:0 0 16px}#notice-dropdown .notice-item{width:100%;text-align:left}#notice-dropdown .notice-toolbar{display:flex;gap:8px;flex-wrap:wrap}
.notice-with-contact [data-notice-client],#notice-dropdown .notice-toolbar button{appearance:none;-webkit-appearance:none;background:#eee2c9;color:#54452b;-webkit-text-fill-color:#54452b;border:1px solid #c9b586;border-radius:12px;padding:12px 16px;font:inherit;margin:8px 0 16px}
.notice-with-contact .notice-contact{display:inline-block;margin:8px 0 16px}
body.notices-open #notice-bell{position:relative!important;z-index:303!important}body.notices-open header{z-index:301;position:relative}
body.notices-open>header>:not(#notice-bell){filter:blur(6px);pointer-events:none}
body.more-menu-open #mobile-bottom-nav{z-index:301}body.more-menu-open #mobile-bottom-nav button:not(#mobile-more-trigger){filter:blur(5px);pointer-events:none}#mobile-more-dialog{z-index:302;position:fixed}body.more-menu-open #mobile-more-trigger{filter:none}
@media(max-width:767px){#mobile-bottom-nav:not([hidden]){bottom:var(--mobile-viewport-bottom,0px);transform:translateZ(0)}#mobile-datebar:not([hidden]){bottom:calc(var(--mobile-nav-height) + var(--mobile-viewport-bottom,0px));transform:translateZ(0)}body.mobile-nav-ready:not(.mobile-calendar-active) .back-to-top{bottom:calc(var(--mobile-nav-height) + var(--mobile-viewport-bottom,0px) + 16px)}#mobile-more-dialog{bottom:calc(var(--mobile-nav-height) + var(--mobile-viewport-bottom,0px) + 8px)}}
@media(prefers-reduced-motion:reduce){#notices-shade,#more-menu-shade,#notice-dropdown{transition:none}}
.account-top [role=button]{cursor:pointer}.account-top [role=button]:focus-visible{outline:3px solid #b28d47;outline-offset:3px}.desk-session{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;padding:16px;margin:8px 0;border:1px solid #cab580;border-radius:14px;background:#f7f2e8;color:#332c1d;font:inherit}#payment-desk article{padding:16px 0;border-bottom:1px solid #ded0b8}#payment-desk article button{margin:4px 8px 4px 0}#payment-desk button,#studio-desk button{font:inherit;appearance:none;-webkit-appearance:none;color:#332c1d;-webkit-text-fill-color:#332c1d}

/* Large account cards belong only to the role landing screen. */
#app .account-top{display:none!important}
#app:has(#client-home-panel:not([hidden])) .account-top,#app:has(#staff-home-panel:not([hidden])) .account-top{display:grid!important}
#app:has(#client-home-panel:not([hidden])) .account-top .topline{display:block}
@media(max-width:650px){#app:has(#client-home-panel:not([hidden])) .account-top,#app:has(#staff-home-panel:not([hidden])) .account-top{display:flex!important}}


/* Payment actions use the same gold surfaces and rounded controls as the rest of the interface. */
#payment-desk article button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;max-width:100%;padding:12px 16px;border:1px solid #c4ab74;border-radius:12px;background:#eae0c7;color:#3c321e;-webkit-text-fill-color:#3c321e;font:inherit;line-height:1.4;white-space:normal;text-align:center;box-shadow:none;touch-action:manipulation}
#payment-desk article button.outline{background:#faf7ef;border-color:#d7c9af;color:#665331;-webkit-text-fill-color:#665331}
#payment-desk article button:not(:disabled):hover{background:#e1d3b0}
#payment-desk article button.outline:not(:disabled):hover{background:#f0e7d5}
#payment-desk article button:focus-visible{outline:2px solid #967239;outline-offset:3px}
#payment-desk article button:disabled{opacity:.5;cursor:wait}
@media(max-width:650px){#payment-desk article button{display:flex;width:100%;margin:10px 0 0}}
#team-list{display:grid;gap:14px;margin:20px 0}
#team-list .owner-client{padding:18px 20px;gap:12px 18px;border:1px solid #cbb784;border-radius:14px;background:#faf7ef;box-sizing:border-box;min-width:0}
#team-list .owner-client:hover{background:#f1eadb}
#team-list .owner-client:focus-visible{outline:2px solid #806328;outline-offset:3px}
#team-list .owner-credit{min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){#team-list{gap:12px}#team-list .owner-client{padding:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 12px;gap:12px 10px}#team-list .owner-person strong{font-size:16px}#team-list .owner-credit strong{font-size:15px}#team-list .owner-credit small{line-height:1.5}#team-panel>.sectionhead{align-items:flex-start;flex-wrap:wrap;gap:10px}}

#app .account-top .wallet.owner-audit-wallet{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:96px}#app .account-top .wallet.owner-audit-wallet>:not(#balance):not(.owner-audit-arrow){display:none!important}#app .account-top .wallet.owner-audit-wallet #balance{font-family:inherit;font-size:clamp(22px,3vw,28px);font-weight:400;line-height:1.2;letter-spacing:0;margin:0;overflow-wrap:anywhere}#app .account-top .wallet.owner-audit-wallet .owner-audit-arrow{flex-shrink:0;font-size:28px;color:#e0c58d}