/* Vista Admin — standalone visual adapter. Server contract owns domain/state; this file owns layout only. */
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-family-app);background:var(--color-background-app);color:var(--color-text-primary)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}.app{min-height:100vh}.main{min-width:0}.content{display:grid;gap:var(--ui-page-gap);max-width:1240px;margin:0 auto;padding:18px 24px 48px}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px}.boot .brandmark,.brandmark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--color-brand-primary),var(--color-brand-primary-strong));color:var(--color-text-on-brand);box-shadow:0 12px 28px var(--color-focus-ring);font-weight:900}.boot small{color:var(--color-text-muted)}

/* desktop shell */
.vista-admin-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.admin-sidebar{display:flex!important;position:sticky;top:0;height:100vh;padding:18px 14px;border-left:1px solid var(--color-glass-border);background:var(--color-glass-surface-strong);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:var(--elevation-soft);z-index:40;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 7px 18px}.side-brand strong{display:block;font-size:var(--ui-font-title)}.side-brand small{display:block;color:var(--color-text-muted);font-size:var(--ui-font-caption);margin-top:2px}.nav{display:grid;gap:5px;overflow:auto;padding:0 2px 12px}.nav-title{padding:14px 12px 5px;font-size:var(--ui-font-caption);font-weight:800;color:var(--color-text-muted)}.nav button{width:100%;min-height:48px;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;gap:10px;padding:8px 10px;text-align:right;cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease-standard)}.nav button .ico{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--color-surface-muted);color:var(--color-text-muted)}.nav button:hover{background:var(--color-glass-surface);color:var(--color-text-primary)}.nav button.active{background:var(--color-brand-soft);color:var(--color-brand-primary-strong);border-color:var(--color-selection-idle-border);font-weight:800}.nav button.active .ico{background:var(--color-selection-active);color:var(--color-text-on-brand)}.side-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border-subtle)}.profile-mini{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:9px}.profile-copy{min-width:0}.profile-copy b,.profile-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{font-size:var(--ui-font-caption);color:var(--color-text-muted)}.avatar,.customer-avatar{display:grid;place-items:center;border-radius:14px;background:var(--color-brand-soft);color:var(--color-brand-primary-strong);font-weight:900}.avatar{width:42px;height:42px}.avatar.xl{width:74px;height:74px;border-radius:23px;font-size:var(--ui-font-display)}

.admin-top{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;position:sticky!important;top:0!important;z-index:30!important;height:74px!important;padding:8px 24px!important;border-bottom:1px solid var(--color-glass-border)!important;background:var(--color-glass-surface-strong)!important;backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important}.page-heading{text-align:center;min-width:0}.page-heading h1{margin:0;font-size:var(--ui-font-title);font-weight:850}.page-heading p{margin:2px 0 0;color:var(--color-text-muted);font-size:var(--ui-font-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu{visibility:hidden}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--color-border-default);background:var(--color-glass-surface);color:var(--color-text-primary);display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:var(--color-glass-surface-strong);border-color:var(--color-selection-idle-border)}.icon-btn.danger{color:var(--color-status-danger)}.icon-btn.mini{width:34px;height:34px}.notify-btn{position:relative}.notify-badge{position:absolute;top:-4px;left:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--color-status-danger);color:#fff;font-size:10px;font-weight:900;border:2px solid var(--color-surface-raised)}.notify-badge[hidden]{display:none!important}.bottom-nav{display:none}

/* app-native surfaces */
.card,.security-hero,.profile-hero,.settings-section,.glass-card{border:1px solid var(--color-glass-border);background:var(--color-glass-surface);border-radius:var(--radius-card);box-shadow:var(--elevation-soft),inset 0 1px 0 var(--color-glass-highlight);backdrop-filter:blur(18px) saturate(126%);-webkit-backdrop-filter:blur(18px) saturate(126%);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.card-head h3{margin:0;font-size:var(--ui-font-title)}.card-head small{display:block;color:var(--color-text-muted);font-size:var(--ui-font-caption);margin-top:2px}.card-body{padding:18px}.hero-copy h2{margin:6px 0;font-size:calc(var(--ui-font-display)*1.05)}.hero-copy p{margin:0 0 16px;opacity:.86}.eyebrow{font-size:var(--ui-font-caption);font-weight:900;opacity:.8}.hero-actions,.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-profile{min-width:160px;display:grid;justify-items:center;text-align:center;gap:5px}.hero-profile span,.hero-profile small{opacity:.82;font-size:var(--ui-font-caption)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{min-width:0;padding:16px;border:1px solid var(--color-glass-border);border-radius:var(--radius-card);background:var(--color-glass-surface);box-shadow:var(--elevation-soft),inset 0 1px 0 var(--color-glass-highlight);display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:'i b' 'i s';align-items:center;column-gap:10px}.metric .mi{grid-area:i;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--color-brand-soft);color:var(--color-brand-primary-strong)}.metric b{grid-area:b;font-size:var(--ui-font-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric span{grid-area:s;color:var(--color-text-muted);font-size:var(--ui-font-caption)}

/* controls */
.btn{border:1px solid transparent;background:linear-gradient(145deg,var(--color-brand-primary),var(--color-brand-primary-strong));color:var(--color-text-on-brand);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.light,.btn.gray,.btn.soft{background:var(--color-surface-muted);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:none}.btn.success,.btn.ok{background:var(--color-status-success);color:#fff}.btn.danger{background:var(--color-status-danger);color:#fff}.btn.warn{background:var(--color-status-warning);color:#fff}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:grid;gap:6px}.field label{font-size:var(--ui-font-label);font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .wide{grid-column:1/-1}.input,.select,.textarea{width:100%}.textarea{min-height:112px}.searchbox{position:relative;min-width:250px;flex:1}.searchbox>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.searchbox .input{padding-right:42px}.filter-toolbar{margin-bottom:14px}.checkrow{display:flex;align-items:center;gap:8px}.separator{height:1px;background:var(--color-border-subtle);margin:16px 0}

/* segmented controls: exact app language */
.tabs,.section-tabs,.top-switch,.settings-choice{display:flex;gap:var(--ui-segment-gap);padding:var(--ui-segment-padding);border:1px solid var(--color-glass-border);border-radius:var(--radius-control);background:var(--color-surface-muted);box-shadow:inset 0 1px 0 var(--color-glass-highlight);overflow:auto}.tabs button,.section-tabs button,.settings-choice button{flex:1;min-width:110px;min-height:var(--ui-segment-min-height);padding:var(--ui-segment-item-padding-block) var(--ui-segment-item-padding-inline);border:1px solid transparent;border-radius:var(--ui-segment-item-radius);background:transparent;color:var(--color-selection-idle-text);font:inherit;font-size:var(--ui-font-label);font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer}.section-tabs button b{min-width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:var(--color-glass-surface);font-size:var(--ui-font-caption)}.tabs button.active,.section-tabs button.active,.settings-choice button.active{background:var(--color-selection-active);border-color:var(--color-selection-active);color:var(--color-text-on-brand);box-shadow:0 7px 18px var(--color-focus-ring)}.section-tabs button.active b{background:rgba(255,255,255,.18);color:inherit}

/* tables and app list rows */
.table-wrap{overflow:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card)}.table{width:100%;border-collapse:collapse;min-width:780px;background:var(--color-glass-surface)}.table th,.table td{padding:12px 13px;text-align:right;border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.table th{position:sticky;top:0;background:var(--color-surface-muted);font-size:var(--ui-font-label);color:var(--color-text-muted);z-index:1}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--color-glass-surface-strong)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--ui-font-caption);font-weight:800}.badge.success,.badge.good{background:color-mix(in srgb,var(--color-status-success) 13%,transparent);color:var(--color-status-success)}.badge.warn{background:color-mix(in srgb,var(--color-status-warning) 15%,transparent);color:var(--color-status-warning)}.badge.danger,.badge.bad{background:color-mix(in srgb,var(--color-status-danger) 12%,transparent);color:var(--color-status-danger)}.badge.info{background:var(--color-brand-soft);color:var(--color-brand-primary-strong)}.stat-list,.notification-list,.session-list,.customer-list{display:grid;gap:9px}.stat-line{min-height:52px;padding:10px 12px;border:1px solid var(--color-glass-border);border-radius:var(--radius-card);background:var(--color-glass-surface);display:flex;align-items:center;gap:10px}.stat-line strong{flex:1;min-width:0}.hint{color:var(--color-text-muted)}.empty,.loading{min-height:150px;display:grid;place-items:center;align-content:center;text-align:center;gap:9px;color:var(--color-text-muted);padding:24px}.empty>i,.loading>i{font-size:26px;color:var(--color-brand-primary)}

/* customers */
.user-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.customer-row{width:100%;min-height:var(--ui-row-min-height);padding:var(--ui-row-padding);border:1px solid var(--color-glass-border);border-radius:var(--radius-card);background:var(--color-glass-surface);box-shadow:var(--elevation-soft),inset 0 1px 0 var(--color-glass-highlight);display:grid;grid-template-columns:48px minmax(0,1fr) auto 20px;align-items:center;gap:11px;color:var(--color-text-primary);text-align:right;cursor:pointer}.customer-row:hover{background:var(--color-glass-surface-strong);border-color:var(--color-selection-idle-border);transform:translateY(-1px)}.customer-avatar{width:48px;height:48px;border-radius:15px}.customer-avatar.lg{width:70px;height:70px;border-radius:22px}.customer-main{min-width:0}.customer-main strong,.customer-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-main small{color:var(--color-text-muted);font-size:var(--ui-font-caption);margin-top:3px}.subpage-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.subpage-head h2{margin:0;font-size:var(--ui-font-title)}.subpage-head small{color:var(--color-text-muted)}.live-dot{display:inline-flex;align-items:center;gap:6px;color:var(--color-status-success);font-size:var(--ui-font-caption);font-weight:800}.live-dot i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:vistaLive 1.4s infinite}@keyframes vistaLive{50%{opacity:.35;transform:scale(.8)}}.customer-detail-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;align-items:start}.customer-360-head{display:flex;align-items:center;gap:12px;padding:18px}.customer-360-head>div:nth-child(2){flex:1}.customer-360-head h3,.customer-360-head p{margin:0}.customer-360-head p{color:var(--color-text-muted);margin-top:3px}.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 18px 18px}.mini-metrics>div{padding:12px;border-radius:15px;background:var(--color-surface-muted);display:grid;gap:3px}.mini-metrics i{color:var(--color-brand-primary)}.mini-metrics span{font-size:var(--ui-font-caption);color:var(--color-text-muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:0 18px 18px}.detail-grid>div{padding:11px 0;border-top:1px solid var(--color-border-subtle)}.detail-grid .wide{grid-column:1/-1}.detail-grid small,.detail-grid b{display:block}.detail-grid small{font-size:var(--ui-font-caption);color:var(--color-text-muted);margin-bottom:3px}

/* security */
.security-hero{padding:22px;display:flex;align-items:center;justify-content:space-between}.security-score{display:flex;align-items:center;gap:13px}.security-score>i{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--color-brand-soft);color:var(--color-brand-primary-strong);font-size:22px}.security-score span,.security-score b,.security-score small{display:block}.security-score small{color:var(--color-text-muted)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.session-card{padding:13px;border:1px solid var(--color-glass-border);border-radius:var(--radius-card);background:var(--color-glass-surface);display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center}.session-card.current{border-color:var(--color-selection-idle-border);background:var(--color-brand-soft)}.session-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--color-surface-muted);color:var(--color-brand-primary)}.session-main{min-width:0}.session-main>div{display:flex;align-items:center;gap:7px}.session-main p,.session-main small{display:block;margin:2px 0;color:var(--color-text-muted);font-size:var(--ui-font-caption)}.security-mandatory,.mfa-promo{padding:18px;border-radius:var(--radius-card);background:var(--color-surface-muted)}

/* settings */
.settings-page{display:grid;gap:12px;max-width:920px;margin:0 auto}.settings-hero{padding:22px;display:flex;align-items:center;gap:14px}.settings-hero-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--color-brand-soft);color:var(--color-brand-primary-strong);font-size:22px}.settings-hero h2,.settings-hero p{margin:0}.settings-hero p{color:var(--color-text-muted);margin-top:4px}.settings-section{padding:4px 18px}.settings-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(300px,1.2fr);gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--color-border-subtle)}.settings-row:last-child{border-bottom:0}.settings-copy{display:flex;align-items:center;gap:11px}.settings-copy>i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--color-brand-soft);color:var(--color-brand-primary)}.settings-copy small{display:block;color:var(--color-text-muted);font-size:var(--ui-font-caption);margin-top:2px}

