/* Vista Web adapter — reusable application patterns/variants. */
/* Final component compositions. No color literals: all visual values come from Design System semantic tokens. */

html[data-theme="light"] body{background:var(--color-surface-page);color:var(--color-text-primary)}
html[data-theme="light"] .top{background:color-mix(in srgb,var(--color-surface-raised) 88%,transparent);border-color:var(--color-border-default)}
html[data-theme="light"] .bottom-nav{background:color-mix(in srgb,var(--color-surface-raised) 92%,transparent);border-color:var(--color-border-default);box-shadow:0 14px 38px var(--color-shadow-default)}
html[data-theme="light"] .card:not(.app-hero-card),html[data-theme="light"] .ui-card:not(.app-hero-card),html[data-theme="light"] .unified-page-card:not(.app-hero-card),html[data-theme="light"] .profile-form-card{background:var(--color-surface-card);border-color:var(--color-border-default)}
html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea,html[data-theme="light"] .ui-search,html[data-theme="light"] .service-search-wrap:not(.app-hero-card .service-search-wrap){background:var(--color-surface-input);border-color:var(--color-border-default)}
html[data-theme="light"] .ui-filter-strip,html[data-theme="light"] .ui-segmented,html[data-theme="light"] .wallet-filter-tabs,html[data-theme="light"] .orders-list-tabs{background:var(--color-surface-muted);border-color:var(--color-border-default)}

/* Every Hero, including the profile Hero, consumes exactly the same semantic Hero surface. */
html[data-theme="light"] .app-hero-card,html[data-theme="light"] .hero.app-hero-card,html[data-theme="light"] .service-catalog-hero.app-hero-card,html[data-theme="light"] .wallet-balance-card.app-hero-card,html[data-theme="light"] .orders-profile-card,html[data-theme="light"] .profile-hero.app-hero-card{background:linear-gradient(145deg,var(--color-brand-glass),var(--color-brand-glass-strong));border-color:var(--color-brand-glass-border);color:var(--color-text-on-brand);box-shadow:0 18px 46px var(--color-shadow-default),inset 0 1px 0 var(--color-glass-highlight)}
html[data-theme="light"] .app-hero-card:before{content:"";position:absolute;inset:auto auto -46px -18px;width:150px;height:150px;border-radius:50%;background:var(--color-hero-glow);filter:blur(18px);pointer-events:none}

/* Controls embedded in a Hero stay tinted, never raw white. */
html[data-theme="light"] .app-hero-card .ui-search,html[data-theme="light"] .app-hero-card .app-hero-search,html[data-theme="light"] .app-hero-card .service-search-wrap,html[data-theme="light"] .app-hero-card .hero-search,html[data-theme="light"] .service-catalog-hero .service-search-wrap{background:var(--color-hero-control-surface);border-color:var(--color-hero-control-border);box-shadow:inset 0 1px 0 var(--color-brand-glass-border)}
html[data-theme="light"] .app-hero-card .ui-search>i,html[data-theme="light"] .app-hero-card .app-hero-search>i,html[data-theme="light"] .app-hero-card .service-search-wrap>i,html[data-theme="light"] .app-hero-card .hero-search>i{color:var(--color-text-on-brand-muted)}
html[data-theme="light"] .app-hero-card .ui-search .input,html[data-theme="light"] .app-hero-card .app-hero-search .input,html[data-theme="light"] .app-hero-card .service-search-wrap .input,html[data-theme="light"] .app-hero-card .hero-search .input{background:transparent;color:var(--color-text-on-brand)}
html[data-theme="light"] .app-hero-card .ui-search .input::placeholder,html[data-theme="light"] .app-hero-card .app-hero-search .input::placeholder,html[data-theme="light"] .app-hero-card .service-search-wrap .input::placeholder,html[data-theme="light"] .app-hero-card .hero-search .input::placeholder{color:var(--color-text-on-brand-muted)}
html[data-theme="light"] .service-catalog-hero .service-category-row{background:var(--color-hero-control-surface);border-color:var(--color-hero-control-border);box-shadow:inset 0 1px 0 var(--color-brand-glass-border)}
html[data-theme="light"] .service-catalog-hero .service-category-row .category-tile{color:var(--color-text-on-brand-muted)}
html[data-theme="light"] .service-catalog-hero .service-category-row .category-tile.active{background:var(--color-selection-hero-active);border-color:var(--color-hero-control-border);color:var(--color-text-on-brand);box-shadow:none}

