/* FINO light theme, measured against Whop. See vendor/whop-reference/PROVENANCE.md. */
@font-face{font-family:Inter;src:url('/vendor/whop-reference/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root,body,body.dashboard-page.admin-mode{
 --whop-ink:#202020;--whop-muted:#838383;--whop-border:#e8e8e8;--whop-gray:#f0f0f0;--whop-blue:#1754d8;
 --whop-ease:cubic-bezier(.16,1,.3,1);--whop-spring:cubic-bezier(.32,.72,0,1);
 --fino-canvas:#fff;--fino-canvas-sunken:#f9f9f9;--fino-surface:#fff;--fino-surface-raised:#fff;--fino-surface-sunken:#f0f0f0;
 --fino-hairline:#e8e8e8;--fino-hairline-soft:#f0f0f0;--fino-hairline-strong:#d9d9d9;
 --fino-ink:#202020;--fino-ink-secondary:#646464;--fino-ink-muted:#838383;--fino-ink-faint:#8d8d8d;--fino-ink-disabled:#bbbbbb;
 --fino-accent:#1754d8;--fino-accent-hover:#0543c7;--fino-accent-press:#0543c7;--fino-accent-rgb:23,84,216;--fino-accent-soft:#ebf2ff;--fino-accent-text:#265ccf;--fino-on-accent:#fff;--fino-brand-gold:#1754d8;
 --fino-success:#218358;--fino-success-soft:#e6f6eb;--fino-warn:#946800;--fino-warn-soft:#fff7d6;--fino-danger:#ce2c31;--fino-danger-soft:#feebec;--fino-info:#265ccf;--fino-info-soft:#ebf2ff;--fino-focus-ring:#7ea7f5;
 --fino-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fino-font-display:var(--fino-font);
 --fino-text-display:600 40px/48px var(--fino-font);--fino-text-h1:600 28px/36px var(--fino-font);--fino-text-h1-track:-.025em;--fino-text-h2:600 20px/28px var(--fino-font);--fino-text-h3:600 16px/24px var(--fino-font);
 --fino-text-body:400 16px/24px var(--fino-font);--fino-text-ui:400 14px/20px var(--fino-font);--fino-text-ui-strong:500 14px/20px var(--fino-font);--fino-text-button:500 14px/20px var(--fino-font);--fino-text-caption:400 12px/16px var(--fino-font);
 --fino-radius-xs:3px;--fino-radius-sm:6px;--fino-radius-md:8px;--fino-radius-lg:12px;--fino-radius-xl:16px;--fino-control-height:40px;--fino-btn-radius:8px;--fino-card-radius:16px;
 --fino-elev-0:none;--fino-elev-1:none;--fino-elev-2:0 4px 16px #00000012;--fino-elev-3:0 12px 48px #00000026;--fino-overlay:#0000004d;
 --fino-motion-snap:150ms;--fino-motion-base:150ms;--fino-motion-glide:400ms;--fino-ease-out:var(--whop-ease);--fino-ease-in-out:var(--whop-ease);--fino-transition:150ms var(--whop-ease);
 --admin-canvas:#fff;--admin-surface:#fff;--admin-surface-soft:#f0f0f0;--admin-line:#e8e8e8;--admin-line-soft:#f0f0f0;--admin-ink:#202020;--admin-muted:#838383;--admin-accent:#1754d8;--admin-accent-hover:#0543c7;--admin-accent-soft:#ebf2ff;--admin-radius:16px;--admin-control-radius:8px;--admin-shadow:none;
 color-scheme:light;
}
html{background:#fff;scrollbar-gutter:stable}body{font-family:var(--fino-font);color:var(--whop-ink);background:#fff;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
body :is(.fino-eyebrow,.fino-kicker,.dashboard-kicker){display:none}
body :is(.fino-btn,.channel-btn,.btn-primary,.button-primary){border-radius:8px;box-shadow:none;font-weight:500;transition:background-color 150ms var(--whop-ease),color 150ms var(--whop-ease),filter 150ms var(--whop-ease)}
body :is(.fino-btn--primary,.channel-btn,.btn-primary,.button-primary){background:#1754d8;color:#fff;border-color:transparent}
body :is(.fino-btn--primary,.channel-btn,.btn-primary,.button-primary):hover{background:#0543c7}
body :is(.fino-btn--primary,.channel-btn,.btn-primary,.button-primary):active{filter:brightness(.92) saturate(1.1);transform:none}
body :is(.fino-btn--secondary,.fino-btn--tertiary){background:#fff;color:#202020;border-color:#e0e0e0}
body :is(.fino-btn--secondary,.fino-btn--tertiary):hover{background:#f0f0f0;color:#202020;border-color:#d9d9d9;transform:none}
body .fino-btn.is-quiet{border-color:transparent;background:transparent}body .fino-btn.is-quiet:hover{background:#f0f0f0}
body .fino-btn:disabled{background:#f0f0f0;color:#8d8d8d;filter:none;cursor:not-allowed}
body :is(.fino-input,.fino-select,.fino-textarea){border:1px solid #d9d9d9;border-radius:8px;color:#202020;background:#fff;box-shadow:none;font:400 14px/20px var(--fino-font)}
body :is(input.fino-input,.fino-select){box-sizing:border-box;min-height:var(--fino-control-height);height:var(--fino-control-height);padding:9px 12px}body .fino-textarea{padding:10px 12px}
body :is(.fino-input,.fino-select,.fino-textarea):focus{border-color:#7ea7f5;box-shadow:0 0 0 1px #7ea7f5;outline:0}
body .fino-search .fino-input{padding-left:36px}body .fino-money-field>.fino-input{padding-left:28px}
body .fino-label,body .fino-field{font-weight:500;color:#202020}body .fino-hint{color:#838383;font-weight:400;font-size:12px;line-height:18px}
body :is(.fino-card,.card,.operator-list-panel,.partner-orders-panel,.partner-task-card){background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:none}
body .fino-badge{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;line-height:20px;font-size:14px;font-weight:400;border-radius:4px;padding:0 8px;letter-spacing:0;text-transform:none}
body .fino-badge::before{display:none}body .fino-badge--neutral{background:#f0f0f0;color:#646464}body .fino-badge--success{background:#e6f6eb;color:#218358}body .fino-badge--warn{background:#fff7d6;color:#946800}body .fino-badge--danger{background:#feebec;color:#ce2c31}body .fino-badge--info{background:#ebf2ff;color:#265ccf}
body .fino-table{border-collapse:collapse;border-spacing:0;font:400 14px/20px var(--fino-font);color:#202020}
body .fino-table th{font:400 14px/20px var(--fino-font);color:#838383;background:#fff;text-transform:none;letter-spacing:0;border-bottom:1px solid #e8e8e8}
body .fino-table td{background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:none;vertical-align:middle}
body .fino-table :is(th,td){height:56px;padding:12px 16px}body .fino-table tbody tr:hover td{background:#f9f9f9}body .fino-table tr.is-selected td{background:#ebf2ff}
body .fino-id{background:transparent;padding:0;font:inherit}body .fino-cell-stack{gap:2px}body .fino-row-actions{gap:8px;flex-wrap:nowrap}
body .fino-segmented{padding:0;gap:4px;background:transparent;border-radius:0}
body .fino-segmented__item{padding:6px 10px;border:1px solid transparent;border-radius:8px;font-weight:500;box-shadow:none}
body .fino-segmented__item:hover:not(:disabled){background:#f0f0f0;color:#202020;box-shadow:none;transform:none}body .fino-segmented__item:is(.is-active,[aria-checked=true],[aria-pressed=true]){background:#ebf2ff;color:#265ccf;box-shadow:none;border-color:#cce0ff}
body .fino-overlay,body .pm-overlay,body .commerce-catalog-dialog::backdrop{background:transparent;backdrop-filter:blur(4px) brightness(.7);-webkit-backdrop-filter:blur(4px) brightness(.7)}
body .fino-modal,body .pm-modal{border:1px solid #e8e8e8;border-radius:16px;background:#fff;box-shadow:var(--fino-elev-3);animation:whop-dialog-in 400ms var(--whop-spring)}
body :is(.fino-modal__head,.fino-modal__body,.fino-modal__foot){padding:20px}body .fino-modal__head{border-bottom-color:#e8e8e8}body .fino-modal__foot{border-top-color:#e8e8e8}
body :is(.prow-menu,.product-row-menu,.drop-actions-menu,.fino-menu){border:1px solid #e8e8e8;border-radius:12px;background:#fff;box-shadow:0 4px 24px #0000001a;animation:whop-menu-in 300ms var(--whop-ease)}
body .fino-toast{border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 24px #0000001a;animation:whop-menu-in 300ms var(--whop-ease)}
@keyframes whop-dialog-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes whop-menu-in{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes whop-backdrop-in{from{backdrop-filter:blur(0) brightness(1)}to{backdrop-filter:blur(4px) brightness(.7)}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Detached search bar and results panel match the live Whop command overlay. */
body .commerce-search-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);min-height:0;margin:8px auto auto;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;color:#202020;outline:0}
body .commerce-search-dialog::backdrop{background:transparent;backdrop-filter:blur(4px) brightness(.7);-webkit-backdrop-filter:blur(4px) brightness(.7);animation:whop-backdrop-in 400ms var(--whop-ease)}
body .commerce-search-dialog[open]{animation:whop-dialog-in 400ms var(--whop-spring)}
body .commerce-search-dialog[data-closing]{opacity:0;transition:opacity 150ms var(--whop-ease)}
body .commerce-search-dialog__head{height:40px;min-height:40px;position:relative;display:flex;align-items:center;padding:0 12px;gap:10px;background:#f0f0f0;border:1px solid #d9d9d9;border-radius:12px;box-shadow:none}
body .commerce-search-dialog__head:focus-within{border-color:#d9d9d9}
body .commerce-search-dialog__head input{font:400 14px/20px var(--fino-font);height:36px;color:#202020;min-width:0;padding:0;background:transparent}
body .commerce-search-dialog__head button{flex:none;height:24px;padding:0 5px;border:1px solid #d9d9d9;border-radius:6px;background:#f9f9f9;color:#838383;font:400 12px/18px var(--fino-font);box-shadow:0 1px 1px #0002}
.commerce-search-panel{margin-top:12px;min-height:380px;max-height:calc(100dvh - 92px);overflow:auto;background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 12px 48px #0003}
.commerce-search-filters{display:flex;gap:8px;padding:16px;overflow:auto;border-bottom:1px solid #f0f0f0}
.commerce-search-filters button{font:400 14px/20px var(--fino-font);color:#646464;border:1px solid #e0e0e0;border-radius:8px;background:#fff;padding:4px 10px;white-space:nowrap;cursor:pointer}
.commerce-search-filters button:hover{background:#f0f0f0}.commerce-search-filters button[aria-pressed=true]{background:#f0f0f0;color:#202020}
.commerce-search-empty{display:flex;align-items:center;justify-content:center;min-height:300px;flex-direction:column;gap:12px;text-align:center}.commerce-search-empty[hidden]{display:none}
.commerce-search-empty__icon{width:48px;height:48px;border-radius:12px;background:#f0f0f0;display:grid;place-items:center;margin-bottom:8px}
.commerce-search-icon{position:relative;display:block;flex:none;width:16px;height:16px;border:1.7px solid #8d8d8d;border-radius:50%;transform:scale(.72);margin:2px}.commerce-search-icon::after{position:absolute;content:'';width:8px;height:1.7px;background:#8d8d8d;transform:rotate(45deg);transform-origin:left;left:11px;top:12px}.commerce-search-empty__icon .commerce-search-icon{transform:scale(1)}
.commerce-search-empty strong{font:500 16px/24px var(--fino-font)}.commerce-search-empty p{font:400 14px/20px var(--fino-font);color:#8d8d8d;margin:0}
body .commerce-search-dialog__results{padding:8px}body .commerce-search-dialog__results:empty{display:none}body .commerce-search-result{padding:12px;border-radius:8px;font-size:14px}body .commerce-search-result:hover,body .commerce-search-result:focus-visible{background:#f0f0f0}

/* Auth forms retain their existing sign-in flows and share the reference controls. */
body.auth-page .auth-shell{background:#fff;min-height:100dvh;padding:32px 24px}
body.auth-page .auth-card{width:100%;max-width:440px;padding:32px;border:1px solid #e8e8e8;border-radius:16px;box-shadow:none}
body.auth-page .auth-head{margin-bottom:20px;text-align:center}
body.auth-page .auth-head h1{font:600 28px/36px var(--fino-font);letter-spacing:-.025em;margin:16px 0 6px}
body.auth-page .auth-head .wordmark{max-width:100px;max-height:48px;object-fit:contain}
body.auth-page .auth-head .eyebrow{display:none}
body.auth-page .auth-lang{padding:3px;border-radius:8px;background:#f0f0f0}
body.auth-page .auth-lang button{border-radius:6px;font:400 12px/20px var(--fino-font);padding:2px 8px;box-shadow:none}
body.auth-page :is(.auth-submit,.provider-button){min-height:40px;padding:10px 16px;border-radius:10px;box-shadow:none;font:500 14px/20px var(--fino-font);transition:background 150ms var(--whop-ease)}
body.auth-page .auth-submit{background:#1754d8;color:#fff}
body.auth-page .auth-submit:hover:not(:disabled){background:#0543c7}
body.auth-page .auth-submit:active:not(:disabled){transform:none;filter:brightness(.92)}
body.auth-page .auth-form input:not([type=checkbox]){box-sizing:border-box;min-height:40px;height:40px;padding:10px 12px;border-radius:8px;font:400 14px/20px var(--fino-font);box-shadow:none}
body.auth-page .auth-form input:focus{border-color:#7ea7f5;box-shadow:0 0 0 1px #7ea7f5}
body.auth-page .auth-note:empty{display:none}
@media(max-width:480px){body.auth-page .auth-shell{padding:24px 16px}body.auth-page .auth-card{padding:24px 16px;border:0}}

body .pm-head .fino-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body .pm-head{display:flex;align-items:center;gap:12px}
body .pm-head .fino-modal__title{flex:1;font-size:18px;line-height:24px}
body .pm-head>.fino-btn[data-product-modal-close]:not([aria-label]){display:none}
body .pm-head>[data-pm-submit]{display:none}
body .pm-section>h3{font:500 16px/24px var(--fino-font);display:flex;align-items:center;gap:8px}
body .pm-section .fino-field{margin:0;gap:8px}
body .pm-section{gap:16px}
body .pm-modal{opacity:1}

/* Public access and checkout journeys use the same quiet shell as the Whop auth view. */
body.login{background:#fff}
body.login:not(.auth-page) .login-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:none;padding:32px}
body.login:not(.auth-page) .login-head{margin-bottom:20px}
body.login:not(.auth-page) :is(.login-head>.eyebrow,.thanks-eyebrow,.success-eyebrow,.pending-eyebrow){display:none}
body.login:not(.auth-page) .lang-toggle{border-radius:8px;box-shadow:none}
body.login:not(.auth-page) .lang-toggle button{border-radius:6px;box-shadow:none;font:400 12px/20px var(--fino-font)}
body.login:not(.auth-page) .lang-toggle button.active{background:#fff;color:#202020;box-shadow:none}
body.login:not(.auth-page) .lang-toggle button:hover:not(.active){background:transparent;color:#646464;box-shadow:none}
body.login:not(.auth-page) .lang-toggle button.active:hover{background:#fff;color:#202020;box-shadow:none}
body.login:not(.auth-page) .form-actions>button,
body.login:not(.auth-page) #lead-submit,
body.login:not(.auth-page) #submit-btn,
body.login:not(.auth-page) .cta-btn,
body.login:not(.auth-page) .cal-confirm,
body.login:not(.auth-page) #booking-form button[type=submit]{min-height:40px;padding:10px 16px;border-radius:10px;box-shadow:none;font:500 14px/20px var(--fino-font)}
body.login:not(.auth-page) .cal-time{min-height:40px;padding:10px 12px;border-radius:8px;box-shadow:none;font:500 14px/20px var(--fino-font)}
body.login:not(.auth-page) :is(.form-actions>button,#lead-submit,#submit-btn,.cta-btn,.cal-confirm,#booking-form button[type=submit],.cal-time):hover{box-shadow:none}
body.login:not(.auth-page) :is(.form-actions>button,#lead-submit,#submit-btn,.cal-confirm,#booking-form button[type=submit],.cal-time):active{transform:none}
body.login:not(.auth-page) .form-actions .secondary-action:hover{background:#f0f0f0;color:#202020}
body.login:not(.auth-page) .cal-time:hover:not(:disabled):not(.is-selected){background:#f0f0f0;color:#202020}
body.login:not(.auth-page) .cal-day{border-radius:0;box-shadow:none}
body.login:not(.auth-page) .cal-day:hover:not(:disabled){background:transparent;color:#202020;box-shadow:none;transform:none}

/* Catalog-specific controls stay compact and rectangular once the buyer shell is active. */
body.buyer-page--catalog :is(.saved-details-actions button,.add-contact-email,.remove-contact-email,#submit-btn){box-sizing:border-box;min-height:40px;padding:10px 16px;border-radius:8px;box-shadow:none;font:500 14px/20px var(--fino-font)}
body.buyer-page--catalog :is(.saved-details-actions button,.add-contact-email,.remove-contact-email,#submit-btn):hover{box-shadow:none;transform:none}
body.buyer-page--catalog :is(.add-contact-email,.remove-contact-email,.saved-details-dismiss):hover{background:#f0f0f0;color:#202020}
body.buyer-page--catalog :is(.drop-badge,.hat-teaser-badge){display:inline-flex;align-items:center;border-radius:4px;padding:0 8px;box-shadow:none;white-space:nowrap;font:400 14px/20px var(--fino-font);letter-spacing:0;text-transform:none}
body.buyer-page--catalog .drop-header{min-height:40px;border-radius:0;box-shadow:none;font:500 14px/20px var(--fino-font)}
body.buyer-page--catalog .drop-header:hover{background:#f0f0f0;color:#202020;box-shadow:none;transform:none}

/* Public forms use the same 40px input rhythm as sign-in. */
body.login:not(.auth-page) .login-head h1{font:600 28px/36px var(--fino-font);letter-spacing:-.025em;margin:20px 0 8px}
body.login:not(.auth-page) input:where(:not([type=checkbox]):not([type=radio]):not([type=hidden])),
body.login:not(.auth-page) select{box-sizing:border-box;min-height:40px;height:40px;padding:9px 12px;border-radius:8px;border-color:#d9d9d9;font:400 14px/20px var(--fino-font);box-shadow:none}
body.login:not(.auth-page) .country-control select{padding-left:44px;padding-right:34px}
body.login:not(.auth-page) .ig-wrap input{padding-left:6px}
body.login:not(.auth-page) textarea{border-radius:8px;padding:9px 12px;font:400 14px/20px var(--fino-font);box-shadow:none}
body.login:not(.auth-page) :is(input,select,textarea):focus{border-color:#7ea7f5;box-shadow:0 0 0 1px #7ea7f5}
body.login:not(.auth-page) .has-error :is(input,select,.ig-wrap){border-color:var(--fino-danger)}
@media(max-width:600px){body.login:not(.auth-page) .login-card{padding:24px 16px}body.login:not(.auth-page) input:where(:not([type=checkbox]):not([type=radio]):not([type=hidden])),body.login:not(.auth-page) :is(select,textarea){font-size:16px}}

/* Remove legacy outer padding and duplicate gaps from the shared sign-in layout. */
body.login.auth-page{padding:0;background:#fff}
body.auth-page .auth-head{padding:0;margin:0 0 24px}
body.auth-page .auth-head .wordmark{display:block;width:44px;height:44px;margin:0 auto;object-fit:contain}
body.auth-page .auth-head h1{margin:20px 0 0}
body.auth-page .auth-form{gap:16px}
body.auth-page .auth-form label{display:grid;gap:6px}
body.auth-page .auth-form label>span{margin:0}
body.auth-page .auth-form .password-field input{padding-right:48px}
body.auth-page .auth-form .form-error:empty{display:none}
body.auth-page .auth-links{margin-top:16px;gap:8px}
body.auth-page .auth-links .text-button{min-height:32px;padding:6px 8px;font-weight:400}
body.auth-page .auth-link-actions{display:grid;gap:4px;text-align:center}
body.auth-page .auth-link-actions a{padding:6px 0;font-weight:500}
body.auth-page .login-foot{margin:24px 0 0;padding:0;border:0;max-width:440px;font:400 12px/20px var(--fino-font);color:#838383}
@media(max-width:480px){
 body.auth-page .auth-shell{justify-content:flex-start;padding:48px 24px 24px}
 body.auth-page .auth-card{padding:24px 0;border:0}
 body.auth-page .auth-lang{top:-28px;right:0}
 body.auth-page .auth-form input:not([type=checkbox]){font-size:16px}
}

/* Show the coming layout immediately while an actual read is in flight. */
.fino-skeleton{display:block;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:5px;animation:fino-skeleton-pulse 1.4s ease-in-out infinite}
.commerce-search-loading{padding:4px 8px}
.commerce-search-loading__row{display:grid;gap:10px;padding:16px 8px;border-bottom:1px solid #f0f0f0}
.commerce-search-loading__row .fino-skeleton:first-child{width:42%;height:16px}
.commerce-search-loading__row .fino-skeleton:last-child{width:72%;height:12px}
@keyframes fino-skeleton-pulse{from{background-position:200% 0}to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.fino-skeleton{animation:none;background:#f0f0f0}}

/* Shared keyboard and pending-state treatment applies to every portal surface. */
body :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--fino-focus-ring);outline-offset:3px}
body textarea.fino-input{height:auto;min-height:88px;resize:vertical;padding:10px 12px}
body .fino-resource-loading{padding:0;color:var(--fino-ink-muted)}
body .fino-resource-loading__row{display:grid;grid-template-columns:minmax(80px,2fr) minmax(50px,1fr) minmax(50px,1fr);align-items:center;gap:28px;min-height:64px;padding:16px;border-bottom:1px solid var(--fino-hairline-soft)}
body .fino-resource-loading__row .fino-skeleton{height:14px;width:65%}
body .fino-resource-loading__row .fino-skeleton:first-child{width:85%}
body .fino-table .fino-resource-loading-row>td{padding:0;height:auto}
body .fino-resource-loading-row:hover>td{background:#fff}
body .fino-resource-loading__row:last-child{border-bottom:0}
body :is(.admin-status,.fino-hint):empty{display:none}

body .fino-resource-error{padding:24px 16px;text-align:center;color:var(--fino-ink)}
body .fino-resource-error>strong{font:500 14px/20px var(--fino-font)}
body .fino-resource-error p{margin:8px 0;color:var(--fino-ink-secondary);font:400 14px/20px var(--fino-font)}
body .fino-resource-error details{margin:12px auto 0;max-width:640px;color:var(--fino-ink-secondary);font:400 12px/18px var(--fino-font);overflow-wrap:anywhere;white-space:normal}
body .fino-resource-error summary{cursor:pointer;display:inline-block;padding:4px 8px;border-radius:6px}
body .fino-resource-error summary:hover{background:var(--fino-surface-sunken)}

/* Name-first, grouped command search. Shared 24-unit original icon family. */
body .commerce-search-result { justify-content:flex-start; gap:12px; min-height:64px; }
body .commerce-search-result__icon { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:10px; background:#f3f3f3; color:#6b6b6b; }
body .commerce-search-result__copy { display:flex; flex:1; flex-direction:column; gap:3px; min-width:0; }
body .commerce-search-result__title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; line-height:20px; }
body .commerce-search-result__detail { display:block; font-size:12px; line-height:18px; }
body .commerce-search-result__arrow { display:grid; place-items:center; flex:0 0 16px; color:#9c9c9c; }
body .commerce-search-result__arrow .fino-icon { width:16px; height:16px; }
body .commerce-search-dialog__results section + section { margin-top:8px; }
body .commerce-search-dialog__results h2 { margin:12px 12px 4px; font-size:12px; line-height:18px; font-weight:500; color:#777; }
body .commerce-search-result:focus-visible { outline:2px solid #a9c1f9; outline-offset:-2px; }
body .commerce-search-filters button[hidden] { display:none; }
/* Preserve the compact Esc key without losing its mobile tap area. */
body .commerce-search-dialog .commerce-search-dialog__head button { position:relative; min-height:24px; }
body .commerce-search-dialog .commerce-search-dialog__head button::after { content:""; position:absolute; width:44px; height:44px; left:50%; top:50%; transform:translate(-50%,-50%); }

/* Account identity gates customer finances; Settings remains in the admin workspace. */
[data-customer-finances][hidden], [data-account-security][hidden], #account-settings-retry[hidden] { display: none !important; }
body.admin-mode .admin-settings__content { max-width: 840px; display: grid; gap: 20px; }
body.admin-mode .admin-settings__heading { margin-bottom: 28px; }
body.admin-mode .admin-settings__heading h1 { margin: 0; font-size: 28px; line-height: 1.25; letter-spacing: -.025em; }
body.admin-mode .admin-settings .account-card { padding: 24px; border: 1px solid var(--whop-border, #e5e5e5); border-radius: 16px; box-shadow: none; }
body.admin-mode .admin-settings .account-card h2 { font-size: 18px; line-height: 1.4; margin: 0 0 6px; }
body.admin-mode .admin-settings .account-card p { font-size: 14px; line-height: 1.5; color: var(--whop-muted, #737373); }
body.admin-mode .admin-settings .account-card__head { align-items: center; gap: 24px; }
#account-settings-status:empty { display: none; }
#account-settings-retry { margin-top: 8px; }
@media (max-width: 800px) {
  body.admin-mode .admin-settings .account-card__head { align-items: flex-start; flex-direction: column; gap: 16px; }
}