/* drawers / notifications */
.drawer-backdrop,.security-modal-backdrop{position:fixed;inset:0;background:rgba(10,12,20,.34);backdrop-filter:blur(4px);z-index:100}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(560px,96vw);z-index:101;background:var(--color-surface-raised);border-right:1px solid var(--color-border-default);box-shadow:-20px 0 60px var(--color-shadow-default);display:flex;flex-direction:column}.drawer-head,.drawer-foot{padding:14px 16px;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-head h2{margin:0;font-size:var(--ui-font-title)}.drawer-body{padding:16px;overflow:auto;flex:1}.drawer-foot{border-top:1px solid var(--color-border-subtle);border-bottom:0}.notification-item{width:100%;padding:12px;border:1px solid var(--color-glass-border);border-radius:var(--radius-card);background:var(--color-glass-surface);display:grid;grid-template-columns:44px 1fr;gap:10px;text-align:right;color:var(--color-text-primary);cursor:pointer}.notification-icon{width:44px;height:44px;border-radius:14px;background:var(--color-brand-soft);color:var(--color-brand-primary);display:grid;place-items:center}.notification-item>span:last-child{display:grid;gap:3px}.notification-item small,.notification-item em{font-size:var(--ui-font-caption);color:var(--color-text-muted);font-style:normal}.notification-item em{color:var(--color-status-warning)}

/* login — same glass/hero language as app */
.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--color-background-app)}.login-art{position:relative;overflow:hidden;padding:56px;display:grid;place-items:center;background:linear-gradient(145deg,var(--color-brand-primary),var(--color-brand-primary-strong));color:var(--color-text-on-brand)}.login-showcase{position:relative;z-index:2;max-width:500px}.login-showcase h1{font-size:clamp(30px,4vw,52px);line-height:1.35;margin:16px 0}.login-showcase p{opacity:.84;line-height:2}.login-kicker{display:block;margin-top:14px;font-weight:900}.login-points{display:grid;gap:10px;margin-top:22px}.login-points span{display:flex;gap:9px;align-items:center}.login-orb{position:absolute;border-radius:50%;filter:blur(4px);background:rgba(255,255,255,.12)}.login-orb-a{width:340px;height:340px;top:-120px;right:-100px}.login-orb-b{width:260px;height:260px;bottom:-90px;left:-70px}.login-card{padding:clamp(26px,6vw,74px);display:flex;flex-direction:column;justify-content:center;max-width:620px;width:100%;margin:auto}.login-brand-mobile{display:none}.login-title h2{font-size:var(--ui-font-display);margin:7px 0}.login-title p{color:var(--color-text-muted)}.login-field{margin-top:14px}.input-shell{position:relative}.input-shell>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.input-shell .input{padding-right:42px}.password-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--color-text-muted);width:38px;height:38px}.login-submit{margin-top:18px}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--color-text-muted);font-size:var(--ui-font-caption);margin-top:14px}
.toast{position:fixed;left:18px;bottom:18px;z-index:200;padding:11px 14px;border-radius:13px;background:var(--color-text-primary);color:var(--color-background-app);box-shadow:0 14px 40px var(--color-shadow-default)}.toast.error,.toast.bad{background:var(--color-status-danger);color:#fff}.toast.success,.toast.ok{background:var(--color-status-success);color:#fff}
.mobile-overlay{display:none}

@media(max-width:1080px){.vista-admin-shell{grid-template-columns:230px minmax(0,1fr)}.metrics,.user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-detail-page{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
@media(max-width:760px){.vista-admin-shell{display:block}.admin-sidebar{display:flex!important;position:fixed;right:0;top:0;bottom:0;width:min(310px,88vw);height:100dvh;transform:translateX(105%);transition:transform var(--motion-duration-normal) var(--motion-ease-standard);border-left:1px solid var(--color-border-default);z-index:90}.admin-sidebar.open{transform:translateX(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(12,14,20,.3);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:all var(--motion-duration-fast);z-index:80}.mobile-overlay.open{opacity:1;visibility:visible}.admin-main{padding:0 12px 94px!important}.admin-top{height:74px!important;margin:0 -12px!important;padding:8px 14px!important;grid-template-columns:42px minmax(0,1fr) 42px!important}.mobile-menu{visibility:visible}.page-heading p{display:none}.content{padding:14px 0 28px}.bottom-nav{display:flex!important;position:fixed;right:10px;left:10px;bottom:max(9px,env(safe-area-inset-bottom));height:66px;border:1px solid var(--color-glass-border);border-radius:23px;background:var(--color-glass-surface-strong);box-shadow:0 16px 45px var(--color-shadow-default);backdrop-filter:blur(18px);z-index:50;padding:6px}.bottom-nav button{flex:1;border:0;background:transparent;color:var(--color-text-muted);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--ui-font-caption)}.bottom-nav button i{font-size:17px}.bottom-nav button.active{color:var(--color-brand-primary-strong);background:var(--color-brand-soft);font-weight:800}.hero-profile{display:none}.hero-copy h2{font-size:var(--ui-font-display)}.metrics,.user-metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px;grid-template-columns:38px minmax(0,1fr)}.metric .mi{width:38px;height:38px}.card-head{align-items:flex-start;padding:14px}.card-body{padding:14px}.toolbar{align-items:stretch}.filter-toolbar>*{flex:1 1 100%}.searchbox{min-width:0}.section-tabs{width:100%;overflow:visible}.section-tabs button{min-width:0;flex:1;flex-direction:column;gap:3px;padding-inline:6px}.section-tabs button span{font-size:var(--ui-font-caption)}.section-tabs button b{height:22px;min-width:22px}.form-grid{grid-template-columns:1fr}.customer-row{grid-template-columns:44px minmax(0,1fr) auto 18px;padding:11px}.customer-avatar{width:44px;height:44px}.mini-metrics{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.subpage-head{grid-template-columns:40px minmax(0,1fr)}.subpage-head .live-dot{grid-column:2}.settings-row{grid-template-columns:1fr;gap:10px}.settings-choice button{min-width:80px}.drawer{top:auto;right:0;left:0;bottom:0;width:100%;max-height:92dvh;border-radius:24px 24px 0 0;border:1px solid var(--color-border-default)}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:28px 20px}.login-brand-mobile{display:flex;align-items:center;gap:10px;margin-bottom:28px}.table-wrap{border-radius:16px}}
@media(max-width:430px){.metrics,.user-metrics{grid-template-columns:1fr}.mini-metrics{grid-template-columns:1fr 1fr}.hero-actions .btn{flex:1}.section-tabs button span{font-size:calc(var(--ui-font-caption)*.92)}}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Admin workspace adapters. Business components come from the canonical Vista App Design System. */
.ui-list{display:grid;gap:var(--space-2)}
.ui-list-row{width:100%;border:1px solid var(--color-border-default);background:var(--color-surface-raised);border-radius:var(--radius-card);padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:right;color:var(--color-text-primary);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)}
.ui-list-row:hover{transform:translateY(-1px);border-color:var(--color-brand-primary);background:var(--color-brand-soft)}
.ui-list-row .item-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--color-brand-soft);color:var(--color-brand-primary)}
.ui-list-row .item-main{min-width:0;display:grid;gap:4px}.ui-list-row .item-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-list-row .item-main small{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-list-row .item-tail{display:flex;align-items:center;gap:10px;color:var(--color-text-muted)}

/* Component visibility: author styles must never override filtered/hidden rows. */
[hidden], .is-filtered-out { display: none !important; }


/* Order workspace is a real focused route, visually isolated like Vista App chat. */
body.chat-route .admin-sidebar,
body.chat-route .admin-top,
body.chat-route .bottom-nav,
body.chat-route .mobile-overlay { display: none !important; }
body.chat-route .admin-main { margin: 0 !important; width: 100% !important; min-height: 100dvh; }
body.chat-route .admin-main > .content { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
body.chat-route .admin-order-chat-screen, body.chat-route .admin-support-chat-screen { min-height: 100dvh; height: 100dvh; border-radius: 0 !important; }

/* Dense operational lists — fit more work on screen without losing app Design System spacing. */
.compact-list-card .card-body{padding:10px}
.compact-work-list{gap:6px}
.compact-work-list .ui-list-row,.customer-list-rows .ui-list-row{padding:9px 11px;border-radius:calc(var(--radius-card) * .82);gap:10px}
.compact-work-list .ui-list-row .item-icon,.customer-list-rows .ui-list-row .item-icon{width:38px;height:38px;border-radius:12px}
.compact-work-list .item-main{gap:2px}
.row-person{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%}
.row-person b{font-size:var(--ui-font-label);font-weight:800;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-person span{font-size:var(--ui-font-caption);color:var(--color-text-muted);direction:ltr;unicode-bidi:isolate}
.row-amount,.row-category{display:inline-block;margin-inline-start:8px;font-size:var(--ui-font-caption);color:var(--color-text-muted)}
.work-list-fit{min-height:0}
.work-list-fit>.ui-list{max-height:calc(100dvh - 390px);overflow:auto;padding-inline:2px;padding-bottom:4px}
.page-hero-orders .ui-filter-bar,.page-hero-customers .ui-filter-bar{margin:12px 0 0}
.page-hero-orders .ui-filter-bar .searchbox,.page-hero-customers .ui-filter-bar .searchbox{background:var(--color-glass-surface)}
@media(max-width:760px){.work-list-fit>.ui-list{max-height:none;overflow:visible}.compact-list-card .card-body{padding:8px}.row-person{display:flex;flex-wrap:wrap;gap:4px 7px}.row-amount,.row-category{display:block;margin-inline-start:0;margin-top:2px}}

/* current admin polish: App DS compatible controls + notification/profile surfaces */
.app-hero-body .ui-filter-bar{margin-top:4px;padding:0;background:transparent;border:0;box-shadow:none}
.app-hero-body .ui-search-field{background:color-mix(in srgb,var(--color-surface-raised) 82%,transparent);border:1px solid var(--color-glass-border);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 25%,transparent);backdrop-filter:blur(12px)}
.app-hero-body .ui-search-field:focus-within{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}
.app-hero-body .ui-search-field i{color:var(--color-brand-primary)}
.app-hero-body .select{background:color-mix(in srgb,var(--color-surface-raised) 86%,transparent)!important;border-color:var(--color-glass-border)!important;color:var(--color-text-primary)!important;backdrop-filter:blur(12px)}
.app-hero-body .select:focus{border-color:var(--color-brand-primary)!important;box-shadow:0 0 0 3px var(--color-focus-ring)!important}
.notification-list{gap:10px}.notification-item{position:relative;overflow:hidden;grid-template-columns:48px minmax(0,1fr);padding:14px;background:linear-gradient(145deg,var(--color-glass-surface-strong),var(--color-glass-surface));border-color:var(--color-glass-border);box-shadow:0 10px 28px var(--color-shadow-default);backdrop-filter:blur(18px)}
.notification-item:before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:var(--color-brand-primary)}
.notification-item:hover{transform:translateY(-1px);border-color:var(--color-brand-primary)}
.notification-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--color-brand-soft),var(--color-surface-raised));box-shadow:inset 0 0 0 1px var(--color-glass-border)}
.notification-item b{font-size:var(--ui-font-body);font-weight:850}.notification-item small{line-height:1.8}.notification-item em{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:3px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--color-status-warning) 12%,transparent);color:var(--color-status-warning)}
.customer-profile-identity{align-items:center}.customer-profile-identity .customer-avatar{overflow:hidden;flex:none}.customer-profile-identity .customer-avatar img{width:100%;height:100%;object-fit:cover;display:block}.customer-profile-copy{min-width:0;flex:1}.customer-profile-copy h3{margin:0 0 3px}.customer-profile-copy p,.customer-profile-copy small{margin:0;color:var(--color-text-muted)}

.nav button,.bottom-nav button{position:relative}.nav-server-badges{margin-inline-start:auto;display:inline-flex;gap:4px;align-items:center}.bottom-nav .nav-server-badges{position:absolute;top:3px;inset-inline-start:50%;transform:translateX(10px)}.nav-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;color:#fff}.nav-count.tone-success{background:var(--color-success,#16a34a)}.nav-count.tone-warn{background:var(--color-warning,#d97706)}.nav-count.tone-info{background:var(--color-brand,#2563eb)}
.customer-profile-clean-card{max-width:760px;margin-inline:auto}.customer-profile-clean{display:grid;gap:22px}.customer-profile-clean-head{display:flex;align-items:center;gap:16px;padding:6px}.customer-profile-clean-head h2{margin:0 0 5px}.customer-profile-clean-head p{margin:0 0 8px;color:var(--text-secondary)}.customer-avatar.xl{width:88px;height:88px;border-radius:28px;overflow:hidden;flex:0 0 auto}.customer-avatar.xl img{width:100%;height:100%;object-fit:cover}.customer-level2-form{display:grid;gap:18px}.customer-level-label{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:var(--surface-soft,rgba(127,127,127,.08));border:1px solid var(--border-color,rgba(127,127,127,.14))}.customer-level-label span{font-weight:800}.customer-level-label small{color:var(--text-secondary)}
body.chat-route .admin-support-chat-screen{min-height:100dvh;height:100dvh;border-radius:0!important}
/* Final chat/workspace hardening */
.support-takeover{margin:10px 14px;padding:12px 14px;border:1px solid var(--color-border-default);border-radius:16px;background:var(--color-glass-surface-strong);display:flex;align-items:center;justify-content:space-between;gap:12px}.support-takeover.dismissed{display:none}.support-takeover small{display:block;color:var(--color-text-muted);margin-top:3px}.support-takeover>div:last-child{display:flex;gap:8px;flex:0 0 auto}.chat-header-actions{display:flex;gap:6px}.chat-top-action.danger{color:var(--color-status-danger)}.chat-profile-avatar img,.chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.support-system-message{justify-content:center!important}.support-system-chip{max-width:min(88%,620px);display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-radius:999px;background:var(--color-glass-surface-strong);border:1px solid var(--color-border-default);font-size:12px}.support-system-chip small{color:var(--color-text-muted);margin-inline-start:auto}.order-created-message{justify-content:center!important}.order-created-chat-card{width:min(92%,560px);overflow:hidden;border:1px solid var(--color-border-default);border-radius:20px;background:var(--color-glass-surface-strong);box-shadow:0 10px 30px var(--color-shadow-default);display:grid;grid-template-columns:120px 1fr}.order-created-chat-card>img{width:120px;height:100%;min-height:150px;object-fit:cover}.order-created-chat-card>div{padding:14px}.order-created-chat-card b{font-size:15px}.order-created-chat-card small,.order-created-chat-card time{display:block;color:var(--color-text-muted);font-size:11px}.order-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.order-card-fields span{padding:7px 9px;border-radius:10px;background:var(--color-surface-sunken)}.order-card-fields b{display:block;font-size:12px;word-break:break-word}.order-card-price{font-weight:900;margin-top:10px}
@media(max-width:760px){.bottom-nav .nav-server-badges{top:-5px;inset-inline-start:auto;inset-inline-end:8px;transform:none;gap:2px;pointer-events:none}.bottom-nav .nav-count{min-width:17px;height:17px;padding:0 4px;font-size:9px;border:2px solid var(--color-glass-surface-strong)}.bottom-nav button{overflow:visible}.support-takeover{align-items:stretch;flex-direction:column}.support-takeover>div:last-child{width:100%}.support-takeover .btn{flex:1}.order-created-chat-card{grid-template-columns:82px 1fr}.order-created-chat-card>img{width:82px;min-height:132px}.order-card-fields{grid-template-columns:1fr}}

