html[data-surface=app] .user-app-shell:has(:is(.ssu-profile-page,.profile-subscription-page)){background:radial-gradient(100% 46rem at 100% 0,#baf3ed99,#0000 80%),#f7f9fb}html.dark[data-surface=app] .user-app-shell:has(:is(.ssu-profile-page,.profile-subscription-page)){background:radial-gradient(100% 46rem at 100% 0,#007e8999,#0000 80%),#001d2c}html[data-surface=app] .user-app-shell:has(:is(.ssu-profile-page,.profile-subscription-page)):before{display:none}html[data-surface=app] .profile-screen[data-fullscreen=true]{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:env(safe-area-inset-top) 0 0;color:var(--foreground);box-shadow:none;background:radial-gradient(100% 46rem at 100% 0,#baf3ed99,#0000 80%),#f7f9fb;border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow:clip}html.dark[data-surface=app] .profile-screen[data-fullscreen=true]{background:radial-gradient(100% 46rem at 100% 0,#007e8999,#0000 80%),#001d2c}.profile-screen:before,.profile-screen>[data-vaul-handle]{display:none}.profile-screen-header{flex-shrink:0;align-items:center;gap:8px;min-height:64px;padding:8px 16px;display:flex}.profile-screen-header>button{min-width:44px;min-height:44px;margin-left:-8px}html[data-surface=app] .profile-screen-header h2{margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.profile-screen-body{overscroll-behavior:contain;flex:1;min-height:0;padding:16px 20px 24px;overflow-y:auto}.profile-screen-footer{padding:12px 20px calc(20px + env(safe-area-inset-bottom));flex-shrink:0}html[data-surface=app] .profile-screen :is(.bg-card,.surface-card,.bg-muted,.bg-secondary){background:color-mix(in srgb, var(--primary) 7%, transparent);box-shadow:none}html[data-surface=app] .profile-screen :is(input:not([type=radio]):not([type=checkbox]),textarea,[data-slot=select-trigger]){background:color-mix(in srgb, var(--primary) 6%, transparent);border-color:var(--border);box-shadow:none;border-radius:10px;font-size:1rem}html[data-surface=app] .profile-screen :is(button[data-slot=button],a[data-slot=button]){min-height:44px}html[data-surface=app] .profile-screen-footer{background:0 0;border:0}html[data-surface=app] .profile-screen-footer>button,.profile-form-actions>button{border-radius:999px;width:100%;min-height:48px}.profile-form-actions{flex-direction:column-reverse;gap:8px;display:flex}.profile-screen-body>.profile-plain-row,.profile-plain-row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 0;font-size:.9375rem;display:flex}.profile-plain-row>svg{flex-shrink:0;width:22px;height:22px}.profile-plain-row>span{flex:1;min-width:0}.profile-plain-row>svg:last-child:not(:first-child){width:18px}.profile-hero{text-align:center;padding:20px 0 28px}.profile-hero>svg{width:80px;height:80px;color:var(--primary-text);stroke-width:1.5px;margin:0 auto 20px}.profile-hero h2{margin-bottom:8px;font-size:1.5rem;font-weight:600;line-height:1.3}.profile-hero p{color:var(--muted-foreground)}html[data-surface=app] .ssu-account-identity{grid-template-rows:auto auto;grid-template-columns:68px minmax(0,1fr);place-items:center start;column-gap:16px;padding:12px 0 20px;display:grid}html[data-surface=app] .ssu-account-identity>button:first-child{grid-row:1/3;position:relative}html[data-surface=app] .ssu-account-identity>button:first-child>span{width:64px;height:64px}html[data-surface=app] .ssu-account-identity>button:nth-child(2){align-self:end;min-height:28px}html[data-surface=app] .ssu-account-identity strong{text-align:left;font-size:1.0625rem}html[data-surface=app] .ssu-account-identity p{grid-column:2;align-self:start;font-size:.8125rem}html[data-surface=app] .ssu-account-menu section{margin-top:14px}html[data-surface=app] .ssu-account-menu :is(section>button,section>a,.ssu-account-signout){background:0 0;min-height:48px}.profile-identity-editor>div:first-child{margin-bottom:20px}.profile-identity-account{border-bottom:1px solid var(--border);padding:20px 0}.profile-identity-account p{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:8px;font-size:.875rem}.profile-calculation-summary{display:none}.profile-calculation-explanation{border-block:1px solid var(--border);margin-top:20px;padding:12px 0;font-size:.875rem}.profile-appearance-choices{gap:12px;display:grid}.profile-appearance-option{border:1px solid var(--border);cursor:pointer;border-radius:14px;grid-template-columns:28px minmax(0,1fr) 40px 24px;align-items:center;gap:12px;min-height:112px;padding:20px 16px;display:grid}.profile-appearance-option[data-selected=true]{border-color:var(--primary-text);background:color-mix(in srgb, var(--primary) 7%, transparent)}.profile-appearance-option strong{font-size:1rem;font-weight:600;display:block}.profile-appearance-option small{color:var(--muted-foreground);margin-top:4px;font-size:.8125rem;line-height:1.5;display:block}.profile-theme-preview{border:1px solid var(--border);background:#f7f9fb;border-radius:6px;gap:5px;width:32px;height:64px;padding:7px 3px;display:grid}.profile-theme-preview i{background:#dcecef;border-radius:2px;height:8px;display:block}.profile-theme-preview[data-theme=dark]{background:#001d2c}.profile-theme-preview[data-theme=dark] i{background:#10536c}.profile-theme-preview[data-theme=system]{background:linear-gradient(125deg,#f7f9fb 49%,#001d2c 50%)}.profile-privacy .surface-card{border:0;border-radius:0;padding-inline:0;background:0 0!important}.profile-privacy h3{font-size:1rem}.profile-privacy .profile-legal-links{margin-bottom:24px}.profile-consent-status{padding:20px 0}.profile-consent-title{align-items:center;gap:14px;margin-bottom:12px;display:flex}.profile-consent-title>svg{width:48px;height:48px;color:var(--primary-text)}.profile-consent-title h3{color:var(--primary-text);font-weight:600}.profile-consent-actions{gap:10px;margin-top:16px;display:grid}.profile-consent-actions button{border-radius:999px;width:100%}.profile-destructive-icon{color:var(--destructive)!important}.profile-install-body{flex-direction:column;display:flex}.profile-install-body>div{width:100%}.profile-install-body ol li{border:1px solid var(--border);border-radius:12px;align-items:center;min-height:72px;padding:12px}.profile-install-body ol li>span:first-child{background:color-mix(in srgb, var(--primary) 18%, transparent)}.profile-install-body h3{text-align:center}.profile-install-body>svg{stroke-width:1.5px;width:90px;height:90px;color:var(--primary-text);margin:12px auto 24px}html[data-surface=app] .profile-screen.notif-sheet{max-width:none}.profile-screen.notif-sheet .notif-icon{background:0 0;width:32px;height:32px}.profile-screen.notif-sheet .notif-icon svg{width:26px;height:26px}.profile-screen.notif-sheet .notif-row{border-bottom:1px solid var(--border);padding-block:22px}.profile-screen.notif-sheet .notif-banner{background:color-mix(in srgb, var(--primary) 9%, transparent);border:1px solid var(--border);border-radius:999px}.profile-screen.notif-sheet .notif-segment{background:color-mix(in srgb, var(--primary) 13%, transparent);border:0;border-radius:999px;padding:4px}.profile-screen.notif-sheet .notif-segment button{border-radius:999px}.profile-screen.notif-sheet .notif-about{padding-block:16px}.profile-feedback-form{flex-direction:column;gap:20px;min-height:100%;display:flex}.profile-feedback-form label{margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.profile-feedback-form .profile-feedback-submit{border-radius:999px;min-height:48px;margin-top:auto}.profile-feedback-success{text-align:center;flex-direction:column;justify-content:center;gap:20px;min-height:75dvh;display:flex}.profile-feedback-success>svg{width:80px;height:80px;color:var(--primary-text);margin-inline:auto}.profile-feedback-success h2{font-size:1.75rem;font-weight:600}.profile-feedback-success button{border-radius:999px;min-height:48px;margin-top:24px}.profile-subscription-page{min-height:calc(100dvh - var(--ssu-nav-clearance,98px) - 40px);flex-direction:column;display:flex}.profile-subscription-page>.profile-subscription-header{align-items:center;gap:12px;min-height:56px;margin-bottom:12px;display:flex}.profile-subscription-header h1{font-size:1.125rem;font-weight:600}.profile-subscription-content{flex:1}.profile-subscription-status{padding:12px 0}.profile-subscription-status .profile-hero{padding-block:32px}.profile-subscription-status .profile-hero h2{font-size:1.5rem}.profile-subscription-price{margin:12px 0;font-size:3rem;font-weight:600;line-height:1.15}.profile-subscription-badge{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:5px 16px;font-size:.8125rem;display:inline-flex}.profile-subscription-facts{margin-block:16px}.profile-subscription-facts>div{border-bottom:1px solid var(--border);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:12px 0;font-size:.875rem;display:grid}.profile-subscription-facts svg{width:22px;height:22px}.profile-subscription-facts dd{text-align:right;overflow-wrap:anywhere;max-width:42vw}.profile-subscription-page .profile-subscription-manage{border-radius:999px;width:100%;min-height:48px;margin-block:20px 8px}.profile-subscription-legal{text-align:center;color:var(--muted-foreground);margin-top:auto;padding:24px 0;font-size:.8125rem}.profile-plan-picker{gap:10px;display:grid}.profile-plan-picker label{background:0 0;border-radius:14px;min-height:96px}.profile-plan-terms{border:0;border-top:1px solid var(--border);border-radius:0;padding:16px 0}@media (width>=1024px){html[data-surface=app] .profile-screen[data-fullscreen=true]{left:var(--app-sidebar-width,240px);width:calc(100% - var(--app-sidebar-width,240px))}.profile-screen-body,.profile-screen-footer{width:min(100%,640px);margin-inline:auto}}.profile-calculation-form label{text-transform:none;font-size:.875rem}.profile-calculation-form [role=radiogroup]{background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;gap:0;padding:3px}.profile-calculation-form [role=radio]{box-shadow:none;border:0;border-radius:999px;font-weight:500}.profile-calculation-form [role=radio] svg{display:none}.profile-calculation-form [role=radio][aria-checked=false]{background:0 0}.profile-calculation-form input{font-weight:400}.profile-subscription-page .app-page-header>img{display:none}.profile-screen.notif-sheet .profile-screen-body>fieldset>.space-y-4{border-bottom:1px solid var(--border);padding:16px 0}.profile-screen>div[aria-hidden=true]:first-child{display:none}html[data-surface=app] .profile-screen .profile-screen-header{text-align:left}.profile-calculation-form>div:first-child>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-surface=app] .profile-screen.notif-sheet .profile-screen-footer{background:0 0}.profile-identity-editor>div:first-child>div:first-child>p{font-size:.8125rem}html[data-surface=app] .ssu-account-identity .profile-avatar-camera{background:var(--primary);width:24px;height:24px;color:var(--primary-foreground);border-radius:50%;padding:4px;position:absolute;bottom:0;right:-3px}.profile-appearance-option small{font-weight:400}.profile-install-hero{text-align:center;margin-bottom:24px}.profile-install-hero>svg{stroke-width:1.5px;width:90px;height:90px;color:var(--primary-text);margin:24px auto;display:block}.profile-install-hero h2{font-size:1.5rem;font-weight:600;line-height:1.3}.ssu-account-menu a[href="/admin/inbox"] small{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:2px 8px}html[data-surface=app] .profile-screen [data-ssu-button][data-variant=outline],html[data-surface=app] .profile-screen [data-ssu-button][data-variant=ghost]{box-shadow:none;background:0 0}html[data-surface=app] .profile-screen [data-ssu-button][data-variant=secondary]{background:color-mix(in srgb, var(--primary) 10%, transparent);box-shadow:none}.profile-screen select{border:1px solid var(--border);background-color:color-mix(in srgb, var(--primary) 6%, transparent);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2383b9be' stroke-width='2'%3E%3Cpath d='m5 7 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border-radius:10px;width:100%;min-height:44px;padding:8px 40px 8px 12px}html[data-surface=app] .profile-screen h2[data-drawer-initial-focus]:focus{box-shadow:none;outline:none}html[data-surface=app] .profile-screen.notif-sheet .notif-segment button[aria-checked=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:none}html[data-surface=app] .profile-screen.notif-sheet .notif-segment button[aria-checked=false]{color:var(--foreground);background:0 0}html[data-surface=app] .profile-screen.notif-sheet .notif-icon{border:0}.profile-screen.notif-sheet .notif-channel{background:color-mix(in srgb, var(--primary) 15%, transparent);border-radius:999px;padding:4px 10px}.profile-screen .profile-screen-footer [data-ssu-button]{border-radius:999px;min-height:48px}html[data-surface=app] .profile-screen select.bg-card{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2383b9be' stroke-width='2'%3E%3Cpath d='m5 7 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px}html[data-surface=app] .profile-feedback-add-image{border:1px dashed var(--border);background:0 0;border-radius:12px;flex-direction:column;gap:8px;width:96px;min-height:88px;font-size:.8125rem;display:flex}.profile-screen summary{cursor:pointer;list-style:none}.profile-screen summary::-webkit-details-marker{display:none}.profile-feedback-form summary{justify-content:space-between;align-items:center;min-height:44px;display:flex}.profile-feedback-form summary:after{content:"";border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;margin-right:4px;transform:rotate(45deg)}.profile-avatar-controls{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:16px;display:grid}.profile-avatar-controls>div{grid-column:span 2}.profile-avatar-controls[data-has-photo=false]{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-surface=app] .profile-avatar-controls [data-ssu-button]{background:0 0;border:0;border-radius:0;flex-direction:column;gap:6px;width:100%;min-height:64px;padding:8px 4px;font-size:.8125rem}.profile-avatar-controls>div>.grid>button:first-child{order:2}.profile-identity-editor [data-radix-avatar-fallback],.profile-identity-editor>div:first-child>div:first-child>span>span{font-size:2rem}html[data-surface=app] .profile-screen[data-fullscreen=true]{transition:none!important;animation:none!important;transform:none!important}.profile-screen[data-state=closed]{visibility:hidden;pointer-events:none}.profile-screen-header h2,.profile-screen-body :is(p,summary,label,li,h2,h3,dt,dd){overflow-wrap:anywhere}html[data-surface=app] .profile-calculation-form input{padding-left:12px;padding-right:44px}.profile-install-body ol li>span{overflow-wrap:anywhere;min-width:0}@media (width<=359px){.profile-calculation-form>div:first-child>div:first-child{grid-template-columns:minmax(0,1fr)}}.profile-subscription-status .profile-hero .profile-subscription-price{color:var(--foreground)}.profile-subscription-badge[data-tone=ok]{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);border-color:#0000}.profile-subscription-badge[data-tone=ok]:before{content:"";background:var(--success);border-radius:50%;width:9px;height:9px}.profile-subscription-badge[data-tone=warning]{color:var(--warning);border-color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, transparent)}@media (width>=1024px){html[data-surface=app] .responsive-app-drawer.profile-screen[data-app-surface=user][data-fullscreen=true][data-vaul-drawer]{left:var(--app-sidebar-width,240px);width:calc(100% - var(--app-sidebar-width,240px));border-radius:0;max-width:none;height:100dvh;max-height:100dvh;margin:0;right:0}}html.dark[data-surface=app] :is(.profile-screen,.user-app-shell:has(.ssu-profile-page),.user-app-shell:has(.profile-subscription-page)){--ssu-background:#001d2c;--ssu-nav:#001d2c;--ssu-surface:#073247;--ssu-surfaceRaised:#0a4052;--ssu-border:#25475b;--ssu-primary:#6bddd8;--ssu-onPrimary:#003746;--ssu-accent:#7ce4e3}