/* Profile-specific legacy rules may only compose layout; Hero color remains canonical. */
html[data-theme="light"] .profile-hero.app-hero-card .profile-avatar{background:var(--color-selection-hero-idle);border-color:var(--color-hero-control-border)}
html[data-theme="light"] .profile-hero.app-hero-card .avatar-camera{background:var(--color-surface-raised);color:var(--color-brand-primary-strong)}
html[data-theme="light"] .profile-hero.app-hero-card .level-pill,html[data-theme="light"] .profile-hero.app-hero-card .progress{background:var(--color-selection-hero-idle);border-color:var(--color-hero-control-border)}
html[data-theme="light"] .profile-hero.app-hero-card .progress span{background:var(--color-text-on-brand)}


/* 2026-09 interaction + calm light composition. Uses only Design System tokens. */
@media(max-width:760px){body.keyboard-open .bottom-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 28px))}}
.nav-profile-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none;border:1px solid var(--color-border-default);background:var(--color-surface-muted)}
.nav-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bottom-item .nav-profile-avatar{width:21px;height:21px}.item-icon .nav-profile-avatar{width:38px;height:38px;border:0}
.bottom-nav,.top,.card,.ui-card,.order-card,.conversation-card,.service-card,.btn,.icon-btn,.ui-segmented button,.category-tile{transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-normal) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard),opacity var(--motion-duration-fast) var(--motion-ease-standard)}
.btn:active,.icon-btn:active,.service-card:active,.order-card:active,.conversation-card:active,.ui-segmented button:active{transform:scale(.975)}
#content.page-enter{animation:vistaPageIn var(--motion-duration-page) var(--motion-ease-emphasized)}
@keyframes vistaPageIn{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.page-loading-state{min-height:180px}.page-transitioning{opacity:.92}
html[data-theme="light"] body{background:radial-gradient(circle at 90% -12%,color-mix(in srgb,var(--color-brand-soft) 54%,transparent),transparent 34%),var(--color-surface-page)}
html[data-theme="light"] .card:not(.app-hero-card),html[data-theme="light"] .ui-card:not(.app-hero-card),html[data-theme="light"] .order-card,html[data-theme="light"] .conversation-card{box-shadow:0 7px 22px color-mix(in srgb,var(--color-shadow-default) 72%,transparent)}
html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea,html[data-theme="light"] .ui-search{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-glass-highlight) 65%,transparent)}
html[data-theme="light"] .input:focus,html[data-theme="light"] .select:focus,html[data-theme="light"] .textarea:focus,html[data-theme="light"] .ui-search:focus-within{background:var(--color-surface-raised);border-color:color-mix(in srgb,var(--color-brand-primary) 44%,var(--color-border-default));box-shadow:0 0 0 3px var(--color-focus-ring)}
.conversation-card{width:100%;border:1px solid var(--color-border-default);background:var(--color-surface-card);padding:var(--ui-row-padding);min-height:var(--ui-row-min-height);border-radius:var(--radius-card);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);text-align:right;color:var(--color-text-primary)}
.conversation-avatar{width:var(--ui-row-icon-size);height:var(--ui-row-icon-size);border-radius:var(--ui-row-icon-radius);display:grid;place-items:center;background:var(--color-brand-soft);color:var(--color-brand-primary-strong)}
.conversation-tail{display:flex;align-items:center;gap:7px;color:var(--color-text-muted)}.conversation-unread{min-width:23px;height:23px;border-radius:99px;display:grid;place-items:center;padding-inline:6px;background:var(--color-brand-primary);color:var(--color-text-on-accent);font-size:var(--ui-font-caption);font-weight:800}
.messages-hero-card .hero-message-tabs{margin-top:0;background:var(--color-hero-control-surface);border-color:var(--color-hero-control-border)}.messages-hero-card .hero-message-tabs button{color:var(--color-text-on-brand-muted)}.messages-hero-card .hero-message-tabs button.active{background:var(--color-selection-hero-active);color:var(--color-text-on-brand)}.messages-hero-card .hero-message-tabs b{font-size:var(--ui-font-caption);opacity:.82}
@media(max-width:760px){.messages-hero-card .hero-message-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.messages-hero-card .hero-message-tabs button{padding-inline:5px}.conversation-card{grid-template-columns:auto minmax(0,1fr) auto}.conversation-tail .status{display:none}}