/* Unified entity/profile/chat components — visual-only; state and actions come from API contract. */
.vista-entity-avatar{width:48px;height:48px;border-radius:16px;overflow:hidden;display:grid;place-items:center;flex:0 0 48px;background:var(--surface-2,#eef2f7);box-shadow:inset 0 0 0 1px rgba(127,127,127,.12);font-weight:900;font-size:18px}
.vista-entity-avatar img{width:100%;height:100%;object-fit:cover;display:block}.entity-row{grid-template-columns:auto minmax(0,1fr) auto!important}.entity-row .item-main{min-width:0}.entity-row .item-main>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-row .item-main small{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.entity-row .item-tail{display:flex;align-items:center;gap:8px}
.chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.unified-profile{width:min(100%,720px);margin:0 auto;border-radius:28px;overflow:hidden;background:var(--surface,#fff);box-shadow:0 18px 55px rgba(15,23,42,.15)}
.unified-profile-hero{height:410px;position:relative;overflow:hidden;background:#111827}.unified-profile-bg{position:absolute;inset:-24px;filter:blur(22px);opacity:.55;transform:scale(1.08)}.unified-profile-bg img{width:100%;height:100%;object-fit:cover}.unified-profile-photo{position:absolute;inset:0;display:grid;place-items:center}.unified-profile-photo img{width:100%;height:100%;object-fit:cover}.unified-profile-photo>span{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:54px;font-weight:900;backdrop-filter:blur(12px)}.unified-profile-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 28%,rgba(0,0,0,.78) 100%)}
.unified-profile-back{position:absolute;top:18px;right:18px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(16,24,40,.4);color:#fff;display:grid;place-items:center;backdrop-filter:blur(14px);z-index:3}.unified-profile-identity{position:absolute;right:26px;left:26px;bottom:24px;color:#fff;z-index:2}.unified-profile-identity h2{margin:0 0 5px;font-size:31px;line-height:1.2}.unified-profile-identity p{margin:0;opacity:.82}.unified-profile-badges{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}
.unified-profile-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 18px;background:var(--surface,#fff)}.unified-profile-action{border:0;border-radius:18px;min-height:62px;padding:10px 14px;background:var(--surface-2,#f2f5f8);color:inherit;display:flex;gap:9px;justify-content:center;align-items:center;font:inherit;font-weight:800}.unified-profile-action.success{background:rgba(27,177,105,.13);color:#11975a}.unified-profile-body{padding:0 18px 22px;display:grid;gap:14px}.unified-profile-section{border-radius:22px;background:var(--surface-2,#f4f6f8);padding:18px}.unified-profile-section h3{margin:0 0 14px;font-size:15px}.unified-profile-section .detail-grid{margin:0}
.chat-profile-view{position:fixed!important;inset:0!important;z-index:1000!important;overflow:auto!important;background:var(--page-bg,#f1f5f9)!important;padding:0!important}.chat-profile-view .unified-profile{min-height:100dvh;width:100%;max-width:720px;border-radius:0;box-shadow:none}.chat-profile-view .unified-profile-hero{height:min(52dvh,480px)}
.wallet-profile-section{display:grid;gap:16px}.wallet-balance{padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(48,113,255,.12),rgba(35,189,136,.1));display:grid;gap:6px}.wallet-balance b{font-size:26px}.wallet-adjust-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-adjust-form .wide,.wallet-adjust-form .btn{grid-column:1/-1}
.chat-event-card{width:min(92%,560px);margin:10px auto;padding:14px;border-radius:20px;background:var(--surface,#fff);box-shadow:0 8px 28px rgba(15,23,42,.09);display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;text-align:right}.chat-event-icon{width:42px;height:42px;border-radius:14px;background:var(--surface-2,#eef2f7);display:grid;place-items:center}.chat-event-main{min-width:0}.chat-event-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.chat-event-head>div{display:grid;gap:3px}.chat-event-head small{opacity:.68}.chat-event-body{margin-top:10px;display:grid;gap:8px}.chat-event-body p{margin:0}.chat-event-body time{font-size:11px;opacity:.6}.chat-event-action{margin-top:10px}
.chat-screen{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;grid-template-rows:auto minmax(0,1fr) auto!important}.telegram-chat{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}.admin-chat-composer{position:relative!important;z-index:25!important;display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.admin-chat-composer textarea{min-height:44px;max-height:130px;resize:none}
@media(max-width:720px){.vista-entity-avatar{width:44px;height:44px;flex-basis:44px;border-radius:14px}.unified-profile{border-radius:0;min-height:100dvh}.unified-profile-hero{height:46dvh;min-height:330px}.unified-profile-identity{right:20px;left:20px}.unified-profile-identity h2{font-size:28px}.unified-profile-body{padding:0 12px 18px}.unified-profile-section{border-radius:19px;padding:15px}.wallet-adjust-form{grid-template-columns:1fr}.wallet-adjust-form>*{grid-column:1/-1}.chat-profile-view .unified-profile-hero{height:46dvh}.chat-event-card{width:calc(100% - 28px)}.nav-server-badges{position:absolute!important;top:2px!important;right:50%!important;transform:translateX(26px)!important;display:flex!important;gap:2px!important;pointer-events:none}.bottom-nav button{position:relative}.bottom-nav .nav-count{min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:10px!important;line-height:17px!important;border:2px solid var(--surface,#fff)!important}}

/* Order chat receipt: compact server-described form presentation */
.order-receipt-card{width:min(94%,620px);border:1px solid var(--color-border-default);border-radius:24px;background:var(--color-glass-surface-strong);box-shadow:0 14px 40px var(--color-shadow-default);overflow:hidden;text-align:start}.order-receipt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.order-receipt-head small,.order-receipt-head span{display:block;color:var(--color-text-muted);font-size:11px}.order-receipt-head h3{margin:3px 0;font-size:17px}.order-service-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;max-height:190px;overflow:hidden;background:var(--color-surface-sunken)}.order-service-gallery.count-1{grid-template-columns:1fr}.order-service-gallery.count-2{grid-template-columns:1fr 1fr}.order-service-thumb{min-height:100px;max-height:190px;overflow:hidden}.order-service-thumb img{width:100%;height:100%;object-fit:cover;display:block}.order-form-sheet{padding:14px 16px}.order-form-sheet-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.order-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-form-field{min-width:0;padding:10px 11px;border-radius:14px;background:var(--color-surface-sunken);border:1px solid color-mix(in srgb,var(--color-border-default) 75%,transparent)}.order-form-field small{display:block;color:var(--color-text-muted);font-size:11px;margin-bottom:4px}.order-form-field strong{display:block;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.order-form-field.media-field{grid-column:1/-1}.order-form-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.order-form-media{aspect-ratio:1;border-radius:11px;overflow:hidden;background:var(--color-surface-default);border:1px solid var(--color-border-default)}.order-form-media img{width:100%;height:100%;object-fit:cover;display:block}.order-empty-value{color:var(--color-text-muted)}.order-receipt-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:13px 16px;border-top:1px solid var(--color-border-default)}.order-receipt-foot small{display:block;color:var(--color-text-muted);font-size:10px}.order-receipt-foot b{font-size:15px}.order-receipt-foot time{font-size:10px;color:var(--color-text-muted)}
.admin-account-avatar-editor{display:flex;align-items:center;gap:14px;padding:12px;margin-bottom:14px;border-radius:18px;background:var(--color-surface-sunken)}.admin-account-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--color-surface-default);font-size:24px;font-weight:900;flex:0 0 auto}.admin-account-avatar img{width:100%;height:100%;object-fit:cover}.admin-account-avatar-editor>div:last-child{display:grid;gap:5px;justify-items:start}.admin-account-avatar-editor small{color:var(--color-text-muted)}
@media(max-width:620px){.order-receipt-card{width:96%;border-radius:20px}.order-service-gallery{grid-template-columns:repeat(2,1fr);max-height:230px}.order-service-thumb{min-height:105px}.order-form-fields{grid-template-columns:1fr}.order-form-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-account-grid{grid-template-columns:1fr!important}.admin-account-avatar-editor{align-items:flex-start}}

/* Keyboard-safe admin chat and server-driven action sheet */
.chat-screen.admin-order-chat-screen,.chat-screen.admin-support-chat-screen{height:var(--admin-chat-vh,100dvh)!important;max-height:var(--admin-chat-vh,100dvh)!important}.admin-chat-composer{position:relative!important;inset:auto!important;background:var(--surface,#fff);box-shadow:0 -10px 30px rgba(0,0,0,.08)}.admin-chat-action-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;background:var(--surface,#fff);border-top:1px solid var(--border,#e4e8ef)}.admin-chat-action-sheet.hidden{display:none!important}.admin-chat-action-sheet button{border:1px solid var(--border,#e4e8ef);border-radius:14px;min-height:56px;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit}.admin-chat-action-sheet button.success{color:#16865d;background:rgba(22,134,93,.08)}@media(max-width:720px){.admin-chat-action-sheet{grid-template-columns:1fr}.admin-chat-composer{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}}
/* Unified Telegram-like chat surface — App/Admin parity */
.chat-screen{--chat-bg:color-mix(in srgb,var(--color-surface-page) 88%,#0d2232 12%);--chat-bubble-mine:color-mix(in srgb,var(--color-accent-primary) 20%,var(--color-surface-raised));--chat-bubble-peer:var(--color-surface-raised);position:fixed!important;inset:0!important;z-index:60;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;background:var(--chat-bg)!important;overflow:hidden!important}
.chat-screen .telegram-chat{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:16px 12px 22px!important;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--color-accent-primary) 5%,transparent),transparent 28%),var(--chat-bg)!important;scrollbar-width:thin}
.telegram-message-row{display:flex;align-items:flex-end;gap:7px;margin:4px 0;width:100%}.telegram-message-row.mine{justify-content:flex-start;direction:ltr}.telegram-message-row.theirs{justify-content:flex-end;direction:rtl}.telegram-message-row.system{justify-content:center!important}.telegram-bubble{max-width:min(76%,620px);border-radius:18px;padding:8px 10px 6px;background:var(--chat-bubble-peer);box-shadow:0 2px 10px rgba(0,0,0,.08);position:relative;overflow:hidden}.telegram-message-row.mine .telegram-bubble{background:var(--chat-bubble-mine);border-bottom-left-radius:6px}.telegram-message-row.theirs .telegram-bubble{border-bottom-right-radius:6px}.telegram-peer-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none;background:var(--color-accent-primary);color:#fff;font-size:12px}.telegram-peer-avatar img{width:100%;height:100%;object-fit:cover}.message-body{line-height:1.75;white-space:pre-wrap;word-break:break-word}.message-meta{display:flex;gap:5px;align-items:center;justify-content:flex-end;font-size:10px;color:var(--color-text-muted);margin-top:3px}.message-photo{border:0;padding:0;background:none;border-radius:13px;overflow:hidden;display:block}.message-media{display:block;width:min(330px,68vw);max-height:380px;object-fit:cover;border-radius:13px}.message-video-shell{border-radius:13px;overflow:hidden}.message-file{display:flex;align-items:center;gap:10px;padding:11px;border-radius:13px;background:color-mix(in srgb,var(--color-surface-page) 70%,transparent)}
.message-voice-player{display:flex;align-items:center;gap:10px;min-width:min(300px,70vw);padding:4px}.voice-play{width:42px;height:42px;border-radius:50%;border:0;background:var(--color-accent-primary);color:#fff;display:grid;place-items:center;flex:none}.voice-track{flex:1;min-width:0}.voice-wave{height:28px;display:flex;align-items:center;gap:2px}.voice-wave i{width:3px;height:var(--h);border-radius:4px;background:color-mix(in srgb,var(--color-accent-primary) 70%,var(--color-text-muted));opacity:.8}.voice-track small{display:block;font-size:10px;color:var(--color-text-muted)}.message-audio{display:none}
.admin-chat-composer{position:relative!important;z-index:5!important;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;background:color-mix(in srgb,var(--color-surface-raised) 96%,transparent)!important;backdrop-filter:blur(18px);box-shadow:0 -8px 30px rgba(0,0,0,.08)}.admin-chat-composer textarea{border-radius:22px!important;min-height:44px!important;max-height:128px!important;background:var(--color-surface-page)!important}
.admin-chat-action-sheet{position:absolute!important;inset:auto 10px calc(64px + env(safe-area-inset-bottom)) 10px!important;z-index:12!important;padding:8px 10px 14px;border-radius:24px;background:color-mix(in srgb,var(--color-surface-raised) 96%,transparent);border:1px solid var(--color-border-default);box-shadow:0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(24px)}.admin-chat-action-handle{width:38px;height:4px;border-radius:99px;background:var(--color-border-default);margin:2px auto 10px}.admin-chat-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-chat-action-grid button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;color:var(--color-text-primary)}.admin-chat-action-grid button>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--color-accent-primary) 14%,var(--color-surface-page));color:var(--color-accent-primary);font-size:18px}.admin-chat-action-grid b{font-size:11px}.admin-chat-action-grid .danger>span{color:var(--color-status-danger)}.admin-chat-action-grid .success>span{color:var(--color-status-success)}
.admin-voice-recording{position:fixed;inset:0;z-index:100000;background:rgba(4,10,18,.48);backdrop-filter:blur(8px);display:grid;place-items:end center;padding:16px}.admin-voice-recording>div{width:min(520px,100%);border-radius:28px;background:var(--color-surface-raised);padding:24px;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.3)}.record-pulse{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:color-mix(in srgb,var(--color-status-danger) 14%,var(--color-surface-page));color:var(--color-status-danger);font-size:28px;animation:vistaRecordPulse 1.2s infinite}.admin-voice-recording b,.admin-voice-recording time{display:block;margin:6px}.admin-voice-recording>div>div{display:flex;gap:8px;justify-content:center;margin-top:16px}@keyframes vistaRecordPulse{50%{transform:scale(1.06);box-shadow:0 0 0 12px color-mix(in srgb,var(--color-status-danger) 8%,transparent)}}
@media(max-width:760px){.telegram-bubble{max-width:82%}.admin-chat-action-grid{grid-template-columns:repeat(3,1fr)}.chat-screen{height:var(--admin-vv-height,100dvh)!important}.chat-screen .chat-top{padding-top:max(8px,env(safe-area-inset-top))}.admin-chat-composer{padding-bottom:max(9px,env(safe-area-inset-bottom))!important}}


/* Unified conversation UX — App/Admin share the same visual grammar. */
.chat-screen{--chat-pattern:color-mix(in srgb,var(--color-text-muted) 9%,transparent)}
.chat-screen .telegram-chat{background:
 radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--color-accent-primary) 8%,transparent),transparent 26%),
 radial-gradient(circle at 84% 78%,color-mix(in srgb,var(--color-accent-primary) 6%,transparent),transparent 25%),
 var(--chat-bg)!important;position:relative}
.chat-screen .telegram-chat:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,var(--chat-pattern) 1px,transparent 1.1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}
.chat-screen .telegram-chat>*{position:relative;z-index:1}
.telegram-message-row{direction:rtl!important}.telegram-message-row.mine{justify-content:flex-start!important}.telegram-message-row.theirs{justify-content:flex-end!important}
.telegram-message-row.mine .telegram-bubble{background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent-primary) 20%,var(--color-surface-raised)),color-mix(in srgb,var(--color-accent-primary) 10%,var(--color-surface-raised)))!important;border-bottom-left-radius:6px!important;border-bottom-right-radius:18px!important}
.telegram-message-row.theirs .telegram-bubble{background:var(--color-surface-raised)!important;border-bottom-right-radius:6px!important;border-bottom-left-radius:18px!important}
.admin-chat-composer{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:end!important;gap:6px!important}
.admin-chat-composer .composer-voice{display:grid!important}.admin-chat-composer .composer-voice.recording{color:#d43f4f;animation:adminMicPulse 1s ease-in-out infinite}
@keyframes adminMicPulse{50%{transform:scale(.9);box-shadow:0 0 0 8px rgba(212,63,79,.1)}}
.admin-chat-dialog-backdrop{position:fixed;inset:0;z-index:12000;background:rgba(6,10,18,.56);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}
.admin-chat-dialog{width:min(520px,100%);max-height:min(760px,90dvh);overflow:auto;background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:26px;box-shadow:0 24px 80px rgba(0,0,0,.26);padding:18px}
.admin-chat-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-chat-dialog header b{font-size:18px}.admin-chat-dialog header small{display:block;color:var(--color-text-muted);margin-top:5px;line-height:1.8}.admin-chat-dialog header button{width:38px;height:38px;border:0;border-radius:50%;background:var(--color-surface-page);color:var(--color-text-primary)}
.admin-chat-dialog form{display:grid;gap:12px}.admin-chat-dialog label{display:grid;gap:6px;font-weight:700}.admin-chat-dialog textarea{resize:vertical;min-height:110px}
.chat-payment-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:min(390px,72vw);padding:13px;border-radius:16px;background:color-mix(in srgb,var(--color-accent-primary) 8%,var(--color-surface-page));border:1px solid color-mix(in srgb,var(--color-accent-primary) 20%,var(--color-border-default))}
.chat-payment-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--color-accent-primary);color:#fff;font-size:19px}.chat-payment-copy{min-width:0}.chat-payment-copy small,.chat-payment-copy b,.chat-payment-copy strong{display:block}.chat-payment-copy small{color:var(--color-text-muted)}.chat-payment-copy p{margin:6px 0;color:var(--color-text-secondary);line-height:1.7}.chat-payment-copy strong{font-size:17px;margin-top:5px}.chat-payment-state{font-size:11px;padding:6px 8px;border-radius:999px;background:var(--color-surface-raised);white-space:nowrap}.chat-payment-card.is-paid .chat-payment-icon{background:#16865d}.chat-payment-card.is-paid .chat-payment-state{color:#16865d}
@media(max-width:620px){.admin-chat-dialog-backdrop{align-items:end;padding:0}.admin-chat-dialog{width:100%;border-radius:26px 26px 0 0;padding:16px 14px max(16px,env(safe-area-inset-bottom))}.chat-payment-card{grid-template-columns:42px minmax(0,1fr);min-width:0}.chat-payment-state{grid-column:2}.admin-chat-composer{grid-template-columns:auto minmax(0,1fr) auto auto!important}.admin-chat-composer .composer-circle,.admin-chat-composer .chat-send{width:42px!important;height:42px!important}}


/* Unified Telegram-inspired grouped chat + profile surface */
.telegram-chat{padding-inline:clamp(10px,2.4vw,24px)!important}.telegram-message-row{display:flex;align-items:flex-end;gap:7px;margin-block:2px!important;max-width:100%}.telegram-message-row.mine{flex-direction:row-reverse}.telegram-message-row.theirs{flex-direction:row}.telegram-message-row .telegram-bubble{position:relative;max-width:min(76%,660px);padding:8px 11px 6px;box-shadow:0 1px 2px rgba(0,0,0,.16);transition:border-radius .16s ease,transform .16s ease}.telegram-message-row.group-start{margin-top:9px!important}.telegram-message-row.group-middle{margin-top:1px!important;margin-bottom:1px!important}.telegram-message-row.mine.group-start .telegram-bubble{border-top-right-radius:18px!important}.telegram-message-row.mine.group-middle .telegram-bubble{border-top-right-radius:7px!important;border-bottom-right-radius:7px!important}.telegram-message-row.mine.group-end .telegram-bubble{border-bottom-right-radius:18px!important}.telegram-message-row.theirs.group-start .telegram-bubble{border-top-left-radius:18px!important}.telegram-message-row.theirs.group-middle .telegram-bubble{border-top-left-radius:7px!important;border-bottom-left-radius:7px!important}.telegram-message-row.theirs.group-end .telegram-bubble{border-bottom-left-radius:18px!important}.telegram-peer-avatar,.telegram-peer-avatar-spacer{width:34px;height:34px;flex:0 0 34px}.telegram-peer-avatar{border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border-default);box-shadow:0 2px 8px rgba(0,0,0,.16);padding:0}.telegram-peer-avatar img{width:100%;height:100%;object-fit:cover}.telegram-peer-avatar-spacer{visibility:hidden}.telegram-message-row.group-middle .message-meta{opacity:.78}.telegram-bubble .message-body{line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.chat-screen .telegram-chat{background-color:var(--chat-bg,var(--color-surface-page));background-image:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--color-accent-primary) 8%,transparent) 0 1.5px,transparent 1.7px),radial-gradient(circle at 78% 55%,color-mix(in srgb,var(--color-text-muted) 7%,transparent) 0 1px,transparent 1.2px);background-size:44px 44px,31px 31px}
.operator-public-profile-overlay{position:absolute;inset:0;z-index:80;background:var(--color-surface-page);overflow:auto;overscroll-behavior:contain}.operator-public-profile{min-height:100%;padding-bottom:max(28px,env(safe-area-inset-bottom))}.operator-profile-hero{height:min(54dvh,460px);min-height:330px;position:relative;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent-primary) 72%,#142337),#101822)}.operator-profile-bg{position:absolute;inset:-22px;width:calc(100% + 44px);height:calc(100% + 44px);object-fit:cover;filter:blur(18px) brightness(.55);transform:scale(1.08);opacity:.88}.operator-profile-avatar{position:absolute;inset-inline-start:50%;top:42px;transform:translateX(-50%);width:154px;height:154px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(0,0,0,.35);z-index:2}.operator-profile-avatar.fallback{display:grid;place-items:center;font-size:56px;color:white;background:rgba(255,255,255,.12)}.operator-profile-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,13,22,.12) 25%,rgba(8,13,22,.92) 100%)}.operator-profile-back{position:absolute;top:max(16px,env(safe-area-inset-top));inset-inline-start:16px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(10,18,28,.55);color:#fff;backdrop-filter:blur(14px);z-index:4}.operator-profile-identity{position:absolute;inset-inline:20px;bottom:24px;text-align:center;color:#fff;z-index:3}.operator-profile-identity h2{font-size:28px;margin:0 0 5px}.operator-profile-identity p{margin:0;color:rgba(255,255,255,.78)}.operator-presence{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 12px;border-radius:999px;background:rgba(8,15,24,.56);backdrop-filter:blur(10px);font-size:12px}.operator-presence i{width:8px;height:8px;border-radius:50%;background:#95a1af}.operator-presence.available i,.operator-presence.online i{background:#35d07f;box-shadow:0 0 0 4px rgba(53,208,127,.14)}.operator-profile-content{width:min(760px,100%);margin:auto;padding:16px;display:grid;gap:14px}.operator-profile-card{padding:18px;border:1px solid var(--color-border-default);border-radius:24px;background:color-mix(in srgb,var(--color-surface-raised) 94%,transparent);box-shadow:0 10px 34px rgba(0,0,0,.08)}.operator-profile-card h3{margin:0 0 14px;font-size:15px}.operator-profile-card.bio p{margin:0;line-height:2;color:var(--color-text-secondary)}.operator-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.operator-profile-fields>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:11px;border-radius:17px;background:var(--color-surface-page)}.operator-profile-fields>div>span{grid-row:1/3;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 11%,transparent)}.operator-profile-fields small{color:var(--color-text-muted)}.operator-profile-fields b{font-size:13px;overflow-wrap:anywhere}.operator-schedule{display:flex;flex-wrap:wrap;gap:8px}.operator-schedule span{padding:8px 11px;border-radius:12px;background:var(--color-surface-page);border:1px solid var(--color-border-default);font-size:12px}.unified-profile-section{border-radius:22px!important}.unified-profile-body{display:grid;gap:14px}.ui-info-grid.detail-grid{gap:9px!important}.ui-info-grid.detail-grid>div{border-radius:16px!important;padding:12px!important;background:var(--color-surface-page)!important}.unified-profile-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px!important}.unified-profile-action{border-radius:16px!important;min-height:52px!important}
@media(max-width:620px){.telegram-chat{padding-inline:8px!important}.telegram-message-row .telegram-bubble{max-width:84%}.telegram-peer-avatar,.telegram-peer-avatar-spacer{width:30px;height:30px;flex-basis:30px}.operator-profile-hero{min-height:315px;height:46dvh}.operator-profile-avatar{width:132px;height:132px;top:48px}.operator-profile-fields{grid-template-columns:1fr}.operator-profile-content{padding:12px}.operator-profile-card{padding:14px;border-radius:20px}}

