/* CLOFIT mobile: retain the existing neutral product-card design and Cairo typography.
   Component review: hierarchy 4, spacing 4, readability 4, interaction 4, brand 4.
   All offsets include the device safe area; these overrides belong only to the app. */
#product-policy-notice{box-sizing:border-box;width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid var(--line,#ddd);border-radius:24px;font-family:"Maraya Cairo",Cairo,Tahoma,Arial,sans-serif;color:var(--ink,#222);background:var(--card,#fff)}
#product-policy-notice h2{font-size:20px;margin:0 0 20px}
#product-policy-notice p{font-size:16px;line-height:1.8;margin:0 0 24px;color:inherit}
#product-policy-notice button{display:block;margin:auto;min-width:160px}
:root {
  --mobile-safe-top: max(32px, env(safe-area-inset-top, 0px));
  --mobile-toolbar-top: calc(var(--mobile-safe-top) + 20px);
  --mobile-heading-size: 20px;
}
.mobile-guide-example .mobile-demo-card-highlight{outline:2px dashed #38a6d2!important;outline-offset:4px;box-shadow:0 0 0 6px rgba(56,166,210,.09)!important}
/* Decorative welcome film: no native playback chrome or manual start overlay. */
html:root body .clofit-welcome video::-webkit-media-controls,
html:root body .clofit-welcome video::-webkit-media-controls-start-playback-button,
html:root body .clofit-video-retry {display:none !important; -webkit-appearance:none;}
/* A tap selects a credit package immediately; retain focus indication for keyboards. */
html:root body.ui-consistent.ui-consistent #plans-grid {scroll-behavior:auto !important;}
html:root body.ui-consistent.ui-consistent #plan-tier-switcher button,
html:root body.ui-consistent.ui-consistent #gift-packages [data-select-gift] {
  -webkit-tap-highlight-color:transparent; transition:none !important;
  animation:none !important; filter:none !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.app-account-tools,.reel-quick-actions,.shopper-quick-actions) {
  top: var(--mobile-toolbar-top) !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .app-tools-handle {
  top: calc(var(--mobile-toolbar-top) + 22px) !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent [data-edge-kind="tools"][data-mobile-closed="false"] {
  top: var(--mobile-toolbar-top) !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #coordination-panel {
  top: calc(var(--mobile-safe-top) + 12px) !important;
  max-height: calc(100dvh - var(--mobile-safe-top) - env(safe-area-inset-bottom,0px) - 28px) !important;
  padding-top: 16px !important;
  padding-bottom: 24px !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#market-filter-dialog,#discount-filter-dialog,#reel-settings-sheet,#merchant-settings-sheet,#photo-source-sheet,#customer-register-dialog) {
  top: calc(var(--mobile-safe-top) + 12px) !important;
  bottom: auto !important;
  margin-top: 0 !important;
  max-height: calc(100dvh - var(--mobile-safe-top) - env(safe-area-inset-bottom,0px) - 28px) !important;
  box-sizing: border-box;
  overflow-y: auto;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.contact-head,.buyer-settings-heading,.reel-settings-head,.merchant-settings-card>header,.photo-source-head) {
  min-height: 48px !important;
  margin-bottom: 24px !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.contact-head h1,.buyer-settings-heading>span,.reel-settings-head h2,.merchant-settings-card>header h2,.photo-source-head h2,#customer-register-dialog .dialog-heading>strong,#customer-register-dialog .dialog-heading>h2) {
  font-size: var(--mobile-heading-size) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.contact-head,.buyer-settings-heading) {
  position: relative !important;
  padding: 0 56px 0 0 !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.contact-head .contact-back,.buyer-settings-heading>a) {
  top: 0 !important; right: 0 !important; left: auto !important;
  width: 44px !important; height: 44px !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body :is(main#main,main).contact-shell {
  padding-top: calc(var(--mobile-safe-top) + 24px) !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-dialog .dialog-heading {
  position: relative !important; display: flex !important; align-items: center !important;
  min-height: 44px !important; padding: 0 56px 0 0 !important; margin-bottom: 24px !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-dialog .dialog-heading>strong {
  margin: 0 !important; padding: 0 !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #close-customer-register {
  position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important;
  width: 44px !important; height: 44px !important; transform: none !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.account-settings-sheet-page main#main.account-shell {
  padding-top: calc(var(--mobile-safe-top) + 24px) !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.phone-shell-page:not(.contact-body):not(.account-settings-sheet-page):not(.looks-reel-mode):not(.merchant-shell-active) main#main {
  padding-top: calc(var(--mobile-toolbar-top) + 68px) !important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.shopper-page-title,.market-heading h1,.customer-orders-header h1) {
  font-size: var(--mobile-heading-size) !important;
}
/* The guide remains scrollable on smaller devices; its navigation stays reachable. */
html:root body .product-tour-card {
  max-height: calc(100dvh - var(--mobile-safe-top) - env(safe-area-inset-bottom,0px) - 40px) !important;
  overscroll-behavior: contain;
}
html:root body .mobile-guide-example {
  margin: 12px 0; padding: 10px; border: 1px solid #dcd8dc;
  background: #f8f7f5; color: #252025; border-radius: 16px;
}
html:root body .mobile-guide-example figcaption {
  font-size: 11px; color: #655b65; margin-bottom: 8px;
}
html:root body .mobile-demo-product {
  position: relative; overflow: hidden; border-radius: 14px;
  background: #e6e4e0; isolation: isolate;
}
html:root body .mobile-demo-photo {
  display: block; width: 100%; height: 206px; object-fit: cover;
  object-position: center 32%; border-radius: 0;
}
html:root body .mobile-demo-hud {
  position: relative; margin: -24px 8px 8px;
  padding: 12px 10px 10px; border-radius: 14px;
  background: #ffffffed; color: #252025;
  display: grid; grid-template-columns: minmax(0,1fr) auto;
  gap: 6px 8px; box-shadow: 0 2px 10px #0000000a;
}
html:root body .mobile-demo-product-copy {
  text-align: right; align-self: center;
}
html:root body .mobile-demo-product-copy small {font-size: 10px; color: #655b65;}
html:root body .mobile-demo-product-copy strong {font-size: 14px; line-height: 1.5;}
html:root body .mobile-demo-product-copy b {font-size: 12px; font-weight: 500;}
html:root body .mobile-demo-options {display: grid; gap: 5px;}
html:root body .mobile-demo-options>div {display: flex; gap: 5px; direction: ltr;}
html:root body .mobile-guide-example button {
  display: grid; place-items: center; margin: 0; box-sizing: border-box;
  min-height: 44px; min-width: 44px; padding: 4px;
  border: 1px solid #cbc5cb; border-radius: 12px;
  color: #252025; background: #fff; font: inherit; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html:root body .mobile-demo-options button {width: 44px; height: 44px; font-weight: 600;}
html:root body .mobile-demo-options [data-mobile-color] {border-radius: 50%;}
html:root body .mobile-demo-options .mobile-demo-brown {background: #74391d;}
html:root body .mobile-demo-options .mobile-demo-beige {background: #c1a888;}
html:root body .mobile-demo-options button[aria-pressed="true"] {
  outline: 2px solid #252025; outline-offset: 1px;
}
html:root body .mobile-demo-choice {
  grid-column: 1/-1; margin: 5px 0; font-size: 11px;
}
html:root body .mobile-demo-modes {
  grid-column: 1/-1; display: flex; justify-content: center; gap: 4px; direction: ltr;
}
html:root body .mobile-demo-modes button {
  border: 0; min-width: 58px; border-radius: 999px;
  font-size: 12px; background: transparent;
}
html:root body .mobile-demo-modes button[aria-pressed="true"] {background: #eeebed; font-weight: 700;}
html:root body .mobile-demo-actions {
  grid-column: 1/-1; display: flex; align-items: center; justify-content: space-around; direction: ltr;
}
html:root body .mobile-demo-actions button {width: 44px; height: 44px; border-radius: 50%; position: relative;}
html:root body .mobile-demo-actions svg {width: 23px; height: 23px;}
html:root body .mobile-demo-actions .mobile-demo-shutter {
  width: 66px; height: 66px; border: 2px solid #252025;
  padding: 8px 0 14px; touch-action: pan-y; font-weight: 600; font-size: 12px;
}
html:root body .mobile-demo-shutter i {position: absolute; width: 5px; height: 5px; bottom: 9px; left: calc(50% - 2.5px); background: #a84238; border-radius: 50%;}
html:root body .mobile-demo-highlight {outline: 2px dotted #0b83a6; outline-offset: 4px;}
html:root body .mobile-demo-actions [aria-pressed="true"] {color: #a84238; background: #fff0ee;}
html:root body [data-mobile-cart-count] {position: absolute; top: -4px; right: -4px; border-radius: 50%; background: #252025; color: #fff; width: 18px; height: 18px; font-size: 10px;}
html:root body .mobile-demo-hint,html:root body .mobile-demo-feedback {font-size: 11px; line-height: 1.7; margin: 8px 0 0;}
html:root body .mobile-demo-duration {grid-column:1/-1;display:flex;gap:0;margin:8px auto;width:100%;padding:4px;border-radius:999px;background:#eeebed;direction:ltr;box-sizing:border-box;}
html:root body .mobile-demo-duration button {flex:1;min-width:0;font-size:12px;border:0;border-radius:999px;background:transparent;direction:rtl;white-space:nowrap;}
html:root body .mobile-demo-duration button[aria-pressed="true"] {background:#fff;}
html:root body .mobile-guide-example[data-mobile-auto-preview] .mobile-demo-modes {display:none;}
html:root body .mobile-demo-wallet {display: grid; gap: 8px; margin: 12px 0; padding: 12px; border: 1px solid #dcd8dc; border-radius: 12px; background: white;}
html:root body .mobile-demo-wallet>div {display: flex; justify-content: space-between; gap: 12px; font-size: 11px;}
html:root body .mobile-demo-wallet dd {margin: 0; font-weight: 700;}
html:root body .mobile-guide-example [hidden] {display: none !important;}
html:root body .mobile-guide-example button:focus-visible {outline: 2px solid #0b83a6; outline-offset: 3px;}
html:root body .mobile-guide-example button:active {filter: brightness(.9);}
html:root[data-theme="dark"] body .mobile-guide-example {background: #f8f7f5 !important; color: #252025 !important;}
html:root[data-theme="dark"] body .mobile-guide-example :is(strong,b,p,dt,dd,span) {color: #252025 !important; -webkit-text-fill-color: currentColor;}
@media(prefers-reduced-motion:reduce){html:root body .mobile-guide-example * {animation: none !important; transition: none !important;}}

/* One mobile canvas and one shared buyer-page baseline. */
html:root:not([data-theme="dark"]),html:root:not([data-theme="dark"]) body {
 --reel-match-panel:#fff!important;--maraya-canvas:#fff!important;--maraya-panel:#fff!important;
 --site-canvas-light:#fff!important;--app-paper:#fff!important;--app-page:#fff!important;
 --ivory:#fff!important;--color-bg:#fff!important;
 background:#fff!important;
}
html:root:not([data-theme="dark"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(main,.reels-shell,.reels-stage,.reels,.reel-stage,.account-menu){background-color:#fff!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent {--mobile-toolbar-top:calc(var(--mobile-safe-top) + 36px);--edge-tab-width:30px;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .app-edge-handle span svg {width:22px!important;height:24px!important;stroke-width:2!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(main#main.customer-orders-page,body.looks-page main#main,main.stores-shell,main.shopper-discounts-page) {padding-top:calc(var(--mobile-toolbar-top) + 64px)!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(main>.page-hero,.customer-orders-page>header,.server-groups>header) {margin:0 0 24px!important;padding:0!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(main>.page-hero h1,.customer-orders-page>header h1,.server-groups>header h2,.unified-market-heading) {font-size:22px!important;line-height:40px!important;text-align:center!important;margin:0!important;padding:0!important;font-weight:600!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .unified-market-heading {position:relative!important;inset:auto!important;transform:none!important;width:100%!important;margin-bottom:24px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #product-reels .clothes-grid-heading {position:static!important;inset:auto!important;transform:none!important;grid-column:1/-1!important;z-index:auto!important;background:transparent!important;width:100%!important;max-width:none!important;justify-self:stretch!important;display:flex!important;justify-content:center!important;text-align:center!important;margin:0 0 12px!important;padding:0 52px!important;box-sizing:border-box!important;}




html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet {top:auto!important;bottom:env(safe-area-inset-bottom,0px)!important;margin:0!important;max-height:calc(100dvh - var(--mobile-safe-top) - 16px)!important;border-radius:28px 28px 0 0!important;animation:mobile-sheet-rise .22s ease-out;}
html:root body :is(dialog,#coordination-panel,.account-menu) {scrollbar-width:none!important;}
html:root body :is(dialog,#coordination-panel,.account-menu)::-webkit-scrollbar {display:none!important;width:0!important;}
@keyframes mobile-sheet-rise {from{opacity:0;translate:0 36px;}to{opacity:1;translate:0 0;}}
@media(prefers-reduced-motion:reduce){html:root body #reel-settings-sheet{animation:none!important;}}
html:root:not([data-theme="dark"]) body {--color-canvas:#fff!important;--color-panel:#fff!important;--settings-surface:#fff!important;}


html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main>.unified-page-heading {padding:0!important;margin:0 0 24px!important;min-height:40px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main>.unified-page-heading h1 {font-size:22px!important;line-height:40px!important;}

/* Shared title-to-content clearance for merchant and buyer card pages. */
:root{--page-title-card-gap:20px}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent:has(main>.merchant-section-heading,main.customer-orders-page,main>.page-hero,main.merchant-ads-page){padding-top:0!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main#main:has(>.merchant-section-heading),
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main#main.customer-orders-page,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main#main:has(>.page-hero){padding-top:calc(var(--mobile-toolbar-top) + 44px + var(--page-title-card-gap))!important;margin-top:0!important}
html:root body.ui-consistent main#main#main.merchant-ads-page{padding-top:calc(var(--mobile-toolbar-top) + 44px + var(--page-title-card-gap))!important;margin-top:0!important}
html:root body.ui-consistent main#main#main .merchant-ads-title-row{height:0!important;min-height:0!important;margin:0!important;padding:0!important}
/* Shared merchant form typography: labels 14px, control values 16px. */
html:root body #main#main.merchant-portal .date-range-filter :is(label,label>span:first-child),
html:root body #main#main.merchant-portal .report-search>span:first-child{font-size:14px!important;line-height:1.6!important;font-weight:500!important;}
html:root body #main#main.merchant-portal .date-range-filter :is(input,.maraya-date-trigger,.maraya-date-trigger span),
html:root body #main#main.merchant-portal .report-search input{font-size:16px!important;line-height:1.6!important;font-weight:500!important;}
html:root body :is(#merchant-discount-builder#merchant-discount-builder,#merchant-ad-form#merchant-ad-form) label,
html:root body :is(#merchant-discount-builder#merchant-discount-builder,#merchant-ad-form#merchant-ad-form) .date-range-filter label>span:first-child{font-size:14px!important;line-height:1.6!important;font-weight:500!important;}
html:root body :is(#merchant-discount-builder#merchant-discount-builder,#merchant-ad-form#merchant-ad-form) :is(input,select,.unified-select-trigger,.unified-select-trigger span,.unified-select-menu button,.maraya-date-trigger,.maraya-date-trigger span,summary,summary>span){font-size:16px!important;line-height:1.6!important;font-weight:500!important;}
/* Advertising header belongs to the page, not a transparent scrolling overlay. */
html:root body:has(main.merchant-ads-page) main#main#main .merchant-ads-title-row h1,
html:root body:has(main#main#main.merchant-ads-page) .app-account-tools{position:absolute!important;top:var(--mobile-toolbar-top)!important;}
html:root body.ui-consistent main#main#main .merchant-ads-head{height:auto!important;min-height:0!important;margin-top:0!important;padding-top:0!important;gap:0!important}
html:root body.ui-consistent main#main#main .ads-page-actions{margin-top:0!important}
html:root body.ui-consistent main#main#main.customer-orders-page{padding-top:calc(var(--mobile-toolbar-top) + 44px + var(--page-title-card-gap))!important}
html:root body.ui-consistent main#main#main:has(>.page-hero){padding-top:calc(var(--mobile-toolbar-top) + 44px + var(--page-title-card-gap))!important}
html:root body.ui-consistent main#main#main.customer-orders-page>header{height:0!important;min-height:0!important;margin:0!important;padding:0!important}
html:root body.ui-consistent main#main#main.customer-orders-page>header+*{margin-top:0!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main#main>h1.unified-page-heading{margin-bottom:var(--page-title-card-gap)!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main>:is(.merchant-section-heading,.page-hero),
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main.customer-orders-page>header{min-height:0!important;height:0!important;margin:0!important;padding:0!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main>:is(.merchant-section-heading,.page-hero)+*,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main.customer-orders-page>header+*{margin-top:0!important}
/* Page titles align with the toolbar initially, but scroll with their page. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.unified-market-heading,main>.page-hero h1,.customer-orders-page>header h1,.server-groups>header h2,main>.unified-page-heading h1,#subscription-title) {
 position:absolute!important;top:var(--mobile-toolbar-top)!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;
 width:max-content!important;max-width:calc(100vw - 210px)!important;height:44px!important;min-height:44px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;
 font-size:19px!important;line-height:1.3!important;text-align:center!important;z-index:20!important;background:transparent!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .subscription-head {transform:none!important;opacity:1!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #recipient-inbox-panel .server-groups>header h2{top:calc(-44px - var(--page-title-card-gap))!important;}
/* Sharing is a dialog, not a full-page groups empty state. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #share-groups-dialog .server-groups>header{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;direction:rtl!important;width:100%!important;height:auto!important;min-height:44px!important;margin:0 0 16px!important;padding:0 0 0 52px!important;box-sizing:border-box!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #share-groups-dialog .server-groups>header h2{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;display:block!important;text-align:right!important;margin:0!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #share-groups-dialog .social-group-list.social-empty-state{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:20px!important;margin:0!important;padding:8px 0!important;}
html:root body.ui-consistent #share-groups-dialog .social-create-row{position:static!important;margin:0!important;width:100%!important;display:flex!important;justify-content:center!important;}
html:root body.ui-consistent #share-groups-dialog .server-groups>.social-create-row{margin-bottom:18px!important;}
html:root body.ui-consistent #favorite-sheet{padding-top:20px!important;}
html:root body.ui-consistent #favorite-sheet .favorite-sheet-head{position:relative!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0 0 16px!important;}
html:root body.ui-consistent #favorite-sheet #close-favorite-sheet{inset:auto!important;top:0!important;left:0!important;right:auto!important;}
html:root body.ui-consistent #favorite-sheet .favorite-collection-choice{border-radius:14px!important;}
html:root body.ui-consistent #favorite-sheet :is(.favorite-sheet-action,.favorite-edit-action){margin-top:18px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .grid-view>.empty-reels {
 position:absolute!important;top:48%!important;left:16px!important;right:44px!important;bottom:auto!important;
 height:auto!important;min-height:0!important;width:auto!important;padding:0!important;display:block!important;text-align:center!important;
}
/* Keep the reset glyph bare; a keyboard focus ring remains available. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#market-filter-dialog,#discount-filter-dialog) :is(.brand-reset,[id*="reset"],[data-reset]) {
 border:0!important;box-shadow:none!important;background:transparent!important;outline:none!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#market-filter-dialog,#discount-filter-dialog) :is(.brand-reset,[id*="reset"],[data-reset]):focus-visible {outline:2px solid currentColor!important;outline-offset:2px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet {
 padding:16px 20px 20px!important;height:auto!important;min-height:0!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet .reel-settings-head {
 padding:0 52px 0 0!important;min-height:44px!important;margin:0 0 16px!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet .reel-settings-links {margin-top:0!important;padding-top:0!important;}


html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.account-settings-sheet-page main#main.account-shell {padding-top:16px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .account-menu {padding-top:16px!important;min-height:0!important;height:auto!important;}

/* Native screen edges, bottom media picker, and shared empty-state actions. */
html:root body.phone-shell-page.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(main#main,main.stores-shell,main.contact-shell,.reels-shell) {border:0!important;border-radius:0!important;box-shadow:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet {top:auto!important;bottom:env(safe-area-inset-bottom,0px)!important;min-height:0!important;height:auto!important;padding:16px 20px 24px!important;margin:0!important;border-radius:24px 24px 0 0!important;}
html:root body #photo-source-sheet [data-try-guidance] {display:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #upload-trigger {width:170px!important;min-height:140px!important;border-radius:20px!important;padding:20px!important;box-shadow:none!important;}
html:root body #upload-trigger svg {display:none!important;}
html:root body #upload-trigger .media-upload-plus {font-size:56px!important;line-height:1!important;display:block!important;}



/* Titles read RTL, with dismissal consistently at the left. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.contact-head,.buyer-settings-heading,#discount-filter-dialog>section>header,#market-filter-dialog .dialog-heading) {direction:rtl!important;text-align:right!important;justify-content:flex-start!important;padding:0 0 0 56px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.contact-head .contact-back,.buyer-settings-heading>a,#discount-filter-dialog [data-ui-close],#market-filter-dialog [data-ui-close]) {left:0!important;right:auto!important;}


html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .subscription-close {position:fixed!important;top:calc(var(--mobile-toolbar-top) + 56px)!important;left:20px!important;right:auto!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;z-index:25!important;}
html:root body .subscription-close {font-size:0!important;}
html:root body .subscription-close::after {content:'‹';font-size:30px;}
html:root body :is(#coordination-panel,#market-filter-dialog,#discount-filter-dialog) .unified-select-trigger i {transform:rotate(135deg)!important;}
/* Explicit night contrast for form controls and group confirmations. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.social-group-confirm,.social-withdraw-confirm) button {background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#market-filter-dialog,#discount-filter-dialog,.account-shell) :is(select,.unified-select-trigger,.unified-select-menu,[data-filter-select],.brand-filter-group button) {background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#market-filter-dialog,#discount-filter-dialog) :is(h3,label,[data-price-label]) {color:#fff!important;}
html:root[data-theme="dark"] body :is(#coordination-panel,#market-filter-dialog,#discount-filter-dialog) input[type="range"] {accent-color:#fff!important;}
/* Welcome remains a white branded surface in either device appearance. */
html:root[data-theme="dark"] body .clofit-welcome .clofit-wordmark img {filter:none!important;opacity:1!important;}
html:root body .clofit-welcome [data-welcome-register] {background:#252025!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#252025!important;}
html:root body .clofit-welcome [data-welcome-login] {background:#fff!important;color:#252025!important;-webkit-text-fill-color:#252025!important;border-color:#252025!important;}
/* The dark brand mask is white ink, so disable it on the white welcome header. */
html:root[data-theme] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome {background:#fff!important;border:0!important;box-shadow:none!important;color:#252025!important;}
html:root[data-theme] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome :is(.clofit-welcome-heading,.clofit-welcome-actions) {background:#fff!important;}
html:root[data-theme] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome .clofit-wordmark::after {display:none!important;content:none!important;}
html:root[data-theme] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome .clofit-wordmark>img {opacity:1!important;filter:none!important;mix-blend-mode:normal!important;content:url('../images/clofit-color-logo-preview.png')!important;}
html:root[data-theme] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome [data-welcome-register] {background:#252025!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #252025!important;}
html:root[data-theme] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome [data-welcome-login] {background:#fff!important;color:#252025!important;-webkit-text-fill-color:#252025!important;border:1px solid #252025!important;}
html:root[data-theme] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome-legal a {color:#252025!important;-webkit-text-fill-color:#252025!important;}

/* Review 9 October: compact reference card and consistent mobile sheets. */
html:root body .mobile-demo-product {padding-bottom:24px;background:#f1ece8;border-radius:22px;}
html:root body .mobile-demo-photo {height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:16px;}
html:root body .mobile-demo-hud {margin:-78px 8px 0;padding:12px 10px 0;border:1px solid #bfb3be;border-radius:20px;background:#fffaf7;grid-template-columns:1fr 52px;gap:4px;box-shadow:none;}
html:root body .mobile-demo-product-copy {grid-column:1;grid-row:1;display:grid;gap:5px;}
html:root body .mobile-demo-options {grid-column:2;grid-row:1;display:flex;direction:ltr;gap:5px;}
html:root body .mobile-demo-options>div {flex-direction:column;gap:6px;}
html:root body .mobile-demo-options button {width:24px;height:26px;min-width:24px;min-height:26px;font-size:12px;border:0;border-radius:8px;}
html:root body .mobile-demo-options [data-mobile-color] {width:20px;height:20px;min-width:20px;min-height:20px;border-radius:50%;}
html:root body .mobile-demo-options button[aria-pressed=true] {outline:0;background-color:#e9e5e1;}
html:root body .mobile-demo-options [data-mobile-color][aria-pressed=true] {outline:1px solid #252025;outline-offset:2px;}
html:root body .mobile-demo-options .mobile-demo-brown {background:linear-gradient(90deg,#74391d 50%,#c1a888 50%);}
html:root body .mobile-demo-options .mobile-demo-beige {background:conic-gradient(#172338 0 33%,#999 33% 66%,#fff 66%);}
html:root body .mobile-demo-choice {font-size:10px;margin:4px 0;}
html:root body .mobile-demo-modes button {min-height:28px;min-width:48px;font-size:11px;}
html:root body .mobile-demo-modes button[aria-pressed=true] {color:#087fa7;background:#e6f6fc;}
html:root body .mobile-demo-actions {margin:4px -2px -18px;}
html:root body .mobile-demo-actions button {border-color:#bfb3be;box-shadow:0 0 0 4px #f1ece8;}
html:root body .mobile-demo-actions .mobile-demo-shutter {width:46px;height:46px;min-width:46px;min-height:46px;border:1px solid #bfb3be;display:flex;justify-content:center;gap:2px;font-size:10px;padding:0 0 7px;overflow:hidden;}
html:root body .mobile-demo-highlight {outline:2px dotted #13a6dc;outline-offset:3px;}
html:root body .mobile-mode-arrow {font-size:14px;color:#138ab1;}
html:root body .mobile-wallet-example {padding:18px;background:#faf8f6;border:1px solid #ddd;border-radius:18px;color:#252025;}
html:root body .mobile-wallet-total {border:0;background:transparent;padding:0;text-align:right;font-size:15px!important;font-weight:700;flex:1;min-width:0;}
html:root body .mobile-wallet-summary {display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid #ddd;border-radius:20px;background:#fff;}
html:root body.ui-consistent .mobile-wallet-example .wallet-section-title {text-align:right;margin:10px 0 6px!important;font-size:14px!important;line-height:1.6!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .mobile-wallet-example .compact-capacity b {font-size:15px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .mobile-wallet-example .compact-capacity>span {min-height:54px!important;padding:6px 3px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .mobile-wallet-example .compact-capacity small {font-size:9px!important;line-height:1.5!important;padding-inline:3px;}
html:root body .mobile-wallet-details {flex-basis:100%;font-size:12px;text-align:right;margin-top:8px;min-height:44px;align-content:center;}
html:root body .mobile-wallet-capacity {display:flex;justify-content:center;gap:24px;padding:18px;}
html:root body .mobile-wallet-capacity b {display:block;font-size:22px;}
html:root body .mobile-detail-triangle {width:12px;height:12px;vertical-align:middle;}
html:root body .mobile-chevron {display:inline-block;width:7px;height:7px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);}



html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet {padding-top:20px!important;padding-bottom:60px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #close-photo-source {position:absolute!important;left:0!important;right:auto!important;top:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .photo-source-head {min-height:44px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .contact-head {display:flex!important;width:100%!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .contact-head h1 {margin:0!important;margin-inline-end:0!important;text-align:right!important;width:100%!important;}


html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) {box-sizing:border-box!important;width:calc(100vw - 16px)!important;max-width:520px!important;max-height:calc(100dvh - var(--mobile-safe-top) - 28px)!important;height:auto!important;padding:20px 16px!important;overflow-y:auto!important;border-radius:24px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#discount-filter-dialog>section,#market-filter-dialog .preferences-card) {padding:0!important;min-height:0!important;display:block!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#discount-filter-title,#market-filter-title) {display:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#discount-filter-dialog>section>header,#market-filter-dialog .dialog-heading,.coordination-head) {position:relative!important;min-height:44px!important;height:44px!important;margin:0 0 20px!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#close-coordination,[data-close-discount-filter],#market-filter-dialog .dialog-heading button) {position:absolute!important;left:0!important;right:auto!important;top:0!important;width:44px!important;height:44px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.market-filter-group,.discount-market-filter-group,.audience-step,.filter-field) {padding:12px 0 20px!important;margin:0 0 14px!important;min-height:0!important;border-bottom:1px solid #dedade!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) h3 {position:relative!important;font-size:18px!important;text-align:right!important;min-height:34px!important;margin:0 0 18px!important;padding-left:82px!important;}



html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#apply-discount-filter,#apply-market-filters,.confirm-coordination) {position:static!important;inset:auto!important;width:100%!important;margin:12px 0 0!important;min-height:50px!important;transform:none!important;}

html:root[data-theme=dark] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.clofit-province-select>button,.clofit-province-menu,.clofit-province-menu button,.clofit-brand-choices button) {background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;}
html:root[data-theme=dark] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .price-slider {color:#fff!important;}




/* One mobile layout for the three filter surfaces. Block flow keeps field heights intact when the province list expands; the panel scrolls instead of shrinking its children. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) {
 --filter-line:#ddd8dd;
 position:fixed!important;inset:auto!important;top:calc(var(--mobile-safe-top) + 12px)!important;left:50%!important;transform:translateX(-50%)!important;
 width:calc(100vw - 16px)!important;max-width:520px!important;height:calc(100dvh - var(--mobile-safe-top) - env(safe-area-inset-bottom,0px) - 28px)!important;
 max-height:calc(100dvh - var(--mobile-safe-top) - env(safe-area-inset-bottom,0px) - 28px)!important;
 box-sizing:border-box!important;margin:0!important;padding:16px!important;overflow:auto!important;border:1px solid var(--filter-line)!important;border-radius:26px!important;
 background:var(--app-paper,#fff)!important;box-shadow:none!important;font-size:16px!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#discount-filter-dialog>section,#market-filter-dialog .preferences-card) {padding:0!important;margin:0!important;min-height:0!important;height:auto!important;display:block!important;gap:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel:not([hidden]),#discount-filter-dialog[open],#market-filter-dialog[open]) {display:block!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#discount-filter-dialog>section,#market-filter-dialog .preferences-card) {flex:1 0 auto!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.coordination-head,.dialog-heading,section>header:not(.brand-filter-heading)) {flex:0 0 44px!important;height:44px!important;min-height:44px!important;margin:0 0 16px!important;padding:0!important;position:relative!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#market-filter-title,#discount-filter-title,.audience-step-heading) {display:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#close-coordination,#discount-filter-dialog [data-close-discount-filter],#market-filter-dialog .dialog-heading button) {position:absolute!important;left:0!important;right:auto!important;top:0!important;width:44px!important;height:44px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.market-filter-groups,.discount-market-filter-groups,.coordination-fields) {display:block!important;padding:0!important;margin:0!important;gap:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.market-filter-group,.discount-market-filter-group,.audience-step,.filter-field):not([hidden]) {box-sizing:border-box!important;display:block!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:18px 0 22px!important;border:0!important;border-bottom:1px solid var(--filter-line)!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(h3,.filter-field>span,.market-filter-group>label) {display:block!important;position:relative!important;box-sizing:border-box!important;width:100%!important;min-height:44px!important;margin:0 0 14px!important;padding:0!important;font-size:18px!important;font-weight:500!important;line-height:44px!important;text-align:right!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .brand-filter-heading {display:block!important;width:100%!important;margin:0!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .mobile-filter-audience-choices {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;direction:rtl!important;width:100%!important;gap:8px!important;margin:0!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .mobile-filter-audience-choices>button {box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 6px!important;border-radius:24px!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;white-space:nowrap!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .all-filter-reset {position:absolute!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .all-filter-reset::before,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .all-filter-reset::after {content:none!important;display:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .all-filter-reset svg {display:block!important;flex:none!important;width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .all-filter-reset:focus-visible {outline:2px solid currentColor!important;outline-offset:1px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div) {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button {min-width:0!important;width:100%!important;min-height:48px!important;margin:0!important;font-size:16px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .price-slider {display:grid!important;gap:16px!important;margin:0!important;padding:0 20px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .price-slider output {font-size:16px!important;line-height:24px!important;margin:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .price-slider input {width:100%!important;height:24px!important;margin:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-select {position:relative!important;margin:14px 0 0!important;padding:0!important;width:100%!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-select>button {position:relative!important;box-sizing:border-box!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:10px 16px 10px 48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border-radius:16px!important;font-size:18px!important;line-height:1.5!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-select::before,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-select::after,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-select>button::before,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-select>button::after {content:none!important;display:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .mobile-filter-chevron {position:absolute!important;left:16px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:0!important;font-size:0!important;line-height:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .mobile-filter-chevron svg {display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#apply-discount-filter,#apply-market-filters,.confirm-coordination) {position:static!important;inset:auto!important;flex:0 0 52px!important;width:100%!important;min-height:52px!important;height:52px!important;box-sizing:border-box!important;margin:20px 0 0!important;padding:8px 16px!important;font-size:18px!important;transform:none!important;}
/* Match all three empty states to the same viewport anchor beside the Home handle. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-orders-list>.empty-result,#customer-favorites-list>.empty-result,#cart-box>.empty-result,.social-group-list.social-empty-state) {position:fixed!important;inset:auto!important;top:48dvh!important;left:24px!important;right:24px!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important;text-align:center!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-orders-list>.empty-result,#customer-favorites-list>.empty-result,#cart-box>.empty-result,.social-group-list.social-empty-state)>:is(h2,p) {margin:0!important;padding:0!important;min-height:27px!important;font-size:16px!important;font-weight:400!important;line-height:1.7!important;color:var(--muted,#746e74)!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-orders-list>.empty-result,#customer-favorites-list>.empty-result,#cart-box>.empty-result,.social-group-list.social-empty-state) :is(.btn,.social-create-row button) {position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:230px!important;min-width:0!important;max-width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:8px 16px!important;box-sizing:border-box!important;font-size:18px!important;line-height:1.5!important;border-radius:999px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .social-group-list.social-empty-state .social-create-row {width:230px!important;max-width:100%!important;display:block!important;margin:0!important;padding:0!important;}
/* Both entry points show the same bounded, bottom-anchored settings card. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.account-menu,#reel-settings-sheet) {position:fixed!important;inset:auto!important;left:50%!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important;top:auto!important;transform:translateX(-50%)!important;box-sizing:border-box!important;width:calc(100vw - 24px)!important;max-width:500px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - var(--mobile-safe-top) - 32px)!important;overflow:auto!important;margin:0!important;padding:16px 20px 20px!important;border:1px solid #d8d4d8!important;border-radius:26px!important;background:var(--app-paper,#fff)!important;box-shadow:0 8px 30px #00000012!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.account-menu,#reel-settings-sheet) :is(.buyer-settings-heading,.reel-settings-head) {position:relative!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;direction:rtl!important;width:100%!important;min-height:52px!important;height:52px!important;padding:0 44px!important;margin:0 0 16px!important;box-sizing:border-box!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.account-menu,#reel-settings-sheet) :is(.reel-settings-head>div,#reel-settings-title) {width:100%!important;display:block!important;text-align:center!important;margin:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.account-menu,#reel-settings-sheet) .clofit-wordmark {display:block!important;position:relative!important;width:140px!important;max-width:100%!important;margin:0 auto!important;justify-self:center!important;align-self:center!important;transform:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.account-menu,#reel-settings-sheet) :is(.buyer-settings-heading>a,#close-reel-settings) {position:absolute!important;left:0!important;right:auto!important;top:4px!important;bottom:auto!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .account-menu>:is(a,button),html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet .reel-settings-links>:is(a,button) {min-height:54px!important;padding-top:10px!important;padding-bottom:10px!important;margin:0!important;}
html:root[data-theme=dark] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.account-menu,#reel-settings-sheet) {background:#262626!important;border-color:#484848!important;}
html:root[data-theme=dark] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .account-menu>:is(a,button){background:transparent!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #maraya-language-card{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.account-settings-sheet-page main#main.account-shell {position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:visible!important;transform:none!important;animation:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
html:root[data-theme=dark] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button {background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#ddd!important;}
html:root[data-theme=dark] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button span {color:#111!important;-webkit-text-fill-color:#111!important;}

/* Notifications: RTL heading, left close control, centered empty state below mid-screen. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(dialog.notification-overlay,dialog#notifications) {position:fixed!important;inset:0!important;margin:auto!important;width:min(92vw,480px)!important;height:80dvh!important;max-height:80dvh!important;box-sizing:border-box!important;padding:20px!important;border:1px solid var(--app-line,#ddd8dd)!important;border-radius:26px!important;overflow:hidden!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent dialog.notification-overlay[open],html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #notifications[open]>.customer-notifications {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr)!important;gap:16px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #notifications>.customer-notifications {height:100%!important;min-height:0!important;padding:0!important;box-sizing:border-box!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #notifications header {position:static!important;display:block!important;direction:rtl!important;margin:0!important;padding:0!important;height:44px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.notification-overlay>h2,#notifications header>h2) {display:flex!important;align-items:center!important;justify-content:flex-start!important;direction:rtl!important;text-align:right!important;box-sizing:border-box!important;width:100%!important;height:44px!important;margin:0!important;padding:0 0 0 52px!important;font-size:20px!important;line-height:1.5!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.notification-overlay>[data-close],#close-customer-notifications) {grid-area:auto!important;align-self:auto!important;position:absolute!important;inset:auto!important;left:20px!important;right:auto!important;top:20px!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.notification-overlay>[data-notices],#customer-notification-list) {min-height:0!important;max-height:none!important;overflow-y:auto!important;margin:0!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.notification-overlay>[data-notices]>p:only-child,#customer-notification-list>.empty-result:only-child) {position:absolute!important;top:56.25%!important;left:20px!important;right:20px!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;text-align:center!important;font-size:16px!important;line-height:1.7!important;color:var(--muted,#746e74)!important;}

/* Media picker rises from the lower edge; its close control belongs to the upper right. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet {left:50%!important;right:auto!important;top:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:calc(100vw - 24px)!important;max-width:440px!important;max-height:calc(100dvh - var(--mobile-safe-top) - 24px)!important;overflow:auto!important;padding:20px 20px max(60px,env(safe-area-inset-bottom,0px))!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet[open] {animation:mobile-media-sheet-rise 240ms cubic-bezier(.2,.8,.2,1)!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet .photo-source-head {position:relative!important;height:44px!important;min-height:44px!important;margin:0 0 12px!important;padding:0!important;}
@keyframes mobile-media-sheet-rise {from {translate:0 110%;opacity:.5;} to {translate:0 0;opacity:1;}}
@media (prefers-reduced-motion:reduce) {html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet[open] {animation:none!important;}}

/* Keep the upload action without the full-screen dotted guide. */
html:root body.ui-consistent .upload-stage::before {display:none!important;}

/* Store empty state shares the centered, unframed presentation of Explore. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#stores-list>.market-empty,#shopper-discounts>.mobile-discounts-empty,#looks-grid>p[role="status"]:only-child) {position:fixed!important;top:50dvh!important;left:24px!important;right:24px!important;bottom:auto!important;transform:translateY(-50%)!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;text-align:center!important;font-size:16px!important;line-height:1.7!important;color:var(--muted,#665d64)!important;}

/* One type scale for empty messages across all buyer sections. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-orders-list>.empty-result>h2,#customer-favorites-list>.empty-result>h2,#customer-favorites-list>.empty-result>p,.social-group-list.social-empty-state>p,#stores-list>.market-empty,#looks-grid>p[role="status"]:only-child,#product-reels>.empty-reels) {font-family:var(--ui-font,Cairo,sans-serif)!important;font-size:16px!important;font-weight:400!important;line-height:1.7!important;}

/* Account form header follows the Arabic right-title, left-close layout. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form>.dialog-heading {position:relative!important;display:flex!important;flex-direction:row!important;direction:rtl!important;align-items:center!important;justify-content:flex-start!important;min-height:44px!important;padding:0 0 0 52px!important;margin:0 0 16px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-title {display:block!important;text-align:right!important;margin:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #close-customer-register {position:absolute!important;left:0!important;right:auto!important;top:0!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;}

/* Keep the contact heading on the right edge beside a left close control. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#main,main.contact-shell) .contact-head>h1 {text-align:right!important;flex:1 1 auto!important;width:100%!important;direction:rtl!important;}

html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #contact-form label {font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;}

/* A drawn left chevron avoids RTL mirroring of the topic picker glyph. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #contact-form .contact-topic-picker>summary {position:relative!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #contact-form .contact-topic-picker>summary>i {position:absolute!important;left:18px!important;right:auto!important;top:50%!important;display:block!important;width:8px!important;height:8px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;border:0!important;border-left:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:translateY(-50%) rotate(45deg)!important;}

/* Contact opens as one bottom sheet, with its own scroll area on small phones. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body {background:var(--ivory,#f7f6f7)!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body :is(main#main,main).contact-shell {position:fixed!important;inset:auto!important;left:50%!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;width:calc(100vw - 24px)!important;max-width:520px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - var(--mobile-safe-top,0px) - 32px)!important;margin:0!important;padding:20px!important;box-sizing:border-box!important;border:1px solid var(--line,#dedade)!important;border-radius:28px!important;background:var(--card,#fff)!important;box-shadow:0 8px 32px rgba(30,20,28,.12)!important;overflow-y:auto!important;animation:mobile-contact-rise 240ms cubic-bezier(.2,.8,.2,1);}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #contact-form {padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;gap:20px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .contact-shell .contact-head {margin-bottom:20px!important;}
@keyframes mobile-contact-rise {from{translate:0 100%;opacity:.4;}to{translate:0 0;opacity:1;}}
@media(prefers-reduced-motion:reduce){html:root body.contact-body main.contact-shell{animation:none!important;}}

/* Replace the fields with confirmation only after a successful response. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #contact-form.contact-sent {display:grid!important;place-items:center!important;min-height:min(420px,60dvh)!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #contact-form.contact-sent>:not(#contact-success) {display:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #contact-form.contact-sent>#contact-success {margin:0!important;padding:24px 12px!important;background:transparent!important;border:0!important;font-size:20px!important;font-weight:600!important;text-align:center!important;color:var(--ink)!important;}

/* Wallet uses the same right title / left close header as account settings. */
.mobile-wallet-close {display:none;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body :is(.shopper-quick-actions,.app-account-tools) {display:none!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #subscription-title {font-size:20px!important;line-height:1.5!important;left:auto!important;right:24px!important;transform:none!important;max-width:calc(100vw - 100px)!important;text-align:right!important;justify-content:flex-start!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body .mobile-wallet-close {position:fixed!important;left:24px!important;right:auto!important;top:var(--mobile-toolbar-top)!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;z-index:21!important;}
html:root body.ui-consistent .mobile-wallet-close svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}

/* Shared buyer title typography, independent of individual page styles. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#subscription-title,#customer-register-title,.contact-head>h1,.unified-market-heading,main>.page-hero h1,.customer-orders-page>header h1,.server-groups>header h2,main>.unified-page-heading h1) {font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:1.5!important;}

/* One bottom-card shell for account, contact, and the customer wallet. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-register-dialog,main.contact-shell,body.subscription-body main#main.subscription-workbench) {
 position:fixed!important;inset:auto!important;left:50%!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;
 width:calc(100vw - 24px)!important;max-width:520px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - var(--mobile-safe-top) - 32px)!important;
 margin:0!important;padding:20px!important;box-sizing:border-box!important;border:1px solid var(--line,#dedade)!important;border-radius:28px!important;background:var(--card,#fff)!important;box-shadow:0 8px 32px rgba(30,20,28,.12)!important;overflow-y:auto!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-register-dialog[open],body.subscription-body main#main.subscription-workbench) {animation:mobile-contact-rise 240ms cubic-bezier(.2,.8,.2,1);}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form {padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-register-form>.dialog-heading,main.contact-shell>.contact-head,body.subscription-body .subscription-head) {position:relative!important;min-height:44px!important;height:44px!important;margin:0 0 20px!important;padding:0 0 0 52px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;direction:rtl!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #subscription-title {position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;height:44px!important;margin:0!important;font-size:20px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body .mobile-wallet-close {position:absolute!important;top:0!important;left:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #subscription-tabs {margin-top:0!important;}
@media(prefers-reduced-motion:reduce){html:root body.ui-consistent :is(#customer-register-dialog,main#main.subscription-workbench){animation:none!important;}}

/* Neutral dark contact surfaces with visible field boundaries. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body {background:#121212!important;color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body :is(#main,main.contact-shell) {background:#1c1c1c!important;color:#f5f5f5!important;border-color:#484848!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body :is(.contact-head h1,.contact-back,#contact-form label) {color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body #contact-form :is(input,textarea,.contact-topic-picker,.contact-topic-picker>div) {background:#262626!important;color:#f5f5f5!important;border-color:#7c7c7c!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body #contact-form .contact-topic-picker :is(summary,button) {background:transparent!important;color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body #contact-form .contact-topic-picker button:is(:hover,:focus-visible,[aria-selected="true"]) {background:#3a3a3a!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.contact-body #contact-form :is(input,textarea,summary,button):focus-visible {outline:2px solid #f5f5f5!important;outline-offset:3px!important;}

/* Account uses the same neutral dark palette as Contact. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-dialog {background:#1c1c1c!important;color:#f5f5f5!important;border-color:#484848!important;}
html:root[data-theme="dark"] #customer-register-dialog::backdrop {background:rgba(0,0,0,.65)!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form :is(input,textarea,.account-select,.account-select>[role="listbox"]) {background:#262626!important;color:#f5f5f5!important;border-color:#7c7c7c!important;-webkit-text-fill-color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form :is(label,.account-field>span,#customer-register-title,#close-customer-register,small) {color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form .account-select :is(summary,button) {background:transparent!important;color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form .account-select button:is([aria-selected="true"],:hover,:focus-visible) {background:#3a3a3a!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-submit {background:#fff!important;color:#111!important;border-color:#fff!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form .password-change-entry {background:transparent!important;color:#f5f5f5!important;border:0!important;box-shadow:none!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #delete-customer-account {background:transparent!important;color:#ffb4ab!important;border-color:#ffb4ab!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form :is(input,textarea,summary):focus-visible {outline:2px solid #f5f5f5!important;outline-offset:3px!important;}

html:root[data-theme="dark"] body.ui-consistent #customer-register-dialog {--card:#1c1c1c;--line:#484848;}
html:root[data-theme="dark"] body.ui-consistent.contact-body main.contact-shell {--card:#1c1c1c;--line:#484848;}

/* Customer wallet shares the neutral dark account/contact palette. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body {
 --card:#1c1c1c!important;--ink:#f5f5f5!important;--muted:#c4c4c4!important;--line:#484848!important;
 --sub-paper:#121212!important;--sub-surface:#1c1c1c!important;--sub-ink:#f5f5f5!important;--sub-muted:#c4c4c4!important;--sub-rule:#484848!important;
 --subscription-dark-paper:#1c1c1c!important;--subscription-dark-surface:#262626!important;--subscription-dark-rule:#7c7c7c!important;--subscription-light-ink:#f5f5f5!important;--subscription-light-muted:#c4c4c4!important;
 background:#121212!important;color:#f5f5f5!important;
}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #plans-grid .plan-sheet {background:#262626!important;border-color:#484848!important;color:#f5f5f5!important;}
html:root body.ui-consistent.team-body .team-invite-form {padding-top:20px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .sales-tabs {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,360px)!important;margin-inline:auto!important;gap:12px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .sales-tabs button {width:100%!important;min-height:48px!important;box-sizing:border-box!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #subscription-tabs {grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:8px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #subscription-tabs button {min-width:0!important;max-width:none!important;padding-inline:6px!important;}
html:root:not([data-theme="dark"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .sales-tabs button:not([aria-pressed="true"]) {box-shadow:0 2px 8px var(--soft-shadow),inset 0 1px 0 var(--soft-paper)!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #subscription-tabs button {background:#262626!important;color:#f5f5f5!important;border-color:#7c7c7c!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #subscription-tabs button[aria-pressed="true"] {background:#f5f5f5!important;color:#111!important;border-color:#f5f5f5!important;}

/* All buyer filters share the approved neutral dark card surface. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) {
 --app-paper:#1c1c1c!important;--filter-line:#484848!important;
 background:#1c1c1c!important;color:#f5f5f5!important;border-color:#484848!important;
}

/* Province choices use the same type size and weight as audience choices. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-province-select>button,.clofit-province-menu button) {font-size:16px!important;font-weight:400!important;line-height:1.5!important;}

/* Province dropdowns share the account/contact dark field palette. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-province-select>button,.clofit-province-menu) {background:#262626!important;color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5!important;border-color:#7c7c7c!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-menu button {background:transparent!important;color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .clofit-province-menu button:is([aria-selected="true"],:hover,:focus-visible) {background:#3a3a3a!important;}

/* Brand labels match audience/province choices, including nested label spans. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button,
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button span {font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;}

/* Equal brand cards: a recognizable square logo above the label. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button {box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:140px!important;min-height:140px!important;max-height:140px!important;min-width:0!important;width:100%!important;padding:12px!important;border-radius:16px!important;overflow:hidden!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button img {flex:0 0 80px!important;width:80px!important;min-width:80px!important;max-width:80px!important;height:80px!important;min-height:80px!important;max-height:80px!important;object-fit:contain!important;border-radius:8px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button span {flex:none!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

/* Group fields use neutral focus and field boundaries in dark mode. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #recipient-inbox-panel input {background:#262626!important;color:#f5f5f5!important;border-color:#7c7c7c!important;box-shadow:none!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #recipient-inbox-panel input:focus-visible {outline:2px solid #c4c4c4!important;outline-offset:2px!important;}

/* Notification card matches the neutral dark secondary screens. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent dialog.notification-overlay {background:#1c1c1c!important;color:#f5f5f5!important;border-color:#484848!important;}

/* Upload sheet shares the neutral dark surfaces and visible control boundaries. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet {background:#1c1c1c!important;color:#f5f5f5!important;border-color:#484848!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet::backdrop {background:#121212!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #photo-source-sheet [data-photo-source="library"] {background:#262626!important;color:#f5f5f5!important;border-color:#7c7c7c!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #close-photo-source {color:#f5f5f5!important;background:transparent!important;}

/* Main settings sheet uses the same neutral dark card as its detail screens. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet {background:#1c1c1c!important;color:#f5f5f5!important;border-color:#484848!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet::backdrop {background:rgba(0,0,0,.65)!important;}

/* Informational pages follow the app's heading scale and neutral dark palette. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page h1 {font-size:20px!important;font-weight:600!important;line-height:1.5!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page h2 {font-size:18px!important;font-weight:600!important;line-height:1.6!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page {background:#222!important;color:#f5f5f5!important;--ink:#f5f5f5;--muted:#c4c4c4;--line:#484848;border-color:#484848!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page :is(h1,h2,h3,p,li,summary) {color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page .legal-date {color:#c4c4c4!important;}
html:root[data-theme="dark"] body.ui-consistent .clofit-legal-page {--frame-paper:#222!important;--app-paper:#222!important;--app-page:#222!important;--card:#222!important;--app-ink:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page button {background:#f5f5f5!important;color:#111!important;}

/* Title and update date form one compact header beside the back action. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page>.mobile-legal-heading {display:flex!important;direction:rtl!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 24px!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .mobile-legal-heading>div {flex:1!important;min-width:0!important;text-align:right!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .mobile-legal-heading h1 {display:flex!important;align-items:center!important;min-height:44px!important;margin:0!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .mobile-legal-heading .legal-date {margin:4px 0 0!important;padding:0!important;line-height:1.6!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .mobile-legal-heading .clofit-legal-back {flex:0 0 44px!important;margin:0!important;}
@media print {.mobile-legal-heading .clofit-legal-back {display:none!important;}}

/* Give the document header breathing room and distinguish body copy from sections. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page>.mobile-legal-heading {margin-bottom:36px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page article :is(p,li) {font-size:16px!important;font-weight:400!important;line-height:1.95!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page article h2 {font-size:19px!important;font-weight:600!important;line-height:1.6!important;margin-top:32px!important;margin-bottom:10px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-legal-page article .legal-draft {font-size:15px!important;font-weight:400!important;}

/* Fill real phone screens only; preserve the centered phone preview on desktop. */
@media (max-width:480px) {
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent:has(>main.reels-shell,>main.stores-shell,>main.shopper-discounts-page,>main.customer-orders-page),
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent:is(.looks-page,.checkout-page) {padding:0!important;margin:0!important;--phone-inset:0px!important;--phone-width:100vw!important;--phone-height:100dvh!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(main.reels-shell,main.stores-shell,main.shopper-discounts-page,main.customer-orders-page,body.looks-page main#main,body.checkout-page main#main) {border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;min-height:100dvh!important;box-sizing:border-box!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent main.reels-shell {height:100dvh!important;}
}

/* Keep the all-brands card size, with a light surface and dark label. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button:first-child {background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#ddd!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) :is(.clofit-brand-choices,.brand-filter-group>div)>button:first-child span {color:#111!important;-webkit-text-fill-color:#111!important;}

/* Price sliders show only the track and thumb while focused. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .price-slider input[type="range"]:is(:focus,:focus-visible) {outline:none!important;box-shadow:none!important;}

/* Discount empty copy must center its text, not just its outer box. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #shopper-discounts>.mobile-discounts-empty {display:block!important;font-family:var(--ui-font,Cairo,sans-serif)!important;font-size:16px!important;font-weight:400!important;line-height:1.7!important;text-align:center!important;}

/* Scoped color-logo trial on About only; preserve the colored hanger at night. */
html:root body.ui-consistent .mobile-about-color-logo {display:block!important;position:relative!important;width:140px!important;aspect-ratio:2172 / 430!important;overflow:hidden!important;margin:12px auto 20px!important;}
html:root body.ui-consistent .mobile-about-color-logo>img {display:block!important;position:absolute!important;width:100%!important;height:auto!important;max-width:none!important;inset:auto!important;left:0!important;top:-25.58%!important;opacity:1!important;}
html:root body.ui-consistent .mobile-about-color-logo>.mobile-logo-gradient {display:none!important;}
html:root[data-theme="dark"] body.ui-consistent .mobile-about-color-logo>img {filter:brightness(0) invert(1)!important;}
html:root[data-theme="dark"] body.ui-consistent .mobile-about-color-logo>.mobile-logo-gradient {display:block!important;filter:none!important;clip-path:inset(0 40% 0 32%)!important;}

/* Shared in-app wordmark: approved color version on existing brand placements. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.clofit-wordmark,#reel-settings-sheet .clofit-wordmark,#merchant-settings-sheet .clofit-wordmark,#account-type-picker .clofit-wordmark) {aspect-ratio:2172 / 430!important;mix-blend-mode:normal!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.clofit-wordmark,#reel-settings-sheet .clofit-wordmark,#merchant-settings-sheet .clofit-wordmark,#account-type-picker .clofit-wordmark)>img {content:url('../images/clofit-color-logo-preview.png')!important;width:100%!important;height:auto!important;max-width:none!important;left:0!important;top:-25.58%!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.clofit-wordmark,#reel-settings-sheet .clofit-wordmark,#merchant-settings-sheet .clofit-wordmark,#account-type-picker .clofit-wordmark)::after {display:none!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.clofit-wordmark,#reel-settings-sheet .clofit-wordmark,#merchant-settings-sheet .clofit-wordmark,#account-type-picker .clofit-wordmark)>img {filter:brightness(0) invert(1)!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.clofit-wordmark,#reel-settings-sheet .clofit-wordmark,#merchant-settings-sheet .clofit-wordmark,#account-type-picker .clofit-wordmark)::after {content:""!important;display:block!important;position:absolute!important;left:0!important;top:-25.58%!important;width:100%!important;height:168.37%!important;background:transparent url('../images/clofit-color-logo-preview.png') no-repeat 0 0 / 100% 100%!important;mask:none!important;-webkit-mask:none!important;clip-path:inset(0 40% 0 32%)!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome :is(.clofit-wordmark,#reel-settings-sheet .clofit-wordmark,#merchant-settings-sheet .clofit-wordmark,#account-type-picker .clofit-wordmark)>img {filter:none!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .clofit-welcome :is(.clofit-wordmark,#reel-settings-sheet .clofit-wordmark,#merchant-settings-sheet .clofit-wordmark,#account-type-picker .clofit-wordmark)::after {display:none!important;}

/* Merchant settings match the approved buyer sheet: centered brand, left close, neutral surfaces. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet {background:#fff!important;color:#222!important;border-color:#ddd!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet .merchant-settings-card {background:transparent!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet .merchant-settings-card>header {position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin:0 0 24px!important;padding:0 52px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-title {display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;width:100%!important;margin:0!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-title .clofit-wordmark {width:140px!important;margin:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-close {position:absolute!important;left:0!important;right:auto!important;top:0!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet {background:#1c1c1c!important;color:#f5f5f5!important;border-color:#484848!important;--merchant-shell-bg:#1c1c1c;--merchant-shell-panel:#1c1c1c;--merchant-shell-text:#f5f5f5;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet::backdrop {background:rgba(0,0,0,.65)!important;}

/* Account form uses the shared label scale and neutral field palette. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet:has(#merchant-account-view:not([hidden])) .merchant-settings-card>header {padding:0 0 0 52px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-title:not(:has(img)) {justify-content:flex-start!important;direction:rtl!important;text-align:right!important;font-size:20px!important;font-weight:600!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-shell-profile-form label {font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select,.merchant-unified-select-trigger,.merchant-unified-select-menu) {background:#282828!important;color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5!important;border-color:#777!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet .merchant-unified-select-menu [role=option] {background:transparent!important;color:#f5f5f5!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet .merchant-unified-select-menu [aria-selected=true] {background:#444!important;}

html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body :is(.merchant-notification-nav,.merchant-shell-launcher) {display:none!important;}

/* Neutral wallet content surfaces, including merchant gift balances and forms. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body .app-edge-handle {display:none!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body :is(.credit-summary,.buyer-gift-card,.commerce-picker,.commerce-picker-content,.gift-form input,.gift-form fieldset,.gift-form fieldset label,.sent-gift) {background:#262626!important;color:#f5f5f5!important;border-color:#777!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body :is(.balance-lots article,.compact-capacity>span,.gift-lot-row) {background:transparent!important;color:#f5f5f5!important;border-color:#777!important;}

html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body .wallet-section-title {color:#f5f5f5!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent #customer-register-form .account-field>span {font-size:16px!important;font-weight:500!important;}

/* Gift-entry action matches the primary Send button in night mode. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #send-existing-gift {background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;border-color:#fff!important;}

/* Keep the gift recipient search glyph legible on the dark field. */
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #gift-form .ui-search-icon {color:#fff!important;stroke:currentColor!important;}

/* Contain the recipient panel's inner surface within its rounded border. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #gift-recipient-picker {overflow:hidden!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.subscription-body #gift-recipient-picker>.commerce-picker-content {border-radius:0 0 19px 19px!important;}

/* Hallmark · component: soft controls · theme: CLOFIT neutral
 * pre-emit critique: P4 H4 E4 S4 R5 V4. Existing layout and Cairo type retained. */
:root {
 --soft-paper:rgba(255,255,255,.92);--soft-line:rgba(255,255,255,.95);
 --soft-shadow:rgba(0,0,0,.12);--soft-inner:rgba(0,0,0,.18);
 --soft-tint:#eee;--soft-ink:#111;--soft-fill:#111;
 --soft-stripe:rgba(0,0,0,.18);--soft-empty:#e8e8e8;
 --soft-focus:#111;--soft-error:#b64052;--soft-success:#377b62;
}
html:root[data-theme="dark"] {--soft-paper:#282828;--soft-line:#555;--soft-shadow:rgba(0,0,0,.22);--soft-inner:rgba(0,0,0,.5);--soft-tint:#343434;--soft-ink:#fff;--soft-fill:#fff;--soft-stripe:rgba(255,255,255,.15);--soft-empty:#424242;--soft-focus:#fff;}
html:root body.ui-consistent #stores-list .market-store-card{gap:0!important;}
html:root body.ui-consistent #stores-list .market-store-visual{position:relative!important;}
html:root body.ui-consistent #stores-list .market-store-visual>.paid-ad-label{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;z-index:2;}
html:root body.ui-consistent #stores-list .market-store-copy{min-height:0!important;padding:12px!important;box-shadow:none!important;}
html:root body.ui-consistent #stores-list .market-store-copy h2{font-size:12px!important;font-weight:400!important;}
html:root body.ui-consistent #stores-list .market-store-card:has(.paid-ad-label){overflow:hidden;border-radius:0!important;background:var(--soft-paper)!important;box-shadow:0 7px 18px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.06)!important;}
html:root body.ui-consistent #stores-list .market-store-card:has(.paid-ad-label)>:is(.market-store-visual,.market-store-copy){box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;}
/* A subtle lift distinguishes paid product cards without changing their layout. */
html:root body.ui-consistent #product-reels.grid-view .grid-card:has(.paid-ad-label){gap:0!important;overflow:hidden;border-radius:0!important;background:var(--soft-paper)!important;box-shadow:0 7px 18px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.06)!important;}
html:root body.ui-consistent #product-reels.grid-view .grid-card:has(.paid-ad-label)>:is(.grid-card-visual,.grid-card-copy){box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;}
/* A recessed, solid channel. Native input semantics and touch interaction stay intact. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .price-slider input[type="range"] {
 appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:100%!important;height:34px!important;
 padding:7px!important;border:0!important;border-radius:999px!important;
 background:transparent!important;box-shadow:none!important;
 --range-direction:to right;
}
html[dir="rtl"] body .price-slider input[type="range"] {--range-direction:to left!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .price-slider input[type="range"]::-webkit-slider-runnable-track {
 height:14px;border-radius:999px;
 background:linear-gradient(var(--range-direction),var(--soft-fill) 0 var(--range-fill,0%),var(--soft-empty) var(--range-fill,0%) 100%);
 box-shadow:inset 0 1px 2px var(--soft-inner);
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .price-slider input[type="range"]::-webkit-slider-thumb {
 appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-4px;border-radius:50%;border:3px solid var(--soft-paper);background:var(--soft-fill);box-shadow:0 1px 4px var(--soft-shadow);
}
html:root body.ui-consistent .price-slider input[type="range"]::-moz-range-track {height:14px;border-radius:999px;background:var(--soft-empty);}
html:root body.ui-consistent .price-slider input[type="range"]::-moz-range-progress {height:14px;border-radius:999px;background:var(--soft-fill);}
html:root body.ui-consistent .price-slider input[type="range"]::-moz-range-thumb {width:16px;height:16px;border-radius:50%;border:3px solid var(--soft-paper);background:var(--soft-fill);}
/* Existing face illustrations receive a circular button surface, without changing the artwork. */
html:root body.ui-consistent .buyer-example-ratings button {background:transparent!important;border:0!important;box-shadow:none!important;gap:5px!important;}
html:root body.ui-consistent .buyer-example .buyer-example-ratings svg {box-sizing:content-box!important;width:22px!important;height:22px!important;padding:8px!important;border-radius:50%!important;background:linear-gradient(145deg,var(--soft-paper),var(--soft-tint))!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;box-shadow:0 2px 8px var(--soft-shadow),inset 0 1px 0 var(--soft-paper)!important;}
html:root body.ui-consistent .buyer-example-ratings button[aria-pressed="true"] svg {outline:2px solid var(--soft-focus);outline-offset:2px;}
html:root body.ui-consistent .buyer-example-ratings button:active svg {transform:translateY(1px);}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .look-rating-face-image {
 box-sizing:content-box!important;width:28px!important;height:28px!important;padding:10px!important;border-radius:50%!important;
 background:linear-gradient(145deg,var(--soft-paper),var(--soft-tint))!important;color:var(--soft-ink)!important;
 border:1px solid var(--soft-line)!important;box-shadow:0 2px 8px var(--soft-shadow),inset 0 1px 0 var(--soft-paper)!important;
}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .rating-choice-cards label:has(input:checked) {background:transparent!important;}
html:root body.ui-consistent .rating-choice-cards label:has(input:checked) .look-rating-face-image {outline:2px solid var(--soft-focus);outline-offset:2px;}
html:root body.ui-consistent .rating-choice-cards label:hover .look-rating-face-image {filter:brightness(.98);}
html:root body.ui-consistent .rating-choice-cards label:active .look-rating-face-image {transform:translateY(1px);}
html:root body.ui-consistent .rating-choice-cards label:has(input:disabled) {opacity:.65;}
html:root body.ui-consistent .rating-choice-cards label:has(input:disabled:checked) {opacity:1;}
html:root body.ui-consistent .price-slider input:disabled {opacity:.5;cursor:not-allowed;}
html:root body.ui-consistent .price-slider input[aria-invalid="true"] {border-color:var(--soft-error)!important;}
html:root body.ui-consistent .price-slider[aria-busy="true"] {opacity:.6;pointer-events:none;}
html:root body.ui-consistent .price-slider[data-state="success"] {color:var(--soft-success);}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#coordination-panel,#discount-filter-dialog,#market-filter-dialog) .price-slider input[type="range"]:is(:focus,:focus-visible) {box-shadow:inset 0 2px 5px var(--soft-inner),0 1px 3px var(--soft-shadow)!important;outline:none!important;}
html:root body.ui-consistent .rating-choice-cards label[aria-busy="true"] {opacity:.6;pointer-events:none;}
html:root body.ui-consistent .rating-choice-cards label[data-state="error"] .look-rating-face-image {outline:2px solid var(--soft-error);}
html:root body.ui-consistent .rating-choice-cards label[data-state="success"] .look-rating-face-image {outline:2px solid var(--soft-success);}



/* Account deletion: readable confirmation in both themes and languages. */
html:root body.ui-consistent #account-deletion-dialog{background:var(--soft-paper)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;max-height:85dvh!important;overflow:auto!important;padding:20px!important;}
html:root body.ui-consistent #account-deletion-dialog .commerce-dialog-head{padding-inline:0!important;direction:inherit!important;flex-direction:row!important;align-items:center!important;}
html:root body.ui-consistent #account-deletion-dialog h2{text-align:start!important;font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:30px!important;}
html:root body.ui-consistent #account-deletion-dialog input{box-sizing:border-box!important;width:100%!important;min-width:0!important;background:var(--soft-tint)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;border-radius:12px!important;padding:10px 12px!important;}
html:root body.ui-consistent #account-deletion-dialog input:focus{outline:2px solid var(--soft-focus)!important;outline-offset:2px!important;box-shadow:none!important;}
html:root body.ui-consistent #account-deletion-dialog .commerce-close{position:relative!important;inset:auto!important;margin:0!important;transform:none!important;background:transparent!important;color:var(--soft-ink)!important;border:0!important;min-width:44px!important;flex-shrink:0!important;}
html:root body.ui-consistent #account-deletion-dialog button[type=submit]{background:#b42332!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 20px!important;}

/* Optional reason uses the same account-field treatment in both languages. */
html:root body.ui-consistent #account-deletion-dialog :is(select,textarea){box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:44px!important;font:inherit!important;background-color:var(--soft-tint)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;border-radius:12px!important;padding:10px 12px!important;}
html:root body.ui-consistent #account-deletion-dialog select{appearance:auto!important;background-image:none!important;}
html:root[data-theme="dark"] #account-deletion-dialog select{color-scheme:dark;}
html:root body.ui-consistent #account-deletion-dialog :is(select,textarea):focus{outline:2px solid var(--soft-focus)!important;outline-offset:2px!important;box-shadow:none!important;}
html:root body.ui-consistent #account-deletion-dialog [data-deletion-other][hidden]{display:none!important;}
html:root body.ui-consistent #account-deletion-dialog textarea{resize:vertical!important;}

/* Match the governorate selector: clear chevron on the left in Arabic. */
html:root body.ui-consistent #account-deletion-dialog label:has(>select[name="reason"]){position:relative!important}
html:root body.ui-consistent #account-deletion-dialog select[name="reason"]{appearance:none!important;-webkit-appearance:none!important;background-image:none!important;padding-left:40px!important;padding-right:12px!important}
html:root body.ui-consistent #account-deletion-dialog label:has(>select[name="reason"])::after{content:"";position:absolute;left:17px;bottom:22px;width:8px;height:8px;border-right:2px solid var(--soft-ink);border-bottom:2px solid var(--soft-ink);transform:rotate(45deg);pointer-events:none}
html[dir="ltr"]:root body.ui-consistent #account-deletion-dialog select[name="reason"]{padding-right:40px!important;padding-left:12px!important}
html[dir="ltr"]:root body.ui-consistent #account-deletion-dialog label:has(>select[name="reason"])::after{left:auto;right:17px}

html:root body.ui-consistent #account-deletion-dialog.account-deletion-success{text-align:center!important;padding:28px 20px!important;border-radius:24px!important}
html:root body.ui-consistent #account-deletion-dialog.account-deletion-success h2{text-align:center!important;margin:0 0 14px!important}
html:root body.ui-consistent #account-deletion-dialog.account-deletion-success p{text-align:center!important}
html:root body.ui-consistent #account-deletion-dialog.account-deletion-success>button{display:block;width:100%;min-height:44px;margin-top:24px;border:0;border-radius:24px;background:#111;color:#fff;font:inherit}
html:root[data-theme="dark"] body.ui-consistent #account-deletion-dialog.account-deletion-success>button{background:#fff;color:#111}

/* Password change follows the same neutral account-sheet colors in both themes. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog{background:var(--soft-paper)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;border-radius:24px!important;padding:0!important;max-height:calc(100dvh - 40px)!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog .preferences-card{background:transparent!important;background-image:none!important;color:inherit!important;padding:20px!important;gap:16px!important;box-shadow:none!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog :is(strong,p,label){color:var(--soft-ink)!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog .dialog-heading{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;direction:inherit!important;padding:0!important;margin:0!important;min-height:44px!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog #password-change-title{font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:30px!important;text-align:start!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog [data-close]{position:relative!important;inset:auto!important;margin:0!important;transform:none!important;background:transparent!important;color:var(--soft-ink)!important;border:0!important;box-shadow:none!important;width:44px!important;height:44px!important;flex:0 0 44px!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog input{background:var(--soft-tint)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;box-shadow:none!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog input:focus{outline:2px solid var(--soft-focus)!important;outline-offset:2px!important;box-shadow:none!important}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog button[type=submit]{background:#111!important;color:#fff!important;border:0!important;min-height:44px!important;box-shadow:none!important}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .password-change-dialog button[type=submit]{background:#fff!important;color:#111!important}

/* Account deletion entry matches the other security actions. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#delete-customer-account,#merchant-shell-delete,#merchant-delete){color:#111!important;background:transparent!important;border:0!important;box-shadow:none!important}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#delete-customer-account,#merchant-shell-delete,#merchant-delete){color:#fff!important}

/* Store policy stays compact and spans the profile on a phone. */
#selected-store-profile .store-return-policy{grid-column:1/-1;grid-row:4;direction:rtl;text-align:start;padding:12px 0;border-top:1px solid var(--commerce-muted);width:100%;box-sizing:border-box;color:var(--commerce-ink)}
#selected-store-profile .store-return-policy h3{font-size:14px;font-weight:600;margin:0 0 6px;line-height:1.8;color:inherit}
#selected-store-profile .store-return-policy small{display:block;font-size:12px;line-height:1.7;color:var(--commerce-muted);margin-top:6px}
#selected-store-profile .store-business-type{display:block;font-size:13px;line-height:1.7;color:var(--commerce-muted)}
html[dir="ltr"] #selected-store-profile .store-return-policy{direction:ltr}

.checkout-return-policy{display:inline-block;margin:0 0 12px;color:inherit;font-size:13px;text-underline-offset:3px;min-height:32px;line-height:2}

/* Arabic sheet headers: text at right, dismissal at left, independent of inherited flex direction. */
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.dialog-heading,.ui-close-heading,.contact-head,.buyer-settings-heading,.reel-settings-head,.photo-source-head,.merchant-settings-card>header,.product-description-sheet>header,dialog header):has(>[aria-label^="إغلاق"]) {
 position:relative!important;direction:rtl!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:right!important;min-height:44px!important;padding:0 0 0 52px!important;
}
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.dialog-heading,.ui-close-heading,.contact-head,.buyer-settings-heading,.reel-settings-head,.photo-source-head,.merchant-settings-card>header,.product-description-sheet>header,dialog header)>[aria-label^="إغلاق"] {
 position:absolute!important;inset:auto!important;left:0!important;right:auto!important;top:0!important;transform:none!important;margin:0!important;width:44px!important;height:44px!important;
}
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.buyer-settings-heading,.reel-settings-head,.merchant-settings-card>header):has(.clofit-wordmark) {justify-content:center!important;padding-left:52px!important;padding-right:52px!important;}
/* Authentication has a separate wordmark row; anchor its close control to the form. */
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .auth-dialog.auth-dialog.auth-dialog .dialog-heading {position:static!important;}
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .auth-dialog.auth-dialog.auth-dialog [data-auth-close] {left:12px!important;right:auto!important;top:12px!important;}
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .auth-dialog .preferences-card>.clofit-wordmark {margin-left:auto!important;margin-right:auto!important;align-self:center!important;justify-self:center!important;max-width:calc(100% - 104px)!important;}
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent .auth-dialog #auth-title {text-align:right!important;}

/* Consistent authentication branding, including recovery and verification steps. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.auth-dialog,.password-change-dialog,#account-type-picker) .clofit-wordmark {display:block!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important;width:140px!important;max-width:calc(100% - 88px)!important;margin:12px auto 24px!important;justify-self:center!important;align-self:center!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #account-type-picker header {position:static!important;}
html:root:not([lang="en"]) body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #account-type-picker header>button {left:12px!important;right:auto!important;top:12px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-register-form,#merchant-register-form,.auth-dialog,.password-change-dialog) :is(.dialog-heading>strong,.dialog-heading>h2) {font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:30px!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#customer-register-form,#merchant-register-form,.auth-dialog,.password-change-dialog) :is(label,.account-field>span,legend) {font-family:"Maraya Cairo",Tahoma,Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important;}

/* One physical row keeps logo and close centered on the same baseline in all auth stages. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#account-type-picker,.auth-dialog,.password-change-dialog) .auth-brand-row {position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;direction:ltr!important;min-height:44px!important;width:100%!important;margin:0 0 20px!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#account-type-picker,.auth-dialog,.password-change-dialog) .auth-brand-row>.clofit-wordmark {grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;margin:0!important;width:140px!important;max-width:100%!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(#account-type-picker,.auth-dialog,.password-change-dialog) .auth-brand-row>button {position:static!important;inset:auto!important;transform:none!important;grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;margin:0!important;padding:0!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;line-height:1!important;background:transparent!important;border:0!important;box-shadow:none!important;}

/* Business type is a readable badge in either theme. */
html:root body.ui-consistent.ui-consistent #selected-store-profile .store-business-type{display:inline-block!important;width:fit-content;max-width:100%;padding:4px 12px;margin:7px 0 5px;border:1px solid #d5d5d5;border-radius:999px;background:#f1f1f1;color:#171717!important;font-size:13px;font-weight:600;line-height:1.6}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent #selected-store-profile .store-business-type{background:#f5f5f5;border-color:#f5f5f5;color:#171717!important}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent #selected-store-profile{background:#202020!important;border-color:#484848!important;color:#f5f5f5!important}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent #selected-store-profile .store-return-policy{border-color:#555;color:#f5f5f5}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent #selected-store-profile .store-return-policy p{color:#f5f5f5!important}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent #selected-store-profile .store-return-policy small{color:#d0d0d0!important}


html:root[data-theme="dark"] body.ui-consistent.ui-consistent #selected-store-profile .store-follow-button{background:#fff!important;color:#171717!important;border-color:#fff!important;opacity:1!important}

/* Keep the store action readable in the daylight palette. */
html:root[data-theme="light"] body.ui-consistent.ui-consistent #selected-store-profile .store-follow-button{background:#171717!important;color:#fff!important;border-color:#171717!important;opacity:1!important}
/* Keep invoice titles and status badges clear of the header divider. */
html:root body.ui-consistent .payment-history .payment-history-card>header{height:auto!important;min-height:60px!important;padding:12px 0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;}
html:root body.ui-consistent .payment-history>h2{margin:20px 0 12px!important;}
html:root body.ui-consistent .payment-history>[data-feedback]:empty{display:none!important;}
html:root body.ui-consistent #credit-ledger>article{padding:16px!important;margin:12px 0!important;border:1px solid var(--border,#e2e2e2)!important;border-radius:16px!important;}
html:root body.ui-consistent #maraya-language-title{margin:0 0 20px!important;}
html:root[data-theme="dark"] body.ui-consistent #customer-favorites-list .favorite-collection{background:transparent!important;}
html:root[data-theme="dark"] body.ui-consistent #customer-favorites-list .favorite-product{background:transparent!important;}
/* Neutral dark surfaces for saved looks and their reel details. */
html:root[data-theme="dark"] body.ui-consistent.looks-page :is(.generated-look,.look-grid-card,.look-visual,.look-visual>img){background:#262626!important;}
html:root[data-theme="dark"] body.ui-consistent.looks-page .look-canvas-copy{background:rgba(38,38,38,.88)!important;color:#fff!important;}
html:root[data-theme="dark"] body.ui-consistent.looks-page .look-icon-action{background:#282828!important;color:#fff!important;border-color:#555!important;}
/* Match rating submission to the other primary actions in dark mode. */
html:root body.ui-consistent .social-pending-group>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:min(260px,100%)!important;}
html:root body.ui-consistent .social-pending-group>div>button{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.server-groups button[data-social="accept"],.team-invitation-actions .team-invitation-primary){background:#fff!important;color:#111!important;border-color:#fff!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .team-invitation-actions button:not(.team-invitation-primary){background:transparent!important;color:#fff!important;border:1px solid #555!important;}
html:root body.ui-consistent .server-groups .social-vote-confirmed{justify-content:center!important;align-items:center!important;text-align:center!important;}
html:root[data-theme="dark"] body.ui-consistent.ui-consistent.ui-consistent.ui-consistent .server-groups form[data-social-form="vote"]>button{background:#fff!important;color:#111!important;border-color:#fff!important;}
/* Keep settings headers outside the single scrolling menu. */
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet{overflow:hidden!important;padding:0!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet .merchant-settings-card{box-sizing:border-box!important;max-height:calc(100dvh - 48px)!important;padding:24px 24px 16px!important;overflow:auto!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-sheet .merchant-settings-card:has(#merchant-settings-menu:not([hidden])){display:flex!important;flex-direction:column!important;overflow:hidden!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #merchant-settings-menu{min-height:0!important;overflow:auto!important;overscroll-behavior:contain;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet{box-sizing:border-box!important;padding:24px 24px 16px!important;overflow:hidden!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet[open]{display:flex!important;flex-direction:column!important;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent #reel-settings-sheet .reel-settings-links{min-height:0!important;overflow:auto!important;overscroll-behavior:contain;}
html:root body.ui-consistent.ui-consistent.ui-consistent.ui-consistent.ui-consistent :is(.merchant-settings-card>header,.reel-settings-head){flex-shrink:0!important;min-height:44px!important;margin-bottom:16px!important;}