/* Requested scoped layout fixes: profile hero spacing, messages tabs, home hero actions */
.profile-section{margin-top:14px!important}
.messages-filter-tabs{margin-top:12px;margin-bottom:0;width:100%}
.messages-filter-tabs button{flex:1}
.home-hero{grid-template-columns:1fr!important}
.home-hero .hero-stats{width:100%;margin-top:14px}
.home-hero-actions{
  width:100%;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  flex-wrap:nowrap!important;
  margin-top:10px!important;
}
.home-hero-actions .btn{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.home-hero-actions .btn span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.home-hero-actions .btn i{flex:0 0 auto}
@media(max-width:760px){
  .profile-section{margin-top:12px!important}
  .messages-filter-tabs{margin-top:10px}
}

/* Premium contextual chat — shared by order/support conversations. */
.chat-screen{--chat-accent:var(--color-brand-primary);--chat-accent-soft:var(--color-brand-soft);--chat-peer:var(--color-surface-card);--chat-canvas:var(--color-surface-muted);grid-template-rows:auto minmax(0,1fr) auto auto!important;background:var(--chat-canvas)!important}
.chat-top{min-height:76px;padding:calc(9px + env(safe-area-inset-top)) 14px 9px!important;background:color-mix(in srgb,var(--color-surface-card) 88%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--color-border-default) 72%,transparent)!important;box-shadow:0 8px 30px color-mix(in srgb,var(--color-shadow-default) 55%,transparent)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.chat-top.support{--chat-accent:var(--color-status-success);--chat-accent-soft:color-mix(in srgb,var(--chat-accent) 13%,transparent)}
.chat-top.order{--chat-accent:var(--color-brand-primary);--chat-accent-soft:var(--color-brand-soft)}
.chat-back,.chat-top-action{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--color-border-default) 82%,transparent);background:var(--color-surface-muted);box-shadow:inset 0 1px 0 var(--color-glass-highlight);transition:transform var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}
.chat-back:active,.chat-top-action:active{transform:scale(.94)}
.chat-peer{gap:11px;padding:3px 5px;border-radius:18px}.chat-peer:hover{background:color-mix(in srgb,var(--chat-accent-soft) 60%,transparent)}
.chat-avatar{width:50px!important;height:50px!important;flex-basis:50px!important;border:2px solid color-mix(in srgb,var(--chat-accent) 24%,var(--color-surface-card));background:linear-gradient(145deg,var(--chat-accent),color-mix(in srgb,var(--chat-accent) 65%,white));box-shadow:0 7px 20px color-mix(in srgb,var(--chat-accent) 22%,transparent);font-size:19px}
.chat-avatar img{object-fit:cover}.chat-peer b{font-size:calc(14.5px * var(--ui-font-scale));font-weight:900}.chat-peer small{font-size:calc(9.5px * var(--ui-font-scale));margin-top:3px}.chat-peer small:before{content:"";display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--chat-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent) 13%,transparent)}
.telegram-chat{position:relative;padding:18px 12px 30px!important;background:radial-gradient(circle at 16% 10%,color-mix(in srgb,var(--chat-accent) 7%,transparent),transparent 28%),radial-gradient(circle at 88% 72%,color-mix(in srgb,var(--chat-accent) 5%,transparent),transparent 26%),var(--chat-canvas)!important;scroll-behavior:smooth}
.telegram-chat:before{content:"";position:fixed;inset:76px 0 70px;pointer-events:none;opacity:.16;background-image:radial-gradient(circle,currentColor .75px,transparent .85px);background-size:24px 24px;color:var(--color-text-muted);mask-image:linear-gradient(to bottom,transparent,var(--color-text-primary) 18%,var(--color-text-primary) 82%,transparent)}
.chat-day-chip{position:sticky;top:4px;z-index:3;width:max-content;max-width:76%;margin:0 auto 15px;padding:6px 11px;border:1px solid color-mix(in srgb,var(--color-border-default) 75%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-surface-card) 82%,transparent);color:var(--color-text-muted);font-size:calc(8.5px * var(--ui-font-scale));font-weight:800;box-shadow:0 5px 16px color-mix(in srgb,var(--color-shadow-default) 42%,transparent);backdrop-filter:blur(12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-day-chip span{color:var(--chat-accent);margin-left:5px}
.telegram-message-row{position:relative;margin:7px 0!important;animation:chatMessageIn .32s var(--motion-ease-standard) both}.telegram-bubble{max-width:min(76%,620px)!important;padding:10px 12px 7px!important;border:1px solid color-mix(in srgb,var(--color-border-default) 66%,transparent);border-radius:19px!important;background:var(--color-surface-card)!important;box-shadow:0 5px 18px color-mix(in srgb,var(--color-shadow-default) 38%,transparent)!important;line-height:1.85!important;overflow:visible}
.telegram-message-row.mine .telegram-bubble{border-color:color-mix(in srgb,var(--chat-accent) 20%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--chat-accent) 94%,white 6%),var(--chat-accent))!important;color:var(--color-text-on-brand);border-bottom-right-radius:19px!important;border-bottom-left-radius:6px!important;box-shadow:0 7px 22px color-mix(in srgb,var(--chat-accent) 18%,transparent)!important}
.telegram-message-row.theirs .telegram-bubble{border-bottom-right-radius:6px!important}
.telegram-message-row.mine .message-meta,.telegram-message-row.mine .message-actions button,.telegram-message-row.mine .quoted-reply span{color:color-mix(in srgb,var(--color-text-on-brand) 76%,transparent)}.telegram-message-row.mine .quoted-reply b{color:var(--color-text-on-brand)}
.message-body{font-size:calc(12.5px * var(--ui-font-scale));line-height:1.9}.message-meta{font-size:calc(8.5px * var(--ui-font-scale));gap:6px;opacity:.9}.message-actions{position:absolute;top:100%;left:4px;margin-top:4px!important;padding:2px;border-radius:12px;background:var(--color-surface-card);border:1px solid var(--color-border-default);box-shadow:0 7px 20px color-mix(in srgb,var(--color-shadow-default) 45%,transparent);opacity:0;transform:translateY(-4px) scale(.96);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:2}.telegram-bubble:hover .message-actions,.telegram-bubble:focus-within .message-actions{opacity:1;transform:none;pointer-events:auto}.message-actions button{width:30px;height:28px;color:var(--color-text-muted)}
.quoted-reply{border-right:3px solid var(--chat-accent)!important;background:color-mix(in srgb,var(--color-surface-card) 34%,transparent)!important;padding:7px 9px!important;border-radius:10px!important}.telegram-message-row.mine .quoted-reply{background:color-mix(in srgb,white 13%,transparent)!important;border-right-color:color-mix(in srgb,white 72%,transparent)!important}
.reaction-chip{backdrop-filter:blur(8px)}
.message-photo,.message-video-shell{border-radius:15px!important}.message-photo img,.message-video-shell .message-video{border-radius:15px!important}.media-play-badge{width:54px!important;height:54px!important;border:1px solid color-mix(in srgb,var(--color-text-on-brand) 24%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--color-shadow-default) 72%,transparent)}
.message-voice-player{--voice-progress:0%;display:grid!important;grid-template-columns:52px minmax(170px,1fr)!important;align-items:center!important;gap:11px!important;min-width:min(330px,70vw)!important;padding:4px 1px!important;direction:ltr}.message-audio{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.voice-play{width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--chat-accent);color:var(--color-text-on-brand);font-size:17px;box-shadow:0 6px 18px color-mix(in srgb,var(--chat-accent) 25%,transparent);transition:transform var(--motion-duration-instant) var(--motion-ease-standard)}.voice-play:active{transform:scale(.92)}.telegram-message-row.mine .voice-play{background:var(--color-text-on-brand);color:var(--chat-accent)}
.voice-track{min-width:0}.voice-wave{height:31px;display:flex;align-items:center;gap:2px;position:relative;overflow:hidden}.voice-wave:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--voice-progress);background:color-mix(in srgb,var(--chat-accent) 20%,transparent);pointer-events:none}.voice-wave i{display:block;width:3px;height:var(--h);min-height:5px;border-radius:99px;background:color-mix(in srgb,var(--color-text-muted) 68%,transparent);flex:1}.telegram-message-row.mine .voice-wave i{background:color-mix(in srgb,var(--color-text-on-brand) 58%,transparent)}.telegram-message-row.mine .voice-wave:after{background:color-mix(in srgb,var(--color-text-on-brand) 12%,transparent)}.voice-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1px;font-size:calc(8px * var(--ui-font-scale));color:var(--color-text-muted)}.telegram-message-row.mine .voice-foot{color:color-mix(in srgb,var(--color-text-on-brand) 72%,transparent)}
.reply-bar,.chat-file-preview{background:color-mix(in srgb,var(--color-surface-card) 94%,transparent)!important;border-top-color:var(--color-border-default)!important;padding:9px 14px!important;backdrop-filter:blur(18px)}
.chat-composer{gap:7px!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;background:color-mix(in srgb,var(--color-surface-card) 92%,transparent)!important;border-top:1px solid color-mix(in srgb,var(--color-border-default) 74%,transparent)!important;box-shadow:0 -10px 30px color-mix(in srgb,var(--color-shadow-default) 38%,transparent)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.chat-composer textarea{min-height:46px!important;border:1px solid var(--color-border-default)!important;border-radius:24px!important;background:var(--color-surface-muted)!important;padding:12px 16px!important;color:var(--color-text-primary);box-shadow:inset 0 1px 0 var(--color-glass-highlight);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}.chat-composer textarea:focus{border-color:color-mix(in srgb,var(--chat-accent) 48%,var(--color-border-default))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--chat-accent) 10%,transparent),inset 0 1px 0 var(--color-glass-highlight)}
.composer-circle,.chat-send{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:50%!important}.composer-circle{background:var(--color-surface-muted)!important;border:1px solid var(--color-border-default)!important;color:var(--color-text-muted)!important}.chat-send{background:linear-gradient(145deg,color-mix(in srgb,var(--chat-accent) 82%,white),var(--chat-accent))!important;box-shadow:0 7px 18px color-mix(in srgb,var(--chat-accent) 25%,transparent)}#voice-record.recording{background:var(--color-status-danger)!important;color:var(--color-text-on-brand)!important;animation:voicePulse var(--motion-duration-pulse) ease-in-out infinite}
.attachment-sheet{backdrop-filter:blur(4px)}.attachment-sheet-inner{border:1px solid var(--color-border-default);padding:17px 15px max(20px,env(safe-area-inset-bottom))!important}.attach-choice{border:1px solid var(--color-border-default)!important;background:var(--color-surface-muted)!important;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)}.attach-choice:not(.locked):active{transform:scale(.96)}.attach-choice>span{background:var(--chat-accent)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--chat-accent) 20%,transparent)}
.chat-profile-card{padding:8px 6px 16px!important}.chat-profile-avatar{width:94px!important;height:94px!important;border:4px solid var(--color-surface-card);box-shadow:0 12px 34px color-mix(in srgb,var(--chat-accent) 22%,transparent)}.chat-profile-card h3{font-size:calc(19px * var(--ui-font-scale));margin-top:6px}.chat-order-summary{margin-top:18px!important}.chat-order-actions .btn{flex:1;min-width:120px}
@keyframes chatMessageIn{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}@keyframes voicePulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-status-danger) 14%,transparent)}}
@media(max-width:760px){.chat-top{min-height:70px;padding-inline:9px!important}.chat-back,.chat-top-action{width:40px;height:40px}.chat-avatar{width:46px!important;height:46px!important;flex-basis:46px!important}.telegram-chat{padding-inline:9px!important}.telegram-bubble{max-width:86%!important}.message-body{font-size:calc(12px * var(--ui-font-scale))}.message-voice-player{grid-template-columns:46px minmax(145px,1fr)!important;min-width:min(300px,74vw)!important}.voice-play{width:45px;height:45px}.voice-wave{height:28px}.composer-circle,.chat-send{width:43px!important;height:43px!important;flex-basis:43px!important}.chat-composer{gap:5px!important;padding-inline:7px!important}.chat-composer textarea{min-width:0;padding-inline:13px!important}.message-actions{display:none!important}}
@media(prefers-reduced-motion:reduce){.telegram-message-row{animation:none!important}.telegram-chat{scroll-behavior:auto!important}#voice-record.recording{animation:none!important}}

/* v7 server-driven + design-system audit cleanup patterns */
.section-tight-top{margin-top:var(--space-1)}
.story-progress>span{animation-duration:var(--story-duration,5s)}
.profile-progress .progress>span{width:var(--ui-progress,0%)}
.legal-card-head,.notification-row-content{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.flush-title{margin:0}
.preline-copy{white-space:pre-line}
.notification-row{width:100%;text-align:start}
.provider-service-icon{margin:0}
.asset-action-row,.drawer-action-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.drawer-content-card{margin-top:var(--space-4)}
.drawer-action-row{margin-top:var(--space-4)}
.faq-summary{font-weight:700;cursor:pointer}
.chat-upload-progress-fill{width:0}
.online-text{color:var(--color-success-text)}

/* Rich order receipt fields: copyable text, real media previews and generated plate artwork. */
.order-form-field-copy{position:absolute;inset-inline-end:9px;top:9px;width:30px;height:30px;border:1px solid var(--color-border-default);border-radius:10px;background:var(--color-surface-card);color:var(--color-text-muted);display:grid;place-items:center;cursor:pointer}.order-form-field.copy-field{position:relative;padding-inline-end:48px!important}.order-form-field-copy:hover{color:var(--color-brand-primary);border-color:var(--color-brand-primary)}
.order-form-media{aspect-ratio:auto!important;min-height:92px;display:flex!important;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text-primary);background:var(--color-surface-card)}.order-form-media video,.order-form-media img{width:100%;height:100%;min-height:92px;max-height:220px;object-fit:cover;display:block}.order-form-file-card{padding:12px;gap:9px;min-width:0}.order-form-file-card i{font-size:24px;color:var(--color-brand-primary)}.order-form-file-card span{display:grid;min-width:0}.order-form-file-card b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-form-file-card small{margin:2px 0 0!important}.order-form-field.plate-field{grid-column:1/-1;padding:10px!important}.order-form-plate-image{display:block;width:100%;max-width:560px;height:auto;margin:5px auto 0;border-radius:12px;border:1px solid var(--color-border-default);background:#fff}.order-form-field.plate-field .order-form-field-copy{top:8px;inset-inline-end:8px}