.telegram-message-row{direction:ltr!important}.telegram-message-row.mine{justify-content:flex-end!important;flex-direction:row!important}.telegram-message-row.theirs{justify-content:flex-start!important;flex-direction:row!important}.telegram-message-row .telegram-bubble{direction:rtl;text-align:start}

.admin-public-profile-card{overflow:hidden}.admin-public-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.admin-public-profile-avatar{width:76px;height:76px;flex:0 0 76px;border-radius:24px}.admin-public-profile-head h3{margin:0;font-size:20px}.admin-public-profile-head p{margin:4px 0;color:var(--color-text-secondary)}.admin-public-profile-head small{color:var(--color-accent-primary)}.admin-public-bio{padding:14px;border-radius:18px;background:var(--color-surface-page);line-height:2;margin-bottom:12px}.admin-public-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-public-fields>div{display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:9px;padding:11px;border-radius:16px;background:var(--color-surface-page)}.admin-public-fields span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);color:var(--color-accent-primary)}.admin-public-fields small{color:var(--color-text-muted)}.admin-public-schedule{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.admin-public-schedule span{padding:7px 10px;border-radius:11px;background:var(--color-surface-page);border:1px solid var(--color-border-default);font-size:12px}@media(max-width:620px){.admin-public-fields{grid-template-columns:1fr}}

/* 2026-09-05 — authoritative admin order-chat visual layer.
   Keep this at the end of the bundle so old chat rules cannot override it. */
.chat-screen.admin-order-chat-screen,
.chat-screen.admin-support-chat-screen{
  --admin-chat-brand:var(--color-brand-primary,#665fc4);
  --admin-chat-brand-strong:var(--color-brand-primary-strong,#514aa8);
  --admin-chat-mine-bg:linear-gradient(145deg,var(--admin-chat-brand),var(--admin-chat-brand-strong));
  --admin-chat-peer-bg:var(--color-surface-card,var(--color-surface-raised,#fff));
  --admin-chat-canvas:color-mix(in srgb,var(--color-surface-muted) 88%,var(--admin-chat-brand) 12%);
  background:var(--admin-chat-canvas)!important;
}
.chat-screen .telegram-chat{
  position:relative!important;
  isolation:isolate;
  background-color:var(--admin-chat-canvas)!important;
  background-image:
    radial-gradient(circle at 12px 12px,color-mix(in srgb,var(--admin-chat-brand) 13%,transparent) 1.15px,transparent 1.3px),
    radial-gradient(circle at 34px 31px,color-mix(in srgb,var(--color-text-muted) 9%,transparent) 1px,transparent 1.2px),
    linear-gradient(135deg,color-mix(in srgb,var(--admin-chat-brand) 3.5%,transparent) 25%,transparent 25%,transparent 75%,color-mix(in srgb,var(--admin-chat-brand) 3.5%,transparent) 75%);
  background-size:46px 46px,46px 46px,92px 92px!important;
}
.chat-screen .telegram-chat:before{display:none!important}
.telegram-message-row{direction:ltr!important;width:100%;display:flex!important;align-items:flex-end!important;gap:7px!important}
.telegram-message-row.mine{justify-content:flex-end!important;flex-direction:row!important}
.telegram-message-row.theirs{justify-content:flex-start!important;flex-direction:row!important}
.telegram-message-row.system{justify-content:center!important}
.telegram-message-row .telegram-bubble{
  direction:rtl!important;text-align:right!important;
  max-width:min(76%,680px)!important;
  border:1px solid var(--color-border-subtle)!important;
  box-shadow:0 5px 18px rgba(18,24,40,.08)!important;
  backdrop-filter:none!important;
}
.telegram-message-row.mine .telegram-bubble{
  background:var(--admin-chat-mine-bg)!important;
  color:var(--color-text-on-brand,#fff)!important;
  border-color:color-mix(in srgb,var(--admin-chat-brand) 78%,#fff 22%)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--admin-chat-brand) 22%,transparent)!important;
}
.telegram-message-row.mine .message-body,
.telegram-message-row.mine .message-meta,
.telegram-message-row.mine .message-meta i,
.telegram-message-row.mine .message-file,
.telegram-message-row.mine .message-file *{color:inherit!important}
.telegram-message-row.mine .message-meta{opacity:.82}
.telegram-message-row.mine .message-file{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.16)!important}
.telegram-message-row.theirs .telegram-bubble{
  background:var(--admin-chat-peer-bg)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
html[data-theme="dark"] .telegram-message-row.theirs .telegram-bubble{
  background:color-mix(in srgb,var(--color-surface-card) 92%,#fff 8%)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.22)!important;
}
html[data-theme="light"] .telegram-message-row.theirs .telegram-bubble{
  background:#fff!important;
  box-shadow:0 6px 20px rgba(52,60,92,.08)!important;
}
.chat-day-chip{border:1px solid color-mix(in srgb,var(--admin-chat-brand) 20%,var(--color-border-default))!important;background:color-mix(in srgb,var(--color-surface-raised) 90%,transparent)!important;box-shadow:0 6px 20px rgba(0,0,0,.06)!important}
.admin-chat-composer{
  border-top:1px solid var(--color-border-default)!important;
  background:color-mix(in srgb,var(--color-surface-raised) 94%,transparent)!important;
  box-shadow:0 -10px 28px rgba(12,18,31,.08)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
.admin-chat-composer textarea{
  min-height:46px!important;padding:11px 15px!important;
  border:1px solid var(--color-border-default)!important;
  background:var(--color-surface-card)!important;
  color:var(--color-text-primary)!important;
  box-shadow:inset 0 1px 0 var(--color-glass-highlight)!important;
}
.admin-chat-composer textarea:focus{border-color:var(--admin-chat-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-chat-brand) 16%,transparent)!important;outline:none}
.admin-chat-composer .composer-circle,.admin-chat-composer .chat-send{
  width:46px!important;height:46px!important;border-radius:15px!important;
  border:1px solid var(--color-border-default)!important;
}
.admin-chat-composer .composer-circle{background:var(--color-surface-card)!important;color:var(--color-text-secondary)!important}
.admin-chat-composer .composer-circle:hover{color:var(--admin-chat-brand)!important;border-color:color-mix(in srgb,var(--admin-chat-brand) 38%,var(--color-border-default))!important}
.admin-chat-composer .chat-send{background:linear-gradient(145deg,var(--admin-chat-brand),var(--admin-chat-brand-strong))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px color-mix(in srgb,var(--admin-chat-brand) 25%,transparent)!important}
.admin-chat-action-sheet{
  padding:12px!important;border-top:1px solid var(--color-border-default)!important;
  background:color-mix(in srgb,var(--color-surface-raised) 97%,transparent)!important;
  box-shadow:0 -14px 38px rgba(15,22,36,.12)!important;
}
.admin-chat-action-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.admin-chat-action-grid button{
  min-height:78px!important;padding:10px!important;border-radius:18px!important;
  flex-direction:column!important;gap:7px!important;background:var(--color-surface-card)!important;
  color:var(--color-text-primary)!important;border:1px solid var(--color-border-default)!important;
  box-shadow:0 5px 16px rgba(20,28,44,.06)!important;
}
.admin-chat-action-grid button>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--color-brand-soft);color:var(--admin-chat-brand)}
.admin-chat-action-grid button>b{font-size:12px;line-height:1.45}
.admin-chat-action-grid button.success{
  background:linear-gradient(145deg,color-mix(in srgb,var(--color-status-success) 13%,var(--color-surface-card)),var(--color-surface-card))!important;
  border-color:color-mix(in srgb,var(--color-status-success) 34%,var(--color-border-default))!important;color:var(--color-status-success)!important;
}
.admin-chat-action-grid button.success>span{background:color-mix(in srgb,var(--color-status-success) 14%,transparent);color:var(--color-status-success)}
.order-chat-head-actions{display:flex;align-items:center;gap:7px}
.order-complete-quick{
  min-height:38px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--color-status-success) 34%,var(--color-border-default));
  border-radius:13px;background:color-mix(in srgb,var(--color-status-success) 12%,var(--color-surface-card));
  color:var(--color-status-success);display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;
}
.order-complete-quick:hover{background:var(--color-status-success);color:#fff;border-color:var(--color-status-success)}
.admin-chat-dialog-backdrop{background:rgba(9,14,24,.52)!important;backdrop-filter:blur(7px)!important}
.admin-chat-dialog{
  width:min(520px,calc(100vw - 28px))!important;padding:0!important;overflow:hidden;
  border:1px solid var(--color-border-default)!important;border-radius:26px!important;
  background:var(--color-surface-raised)!important;box-shadow:0 26px 80px rgba(8,14,26,.28)!important;
}
.admin-chat-dialog>header{padding:18px 20px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--admin-chat-brand,#665fc4) 12%,var(--color-surface-raised)),var(--color-surface-raised));border-bottom:1px solid var(--color-border-default)}
.admin-chat-dialog>header b{font-size:17px}.admin-chat-dialog>header small{margin-top:4px;line-height:1.7}
.admin-chat-dialog form{padding:18px 20px 20px!important;gap:14px!important}.admin-chat-dialog label{gap:7px!important}.admin-chat-dialog textarea,.admin-chat-dialog input{border-radius:15px!important;background:var(--color-surface-card)!important}
.unified-profile-actions .unified-profile-action.success{order:-10;background:linear-gradient(145deg,color-mix(in srgb,var(--color-status-success) 14%,var(--color-surface-card)),var(--color-surface-card))!important;border-color:color-mix(in srgb,var(--color-status-success) 30%,var(--color-border-default))!important;color:var(--color-status-success)!important}
.unified-profile-actions .unified-profile-action.success i{color:var(--color-status-success)!important}
@media(max-width:720px){
  .telegram-message-row .telegram-bubble{max-width:86%!important}
  .admin-chat-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .order-complete-quick span{display:none}
  .order-complete-quick{width:40px;height:40px;padding:0;justify-content:center;border-radius:13px}
}

/* 2026-09 admin polish: filters, cancellation decision and unified account */
.ui-filter-bar{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;padding:9px!important;border:1px solid var(--color-border-default)!important;border-radius:18px!important;background:var(--color-surface-card)!important;box-shadow:0 7px 24px rgba(20,28,44,.06)!important}.ui-filter-bar .searchbox{flex:1 1 260px!important;min-height:46px!important;border:1px solid var(--color-border-default)!important;border-radius:14px!important;background:var(--color-surface-sunken)!important;box-shadow:none!important}.ui-filter-bar .searchbox:focus-within{border-color:var(--color-brand-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 14%,transparent)!important}.ui-filter-bar .searchbox input{background:transparent!important;border:0!important}.ui-filter-bar .select{appearance:none!important;-webkit-appearance:none!important;min-height:46px!important;padding:9px 13px 9px 34px!important;border:1px solid var(--color-border-default)!important;border-radius:14px!important;background:var(--color-surface-sunken)!important;color:var(--color-text-primary)!important;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%)!important;background-position:15px 19px,10px 19px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}.ui-filter-bar .select:focus{outline:none!important;border-color:var(--color-brand-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 14%,transparent)!important}
.admin-decision-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px;background:rgba(8,14,24,.58);backdrop-filter:blur(8px)}.admin-cancel-decision{width:min(590px,100%);overflow:hidden;border:1px solid var(--color-border-default);border-radius:27px;background:var(--color-surface-raised);box-shadow:0 28px 90px rgba(4,10,20,.32)}.admin-cancel-decision>header{display:grid;grid-template-columns:52px 1fr 42px;gap:12px;align-items:start;padding:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-status-danger) 9%,var(--color-surface-raised)),var(--color-surface-raised));border-bottom:1px solid var(--color-border-default)}.admin-cancel-decision>header>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-status-danger) 13%,transparent);color:var(--color-status-danger);font-size:20px}.admin-cancel-decision h3{margin:2px 0 4px;font-size:18px}.admin-cancel-decision header small,.admin-cancel-decision header p{color:var(--color-text-muted)}.admin-cancel-decision header p{margin:0;line-height:1.7;font-size:11px}.admin-cancel-decision header button{width:40px;height:40px;border:0;border-radius:13px;background:var(--color-surface-card);color:var(--color-text-secondary)}.admin-cancel-summary{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;padding:16px 18px 0}.admin-cancel-summary>div{padding:11px;border:1px solid var(--color-border-default);border-radius:15px;background:var(--color-surface-sunken)}.admin-cancel-summary small,.admin-cancel-summary b{display:block}.admin-cancel-summary small{color:var(--color-text-muted);margin-bottom:4px}.admin-cancel-note{display:grid;gap:7px;padding:15px 18px}.admin-cancel-note>span{font-weight:850}.admin-cancel-note textarea{min-height:105px;resize:vertical;border-radius:15px!important;background:var(--color-surface-card)!important}.admin-cancel-note small{color:var(--color-text-muted)}.admin-cancel-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;padding:0 18px 18px}.admin-cancel-actions .btn{min-height:48px;border-radius:15px}
.admin-account-grid{display:block!important;max-width:920px;margin-inline:auto}.admin-account-unified-card{overflow:hidden}.admin-account-unified-card>.admin-public-profile-card{margin:-1px -1px 18px!important;border-radius:0 0 22px 22px!important;box-shadow:none!important;border-inline:0!important;border-top:0!important}.admin-account-form{padding-top:4px}.admin-account-form .form-grid{gap:11px}.admin-account-form .field{padding:11px;border:1px solid var(--color-border-default);border-radius:16px;background:var(--color-surface-sunken)}
@media(max-width:640px){.ui-filter-bar{display:grid!important;grid-template-columns:1fr!important}.ui-filter-bar .searchbox,.ui-filter-bar .select{width:100%!important}.admin-cancel-summary,.admin-cancel-actions{grid-template-columns:1fr}.admin-cancel-decision>header{grid-template-columns:46px 1fr 38px;padding:15px}.admin-cancel-decision>header>span{width:46px;height:46px}}

