/* Vista Web Renderer: overlays and menus. Structural web rendering only; values come from Vista Design Package. */
.item-attention-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vd-u20);height:var(--vd-u20);padding:0 var(--vd-u6);border-radius:var(--vd-u999);background:var(--vista-status-failed);color:var(--color-text-on-accent);font-size:var(--vd-u10);font-weight:900;line-height:1;box-shadow:0 var(--vd-u4) var(--vd-u10) color-mix(in srgb,var(--vista-status-failed) var(--vp-r0-24),transparent);white-space:nowrap}
.order-card.has-attention,.wallet-tx-row.has-attention{border-color:color-mix(in srgb,var(--vista-status-failed) var(--vp-r0-32),transparent)!important;box-shadow:0 var(--vd-u10) var(--vd-u26) color-mix(in srgb,var(--vista-status-failed) var(--vp-r0-08),transparent),inset 0 0 0 var(--vd-u1) color-mix(in srgb,var(--vista-status-failed) var(--vp-r0-08),transparent)!important}
.order-card-title{display:flex;align-items:center;gap:var(--vd-u7);flex-wrap:wrap}
.wallet-attention-pill{border:0;border-radius:var(--vd-u999);min-height:var(--vd-u34);padding:var(--vd-u6) var(--vd-u10);background:color-mix(in srgb,var(--vista-status-failed) var(--vp-r0-14),transparent);color:var(--color-text-on-accent);display:inline-flex;align-items:center;gap:var(--vd-u7);font:inherit;font-size:var(--vd-u11);font-weight:850;cursor:pointer}
.wallet-attention-pill span{min-width:var(--vd-u20);height:var(--vd-u20);padding:0 var(--vd-u5);border-radius:var(--vd-u999);display:grid;place-items:center;background:var(--vista-status-failed);color:var(--color-text-on-accent);font-size:var(--vd-u10);font-weight:900}
.wallet-attention-pill:hover{background:color-mix(in srgb,var(--vista-status-failed) var(--vp-r0-22),transparent)}
#mobile-menu-root{position:relative;z-index:var(--vz-z1100)}
#mobile-menu-root:empty{display:none}
#mobile-menu-root .mobile-menu-drawer{z-index:var(--vz-z1100)!important}
#mobile-menu-root .mobile-menu-panel{z-index:var(--vz-z1101)!important;visibility:visible!important;opacity:var(--vo-o1)!important;pointer-events:auto!important}
#mobile-menu-root .mobile-menu-list{display:flex!important;flex-direction:column!important;gap:var(--vd-u10)!important;min-height:max-content!important}
#mobile-menu-root .mobile-menu-action{position:relative!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;width:var(--vp-r1)!important;min-height:var(--vd-u64)!important;pointer-events:auto!important}
#mobile-menu-root .mobile-menu-close{flex:none}
@media (max-width:760px){#mobile-menu-root .mobile-menu-drawer{position:fixed!important;inset:var(--vd-u64) 0 0!important;display:flex!important;align-items:stretch!important;background:var(--color-background-rgba-18-36-56-28-78decf7f)!important}
#mobile-menu-root .mobile-menu-panel{width:min(var(--vd-u390),var(--vwr-r0-94))!important;max-width:var(--vwr-r0-94)!important;height:calc(var(--vdhr-r1) - var(--vd-u64))!important;max-height:calc(var(--vdhr-r1) - var(--vd-u64))!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:var(--vd-u17) var(--vd-u17) max(var(--vd-u28),env(safe-area-inset-bottom))!important}}
#mobile-menu-root{position:relative;z-index:var(--vz-z1200)}
.mobile-menu-drawer{position:fixed;inset:0;z-index:var(--vz-z1200);background:var(--vista-fixed-srgb-003-007-018-0-62);backdrop-filter:blur(var(--vd-u12));display:flex;align-items:flex-end;justify-content:center;padding:0}
.mobile-menu-panel{width:min(var(--vp-r1),var(--vd-u520));max-height:min(var(--vdhr-r0-88),var(--vd-u820));overflow:auto;background:linear-gradient(var(--va-deg180),var(--color-surface-card),var(--color-surface-page));border:var(--vd-u1) solid var(--color-border-subtle);border-radius:var(--vd-u30) var(--vd-u30) 0 0;padding:var(--vd-u10) var(--vd-u14) calc(var(--vd-u18) + env(safe-area-inset-bottom));box-shadow:0 var(--vd-un24) var(--vd-u70) var(--vista-fixed-srgb-000-000-000-0-38);transform:translateY(var(--vd-u18));opacity:var(--vo-o0);transition:var(--vt-ms200) ease}
.mobile-menu-panel.is-ready{transform:none;opacity:var(--vo-o1)}
.mobile-menu-grabber{width:var(--vd-u52);height:var(--vd-u5);border-radius:var(--vd-u999);background:var(--color-border-strong);opacity:var(--vo-o0-65);margin:var(--vd-u2) auto var(--vd-u12)}
.mobile-menu-profile{position:relative;display:grid;grid-template-columns:var(--vd-u58) 1fr var(--vd-u42);grid-template-areas:"avatar copy close";gap:var(--vd-u12);align-items:center;padding:var(--vd-u10) var(--vd-u6) var(--vd-u18);border-bottom:var(--vd-u1) solid var(--color-border-subtle)}
.mobile-menu-avatar{grid-area:avatar;width:var(--vd-u58);height:var(--vd-u58);border-radius:var(--vd-u20);overflow:hidden;display:grid;place-items:center;background:linear-gradient(var(--va-deg135),var(--color-brand-primary),var(--color-brand-secondary));color:var(--vista-fixed-srgb-255-255-255-1);font-size:var(--vd-u21);font-weight:900;box-shadow:0 var(--vd-u10) var(--vd-u26) var(--vista-fixed-srgb-000-000-000-0-22)}
.mobile-menu-avatar img{width:var(--vp-r1);height:var(--vp-r1);object-fit:cover}
.mobile-menu-profile-copy{grid-area:copy;min-width:0}
.mobile-menu-profile-copy small{display:block;color:var(--color-text-muted);font-weight:700;margin-bottom:var(--vd-u3)}
.mobile-menu-profile-copy h3{margin:0;color:var(--color-text-primary);font-size:var(--vd-u18)}
.mobile-menu-profile-copy span{display:block;color:var(--color-text-secondary);font-size:var(--vd-u12);margin-top:var(--vd-u4)}
.mobile-menu-close{grid-area:close;width:var(--vd-u40);height:var(--vd-u40);border:0;border-radius:var(--vd-u14);background:var(--color-surface-sunken);color:var(--color-text-primary);font-size:var(--vd-u17)}
.mobile-menu-section-head{display:flex;justify-content:space-between;align-items:end;padding:var(--vd-u18) var(--vd-u6) var(--vd-u10)}
.mobile-menu-section-head span{font-weight:900;color:var(--color-text-primary)}
.mobile-menu-section-head small{font-size:var(--vd-u11);color:var(--color-text-muted)}
.mobile-menu-list{display:grid;gap:var(--vd-u8)}
.mobile-menu-action,.mobile-menu-footer-action{position:relative;width:var(--vp-r1);border:var(--vd-u1) solid var(--color-border-subtle);background:var(--color-surface-card);color:var(--color-text-primary);border-radius:var(--vd-u18);min-height:var(--vd-u62);padding:var(--vd-u9) var(--vd-u12);display:grid;grid-template-columns:var(--vd-u44) 1fr auto auto;gap:var(--vd-u10);align-items:center;text-align:right}
.mobile-menu-action:active,.mobile-menu-footer-action:active{transform:scale(.985)}
.mobile-menu-action-icon,.mobile-menu-footer-action>span:first-child{width:var(--vd-u42);height:var(--vd-u42);border-radius:var(--vd-u14);display:grid;place-items:center;background:var(--color-surface-sunken);color:var(--color-brand-primary);font-size:var(--vd-u17)}
.mobile-menu-action-copy{min-width:0}
.mobile-menu-action-copy b,.mobile-menu-footer-action b{font-size:var(--vd-u14)}
.mobile-menu-action-copy small{display:block;color:var(--color-text-muted);font-size:var(--vd-u11);margin-top:var(--vd-u3)}
.mobile-menu-action-arrow{color:var(--color-text-muted);font-size:var(--vd-u12)}
.mobile-menu-action.locked{opacity:var(--vo-o0-7)}
.mobile-menu-action .menu-guidance-badge{position:static;min-width:var(--vd-u23);height:var(--vd-u23);padding:0 var(--vd-u7);border-radius:var(--vd-u999);display:grid;place-items:center;font-size:var(--vd-u11);font-weight:900;box-shadow:none}
.mobile-menu-footer{display:grid;gap:var(--vd-u8);margin-top:var(--vd-u14);padding-top:var(--vd-u14);border-top:var(--vd-u1) solid var(--color-border-subtle)}
.mobile-menu-footer-action{grid-template-columns:var(--vd-u44) 1fr auto}
.mobile-menu-footer-action.danger{color:var(--color-danger)}
.mobile-menu-footer-action.danger>span:first-child{color:var(--color-danger)}
.mobile-menu-empty{padding:var(--vd-u28) var(--vd-u16);text-align:center;color:var(--color-text-muted);border:var(--vd-u1) dashed var(--color-border-subtle);border-radius:var(--vd-u18)}
.mobile-menu-empty i{display:block;font-size:var(--vd-u22);margin-bottom:var(--vd-u8)}
.message-pinned-mark{display:inline-flex!important;gap:var(--vd-u4);align-items:center;color:inherit;opacity:var(--vo-o0-8)}
.message-actions,.message-reaction-tray,.admin-message-actions,.admin-message-reaction-tray{display:none!important}
@media (min-width:761px){.mobile-menu-drawer{align-items:center;padding:var(--vd-u22)}
.mobile-menu-drawer{align-items:center;padding:var(--vd-u22)}
.mobile-menu-panel{border-radius:var(--vd-u30);max-height:var(--vdhr-r0-84)}}
.mobile-menu-action .menu-guidance-badge[hidden]{display:none!important}
.forwarded-message-mark{display:flex;align-items:center;gap:var(--vd-u5);font-size:var(--vd-u10);font-weight:800;opacity:var(--vo-o0-72);margin-bottom:var(--vd-u5)}
#vista-hamburger-root{position:relative;z-index:var(--vz-z2147482000)}
#vista-hamburger-root:empty{display:none!important}
.vista-hamburger-backdrop{position:fixed!important;inset:0!important;z-index:var(--vz-z2147482000)!important;background:var(--vista-fixed-srgb-002-006-015-0-64)!important;backdrop-filter:blur(var(--vd-u10))!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;direction:rtl!important}
.vista-hamburger-panel{position:relative!important;z-index:var(--vz-z2147482001)!important;width:min(var(--vp-r1),var(--vd-u520))!important;max-height:var(--vdhr-r0-9)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:linear-gradient(var(--va-deg180),var(--color-surface-card),var(--color-surface-page))!important;color:var(--color-text-primary)!important;border:var(--vd-u1) solid var(--color-border-subtle)!important;border-radius:var(--vd-u30) var(--vd-u30) 0 0!important;padding:var(--vd-u10) var(--vd-u14) calc(var(--vd-u18) + env(safe-area-inset-bottom))!important;box-shadow:0 var(--vd-un24) var(--vd-u80) var(--vista-fixed-srgb-000-000-000-0-46)!important;animation:vistaHamburgerIn var(--vt-ms110) ease-out both!important}
@keyframes vistaHamburgerIn{from{transform:translateY(var(--vd-u10));opacity:var(--vo-o0-45)}
to{transform:none;opacity:var(--vo-o1)}}
.vista-hamburger-grabber{width:var(--vd-u50);height:var(--vd-u5);border-radius:var(--vd-u999);background:var(--color-border-strong);opacity:var(--vo-o0-65);margin:var(--vd-u2) auto var(--vd-u12)}
.vista-hamburger-profile{display:grid;grid-template-columns:var(--vd-u58) 1fr var(--vd-u42);gap:var(--vd-u12);align-items:center;padding:var(--vd-u10) var(--vd-u6) var(--vd-u16);border-bottom:var(--vd-u1) solid var(--color-border-subtle)}
.vista-hamburger-avatar{width:var(--vd-u58);height:var(--vd-u58);border-radius:var(--vd-u20);overflow:hidden;display:grid;place-items:center;background:linear-gradient(var(--va-deg135),var(--color-brand-primary),var(--color-brand-secondary));color:var(--vista-fixed-srgb-255-255-255-1);font-size:var(--vd-u21);font-weight:900}
.vista-hamburger-avatar img{width:var(--vp-r1);height:var(--vp-r1);object-fit:cover}
.vista-hamburger-profile-copy{min-width:0}
.vista-hamburger-profile-copy small{display:block;color:var(--color-text-muted);font-weight:700}
.vista-hamburger-profile-copy h3{margin:var(--vd-u2) 0 0;font-size:var(--vd-u18)}
.vista-hamburger-profile-copy span{display:block;color:var(--color-text-secondary);font-size:var(--vd-u12);margin-top:var(--vd-u4)}
.vista-hamburger-close{width:var(--vd-u40);height:var(--vd-u40);border:0;border-radius:var(--vd-u14);background:var(--color-surface-sunken);color:var(--color-text-primary);font-size:var(--vd-u17)}
.vista-hamburger-list{display:grid!important;gap:var(--vd-u8)!important;padding:var(--vd-u14) 0 var(--vd-u2)!important}
.vista-hamburger-item{position:relative!important;width:var(--vp-r1)!important;min-height:var(--vd-u62)!important;border:var(--vd-u1) solid var(--color-border-subtle)!important;background:var(--color-surface-card)!important;color:var(--color-text-primary)!important;border-radius:var(--vd-u18)!important;padding:var(--vd-u9) var(--vd-u12)!important;display:grid!important;grid-template-columns:var(--vd-u44) minmax(0,1fr) auto auto!important;gap:var(--vd-u10)!important;align-items:center!important;text-align:right!important;touch-action:manipulation!important}
.vista-hamburger-item:active{transform:scale(.985)}
.vista-hamburger-item.locked{opacity:var(--vo-o0-68)}
.vista-hamburger-item-icon{width:var(--vd-u42);height:var(--vd-u42);border-radius:var(--vd-u14);display:grid;place-items:center;background:var(--color-surface-sunken);color:var(--color-brand-primary);font-size:var(--vd-u17)}
.vista-hamburger-item-copy{min-width:0}
.vista-hamburger-item-copy b{font-size:var(--vd-u14)}
.vista-hamburger-item-copy small{display:block;color:var(--color-text-muted);font-size:var(--vd-u11);margin-top:var(--vd-u3)}
.vista-hamburger-arrow{font-size:var(--vd-u12);color:var(--color-text-muted)}
.vista-hamburger-item .menu-guidance-badge{position:static!important;min-width:var(--vd-u23);height:var(--vd-u23);padding:0 var(--vd-u7);box-shadow:none!important}
.vista-hamburger-item .menu-guidance-badge[hidden]{display:none!important}
.vista-hamburger-footer{margin-top:var(--vd-u12);padding-top:var(--vd-u12);border-top:var(--vd-u1) solid var(--color-border-subtle)}
.vista-hamburger-logout{width:var(--vp-r1);min-height:var(--vd-u54);border:var(--vd-u1) solid color-mix(in srgb,var(--color-danger) var(--vp-r0-3),var(--color-border-subtle));border-radius:var(--vd-u16);background:color-mix(in srgb,var(--color-danger) var(--vp-r0-07),var(--color-surface-card));color:var(--color-danger);display:flex;align-items:center;gap:var(--vd-u10);justify-content:center;font-weight:800}
body.mobile-menu-open{overflow:hidden!important}
@media (min-width:761px){.vista-hamburger-backdrop{align-items:center!important;padding:var(--vd-u22)!important}
.vista-hamburger-panel{border-radius:var(--vd-u30)!important;max-height:var(--vdhr-r0-84)!important}}
.telegram-bubble{touch-action:manipulation}
@media (max-width:760px){.vista-hamburger-backdrop{align-items:stretch!important;justify-content:flex-start!important;padding:0!important;background:var(--vista-fixed-srgb-002-006-015-0-52)!important;backdrop-filter:blur(var(--vd-u7))!important}
.vista-hamburger-panel{margin-inline-start:auto!important;margin-inline-end:0!important;width:min(var(--vwr-r0-86),var(--vd-u370))!important;height:var(--vdhr-r1)!important;max-height:var(--vdhr-r1)!important;border-radius:var(--vd-u26) 0 0 var(--vd-u26)!important;padding:var(--vd-u12) var(--vd-u14) calc(var(--vd-u18) + env(safe-area-inset-bottom))!important;box-shadow:var(--vd-un24) 0 var(--vd-u80) var(--vista-fixed-srgb-000-000-000-0-42)!important;animation:vistaHamburgerRightIn var(--vt-ms160) cubic-bezier(.2,.8,.2,1) both!important}
.vista-hamburger-grabber{display:none!important}}
@keyframes vistaHamburgerRightIn{from{transform:translateX(var(--vp-r1));opacity:var(--vo-o0-5)}
to{transform:none;opacity:var(--vo-o1)}}
.notification-item-badge{margin-inline-start:var(--vd-u7);vertical-align:middle}
.support-ticket-row .item-attention-badge{margin-inline:var(--vd-u6)}
.chat-service-reference{width:var(--vp-r1);border:var(--vd-u1) solid color-mix(in srgb,var(--color-brand-primary) var(--vp-r0-24),var(--color-border-subtle));background:color-mix(in srgb,var(--color-brand-primary) var(--vp-r0-07),var(--color-surface-card));color:var(--color-text-primary);border-radius:var(--vd-u15);padding:var(--vd-u8);display:grid;grid-template-columns:var(--vd-u42) minmax(0,1fr) auto;gap:var(--vd-u9);align-items:center;text-align:right;margin:var(--vd-u7) 0 var(--vd-u3);cursor:pointer}
.chat-service-reference-icon{width:var(--vd-u42);height:var(--vd-u42);border-radius:var(--vd-u12);overflow:hidden;display:grid;place-items:center;background:var(--color-surface-sunken);color:var(--color-brand-primary)}
.chat-service-reference-icon img{width:var(--vp-r1);height:var(--vp-r1);object-fit:cover}
.chat-service-reference-copy{min-width:0}
.chat-service-reference-copy small{display:block;color:var(--color-brand-primary);font-size:var(--vd-u10);font-weight:800}
.chat-service-reference-copy b{display:block;margin-top:var(--vd-u2);font-size:var(--vd-u13);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-service-reference-copy em{display:block;color:var(--color-text-muted);font-size:var(--vd-u10);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--vd-u2)}
.chat-service-reference>i{font-size:var(--vd-u11);color:var(--color-text-muted)}
.chat-service-compose-preview,.admin-service-compose-preview{position:relative;padding:0 var(--vd-u10) var(--vd-u7);background:var(--color-surface-page)}
.chat-service-compose-preview .chat-service-reference,.admin-service-compose-preview .chat-service-reference{margin:0;padding-inline-end:var(--vd-u42)}
.chat-service-preview-remove,.admin-service-compose-preview>[data-clear-admin-service]{position:absolute;inset-inline-end:var(--vd-u20);top:var(--vd-u11);width:var(--vd-u30);height:var(--vd-u30);border:0;border-radius:var(--vd-u10);background:var(--color-surface-sunken);color:var(--color-text-muted)}
.service-picker-root{position:fixed;inset:0;z-index:var(--vz-z2147482500);display:flex;align-items:flex-end;justify-content:center;direction:rtl}
.service-picker-backdrop{position:absolute;inset:0;background:var(--vista-fixed-srgb-002-006-015-0-55);backdrop-filter:blur(var(--vd-u7))}
.service-picker-panel{position:relative;width:min(var(--vp-r1),var(--vd-u520));max-height:var(--vdhr-r0-82);overflow:hidden;background:var(--color-surface-page);color:var(--color-text-primary);border:var(--vd-u1) solid var(--color-border-subtle);border-radius:var(--vd-u26) var(--vd-u26) 0 0;box-shadow:0 var(--vd-un24) var(--vd-u70) var(--vista-fixed-srgb-000-000-000-0-4);display:flex;flex-direction:column}
.service-picker-panel header{display:flex;align-items:center;justify-content:space-between;padding:var(--vd-u14) var(--vd-u16);border-bottom:var(--vd-u1) solid var(--color-border-subtle)}
.service-picker-panel header small{display:block;color:var(--color-text-muted);font-size:var(--vd-u10)}
.service-picker-panel header h3{margin:var(--vd-u2) 0 0}
.service-picker-panel header button{width:var(--vd-u38);height:var(--vd-u38);border:0;border-radius:var(--vd-u12);background:var(--color-surface-sunken);color:var(--color-text-primary)}
.service-picker-search{margin:var(--vd-u10) var(--vd-u12);display:flex;align-items:center;gap:var(--vd-u8);background:var(--color-surface-card);border:var(--vd-u1) solid var(--color-border-subtle);border-radius:var(--vd-u14);padding:0 var(--vd-u12)}
.service-picker-search input{flex:1;min-width:0;height:var(--vd-u44);border:0;outline:0;background:transparent;color:inherit;font:inherit}
.service-picker-list{padding:0 var(--vd-u10) var(--vd-u12);overflow:auto;display:grid;gap:var(--vd-u6)}
.service-picker-item{width:var(--vp-r1);border:var(--vd-u1) solid var(--color-border-subtle);background:var(--color-surface-card);color:var(--color-text-primary);border-radius:var(--vd-u15);padding:var(--vd-u8);display:grid;grid-template-columns:var(--vd-u44) 1fr auto;gap:var(--vd-u9);align-items:center;text-align:right}
.service-picker-item>span:first-child{width:var(--vd-u44);height:var(--vd-u44);border-radius:var(--vd-u12);overflow:hidden;background:var(--color-surface-sunken);display:grid;place-items:center;color:var(--color-brand-primary)}
.service-picker-item img{width:var(--vp-r1);height:var(--vp-r1);object-fit:cover}
.service-picker-item b,.service-picker-item small{display:block}
.service-picker-item small{color:var(--color-text-muted);font-size:var(--vd-u10);margin-top:var(--vd-u2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-picker-loading,.service-picker-empty{padding:var(--vd-u28) var(--vd-u14);text-align:center;color:var(--color-text-muted)}
.service-detail-cover{width:calc(var(--vp-r1) - var(--vd-u24));height:var(--vd-u170);margin:var(--vd-u12);border-radius:var(--vd-u18);object-fit:cover}
.service-detail-copy{padding:var(--vd-u4) var(--vd-u16) var(--vd-u20)}
.service-detail-copy p{line-height:1.9;color:var(--color-text-secondary)}
@media (min-width:761px){.service-picker-root{align-items:center;padding:var(--vd-u22)}
.service-picker-panel{border-radius:var(--vd-u26);max-height:var(--vdhr-r0-8)}}
@media (max-width:760px){.vista-hamburger-panel{margin:0!important}}
@media (max-width:760px){.vista-hamburger-backdrop{display:block!important;position:fixed!important;inset:0!important}
.vista-hamburger-panel{position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;margin:0!important;width:min(var(--vwr-r0-86),var(--vd-u370))!important;height:var(--vdhr-r1)!important;max-height:var(--vdhr-r1)!important;border-radius:var(--vd-u26) 0 0 var(--vd-u26)!important}}