:root{color:#1e2622;font-size:15px}
.hidden{display:none!important}
body{color:#1e2622;background-color:#f1f4f2;background-image:linear-gradient(180deg,rgba(246,248,247,.975),rgba(242,245,243,.985)),url("pattern.png");background-size:cover;background-attachment:fixed}
.sidebar{background:rgba(255,255,255,.94);border-bottom-color:#e2e7e3;box-shadow:0 5px 22px #24332a12;backdrop-filter:blur(18px)}
.side-nav{flex:1;justify-content:flex-end;background:#f3f5f3;border-color:#e6eae7;box-shadow:none;backdrop-filter:none}
.nav-item{font-size:13px;color:#454e49}
.nav-item.active{color:#282f2b;background:#fff;box-shadow:0 2px 8px #26382e1b}
.nav-item.active .nav-icon{background:#fff0e1;color:#a84d20}
.nav-count{font-size:11px}
.nav-icon{flex:none}
.brand{min-width:190px}
.brand-logo{width:205px;height:50px}
.brand-name{position:relative;display:inline-block;color:#232b26;font-family:Impact,"Arial Narrow",sans-serif;font-size:22px;font-style:italic;font-weight:800;letter-spacing:.1px;line-height:1;white-space:nowrap}
.brand-name::after{position:absolute;right:0;bottom:-6px;left:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#e9a52a 0 67%,#cf4934 67%);content:""}
.main-area{min-height:calc(100vh - 74px);display:flex;flex-direction:column}
.page-wrap{flex:1}
.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.page-actions button{white-space:nowrap}
.app-footer{display:flex;justify-content:center;gap:22px;padding:15px 20px 18px;border-top:1px solid #e3e8e4;background:#ffffffc9;backdrop-filter:blur(16px)}
.app-footer a{color:#59645e;font-size:12px;font-weight:600;text-decoration:none;transition:color .18s ease}
.app-footer a:hover{color:#b45a29}
.page-heading h1{font-size:35px;color:#1d2521;line-height:1.15;letter-spacing:-.8px}
.eyebrow{font-size:11px;color:#56645d;letter-spacing:1.25px}
.page-subtitle{font-size:14px;color:#59645e;line-height:1.5}
.primary-button,.secondary-button{font-size:13px;min-height:44px}
.secondary-button{color:#343c37;border-color:#e0e5e1;background:#fff}
.stats-row{gap:16px}
.stat-card{min-height:94px;padding:19px 20px;background:#fffffff5;border-color:#e2e8e3;box-shadow:0 7px 20px #2939300d}
.stat-label{font-size:13px;color:#4f5b54;margin-bottom:5px}
.stat-card strong,.purchase-summary strong{font-size:21px;color:#1e2923}
.stat-icon{width:42px;height:42px;font-size:18px}
.section-title-row h2,.catalog-heading h2{font-size:17px;color:#202923}
.muted{font-size:13px;color:#535f58;line-height:1.55}
.section-title-row .muted{font-size:12px}
.segmented button{font-size:12px;height:32px;padding:0 13px;color:#424944}
.order-card{padding:18px 20px;border-radius:15px;background:#fff;border-color:#e2e7e3;box-shadow:0 5px 16px #2231280c}
.order-id,.order-product{font-size:14px;color:#232b26}
.order-time,.order-customer,.order-detail{font-size:12px;color:#59635d}
.order-price{font-size:15px;color:#1c2721}
.status-select{font-size:12px;max-width:140px;padding:9px 11px}
.empty-state{background:#fff;border-color:#e4e9e5}
.empty-state h3{font-size:17px;color:#212a25}
.empty-state p{font-size:13px;color:#515d56}
.toolbar select,.search-box{height:46px}
.search-box input,.toolbar select{font-size:13px;color:#303a34}
.purchase-summary,.purchase-row{background:#fff;border-color:#e2e7e3}
.purchase-row{padding:15px 17px}
.purchase-row .purchase-name{font-size:14px;color:#27312b}
.purchase-row small{font-size:12px;color:#58645d}
.text-button{font-size:12px}
.settings-grid{gap:16px}
.settings-card{padding:23px;background:#fff;border-color:#e2e7e3;box-shadow:0 7px 22px #2231280d;backdrop-filter:none}
.settings-card .card-heading h2{font-size:17px;color:#202923}
.settings-card .muted{font-size:14px;color:#4d5952;line-height:1.6}
.field-label,.form-field>span{font-size:13px;color:#3d4841}
.full-select,.toolbar select,.form-field input,.form-field select,.form-field textarea{height:46px;padding:11px 13px;font-size:14px;color:#202923;background:#fff;border:1px solid #d6ded8;border-radius:11px;box-shadow:none;backdrop-filter:none}
.form-field textarea{height:auto}
.helper-text,.settings-footnote{font-size:12px;color:#59655e;line-height:1.55}
.button-pair .secondary-button{font-size:13px;min-height:42px}
.menu-row{padding:13px 1px;border-color:#e4e9e5;gap:12px}
.menu-row>span:first-child>strong{font-size:14px;color:#202923}
.menu-row .muted{font-size:12px;color:#59645d}
.menu-row>span:last-child>strong{font-size:13px;color:#252e29}
.menu-row button{font-size:20px;padding:0 6px}
.menu-category{font-size:11px;color:#58645d;letter-spacing:.2px}
.menu-empty{font-size:14px;color:#58645d;padding:18px 0}
.beta-pill{font-size:10px;letter-spacing:.8px;padding:6px 9px}
.promo-kicker{font-size:10px}
.promo-copy>strong{font-size:21px}
.promo-copy>span:last-child,.promo-price>span,.promo-phone span,.promo-phone small{font-size:11px;color:#e1e4e3}
.promo-price>strong{font-size:23px}
.promo-phone strong{font-size:13px}
.toast{font-size:13px}
.modal{border-radius:23px}
.modal-header h2{font-size:24px}
.modal form{gap:17px}
.form-field input::placeholder,.form-field textarea::placeholder,.menu-add-form input::placeholder{color:#68736d;opacity:1;font-size:13px}
.menu-add-form{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr auto;gap:11px;align-items:end;padding:20px;margin:4px 0 18px;background:#fff;border:1px solid #e0e6e1;border-radius:16px;box-shadow:0 6px 18px #2939300d}
.menu-add-form label{display:grid;gap:7px;min-width:0}
.menu-add-form label>span{font-size:13px;font-weight:600;color:#313b35}
.menu-add-form input,.menu-add-form select{width:100%;height:46px;padding:0 12px;border:1px solid #d4dcd6;border-radius:10px;background:#fff;color:#212a25;font:inherit;font-size:14px}
.menu-add-form button{white-space:nowrap}
.menu-catalog-card{padding:22px 24px;background:#fff;border:1px solid #e0e6e1;border-radius:16px;box-shadow:0 6px 18px #2939300d}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.catalog-heading h2{margin:0}
.telegram-panel{display:flex;align-items:flex-start;gap:20px;max-width:720px;padding:27px;background:#fff;border:1px solid #e0e6e1;border-radius:18px;box-shadow:0 7px 22px #2231280d}
.telegram-symbol{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:15px;background:#e7f2fa;color:#278ac2}
.telegram-symbol svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.telegram-panel h2{margin:3px 0 9px;font-size:19px;color:#202923}
.telegram-panel p{margin:0 0 18px;max-width:520px;font-size:14px;line-height:1.6;color:#505c55}
.telegram-panel button:disabled{opacity:1;color:#4e5953;background:#f4f6f4}
.settings-simple{max-width:920px;grid-template-columns:1fr 1fr}
.business-info{display:grid;gap:0}
.business-info>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #e8ece9}
.business-info>div:first-child{border-top:0}
.business-info span{font-size:13px;color:#4d5952}
.business-info strong,.business-info a{font-size:14px;font-weight:650;color:#202923;text-decoration:none;text-align:right}
.business-info a:hover{color:#ba5b2b;text-decoration:underline}
@media(max-width:1050px){.sidebar{flex-direction:column;align-items:stretch;gap:6px;padding:8px 18px}.brand{height:44px;min-width:0}.brand-name{font-size:20px}.brand-logo{height:44px;width:190px}.main-area{min-height:calc(100vh - 104px)}.side-nav{width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-item{flex:none}.menu-add-form{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-add-form button{grid-column:1/-1}}
@media(max-width:640px){:root{font-size:14px}.sidebar{padding:7px 12px 9px;gap:4px;background:#fffffffa}.brand{height:39px}.brand-name{font-size:18px}.brand-logo{height:39px;width:183px}.main-area{min-height:calc(100vh - 92px)}.app-footer{gap:18px;padding:14px 12px calc(14px + env(safe-area-inset-bottom))}.app-footer a{font-size:12px}.page-actions{gap:7px}.page-actions button{min-height:42px;padding:0 10px;font-size:12px}.side-nav{margin:0 -12px;padding:4px 10px;border:0;border-top:1px solid #e6ebe7;border-radius:0;background:#f7f8f7}.nav-item{height:43px;padding:0 10px;gap:7px;font-size:12px}.nav-icon{height:28px;width:28px}.nav-icon svg{width:18px;height:18px}.nav-count{font-size:10px}.nav-item.active::after{bottom:1px}.page-wrap{padding:20px 14px 30px}.page-heading{align-items:center;gap:10px}.page-heading h1{font-size:29px}.page-subtitle{font-size:13px}.page-heading>.primary-button,.page-heading>.secondary-button{height:43px;padding:0 11px;font-size:12px}.stats-row{gap:7px}.stat-card{min-height:78px;padding:11px 9px;gap:8px}.stat-icon{height:31px;width:31px;font-size:15px}.stat-label{font-size:12px}.stat-card strong{font-size:15px}.section-title-row h2{font-size:16px}.segmented button{font-size:11px;padding:0 10px}.order-card{padding:14px 12px;gap:8px}.order-id,.order-product{font-size:13px}.order-time,.order-customer,.order-detail{font-size:12px}.order-price{font-size:13px}.status-select{max-width:125px;font-size:11px;padding:8px}.toolbar select,.search-box{height:44px}.search-box input,.toolbar select{font-size:12px}.purchase-row{padding:13px 11px}.purchase-row .purchase-name{font-size:13px}.purchase-row small{font-size:11px}.settings-grid,.settings-simple{grid-template-columns:1fr;gap:12px}.settings-card{padding:17px}.settings-card .card-heading h2{font-size:16px}.settings-card .muted{font-size:13px}.field-label,.form-field>span{font-size:12px}.full-select,.form-field input,.form-field select,.form-field textarea{height:45px;font-size:14px}.helper-text,.settings-footnote{font-size:12px}.menu-add-form{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.menu-add-form label>span{font-size:12px}.menu-add-form input,.menu-add-form select{height:44px;font-size:13px}.menu-add-form button{grid-column:1/-1;width:100%}.menu-catalog-card{padding:17px 14px}.catalog-heading h2{font-size:16px}.menu-row{padding:12px 0}.menu-row>span:first-child>strong{font-size:13px}.menu-row .muted{font-size:11px}.menu-row>span:last-child>strong{font-size:12px}.menu-category{font-size:10px}.telegram-panel{gap:13px;padding:18px 15px}.telegram-symbol{width:43px;height:43px;border-radius:12px}.telegram-panel h2{font-size:16px}.telegram-panel p{font-size:13px}.modal-header h2{font-size:22px}.form-grid{gap:9px}.form-field input,.form-field select,.form-field textarea{font-size:13px}.business-info>div{align-items:flex-start;flex-direction:column;gap:4px}.business-info strong,.business-info a{text-align:left}}

.brand{min-width:225px;height:52px;padding:0 12px;border:1px solid #ffffff30;border-radius:13px;background:linear-gradient(110deg,#202329,#34363a);box-shadow:0 5px 15px #20232924,inset 0 1px 0 #ffffff18}
.brand-name{display:flex;align-items:baseline;gap:7px;padding:0;background:none;border-radius:0;box-shadow:none;font-family:Impact,"Arial Narrow",sans-serif;font-size:21px;font-style:italic;font-weight:800;letter-spacing:.1px;line-height:1;white-space:nowrap}
.brand-name>span:first-child{color:#f4c13b}
.brand-name>span:last-child{color:#f3f4f3}
.brand-name::after{content:none}
.app-footer{align-items:center;gap:0}
.app-footer a{padding:0 13px;line-height:1.2}
.app-footer a+a{border-left:1px solid #d9dfdb}
.menu-add-form{grid-template-columns:minmax(190px,1.55fr) minmax(140px,1fr) minmax(155px,1.1fr) minmax(120px,.8fr) auto;gap:12px;align-items:end;padding:22px;margin:0 0 18px}
.menu-add-form label{gap:8px}
.menu-add-form label>span{font-size:13px;font-weight:650}
.menu-add-form button{min-width:164px;height:46px}
.menu-catalog-card{padding:22px 24px}
.catalog-heading{margin-bottom:8px;padding-bottom:13px;border-bottom:1px solid #e8ece9}
.menu-row{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:11px 4px;border-top:0;border-bottom:1px solid #e9eeeb}
.menu-row>span:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:10px;row-gap:3px;min-width:0}
.menu-row>span:first-child>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.menu-row .muted{font-size:12px;white-space:nowrap}
.menu-category{grid-column:1/-1;margin:0;font-size:11px;line-height:1.25}
.menu-row>span:last-child{display:flex;align-items:center;gap:10px;white-space:nowrap}
.menu-row>span:last-child>strong{font-size:14px}
.menu-row button{width:34px;height:34px;border-radius:10px;background:#f5f6f5;color:#69736d;font-size:19px;line-height:1}
.menu-row button:hover{background:#fff0e8;color:#bf5f31}
.menu-empty{padding:26px 12px;font-size:14px}
@media(max-width:1050px){.brand{min-width:208px}.menu-add-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-add-form button{grid-column:auto;min-width:0;width:100%}}
@media(max-width:640px){.brand{min-width:0;width:max-content;height:38px;padding:0 10px;border-radius:11px}.brand-name{gap:5px;font-size:18px}.app-shell,.main-area,.page-wrap{width:100%;min-width:0}.page-wrap{overflow-x:hidden}.app-footer{gap:0;padding:14px 10px calc(14px + env(safe-area-inset-bottom))}.app-footer a{padding:0 10px;font-size:11px}.menu-add-form,.menu-catalog-card{width:100%;max-width:100%;min-width:0}.menu-add-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;padding:16px}.menu-add-form label{width:100%;min-width:0}.menu-add-form label:first-child{grid-column:1/-1}.menu-add-form label>span{font-size:12px}.menu-add-form input,.menu-add-form select{width:100%;min-width:0;height:46px;padding:0 10px;font-size:14px}.menu-add-form button{grid-column:1/-1;width:100%;min-width:0;min-height:46px}.menu-catalog-card{padding:17px 14px}.catalog-heading{align-items:center;padding-bottom:11px}.menu-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:62px;padding:10px 0}.menu-row>span:first-child{grid-template-columns:minmax(0,1fr) auto;column-gap:7px}.menu-row>span:first-child>strong{font-size:13px}.menu-row .muted{font-size:11px}.menu-row>span:last-child{gap:5px}.menu-row>span:last-child>strong{font-size:13px}.menu-row button{width:31px;height:31px}.menu-category{font-size:10px}}

body{background-color:#f5f1e8;background-image:linear-gradient(135deg,rgba(250,249,245,.6),rgba(250,248,240,.54)),url("pattern.png");background-size:cover;background-position:center;background-attachment:fixed}
.brand{min-width:210px;height:52px;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-name{gap:7px;padding:0;background:none;box-shadow:none;font-family:Impact,"Arial Narrow",sans-serif;font-size:24px;font-style:italic;font-weight:800;letter-spacing:.15px;line-height:1;white-space:nowrap}
.brand-name>span:first-child{color:#d58b18}
.brand-name>span:last-child{color:#29332e}
.brand-name::after{content:none}
.app-footer{gap:0}
.app-footer .footer-label{padding:0 10px;color:#7a847e;font-size:12px;font-weight:600}
.app-footer a+a{border-left:1px solid #d9dfdb}
.sidebar{justify-content:center}
.side-nav{flex:1;justify-content:center}
.app-footer{display:none}
.page#page-menu{width:100%;min-width:0}
.page#page-menu .page-heading{margin-bottom:20px}
@media(max-width:1050px){.sidebar{justify-content:flex-start}.side-nav{flex:1;justify-content:flex-start}}
@media(max-width:640px){.sidebar{justify-content:flex-start}.side-nav{flex:1;justify-content:flex-start}}
.telegram-panel-content{flex:1;min-width:0}.telegram-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.telegram-connected{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#e9f7ef;color:#317a4c;font-size:12px;font-weight:650}.telegram-connected::before{content:"";width:7px;height:7px;border-radius:50%;background:#42a96d}.telegram-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:3px 0 20px;color:#46534b}.telegram-flow span{padding:8px 11px;border:1px solid #e2e9e4;border-radius:10px;background:#f7faf8;font-size:12px;font-weight:600}.telegram-flow b{color:#9ca8a0;font-weight:500}.telegram-open-button{width:max-content;text-decoration:none}.telegram-payment-note{margin-top:15px!important;color:#718078!important;font-size:12px!important}
@media(max-width:640px){.telegram-panel-title{align-items:flex-start;flex-direction:column}.telegram-flow{gap:7px}.telegram-flow span{font-size:11px;padding:7px 9px}.telegram-flow b{font-size:12px}.telegram-open-button{width:100%}}
.status-select[data-status=paid]{background:#eaf2ff;color:#4b73b4}
@media(max-width:640px){.order-card{grid-template-columns:minmax(0,1fr);gap:9px;padding:14px}.order-main,.order-middle,.order-right{grid-column:1;grid-row:auto;min-width:0}.order-right{justify-content:space-between;flex-wrap:nowrap;gap:10px}.order-price{font-size:16px;white-space:nowrap}.order-right .status-select{flex:1;min-width:0;max-width:none;min-height:42px;font-size:13px}.telegram-panel{align-items:flex-start}.telegram-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.telegram-flow span{min-width:0;padding:8px 5px}.page#page-telegram .page-heading{align-items:center}.page#page-orders .section-title-row{gap:8px}.page#page-orders .section-title-row .segmented{flex:none}.page#page-orders .toolbar{display:grid;grid-template-columns:1fr;gap:9px}.page#page-orders .search-box,.page#page-orders .toolbar select{width:100%;min-width:0}}

.order-menu-item{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-content:center;align-items:center;column-gap:10px;row-gap:4px;min-height:84px;padding:10px 12px;border-color:hsl(var(--category-hue,24) 48% 84% / 85%);background:linear-gradient(140deg,hsl(var(--category-hue,24) 90% 97% / 96%),hsl(var(--category-hue,24) 75% 93% / 78%))}
.order-menu-item .menu-category{grid-column:1/-1;background:hsl(var(--category-hue,24) 80% 87% / 75%);color:hsl(var(--category-hue,24) 48% 35%);font-size:10px}
.order-menu-item strong{grid-column:1;font-size:13px;line-height:1.25}
.order-menu-item small{grid-column:1;font-size:11px;color:#657169}
.order-menu-price{grid-column:2;grid-row:2/4;align-self:center;margin:0;font-size:14px;white-space:nowrap}
.order-menu-item.in-cart{padding-right:74px}
.order-menu-item i{top:7px;right:8px}
.cart-qty button{width:36px;height:36px;font-size:18px}
.order-status-actions{display:flex;align-items:center;gap:8px}
.next-status-button{min-height:40px;padding:0 13px;border:0;border-radius:11px;background:linear-gradient(135deg,#e9874d,#d96a32);color:#fff;font-size:12px;font-weight:700;box-shadow:0 5px 13px #d96e3730}
.next-status-button:active{transform:scale(.98)}
@media(max-width:640px){.order-right{flex-wrap:wrap}.order-status-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px}.order-right .status-select{flex:1;min-width:0;max-width:none;min-height:44px;font-size:13px}.next-status-button{min-height:44px;white-space:nowrap}.order-menu-grid{grid-template-columns:minmax(0,1fr);max-height:38dvh}.order-menu-item{grid-template-columns:minmax(0,1fr) auto;min-height:76px;padding:9px 11px}.order-menu-item strong{font-size:14px}.order-menu-item small{font-size:12px}.order-menu-price{font-size:15px}.menu-picker-heading span{display:none}}

/* Telegram orders: number at the leading edge and a clear pulse until cooking starts. */
.order-card.telegram-order{grid-template-columns:66px minmax(140px,1fr) minmax(180px,1.3fr) auto;border-color:#b9dff4;background:linear-gradient(110deg,#eef9ff,#fff 72%)}
.telegram-order-number{display:grid;justify-items:center;align-content:center;gap:3px;min-height:52px;border-right:1px solid #d4eafa;color:#347ca7}
.telegram-order-number span{font-size:8px;font-weight:800;letter-spacing:.8px}
.telegram-order-number strong{font-size:18px;line-height:1;font-variant-numeric:tabular-nums}
.telegram-order .order-id{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.telegram-start-alert{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#fff3dc;color:#a75c08;font-size:9px;font-weight:750;white-space:nowrap}
.telegram-start-alert i{width:7px;height:7px;border-radius:50%;background:#f09b22;animation:telegramDotPulse 1.1s ease-in-out infinite}
.telegram-awaiting-start{animation:telegramOrderPulse 1.7s ease-in-out infinite}
@keyframes telegramOrderPulse{0%,100%{box-shadow:0 5px 18px #20212a05,0 0 0 0 #55a8df00}50%{box-shadow:0 7px 23px #247db72a,0 0 0 4px #55a8df32}}
@keyframes telegramDotPulse{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}
@media(max-width:900px){.order-card.telegram-order{grid-template-columns:58px minmax(0,1fr) auto}.telegram-order .order-main{grid-column:2;grid-row:1}.telegram-order .order-middle{grid-column:2;grid-row:2}.telegram-order .order-right{grid-column:3;grid-row:1/3}.telegram-order-number{grid-column:1;grid-row:1/3;align-self:stretch}}
@media(max-width:640px){.order-card.telegram-order{grid-template-columns:50px minmax(0,1fr);gap:8px}.telegram-order-number{grid-column:1;grid-row:1/3;min-height:64px}.telegram-order .order-main,.telegram-order .order-middle,.telegram-order .order-right{grid-column:2;grid-row:auto}.telegram-order .order-right{flex-wrap:wrap}.telegram-order .order-status-actions{grid-template-columns:minmax(0,1fr) auto;width:100%}.telegram-order .order-id{font-size:12px}.telegram-order-number strong{font-size:16px}.telegram-start-alert{font-size:8px}}
@media(prefers-reduced-motion:reduce){.telegram-awaiting-start,.telegram-start-alert i{animation:none}.telegram-awaiting-start{box-shadow:0 0 0 3px #55a8df32,0 7px 22px #247db71f}}

/* Dedicated Telegram desk: orders stay in one stable column and messaging is explicit. */
html,body{max-width:100%;overflow-x:clip}
.telegram-workspace-card{display:grid;gap:18px;min-width:0;padding:clamp(16px,2.4vw,26px);border:1px solid #ffffffd9;border-radius:22px;background:linear-gradient(145deg,#ffffffd9,#ffffffa8);box-shadow:0 14px 36px #26382e12,inset 0 1px 0 #fff;backdrop-filter:blur(20px) saturate(140%)}
.telegram-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.telegram-workspace-heading>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}
.telegram-workspace-icon{display:grid;width:48px;height:48px;place-items:center;flex:none;border:1px solid #cce7f6;border-radius:15px;background:#e9f6fd;color:#2783b4;font-size:22px}
.telegram-workspace-heading h2{margin:0;color:#29332d;font-size:20px;line-height:1.25}
.telegram-workspace-heading p{margin:5px 0 0;color:#69756d;font-size:13px;line-height:1.45}
.telegram-workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:none}
.telegram-orders-count{color:#56635b;font-size:13px;font-weight:700;white-space:nowrap}
.telegram-message-toggle{min-height:44px}
.telegram-orders-list{display:grid;gap:11px;min-width:0}
.telegram-orders-list:empty{display:none}
.telegram-orders-empty{display:grid;justify-items:center;gap:7px;padding:36px 16px;border:1px dashed #d5e3e7;border-radius:17px;background:#f7fbfc;text-align:center}
.telegram-orders-empty>span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#e8f5fc;color:#2982ae;font-size:20px}
.telegram-orders-empty strong{color:#34423a;font-size:15px}
.telegram-orders-empty small{color:#718078;font-size:13px;line-height:1.45}
.telegram-message-compose{display:grid;gap:13px;padding:17px;border:1px solid #dbe7ed;border-radius:16px;background:linear-gradient(145deg,#f5fbfe,#ffffffd9)}
.telegram-message-compose.hidden{display:none}
.telegram-message-heading,.telegram-message-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.telegram-message-heading strong{font-size:16px;color:#2c3831}
.telegram-message-compose .form-field{display:grid;gap:7px}
.telegram-message-compose select,.telegram-message-compose textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #d9e2dd;border-radius:12px;background:#fff;color:#29342d;font:inherit;font-size:14px}
.telegram-message-compose select{min-height:46px}
.telegram-message-compose textarea{resize:vertical;min-height:88px;line-height:1.45}
.telegram-message-compose .form-field small{color:#718078;font-size:12px;line-height:1.4}
.telegram-message-actions #telegramMessageFeedback{color:#557264;font-size:13px;line-height:1.4}
.telegram-message-actions .primary-button{min-height:44px;flex:none}
.app-footer{display:flex}
@media(max-width:640px){.telegram-workspace-card{gap:14px;padding:14px;border-radius:17px}.telegram-workspace-heading{align-items:flex-start;flex-direction:column}.telegram-workspace-heading>div:first-child{align-items:flex-start;gap:10px}.telegram-workspace-icon{width:40px;height:40px;border-radius:13px;font-size:19px}.telegram-workspace-heading h2{font-size:17px}.telegram-workspace-heading p{font-size:12px}.telegram-workspace-actions{width:100%;justify-content:space-between;gap:8px}.telegram-message-toggle{min-height:42px;padding:0 12px;font-size:13px}.telegram-orders-empty{padding:26px 12px}.telegram-message-compose{padding:13px}.telegram-message-actions{align-items:stretch;flex-direction:column}.telegram-message-actions .primary-button{width:100%}.app-footer{flex-wrap:wrap;font-size:10px}}