/* 2026-09 final visual pass: calm, consistent admin chat and unmistakable counters */
.nav-server-badges{position:absolute!important;top:7px!important;inset-inline-start:7px!important;display:flex!important;gap:4px!important;z-index:4}.nav-count{min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:900!important;box-shadow:0 0 0 3px var(--color-surface-page),0 5px 14px rgba(239,68,68,.25)!important}.nav [data-page],.bottom-nav [data-page]{position:relative!important}
.chat-screen.admin-order-chat-screen,.chat-screen.admin-support-chat-screen{background:var(--admin-chat-canvas)!important}.chat-screen .chat-top{border-bottom:1px solid var(--color-border-default)!important;background:color-mix(in srgb,var(--color-surface-raised) 94%,transparent)!important;backdrop-filter:blur(18px)!important}.telegram-message-row.mine .telegram-bubble{color:#fff!important}.telegram-message-row.mine .message-meta,.telegram-message-row.mine .message-meta i{color:rgba(255,255,255,.78)!important}.telegram-message-row.theirs .telegram-bubble{color:var(--color-text-primary)!important}.order-complete-quick{border:0!important;border-radius:13px!important;min-height:38px!important;padding:0 11px!important;background:color-mix(in srgb,var(--color-status-success) 13%,var(--color-surface-raised))!important;color:var(--color-status-success)!important;font:inherit!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;gap:6px!important}

/* Unified centered non-message cards + fixed customer profile theme */
.telegram-message-row.system,.order-created-message,.order-completion-message,.cancellation-message,.support-system-message{justify-content:center!important;width:100%!important;margin:18px 0!important;padding:0 8px!important;clear:both}.telegram-message-row.system+.telegram-message-row:not(.system),.telegram-message-row:not(.system)+.telegram-message-row.system{margin-top:18px!important}.order-receipt-card,.order-completion-chat-card,.cancellation-chat-card,.chat-payment-card,.chat-event-card{margin-inline:auto!important}.chat-profile-view{background:var(--color-surface-page)!important;color:var(--color-text-primary)!important}.chat-profile-view .unified-profile{margin-inline:auto;background:var(--color-surface-page)!important;color:var(--color-text-primary)!important}.chat-profile-view .unified-profile-actions{background:var(--color-surface-page)!important;border-bottom:1px solid var(--color-border-subtle)!important}.chat-profile-view .unified-profile-action{background:var(--color-surface-card)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border-default)!important;box-shadow:var(--elevation-soft)!important}.chat-profile-view .unified-profile-section{background:var(--color-surface-card)!important;border:1px solid var(--color-border-default)!important}.chat-profile-view .ui-info-grid.detail-grid>div{background:var(--color-surface-sunken)!important;color:var(--color-text-primary)!important}.chat-profile-view .ui-info-grid small{color:var(--color-text-muted)!important}.chat-profile-view .unified-profile-actions .unified-profile-action.success{background:color-mix(in srgb,var(--color-status-success) 12%,var(--color-surface-card))!important;color:var(--color-status-success)!important}

/* Messenger-style message interactions — 2026-09 */
#orderMessages .telegram-message-row:not(.system){animation:adminChatMessageIn .28s cubic-bezier(.2,.8,.2,1) both}@keyframes adminChatMessageIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
#orderMessages .telegram-bubble{overflow:visible!important;transition:transform .16s ease,box-shadow .16s ease}#orderMessages .telegram-bubble.message-menu-open{z-index:50;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}
.admin-message-actions,.admin-message-reaction-tray{display:none;position:absolute;background:color-mix(in srgb,var(--color-surface-raised) 95%,transparent);border:1px solid var(--color-border-default);box-shadow:0 16px 42px rgba(0,0,0,.2);backdrop-filter:blur(18px);z-index:80}.admin-message-actions.is-open{display:flex;bottom:calc(100% + 10px);right:0;padding:6px;gap:3px;border-radius:16px}.admin-message-actions button{width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:var(--color-text-primary);display:grid;place-items:center}.admin-message-reaction-tray.is-open{display:flex;bottom:calc(100% + 61px);right:0;padding:5px 7px;border-radius:999px;direction:ltr}.admin-message-reaction-tray button{width:38px;height:38px;border:0;background:transparent;border-radius:50%;font-size:21px}.admin-message-actions.is-open,.admin-message-reaction-tray.is-open{animation:adminMessageMenuIn .16s ease both}@keyframes adminMessageMenuIn{from{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:none}}

/* 2026-09-05 — customer detail authoritative surface.
   This route must not inherit the generic full-screen/chat profile mobile rules. */
.customer-detail-page{
  width:100%;
  max-width:920px!important;
  margin-inline:auto!important;
  padding-bottom:112px!important;
}
.customer-detail-page .customer-unified-profile{
  width:100%!important;
  max-width:860px!important;
  min-height:0!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:30px!important;
  background:var(--color-surface-card)!important;
  color:var(--color-text-primary)!important;
  box-shadow:0 18px 54px rgba(12,20,34,.12)!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-hero{
  height:310px!important;
  min-height:0!important;
  background:linear-gradient(145deg,var(--color-brand-primary-strong),#101827)!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-bg{
  inset:-18px!important;
  filter:blur(24px) brightness(.7)!important;
  opacity:.72!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-photo{
  inset:0!important;
  place-items:stretch!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 34%!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-photo>span{
  align-self:center!important;
  justify-self:center!important;
  width:112px!important;
  height:112px!important;
  border:3px solid rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.13)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-shade{
  background:linear-gradient(180deg,rgba(4,9,16,.08) 20%,rgba(4,9,16,.84) 100%)!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-back{
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(8,14,24,.5)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-identity{
  right:24px!important;
  left:24px!important;
  bottom:22px!important;
  text-align:right!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-identity h2{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-identity p{
  color:rgba(255,255,255,.78)!important;
  font-weight:700!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-badges{
  margin-top:9px!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-body{
  padding:18px!important;
  gap:14px!important;
  background:var(--color-surface-page)!important;
}
.customer-detail-page .customer-unified-profile .unified-profile-section{
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:22px!important;
  background:var(--color-surface-card)!important;
  color:var(--color-text-primary)!important;
  box-shadow:0 7px 26px rgba(16,24,40,.06)!important;
}
.customer-detail-page .customer-level-label{
  margin:0 0 14px!important;
  padding:13px 14px!important;
  border:1px solid color-mix(in srgb,var(--color-brand-primary) 22%,var(--color-border-default))!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--color-brand-primary) 8%,var(--color-surface-card))!important;
}
.customer-detail-page .customer-level-label span{
  color:var(--color-text-primary)!important;
  font-size:15px!important;
  font-weight:900!important;
}
.customer-detail-page .customer-level-label small{
  color:var(--color-text-muted)!important;
  line-height:1.8!important;
}
.customer-detail-page .customer-level2-form{
  gap:12px!important;
}
.customer-detail-page .customer-level2-form .form-grid{
  gap:10px!important;
}
.customer-detail-page .customer-level2-form .field,
.customer-detail-page .wallet-adjust-form .field{
  padding:11px 12px!important;
  gap:7px!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:16px!important;
  background:var(--color-surface-sunken)!important;
  box-shadow:none!important;
}
.customer-detail-page .customer-level2-form .field label,
.customer-detail-page .wallet-adjust-form .field label{
  color:var(--color-text-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.customer-detail-page .customer-level2-form .input,
.customer-detail-page .customer-level2-form .select,
.customer-detail-page .customer-level2-form .textarea,
.customer-detail-page .wallet-adjust-form .input,
.customer-detail-page .wallet-adjust-form .select,
.customer-detail-page .wallet-adjust-form .textarea{
  min-height:44px!important;
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:var(--color-surface-card)!important;
  color:var(--color-text-primary)!important;
  box-shadow:none!important;
  outline:none!important;
}
.customer-detail-page .customer-level2-form .input:focus,
.customer-detail-page .customer-level2-form .select:focus,
.customer-detail-page .wallet-adjust-form .input:focus,
.customer-detail-page .wallet-adjust-form .select:focus,
.customer-detail-page .wallet-adjust-form .textarea:focus{
  border-color:var(--color-brand-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 13%,transparent)!important;
}
.customer-detail-page .customer-level2-form>.field.wide{
  padding:11px 12px!important;
  border:1px solid var(--color-border-default)!important;
  border-radius:16px!important;
  background:var(--color-surface-sunken)!important;
}
.customer-detail-page .customer-level2-form .btn.full,
.customer-detail-page .wallet-adjust-form .btn.full{
  min-height:48px!important;
  border-radius:15px!important;
  font-weight:900!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)!important;
}
.customer-detail-page .wallet-profile-section{
  display:grid!important;
  gap:13px!important;
}
.customer-detail-page .wallet-balance{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--color-brand-primary) 12%,var(--color-surface-sunken)),var(--color-surface-sunken))!important;
  border:1px solid color-mix(in srgb,var(--color-brand-primary) 16%,var(--color-border-default))!important;
}
.customer-detail-page .wallet-balance small{color:var(--color-text-muted)!important}
.customer-detail-page .wallet-balance b{color:var(--color-text-primary)!important;font-size:18px!important}

@media(max-width:760px){
  .customer-detail-page{padding-bottom:108px!important}
  .customer-detail-page .customer-unified-profile{
    border-radius:24px!important;
    min-height:0!important;
  }
  .customer-detail-page .customer-unified-profile .unified-profile-hero{
    height:245px!important;
    min-height:245px!important;
  }
  .customer-detail-page .customer-unified-profile .unified-profile-identity{
    right:18px!important;
    left:18px!important;
    bottom:17px!important;
  }
  .customer-detail-page .customer-unified-profile .unified-profile-identity h2{font-size:25px!important}
  .customer-detail-page .customer-unified-profile .unified-profile-body{
    padding:12px!important;
    gap:11px!important;
  }
  .customer-detail-page .customer-unified-profile .unified-profile-section{
    padding:13px!important;
    border-radius:19px!important;
  }
  .customer-detail-page .customer-level2-form .form-grid{grid-template-columns:1fr 1fr!important}
  .customer-detail-page .customer-level2-form .field{min-width:0!important}
  .customer-detail-page .customer-level2-form .field.wide{grid-column:1/-1!important}
  .customer-detail-page .wallet-adjust-form{grid-template-columns:1fr!important}
  .customer-detail-page .wallet-adjust-form>*{grid-column:1/-1!important}
}
@media(max-width:430px){
  .customer-detail-page .customer-level2-form .form-grid{grid-template-columns:1fr!important}
  .customer-detail-page .customer-level2-form .field{grid-column:1/-1!important}
}

/* 2026-09-05 — authoritative admin navigation badge reset.
   One API-owned attention counter per operational page; never on Home. */
.admin-sidebar .nav [data-page],.bottom-nav [data-page]{position:relative!important}
.admin-sidebar .nav .nav-server-badges{position:static!important;inset:auto!important;transform:none!important;margin-inline-start:auto!important;display:inline-flex!important;align-items:center!important;pointer-events:none!important;z-index:auto!important}
.admin-sidebar .nav .nav-count{min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:#ef4444!important;color:#fff!important;font-size:10.5px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important}
.admin-sidebar .nav [data-page="dashboard"] .nav-server-badges,.bottom-nav [data-page="dashboard"] .nav-server-badges{display:none!important}
.bottom-nav .nav-server-badges{position:absolute!important;top:1px!important;inset-inline-start:auto!important;inset-inline-end:calc(50% - 25px)!important;right:auto!important;transform:none!important;display:flex!important;pointer-events:none!important;z-index:5!important}
.bottom-nav .nav-count{min-width:18px!important;height:18px!important;padding:0 4px!important;border:2px solid var(--color-glass-surface-strong,var(--color-surface-page,#fff))!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:9.5px!important;font-weight:900!important;line-height:14px!important;box-shadow:none!important}

/* 2026-09-05 — shared advanced messenger context menu (admin parity with app) */
.message-context-root{position:fixed;inset:0;z-index:1900;display:flex;align-items:flex-end;justify-content:center;padding:18px 14px calc(18px + env(safe-area-inset-bottom));direction:rtl}.message-context-backdrop{position:absolute;inset:0;background:rgba(2,6,15,.54);backdrop-filter:blur(8px)}.message-context-sheet,.message-forward-sheet{position:relative;width:min(100%,430px);max-height:min(82dvh,760px);overflow:auto;background:rgba(25,38,54,.985);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.48);animation:adminMessageMenuIn .16s ease-out}@keyframes adminMessageMenuIn{from{transform:translateY(16px) scale(.98);opacity:.3}to{transform:none;opacity:1}}.message-context-reactions{display:flex;gap:5px;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}.message-context-reactions button{border:0;background:transparent;color:#fff;min-width:42px;height:42px;border-radius:14px;font-size:25px}.message-context-more{margin-inline-start:auto!important;background:rgba(255,255,255,.1)!important;font-size:16px!important}.message-context-preview{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.message-context-preview small{color:#9fb0c3}.message-context-preview p{margin:5px 0 0;font-size:13px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-context-preview>span{display:inline-flex;margin-top:7px;font-size:10px;padding:3px 7px;border-radius:999px;background:rgba(139,92,246,.2);color:#c4b5fd}.message-context-actions{padding:6px}.message-context-action{width:100%;border:0;background:transparent;color:#f8fafc;min-height:54px;border-radius:14px;padding:8px 11px;display:grid;grid-template-columns:40px 1fr 22px;gap:9px;align-items:center;text-align:right}.message-context-action:hover,.message-context-action:active{background:rgba(255,255,255,.075)}.message-context-action>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06)}.message-context-action>b{font-size:15px}.message-context-action>i{font-size:11px;color:#91a4b8}.message-context-action.danger{color:#fca5a5}.message-context-action.is-disabled{opacity:.45}.message-forward-sheet header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid rgba(255,255,255,.08)}.message-forward-sheet header small{color:#9fb0c3}.message-forward-sheet header h3{margin:2px 0 0;font-size:17px}.message-forward-sheet header button{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff}.message-forward-preview{display:flex;gap:10px;align-items:center;padding:11px 15px;background:rgba(139,92,246,.1);color:#d8d3ff;font-size:12px}.message-forward-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-forward-list{padding:7px;display:grid;gap:5px}.message-forward-target{width:100%;border:0;background:transparent;color:#fff;border-radius:14px;padding:9px;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;text-align:right}.message-forward-target:active{background:rgba(255,255,255,.08)}.message-forward-target-icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#a78bfa}.message-forward-target b{display:block}.message-forward-target small{display:block;color:#9fb0c3;margin-top:3px}.message-forward-target em{font-size:10px;font-style:normal;color:#c4b5fd;background:rgba(139,92,246,.14);padding:4px 7px;border-radius:999px}.message-forward-loading,.message-forward-empty{padding:28px 12px;text-align:center;color:#9fb0c3}.admin-reply-preview{margin:0 12px 8px;padding:9px 11px;border-radius:14px;background:var(--color-surface-card);border-inline-start:3px solid var(--color-brand-primary);display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-reply-preview>span{min-width:0;display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center}.admin-reply-preview small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-muted)}.admin-reply-preview button{border:0;background:transparent;color:var(--color-text-muted)}.message-pinned-mark{display:inline-flex!important;gap:4px;align-items:center;opacity:.82}.admin-message-actions,.admin-message-reaction-tray{display:none!important}
@media(min-width:761px){.message-context-root{align-items:center}}

.forwarded-message-mark{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;opacity:.72;margin-bottom:5px}

/* 2026-09-05 — instant unified message context interaction */
.telegram-bubble{touch-action:manipulation}
.message-context-sheet,.message-forward-sheet{animation:vistaAdminMessageMenuFastIn .075s ease-out!important}
@keyframes vistaAdminMessageMenuFastIn{from{transform:translateY(7px) scale(.995);opacity:.65}to{transform:none;opacity:1}}

/* 2026-09-05 — compact anchored chat menu + shared service reference UI */
.message-context-root{align-items:stretch!important;justify-content:stretch!important;padding:0!important;pointer-events:none}.message-context-root>.message-context-backdrop{pointer-events:auto;background:rgba(2,6,15,.18)!important;backdrop-filter:none!important}.message-context-sheet.message-context-popover{position:fixed!important;top:var(--context-top)!important;left:var(--context-left)!important;width:var(--context-width)!important;max-height:min(72dvh,520px)!important;border-radius:18px!important;overflow:hidden auto!important;pointer-events:auto!important;animation:vistaAdminPopoverIn .065s ease-out!important}@keyframes vistaAdminPopoverIn{from{transform:scale(.965);opacity:.35}to{transform:scale(1);opacity:1}}.message-context-sheet.message-context-popover .message-context-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:7px!important}.message-context-sheet.message-context-popover .message-context-action{min-height:64px!important;padding:7px 5px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;text-align:center!important}.message-context-sheet.message-context-popover .message-context-action>span{width:34px!important;height:34px!important}.message-context-sheet.message-context-popover .message-context-action>b{font-size:11px!important;white-space:nowrap!important}.message-context-sheet.message-context-popover .message-context-action>i:last-child{display:none!important}.message-context-sheet.message-context-popover .message-context-reactions{padding:7px 8px!important;gap:3px!important}.message-context-sheet.message-context-popover .message-context-reactions button{min-width:36px!important;height:36px!important;font-size:21px!important}
.chat-service-reference{width:100%;border:1px solid color-mix(in srgb,var(--color-brand-primary) 24%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-brand-primary) 7%,var(--color-surface-card));color:var(--color-text-primary);border-radius:15px;padding:8px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:right;margin:7px 0 3px}.chat-service-reference-icon{width:42px;height:42px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--color-surface-sunken);color:var(--color-brand-primary)}.chat-service-reference-icon img{width:100%;height:100%;object-fit:cover}.chat-service-reference-copy{min-width:0}.chat-service-reference-copy small{display:block;color:var(--color-brand-primary);font-size:10px;font-weight:800}.chat-service-reference-copy b{display:block;margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-service-reference-copy em{display:block;color:var(--color-text-muted);font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-service-reference>i{font-size:11px;color:var(--color-text-muted)}.admin-service-compose-preview{position:relative;padding:0 10px 7px;background:var(--color-surface-page)}.admin-service-compose-preview .chat-service-reference{margin:0;padding-inline-end:42px}.admin-service-compose-preview>[data-clear-admin-service]{position:absolute;inset-inline-end:20px;top:11px;width:30px;height:30px;border:0;border-radius:10px;background:var(--color-surface-sunken);color:var(--color-text-muted)}
.service-picker-root{position:fixed;inset:0;z-index:2100;display:flex;align-items:flex-end;justify-content:center;direction:rtl}.service-picker-backdrop{position:absolute;inset:0;background:rgba(2,6,15,.55);backdrop-filter:blur(7px)}.service-picker-panel{position:relative;width:min(100%,520px);max-height:82dvh;overflow:hidden;background:var(--color-surface-page);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:26px 26px 0 0;box-shadow:0 -24px 70px rgba(0,0,0,.4);display:flex;flex-direction:column}.service-picker-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-subtle)}.service-picker-panel header small{display:block;color:var(--color-text-muted);font-size:10px}.service-picker-panel header h3{margin:2px 0 0}.service-picker-panel header button{width:38px;height:38px;border:0;border-radius:12px;background:var(--color-surface-sunken);color:var(--color-text-primary)}.service-picker-search{margin:10px 12px;display:flex;align-items:center;gap:8px;background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:14px;padding:0 12px}.service-picker-search input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;color:inherit;font:inherit}.service-picker-list{padding:0 10px 12px;overflow:auto;display:grid;gap:6px}.service-picker-item{width:100%;border:1px solid var(--color-border-subtle);background:var(--color-surface-card);color:var(--color-text-primary);border-radius:15px;padding:8px;display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:center;text-align:right}.service-picker-item>span:first-child{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--color-surface-sunken);display:grid;place-items:center;color:var(--color-brand-primary)}.service-picker-item img{width:100%;height:100%;object-fit:cover}.service-picker-item b,.service-picker-item small{display:block}.service-picker-item small{color:var(--color-text-muted);font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-picker-loading,.service-picker-empty{padding:28px 14px;text-align:center;color:var(--color-text-muted)}.service-detail-cover{width:calc(100% - 24px);height:170px;margin:12px;border-radius:18px;object-fit:cover}.service-detail-copy{padding:4px 16px 20px}.service-detail-copy p{line-height:1.9;color:var(--color-text-secondary)}@media(min-width:761px){.service-picker-root{align-items:center;padding:22px}.service-picker-panel{border-radius:26px;max-height:80dvh}}

/* 2026-09-06 — compact Telegram-like message popover + cascading attention badges. */
.message-context-root{z-index:2147483000!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;pointer-events:none!important}
.message-context-root>.message-context-backdrop{pointer-events:auto!important;background:rgba(2,6,15,.10)!important;backdrop-filter:none!important}
.message-context-sheet.message-context-popover{position:fixed!important;top:var(--context-top)!important;left:var(--context-left)!important;width:var(--context-width)!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important;overflow:hidden auto!important;pointer-events:auto!important;background:rgba(35,50,66,.985)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 14px 42px rgba(0,0,0,.40)!important;transform-origin:top right!important;animation:vistaAdminMessageContextFast .05s ease-out!important}
@keyframes vistaAdminMessageContextFast{from{transform:scale(.975);opacity:.55}to{transform:scale(1);opacity:1}}
.message-context-sheet.message-context-popover .message-context-reactions{padding:5px 6px!important;gap:1px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;overflow-x:auto!important;scrollbar-width:none!important}
.message-context-sheet.message-context-popover .message-context-reactions::-webkit-scrollbar{display:none!important}
.message-context-sheet.message-context-popover .message-context-reactions button{min-width:34px!important;width:34px!important;height:34px!important;border-radius:10px!important;font-size:20px!important;padding:0!important;flex:0 0 34px!important}
.message-context-sheet.message-context-popover .message-context-reactions .message-context-more{margin-inline-start:auto!important;font-size:13px!important;background:rgba(255,255,255,.07)!important}
.message-context-sheet.message-context-popover .message-context-preview{padding:6px 10px!important;min-height:0!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.message-context-sheet.message-context-popover .message-context-preview small{font-size:10px!important;line-height:1.2!important}
.message-context-sheet.message-context-popover .message-context-preview p{margin:2px 0 0!important;font-size:11px!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.message-context-sheet.message-context-popover .message-context-preview>span{display:none!important}
.message-context-sheet.message-context-popover .message-context-actions{display:block!important;padding:4px!important}
.message-context-sheet.message-context-popover .message-context-action{width:100%!important;min-height:39px!important;padding:4px 7px!important;border-radius:10px!important;display:grid!important;grid-template-columns:30px 1fr 16px!important;gap:7px!important;align-items:center!important;text-align:right!important}
.message-context-sheet.message-context-popover .message-context-action>span{width:28px!important;height:28px!important;border-radius:8px!important;background:transparent!important;font-size:14px!important}
.message-context-sheet.message-context-popover .message-context-action>b{font-size:13px!important;font-weight:600!important;white-space:nowrap!important}
.message-context-sheet.message-context-popover .message-context-action>i:last-child{display:block!important;font-size:9px!important;opacity:.55!important}
.message-context-sheet.message-context-popover .message-context-action:hover,.message-context-sheet.message-context-popover .message-context-action:active{background:rgba(255,255,255,.07)!important}
.admin-attention-badge,.admin-tab-attention{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff!important;font-size:10px!important;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--color-surface-card,rgba(15,23,42,.9));font-style:normal}
.ui-segmented button .admin-tab-attention,.section-tabs button .admin-tab-attention{margin-inline:3px 0;flex:0 0 auto}
.compact-work-list .admin-attention-badge{margin-inline:3px}
.message-context-root>.message-forward-sheet{pointer-events:auto!important;position:fixed!important;right:10px!important;left:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:430px!important;margin-inline:auto!important}

/* 2026-09-06 — authoritative instant anchored admin context menu */
.message-context-root{z-index:2147483000!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;pointer-events:none!important}
.message-context-root>.message-context-backdrop{pointer-events:auto!important;background:rgba(2,6,15,.10)!important;backdrop-filter:none!important}
.message-context-sheet.message-context-popover{position:fixed!important;top:var(--context-top)!important;left:var(--context-left)!important;width:var(--context-width)!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important;overflow:hidden auto!important;pointer-events:auto!important;background:rgba(35,50,66,.985)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 14px 42px rgba(0,0,0,.4)!important;transform-origin:top right!important;animation:vistaAdminContextFast .05s ease-out!important}
@keyframes vistaAdminContextFast{from{transform:scale(.975);opacity:.55}to{transform:scale(1);opacity:1}}
.message-context-sheet.message-context-popover .message-context-reactions{padding:4px 5px!important;gap:1px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;overflow-x:auto!important;scrollbar-width:none!important}
.message-context-sheet.message-context-popover .message-context-reactions::-webkit-scrollbar{display:none!important}
.message-context-sheet.message-context-popover .message-context-reactions button{min-width:30px!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;font-size:18px!important;padding:0!important}
.message-context-sheet.message-context-popover .message-context-preview{padding:5px 8px!important;min-height:0!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.message-context-sheet.message-context-popover .message-context-preview small{font-size:9.5px!important}.message-context-sheet.message-context-popover .message-context-preview p{margin:2px 0 0!important;font-size:10.5px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.message-context-sheet.message-context-popover .message-context-preview>span{display:none!important}
.message-context-sheet.message-context-popover .message-context-actions{display:block!important;padding:3px!important}
.message-context-sheet.message-context-popover .message-context-action{width:100%!important;min-height:34px!important;padding:2px 6px!important;border-radius:8px!important;display:grid!important;grid-template-columns:25px 1fr 13px!important;gap:5px!important;align-items:center!important;text-align:right!important}
.message-context-sheet.message-context-popover .message-context-action>span{width:24px!important;height:24px!important;border-radius:7px!important;background:transparent!important;font-size:13px!important}.message-context-sheet.message-context-popover .message-context-action>b{font-size:12px!important;font-weight:600!important;white-space:nowrap!important}.message-context-sheet.message-context-popover .message-context-action>i:last-child{display:block!important;font-size:8px!important;opacity:.55!important}.message-context-sheet.message-context-popover .message-context-action:hover,.message-context-sheet.message-context-popover .message-context-action:active{background:rgba(255,255,255,.07)!important}

/* 2026-09-06 — App-parity admin Message Composer, viewport-stable. */
.chat-screen.admin-order-chat-screen,
.chat-screen.admin-support-chat-screen{
  height:var(--admin-chat-vh,100dvh)!important;
  max-height:var(--admin-chat-vh,100dvh)!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  overflow:hidden!important;
  position:relative!important;
}
.chat-screen.admin-order-chat-screen .telegram-chat,
.chat-screen.admin-support-chat-screen .telegram-chat{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.admin-composer-stack{
  position:sticky!important;
  bottom:0!important;
  z-index:60!important;
  width:100%!important;
  min-width:0!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)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.admin-composer-stack .admin-reply-preview,
.admin-composer-stack .admin-service-compose-preview{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  border-radius:0!important;
}
.admin-chat-composer{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.admin-chat-composer textarea{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:46px!important;
  max-height:120px!important;
  resize:none!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)!important;
  line-height:1.55!important;
  outline:0!important;
  box-shadow:inset 0 1px 0 var(--color-glass-highlight)!important;
}
.admin-chat-composer textarea:focus{
  border-color:color-mix(in srgb,var(--admin-chat-brand) 48%,var(--color-border-default))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--admin-chat-brand) 10%,transparent),inset 0 1px 0 var(--color-glass-highlight)!important;
}
.admin-chat-composer .composer-circle,
.admin-chat-composer .chat-send{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
}
.admin-chat-composer .composer-circle{
  background:var(--color-surface-muted)!important;
  border:1px solid var(--color-border-default)!important;
  color:var(--color-text-muted)!important;
  box-shadow:none!important;
}
.admin-chat-composer .chat-send{
  background:linear-gradient(145deg,color-mix(in srgb,var(--admin-chat-brand) 82%,white),var(--admin-chat-brand))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--admin-chat-brand) 25%,transparent)!important;
}
@media(max-width:760px){
  .chat-screen.admin-order-chat-screen,
  .chat-screen.admin-support-chat-screen{height:var(--admin-chat-vh,100dvh)!important;max-height:var(--admin-chat-vh,100dvh)!important}
  .admin-chat-composer{gap:5px!important;padding-inline:7px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
  .admin-chat-composer .composer-circle,.admin-chat-composer .chat-send{width:43px!important;height:43px!important;flex-basis:43px!important}
  .admin-chat-composer textarea{padding-inline:13px!important}
}

/* 2026-09-06 — final admin chat viewport/composer + Telegram-like selection parity. */
.chat-screen.admin-order-chat-screen,.chat-screen.admin-support-chat-screen{
  display:flex!important;flex-direction:column!important;grid-template-rows:none!important;
  height:var(--admin-chat-vh,100dvh)!important;max-height:var(--admin-chat-vh,100dvh)!important;min-height:0!important;
  inset:0!important;overflow:hidden!important;background:var(--admin-chat-canvas,var(--color-surface-page))!important;
}
.chat-screen.admin-order-chat-screen>.chat-top,.chat-screen.admin-support-chat-screen>.chat-top,
.chat-screen.admin-order-chat-screen>.support-takeover,.chat-screen.admin-support-chat-screen>.support-takeover,
.chat-screen.admin-order-chat-screen>.admin-chat-action-sheet,.chat-screen.admin-support-chat-screen>.admin-chat-action-sheet{flex:0 0 auto!important}
.chat-screen.admin-order-chat-screen>.telegram-chat,.chat-screen.admin-support-chat-screen>.telegram-chat{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important}
.admin-composer-stack{position:relative!important;bottom:auto!important;inset:auto!important;flex:0 0 auto!important;margin:0!important;z-index:90!important;background:color-mix(in srgb,var(--color-surface-raised) 96%,transparent)!important}
.admin-chat-composer{margin:0!important;width:100%!important;flex:0 0 auto!important}
.badge[data-status]{--_status:var(--status-color,var(--color-accent-primary));border-color:color-mix(in srgb,var(--_status) 34%,transparent)!important;background:color-mix(in srgb,var(--_status) 14%,var(--color-surface-raised))!important;color:var(--_status)!important}
.telegram-message-row{transition:transform .16s ease,filter .16s ease,background .16s ease}
.telegram-message-row.reply-swipe-flash{transform:translateX(-18px)!important}
.telegram-message-row.is-selected-message{position:relative;z-index:2}.telegram-message-row.is-selected-message:before{content:"";position:absolute;inset:-3px -100vw;z-index:-1;background:color-mix(in srgb,var(--admin-chat-brand,#665fc4) 15%,transparent);pointer-events:none}
.message-selection-toolbar{position:absolute;inset:0 0 auto 0;z-index:2147483100;min-height:64px;padding:max(8px,env(safe-area-inset-top)) 10px 8px;display:flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--color-surface-raised) 95%,transparent);border-bottom:1px solid var(--color-border-default);backdrop-filter:blur(20px);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.message-selection-toolbar button{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--color-text-primary);display:grid;place-items:center;font-size:17px}.message-selection-toolbar button:active{background:var(--color-surface-muted)}.message-selection-toolbar button.danger{color:#ef4444}.message-selection-toolbar button:disabled{opacity:.28}.message-selection-toolbar strong{font-size:14px;white-space:nowrap}.message-selection-toolbar .selection-spacer{flex:1}
.message-selection-bottom{position:absolute;inset:auto 0 0 0;z-index:2147483100;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 10px max(10px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-surface-raised) 96%,transparent);border-top:1px solid var(--color-border-default);backdrop-filter:blur(20px);box-shadow:0 -8px 24px rgba(0,0,0,.12)}
.message-selection-bottom button{min-height:48px;border:0;border-radius:18px;background:var(--color-surface-muted);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:800}.message-selection-bottom button:disabled{opacity:.35}
.chat-screen.message-selection-active>.chat-top{visibility:hidden}.chat-screen.message-selection-active .admin-composer-stack{visibility:hidden}

/* 2026-09-06 — keyboard-safe admin chat viewport + robust swipe-to-reply. */
.chat-screen.admin-order-chat-screen,.chat-screen.admin-support-chat-screen{
  position:fixed!important;
  top:var(--admin-chat-top,0px)!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  height:var(--admin-chat-vh,100dvh)!important;
  max-height:var(--admin-chat-vh,100dvh)!important;
  min-height:0!important;
}
.admin-composer-stack{position:relative!important;inset:auto!important;flex:0 0 auto!important;margin:0!important;background:var(--color-surface-raised)!important}
.admin-chat-composer{position:relative!important;inset:auto!important;margin:0!important;width:100%!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
.telegram-message-row .telegram-bubble{touch-action:pan-y!important;-webkit-user-select:none;user-select:none}
.telegram-message-row.reply-swipe-drag{transform:translateX(var(--swipe-x,0))!important;transition:none!important}
.telegram-message-row.reply-swipe-flash{transform:translateX(-20px)!important;transition:transform .12s ease!important}

/* Admin chat: header, scrollable messages and composer share the visual viewport. */
body.chat-route{overflow:hidden!important;overscroll-behavior:none!important}
body.chat-route .admin-main,body.chat-route .admin-main>.content{height:100%!important;min-height:0!important;overflow:hidden!important;transform:none!important;animation:none!important}
.chat-screen.admin-order-chat-screen,.chat-screen.admin-support-chat-screen{
  position:fixed!important;
  top:var(--admin-chat-top,0px)!important;
  right:auto!important;
  bottom:auto!important;
  left:var(--admin-chat-left,0px)!important;
  width:var(--admin-chat-vw,100%)!important;
  height:var(--admin-chat-vh,100dvh)!important;
  max-height:var(--admin-chat-vh,100dvh)!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  transform:none!important;
}
.chat-screen.admin-order-chat-screen>.telegram-chat,.chat-screen.admin-support-chat-screen>.telegram-chat{
  flex:1 1 0!important;
  min-height:0!important;
  height:0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.admin-composer-stack{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  z-index:120!important;
  margin:0!important;
  padding:0!important;
  background:var(--color-surface-raised)!important;
  border-top:1px solid var(--color-border-default)!important;
}
.admin-chat-composer{position:relative!important;inset:auto!important;flex:0 0 auto!important;margin:0!important;width:100%!important}
.admin-chat-composer textarea{scroll-margin:0!important;max-height:min(120px,calc(var(--admin-chat-vh,100dvh) * .25))!important}
@media(max-width:760px){
  /* Prevent focus zoom from moving the composer out of the iOS visual viewport. */
  .admin-chat-composer textarea{font-size:max(16px,calc(14px * var(--ui-font-scale,1)))!important}
}
.message-context-root{position:fixed!important;inset:0!important;z-index:2147483640!important}
.message-context-sheet.message-context-popover{z-index:2147483641!important;max-height:var(--context-max-height,calc(100dvh - 16px))!important;min-height:0!important;overscroll-behavior:contain!important}

/* Shared chat wallpaper: keep this block identical in App and Admin. */
.chat-screen{
  --vista-chat-wallpaper-base:#f3f0f8;
  --vista-chat-wallpaper-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b0a0c8%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2819%2023%29%20rotate%28-12%2015%2012%29%22%3E%3Cpath%20d%3D%22M5%200h21a5%205%200%200%201%205%205v13a5%205%200%200%201-5%205H14l-8%206v-6H5a5%205%200%200%201-5-5V5a5%205%200%200%201%205-5Z%22%2F%3E%3Cpath%20d%3D%22M8%208h15M8%2014h10%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28155%2017%29%20rotate%2813%2016%2016%29%22%3E%3Cpath%20d%3D%22m0%2011%2034-11-11%2034-7-15-16-8Zm16%208L34%200M16%2019l-2%2010%209-7%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2881%20102%29%20rotate%28-10%2015%2012%29%22%3E%3Cpath%20d%3D%22M2%205h24v12a9%209%200%200%201-9%209h-6a9%209%200%200%201-9-9V5Zm24%202h3a6%206%200%200%201%200%2012h-3M0%2031h29M9%200v-5M18%200v-5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28179%20155%29%20rotate%2812%2012%2010%29%22%3E%3Cpath%20d%3D%22M13%2023%202%2012C-7%202%205-6%2013%203c8-9%2020-1%2011%209L13%2023Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2823%20185%29%20rotate%28-13%2012%2012%29%22%3E%3Cpath%20d%3D%22m12%200%203.5%208%208.5%201-6.5%206%202%209-7.5-4.5L4.5%2024l2-9L0%209l8.5-1L12%200Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m102%2030%202%205%205%202-5%202-2%205-2-5-5-2%205-2%202-5Zm103%2072%202%205%205%202-5%202-2%205-2-5-5-2%205-2%202-5ZM121%20189l4%204-4%204-4-4%204-4%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%22116%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%22149%22%20cy%3D%2278%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22221%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22m66%2068%204%203m83%2065%203-4m-86%2094%204-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
html[data-theme="dark"] .chat-screen{
  --vista-chat-wallpaper-base:#17212e;
  --vista-chat-wallpaper-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%20viewBox%3D%220%200%20240%20240%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23415870%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2819%2023%29%20rotate%28-12%2015%2012%29%22%3E%3Cpath%20d%3D%22M5%200h21a5%205%200%200%201%205%205v13a5%205%200%200%201-5%205H14l-8%206v-6H5a5%205%200%200%201-5-5V5a5%205%200%200%201%205-5Z%22%2F%3E%3Cpath%20d%3D%22M8%208h15M8%2014h10%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28155%2017%29%20rotate%2813%2016%2016%29%22%3E%3Cpath%20d%3D%22m0%2011%2034-11-11%2034-7-15-16-8Zm16%208L34%200M16%2019l-2%2010%209-7%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2881%20102%29%20rotate%28-10%2015%2012%29%22%3E%3Cpath%20d%3D%22M2%205h24v12a9%209%200%200%201-9%209h-6a9%209%200%200%201-9-9V5Zm24%202h3a6%206%200%200%201%200%2012h-3M0%2031h29M9%200v-5M18%200v-5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28179%20155%29%20rotate%2812%2012%2010%29%22%3E%3Cpath%20d%3D%22M13%2023%202%2012C-7%202%205-6%2013%203c8-9%2020-1%2011%209L13%2023Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2823%20185%29%20rotate%28-13%2012%2012%29%22%3E%3Cpath%20d%3D%22m12%200%203.5%208%208.5%201-6.5%206%202%209-7.5-4.5L4.5%2024l2-9L0%209l8.5-1L12%200Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m102%2030%202%205%205%202-5%202-2%205-2-5-5-2%205-2%202-5Zm103%2072%202%205%205%202-5%202-2%205-2-5-5-2%205-2%202-5ZM121%20189l4%204-4%204-4-4%204-4%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%22116%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%22149%22%20cy%3D%2278%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22221%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22m66%2068%204%203m83%2065%203-4m-86%2094%204-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.chat-screen .telegram-chat{
  background:var(--vista-chat-wallpaper-image) 0 0 / 384px 384px repeat var(--vista-chat-wallpaper-base)!important;
}
.chat-screen .telegram-chat::before{display:none!important}

/* Pinned conversations/orders: visible corner state instead of metadata-only pin. */
.ui-list-row.is-pinned,.order-row.is-pinned,.support-row.is-pinned,.conversation-card.is-pinned{position:relative!important;border-color:color-mix(in srgb,var(--color-brand-primary,#229ed9) 24%,var(--color-border-default))!important}.list-pin-badge{position:absolute;top:7px;inset-inline-start:7px;z-index:3;width:27px;height:27px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-brand-primary,#229ed9) 14%,var(--color-surface-card,#fff));color:var(--color-brand-primary,#229ed9);box-shadow:0 4px 12px #0001;font-size:12px}.list-pin-badge svg,.list-pin-badge i{width:13px;height:13px}.ui-list-row.is-pinned .ui-list-tail{padding-inline-start:23px}