: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}
.telegram-message-view{position:fixed;z-index:45;inset:0;display:grid;place-items:center;padding:22px;background:rgba(30,39,35,.3);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.telegram-message-view.hidden{display:none}
.telegram-message-window{width:min(620px,100%);max-height:min(88dvh,760px);overflow:auto;padding:clamp(18px,3vw,30px);border:1px solid #ffffffdf;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,251,249,.78));box-shadow:0 28px 90px rgba(28,46,38,.23),inset 0 1px 0 #fff;backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%)}
.telegram-message-window-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-bottom:23px}
.telegram-message-window-header small{color:#75827b;font-size:10px;font-weight:800;letter-spacing:1.1px}
.telegram-message-window-header h2{margin:5px 0 0;color:#25322b;font-size:24px;letter-spacing:-.7px}
.telegram-message-back{min-height:43px;padding:0 15px;border:1px solid #ffffffd9;border-radius:15px;background:rgba(255,255,255,.72);box-shadow:0 5px 15px #31443b12,inset 0 1px 0 #fff;color:#405148;font-size:13px;font-weight:700}
.telegram-message-back span{margin-right:5px;color:#df7339;font-size:23px;vertical-align:-2px}
.telegram-message-window .telegram-message-compose{padding:0;border:0;background:transparent;box-shadow:none}
.telegram-message-window .form-field select,.telegram-message-window .form-field textarea{border-color:#ffffff;background:rgba(255,255,255,.75);box-shadow:inset 0 1px 2px #33493e0a,0 4px 12px #33493e08;backdrop-filter:blur(15px)}
.telegram-message-window .form-field select{min-height:50px;border-radius:15px}
.telegram-message-window .form-field textarea{min-height:150px;border-radius:17px}
.telegram-message-window .form-field>span{font-size:13px;font-weight:700;color:#44534a}
.telegram-message-window .form-field small{font-size:12px}
.telegram-message-window .telegram-message-actions{align-items:flex-end;flex-direction:column}
.telegram-message-window .telegram-message-actions .primary-button{width:100%;min-height:50px;border-radius:16px;font-size:14px}
.telegram-message-window #telegramMessageFeedback{align-self:flex-start;min-height:20px}
body.telegram-message-open{overflow:hidden}
.employee-row-actions .employee-permission-button{min-height:36px;padding:0 12px;border:1px solid #dce7e1;border-radius:12px;background:linear-gradient(145deg,#fff,#f3f7f5);box-shadow:0 4px 12px #31443b0a;color:#4e5d54;font-size:12px;font-weight:650}
.employee-row-actions .employee-permission-button.granted{border-color:#b8e2ce;background:linear-gradient(145deg,#effbf4,#dff4e8);color:#287a4e}
.settings-launch .settings-icon{width:48px;height:48px;border-radius:17px;font-size:24px;filter:saturate(1.22);box-shadow:0 8px 18px #30473912,inset 0 1px 0 #ffffffd9;transition:transform .2s,box-shadow .2s}
.settings-launch:hover .settings-icon{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 22px #3047391c,inset 0 1px 0 #ffffff}
.settings-icon.orange{background:linear-gradient(145deg,#fff0df,#ffd5b7);color:#cf652f}
.settings-icon.green{background:linear-gradient(145deg,#e9faee,#b8edca);color:#338451}
.settings-icon.blue{background:linear-gradient(145deg,#eaf3ff,#c9dcff);color:#4978bd}
.settings-icon.violet{background:linear-gradient(145deg,#f3edff,#dfd0ff);color:#7453b5}
@media(max-width:640px){.telegram-message-view{align-items:end;padding:0}.telegram-message-window{width:100%;max-height:92dvh;padding:20px 17px max(24px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.telegram-message-window-header{gap:12px;margin-bottom:19px}.telegram-message-window-header h2{font-size:21px}.telegram-message-back{padding:0 12px}.telegram-message-window .form-field textarea{min-height:120px}.employee-row-actions .employee-permission-button{width:100%}.settings-launch .settings-icon{width:45px;height:45px;font-size:22px}}
@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}}
.telegram-order-row{display:grid;gap:6px;min-width:0}.telegram-archive-button{justify-self:end;min-height:35px;padding:0 13px;border:1px solid #cde3ef;border-radius:10px;background:#f5fbff;color:#34799c;font-size:12px;font-weight:650}.telegram-archive-button:hover{background:#eaf6fc}.telegram-archive{padding:13px;border:1px solid #dce5e8;border-radius:15px;background:#f9fbfbaa}.telegram-archive>summary{display:flex;justify-content:space-between;gap:10px;color:#45534b;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.telegram-archive>summary::-webkit-details-marker{display:none}.telegram-archive>summary span{color:#77837b;font-weight:600}.telegram-archive>.telegram-orders-list{margin-top:12px}
.cleanup-card{display:grid;gap:14px;padding:18px;border:1px solid #d7dcd9;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1d29250d}.cleanup-card .catalog-section-heading{padding-bottom:10px;border-bottom:1px solid #e2e6e3}.cleanup-card .catalog-section-heading h3{color:#26302c;font-size:18px;font-weight:700;letter-spacing:0}.cleanup-card .catalog-section-heading p{max-width:58ch;color:#626d67;line-height:1.55}.cleanup-action{--cleanup-progress:0%;position:relative;display:flex;width:100%;min-height:54px;overflow:hidden;align-items:center;justify-content:center;padding:0 16px;border:1px solid #a6332a;border-radius:6px;background:#9b3028;color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.01em;cursor:pointer;isolation:isolate}.cleanup-action:hover:not(:disabled){background:#852821}.cleanup-action:focus-visible{outline:3px solid #e9a45e;outline-offset:2px}.cleanup-action:disabled{cursor:wait;opacity:1}.cleanup-action-progress{position:absolute;z-index:0;inset:0 auto 0 0;width:var(--cleanup-progress);background:#d65c32;transition:width .04s linear}.cleanup-action-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;text-align:center}.cleanup-action-content strong{min-width:88px;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.cleanup-action.is-counting{background:#303a36;border-color:#303a36}.cleanup-action.is-counting .cleanup-action-progress{background:#ba452d}.cleanup-action.is-ready{background:#b6402c;border-color:#9e3425;cursor:pointer}.cleanup-action.is-complete{background:#39453f;border-color:#39453f;cursor:default}.cleanup-card .helper-text{min-height:0;margin:0;color:#59655f;font-size:13px;line-height:1.45}.cleanup-card .helper-text:empty{display:none}
@media(max-width:640px){.telegram-order-row{gap:5px}.telegram-archive-button{min-height:40px}.cleanup-card{padding:14px}.cleanup-action{min-height:58px;padding:0 10px}.cleanup-action-content{gap:8px}.cleanup-action-content strong{min-width:80px;font-size:15px}}

/* Restrained graphite glass controls for the settings hub. */
.settings-launchers .settings-launch{position:relative;overflow:hidden;isolation:isolate;min-height:96px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(55,59,62,.94),rgba(24,27,29,.91));box-shadow:0 12px 26px rgba(15,18,20,.17),inset 0 1px 0 rgba(255,255,255,.19);color:#f7f8f8;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.settings-launchers .settings-launch::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 42%);pointer-events:none}
.settings-launchers .settings-launch:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.38);background:linear-gradient(135deg,rgba(66,70,73,.97),rgba(29,32,34,.96));box-shadow:0 16px 32px rgba(15,18,20,.24),inset 0 1px 0 rgba(255,255,255,.24)}
.settings-launchers .settings-launch:focus-visible{outline:3px solid #e0a16d;outline-offset:3px}
.settings-launchers .settings-launch>span:nth-child(2)>strong{color:#f7f8f8}
.settings-launchers .settings-launch>span:nth-child(2)>small{color:#c2c8c5}
.settings-launchers .settings-launch>b{color:#e4e7e5}
.settings-launchers .settings-launch .settings-icon,.settings-launchers .settings-launch:hover .settings-icon{display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 5px 14px rgba(0,0,0,.18);color:#fff;font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif;font-size:23px;font-weight:600;filter:none;transform:none}
.settings-launchers .settings-launch:hover .settings-icon{background:linear-gradient(145deg,rgba(255,255,255,.27),rgba(255,255,255,.10))}
@media(max-width:640px){.settings-launchers .settings-launch{min-height:82px;border-radius:16px}.settings-launchers .settings-launch .settings-icon{width:43px;height:43px;border-radius:13px;font-size:21px}}
.settings-launchers .settings-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.settings-launchers .settings-icon.icon-cleanup{border-color:rgba(255,107,99,.43);background:linear-gradient(145deg,rgba(190,49,45,.52),rgba(104,28,29,.42));color:#ff7972;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 15px rgba(95,14,14,.26)}
.settings-launchers .settings-launch:hover .settings-icon.icon-cleanup{background:linear-gradient(145deg,rgba(211,62,55,.66),rgba(120,31,32,.55))}
.settings-launchers .settings-icon.icon-download svg{width:27px;height:27px}
.settings-launchers .settings-icon.icon-chef svg{width:28px;height:28px}
.settings-launchers .settings-icon.icon-siren svg{width:27px;height:27px;stroke-width:1.65}
@media(max-width:640px){.settings-launchers .settings-icon svg{width:23px;height:23px}}

/* Compact, glass-first details for settings and supporting screens. */
.page-heading .eyebrow{display:none}
.settings-modal{width:min(680px,calc(100vw - 28px));padding:clamp(18px,3vw,28px);border:1px solid rgba(255,255,255,.8);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(240,244,242,.78));box-shadow:0 28px 90px rgba(9,13,11,.34),inset 0 1px 0 #fff;backdrop-filter:blur(32px) saturate(145%);-webkit-backdrop-filter:blur(32px) saturate(145%)}
.settings-modal .modal-header{min-width:0}.settings-modal .modal-header>div{min-width:0}.settings-modal .modal-header h2{max-width:100%;overflow-wrap:anywhere;line-height:1.18}
.settings-modal .settings-panel{display:grid;gap:14px;min-width:0}.settings-modal .settings-panel.hidden{display:none}
.settings-disclosure{overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(230,235,232,.50));box-shadow:0 7px 22px rgba(30,39,34,.06),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.settings-disclosure>summary{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer;list-style:none;color:#252a28}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary>span{display:grid;gap:4px;min-width:0}.settings-disclosure>summary strong{font-size:14px;line-height:1.3}.settings-disclosure>summary small{color:#707875;font-size:12px;line-height:1.4}.settings-disclosure>summary>b{display:grid;width:30px;height:30px;place-items:center;flex:none;border:1px solid #ffffffc7;border-radius:10px;background:#ffffff63;color:#424846;font-size:17px;font-weight:500;transition:transform .18s}.settings-disclosure[open]>summary>b{transform:rotate(180deg)}.settings-disclosure>summary:hover{background:rgba(255,255,255,.28)}.settings-disclosure>.catalog-section,.settings-disclosure>form,.settings-disclosure>.permission-list,.settings-disclosure>.language-select-label,.settings-disclosure>.full-select{margin:0 12px 12px}.settings-disclosure>.catalog-section{padding:14px;border-radius:13px}.settings-disclosure>.employee-create-form{padding:0 4px 5px}.settings-disclosure>.employee-password-note,.settings-disclosure>#employeeList,.settings-disclosure>#employeeFeedback{margin:0 16px 12px}.settings-modal .staff-admin-card,.settings-modal .security-card,.settings-modal .cleanup-card{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.settings-modal .staff-admin-card>.catalog-section-heading,.settings-modal .security-card>.catalog-section-heading,.settings-modal .cleanup-card>.catalog-section-heading{padding:5px 5px 12px}.settings-modal .employee-create-form>button{grid-column:auto;width:max-content;max-width:100%;min-width:min(250px,100%);padding:0 18px}.employee-create-form{grid-template-columns:1fr 1fr}.settings-modal .employee-list{margin:0 2px}.settings-modal .employee-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid rgba(255,255,255,.75);border-radius:15px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 #fff}.settings-modal .employee-row-actions{min-width:160px}.settings-modal #logoutButton{width:max-content;max-width:100%;min-height:40px;padding:0 16px;border-radius:12px}
.settings-modal .password-change-form{margin:0 12px 12px;padding:12px 4px 3px;border-top:0}.settings-modal .password-change-form>h4{margin:0 0 3px}.language-disclosure{padding-bottom:1px}.language-select-label{display:block;color:#616b65;font-size:12px;font-weight:650}.language-disclosure .full-select{width:calc(100% - 24px);min-width:0;height:48px;margin:0 12px 12px;border:1px solid rgba(255,255,255,.86);border-radius:14px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 #fff;color:#27302a;font:inherit;font-size:14px}
.settings-modal .menu-archive,.settings-modal .menu-archive[open]{border:1px solid #ffffffc7;border-radius:15px;background:rgba(255,255,255,.47);box-shadow:inset 0 1px 0 #fff}.settings-modal .menu-archive>summary{min-height:48px;align-items:center;padding:10px 13px}.settings-modal .menu-archive[open] #menuArchiveList{padding:0 4px 4px}
.revenue-loading{display:grid;min-height:220px;align-content:center;justify-items:center;gap:12px;padding:24px;border:1px solid #ffffffd8;border-radius:22px;background:linear-gradient(145deg,#ffffffb8,#e8eeeb85);box-shadow:0 12px 30px #1c272018,inset 0 1px 0 #fff;text-align:center;backdrop-filter:blur(20px) saturate(140%)}.revenue-loading.hidden{display:none}.revenue-spinner{width:48px;height:48px;border:4px solid #d8dfdb;border-top-color:#303638;border-right-color:#666e6a;border-radius:50%;animation:revenue-spin .78s linear infinite;box-shadow:0 4px 12px #252b291c}.revenue-loading strong{color:#28312c;font-size:16px}.revenue-loading small{color:#768079;font-size:12px}@keyframes revenue-spin{to{transform:rotate(360deg)}}
.loyalty-launch .icon-loyalty{border-color:rgba(255,255,255,.34);background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.09));color:#fff;font-family:system-ui,sans-serif;font-size:32px;font-weight:500}.loyalty-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:19px;padding:clamp(18px,3vw,26px);border:1px solid rgba(255,255,255,.88);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(231,236,233,.52));box-shadow:0 13px 36px rgba(25,36,30,.09),inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(145%)}.loyalty-smile{display:grid;width:58px;height:58px;place-items:center;border:1px solid #ffffffd9;border-radius:19px;background:linear-gradient(145deg,#fff,#e8ece9);box-shadow:0 8px 20px #2029261a;color:#262b29;font:36px/1 system-ui,sans-serif}.loyalty-status{display:inline-flex;padding:6px 10px;border:1px solid #d9dfdc;border-radius:99px;background:#f5f7f6;color:#626b66;font-size:11px;font-weight:700}.loyalty-card h3{margin:10px 0 8px;color:#262c28;font-size:20px}.loyalty-card p{margin:0 0 11px;color:#5e6962;font-size:14px;line-height:1.6}.loyalty-card small{color:#7a847e;font-size:12px}
.purchase-zero{border:1px solid rgba(255,255,255,.85);border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(220,225,222,.42))!important;box-shadow:0 8px 20px rgba(22,29,25,.08),inset 0 1px 0 #fff!important;color:#313735!important;font-family:Inter,system-ui,sans-serif!important;font-style:normal!important;font-weight:700!important}.empty-sad.purchase-zero{font-size:30px!important}.glass-action,.archive-period,.restore-order,.delete-archived-order,.telegram-archive-button{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.88)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,231,228,.56))!important;box-shadow:0 6px 16px rgba(26,35,29,.09),inset 0 1px 0 #fff!important;color:#343b37!important;font:inherit;font-size:12px;font-weight:650;backdrop-filter:blur(16px) saturate(135%);transition:transform .16s,box-shadow .16s,background .16s}.glass-action:hover,.restore-order:hover,.delete-archived-order:hover,.telegram-archive-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(26,35,29,.14),inset 0 1px 0 #fff!important}.purchase-summary{gap:12px}.purchase-summary .glass-action{margin-left:auto}.order-filter-toggle{min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.88);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,231,228,.56));box-shadow:0 5px 14px rgba(26,35,29,.08),inset 0 1px 0 #fff;color:#343b37;font:inherit;font-size:12px;font-weight:650;backdrop-filter:blur(16px)}.order-filter-toggle:hover{background:#fff}.section-title-row{gap:12px}.order-details{border-color:#ffffffd9;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(230,235,232,.45));box-shadow:0 5px 15px rgba(26,35,29,.06),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}.order-details>summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(228,232,230,.46));color:#333a36;font-size:13px;font-weight:700}.order-details>summary span{margin:0;color:#78817c;font-size:11px}.order-details>summary::after{content:'＋';flex:none;color:#333a36}.order-details[open]>summary::after{content:'−'}
.telegram-workspace-icon{width:52px;height:52px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#27a9e8;box-shadow:0 8px 20px rgba(19,120,166,.20)}.telegram-workspace-icon svg,.telegram-round-logo svg{display:block;width:100%;height:100%}.telegram-orders-empty>span.telegram-round-logo{width:44px;height:44px;padding:0;overflow:hidden;border:1px solid #ffffff;border-radius:50%;background:#27a9e8;color:transparent;box-shadow:0 5px 14px rgba(19,120,166,.18)}
.cleanup-card{padding:20px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(230,234,232,.54));box-shadow:0 12px 30px rgba(22,29,25,.1),inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(145%)}.cleanup-card .catalog-section-heading{border-color:rgba(50,58,54,.12)}.cleanup-action{border-radius:14px;background:linear-gradient(140deg,#383d3b,#202422);box-shadow:0 8px 20px rgba(10,14,12,.18),inset 0 1px 0 rgba(255,255,255,.22)}.cleanup-action:hover:not(:disabled){background:linear-gradient(140deg,#474c4a,#282d2b)}.cleanup-action.is-counting{background:#242927;border-color:#242927}.cleanup-action.is-ready{background:linear-gradient(140deg,#a22f2f,#751f24);border-color:#742124}.cleanup-action-progress{background:linear-gradient(90deg,#a33134,#e24944)}.cleanup-action.is-complete{background:linear-gradient(140deg,#394440,#252c28)}
.telegram-archive,.telegram-order-row .telegram-archive-button{border:1px solid rgba(255,255,255,.82);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(230,235,232,.42));box-shadow:0 6px 18px rgba(22,29,25,.07),inset 0 1px 0 #fff;backdrop-filter:blur(17px)}.telegram-archive>summary{min-height:46px;align-items:center;padding:10px 12px}
.app-confirm-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:rgba(12,16,14,.56);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}.app-confirm-backdrop.hidden{display:none}.app-confirm-card{position:relative;width:min(470px,100%);padding:28px;border:1px solid rgba(255,255,255,.82);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(230,235,232,.83));box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px 0 #fff;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);animation:confirm-pop .2s ease-out}.app-confirm-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:1px solid #ffffffc7;border-radius:11px;background:#ffffff90;color:#616966;font-size:21px}.app-confirm-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(177,54,49,.18);border-radius:14px;background:linear-gradient(145deg,#f5dedb,#ecd0cd);box-shadow:0 6px 16px rgba(96,23,22,.11);color:#a12d2a;font-size:22px;font-weight:800}.app-confirm-card h2{margin:17px 40px 8px 0;color:#242a27;font-size:21px;letter-spacing:-.3px}.app-confirm-card p{margin:0;color:#59635e;font-size:14px;line-height:1.58;overflow-wrap:anywhere}.app-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.app-confirm-actions button{min-height:43px;padding:0 15px}.app-confirm-accept{border:1px solid rgba(40,45,42,.16);border-radius:13px;background:linear-gradient(145deg,#303633,#1e2320);box-shadow:0 7px 17px rgba(16,22,18,.18),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700}.app-confirm-accept:hover{background:linear-gradient(145deg,#424946,#252b28)}body.confirm-open{overflow:hidden}@keyframes confirm-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.settings-modal{width:calc(100vw - 18px);max-height:94dvh;padding:19px 14px max(18px,env(safe-area-inset-bottom));border-radius:23px}.settings-modal .modal-header h2{font-size:20px}.settings-disclosure>summary{min-height:60px;padding:10px 12px}.settings-disclosure>summary strong{font-size:13px}.settings-disclosure>summary small{font-size:11px}.settings-modal .employee-create-form{grid-template-columns:1fr}.settings-modal .employee-create-form>button{width:100%;min-width:0}.settings-modal .employee-row{grid-template-columns:1fr}.settings-modal .employee-row-actions{min-width:0}.loyalty-card{grid-template-columns:1fr;gap:13px}.loyalty-card h3{font-size:18px}.loyalty-card p{font-size:13px}.purchase-summary{align-items:center;flex-wrap:wrap}.purchase-summary .glass-action{margin-left:auto;max-width:100%;font-size:11px}.order-filter-toggle{min-height:38px;padding:0 12px}.order-details>summary{align-items:flex-start;flex-wrap:wrap}.order-details>summary span{width:100%;order:2}}
@media(max-width:640px){.app-confirm-backdrop{align-items:end;padding:0}.app-confirm-card{width:100%;padding:24px 19px max(24px,env(safe-area-inset-bottom));border-radius:25px 25px 0 0}.app-confirm-actions{flex-direction:column-reverse}.app-confirm-actions button{width:100%;min-height:48px}}

/* Calm, aligned dialogs; all content stays reachable inside the dialog. */
.modal-backdrop{padding:clamp(10px,3vw,24px);background:rgba(25,31,28,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal{border:1px solid rgba(255,255,255,.92);border-radius:20px;background:#f7f8f6;box-shadow:0 24px 72px rgba(12,19,15,.24);color:#202823}
.modal-header{align-items:center;gap:16px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #e1e6e2}
.modal-header h2{font-size:23px;line-height:1.2;letter-spacing:-.55px;color:#202823}
.modal-header .icon-button{flex:none;border:1px solid #e3e7e4;background:#fff;color:#59625c}
.settings-modal{background:rgba(247,249,247,.97);border-color:#fff;box-shadow:0 24px 72px rgba(12,19,15,.26);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.settings-modal .modal-header{position:static;top:auto;z-index:auto;margin:0 0 18px;padding:0 0 14px;background:transparent!important;backdrop-filter:none;border-bottom:1px solid #e1e6e2}
.settings-modal .modal-header h2{font-size:23px}
.settings-modal .settings-panel{gap:12px}
.settings-disclosure{border-color:#e2e7e3;background:#fff;box-shadow:0 3px 12px rgba(24,34,28,.045);backdrop-filter:none;-webkit-backdrop-filter:none}
.settings-disclosure>summary{min-height:60px;padding:12px 15px}
.settings-disclosure>summary>b{border-color:#e0e5e1;background:#f7f8f7;color:#4c5750}
.language-disclosure .full-select{height:50px;border-color:#cbd4cd;background:#fff;box-shadow:0 2px 5px rgba(25,35,29,.045);font-size:15px;cursor:pointer}
.language-disclosure .full-select:focus{outline:3px solid rgba(228,119,54,.18);border-color:#d5763b}
.loyalty-launch .icon-loyalty{font-size:0;color:#eef1ef}
.loyalty-launch .icon-loyalty svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.loyalty-card{grid-template-columns:minmax(0,1fr);gap:0;padding:24px;border-color:#e1e6e2;border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(24,34,28,.055);backdrop-filter:none}
.loyalty-status{display:block;width:max-content;margin:0 0 10px;padding:0;border:0;border-radius:0;background:none;color:#67726b;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.loyalty-card h3{margin:0 0 8px;font-size:19px;line-height:1.3}
.loyalty-card p{max-width:58ch;font-size:14px;line-height:1.55}
.loyalty-card small{font-size:12px;color:#77817b}
.order-modal{height:min(90dvh,820px);max-height:90dvh;border-radius:20px;background:#f7f8f6}
.order-modal .modal-header{position:static;top:auto;z-index:auto;margin:0 0 14px;padding:0 0 13px;background:transparent!important;backdrop-filter:none;border-bottom:1px solid #e1e6e2}
.order-modal form{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding:0 2px 12px 0;overscroll-behavior:contain}
.order-modal .menu-picker,.order-modal .order-cart{flex:none;border-color:#e1e6e2;border-radius:15px;background:#fff;box-shadow:0 2px 8px rgba(24,34,28,.035);backdrop-filter:none}
.order-modal .order-menu-grid{max-height:min(25dvh,220px)}
.order-modal .order-details{flex:none;overflow:visible;border:1px solid #e1e6e2;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(24,34,28,.035);backdrop-filter:none}
.order-modal .order-details>summary{display:flex;min-height:54px;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:3px 12px;padding:12px 15px;border-radius:13px;background:#fff;color:#303a34;font-size:14px;line-height:1.3}
.order-modal .order-details>summary span{flex:1 1 230px;margin:0;color:#758079;font-size:12px;line-height:1.4}
.order-modal .order-details>summary::after{margin-left:auto;color:#a9582a;font-size:18px}
.order-modal .order-details>.form-grid,.order-modal .order-details>.form-field{margin:0 14px 14px}
.order-modal .order-details>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:0}
.order-modal .order-details>.form-field{margin-top:0}
.order-modal .order-total{position:static!important;inset:auto!important;z-index:auto;margin:0;padding:12px 4px 0;border-top:1px solid #e1e6e2;border-radius:0;background:transparent;backdrop-filter:none}
.order-modal form>.full-button,.order-modal #orderForm>.full-button{position:static!important;inset:auto!important;z-index:auto;flex:none;min-height:48px;margin:0;box-shadow:none!important}
#archiveEmpty .empty-icon,#telegramArchiveEmpty>span{display:none!important}
.empty-state{padding:42px 20px;border:1px solid #e2e7e3;background:#fff;box-shadow:0 4px 16px rgba(25,35,29,.04)}
.telegram-orders-empty{border-color:#dfe8e4;background:#fff}
@media(max-width:640px){
 .modal-backdrop{padding:9px}
 .modal{max-height:94dvh;border-radius:18px}
 .modal-header{margin-bottom:13px;padding-bottom:12px}
 .modal-header h2,.settings-modal .modal-header h2{font-size:21px}
 .settings-modal{width:calc(100vw - 18px);max-height:94dvh;padding:17px 14px max(16px,env(safe-area-inset-bottom));border-radius:19px}
 .settings-modal .modal-header{margin-bottom:14px;padding-bottom:12px}
 .settings-disclosure>summary{min-height:58px}
 .loyalty-card{padding:19px 17px}
 .loyalty-card p{font-size:13px}
 .order-modal{width:100%;height:94dvh;max-height:94dvh;padding:15px 13px max(12px,env(safe-area-inset-bottom));border-radius:18px}
 .order-modal .modal-header{position:static;margin:0 0 12px;padding:0 0 11px}
 #orderModal .order-modal form{gap:10px;padding:0 1px 12px 0;overflow-y:auto}
 .order-modal .menu-picker,.order-modal .order-cart{padding:11px;border-radius:13px}
 .order-modal .order-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:25dvh;gap:7px}
 .order-modal .order-menu-item{min-height:84px;padding:9px}
 .order-modal .order-details>summary{min-height:52px;align-items:center;flex-wrap:nowrap;padding:10px 12px;font-size:13px}
 .order-modal .order-details>summary span{flex:1 1 auto;width:auto;font-size:11px}
 .order-modal .order-details>.form-grid{grid-template-columns:minmax(0,1fr);gap:11px;margin:0 12px 12px}
 .order-modal .order-details>.form-field{margin:0 12px 12px}
 .order-modal .order-total{padding-top:10px}
 .order-modal form>.full-button,.order-modal #orderForm>.full-button{min-height:46px}
 .empty-state{padding:32px 16px}
}/* Premium graphite glass treatment for dialogs and the language picker */
.modal-backdrop.open{background:rgba(12,15,13,.72);backdrop-filter:blur(15px) saturate(125%);-webkit-backdrop-filter:blur(15px) saturate(125%)}
.settings-modal,.order-modal,.menu-edit-modal{color:#f1f3f1;background:linear-gradient(145deg,rgba(43,47,44,.97),rgba(24,27,25,.97));border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.settings-modal .modal-header,.order-modal .modal-header,.menu-edit-modal .modal-header{border-color:rgba(255,255,255,.13)}
.settings-modal .modal-header h2,.order-modal .modal-header h2,.menu-edit-modal .modal-header h2{color:#f5f6f5}
.settings-modal .modal-header .icon-button,.order-modal .modal-header .icon-button,.menu-edit-modal .modal-header .icon-button{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#e8ece9}
.settings-modal .catalog-section-heading h3,.settings-modal .catalog-section-heading p,.settings-modal .security-card,.settings-modal .security-card h3,.settings-modal .security-card p{color:#edf0ed}
.settings-modal .security-card .catalog-section-heading p,.settings-modal .settings-disclosure>summary small{color:#aeb7b1}
.settings-modal .settings-disclosure{border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.settings-modal .settings-disclosure>summary{color:#f4f6f4}
.settings-modal .settings-disclosure>summary strong{color:#f5a16a}
.settings-modal .settings-disclosure>summary>b{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#edf1ee}
.settings-modal .settings-disclosure>summary:hover{background:rgba(255,255,255,.055)}
.settings-modal .settings-disclosure[open]{border-color:rgba(255,255,255,.2)}
.settings-modal .settings-disclosure[open]>summary{border-bottom:1px solid rgba(255,255,255,.1)}
.settings-modal .language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 14px 15px}
.settings-modal .language-option{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 5px 15px rgba(0,0,0,.1);color:#f2f4f2;font:inherit;font-size:14px;font-weight:650;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}
.settings-modal .language-option:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.33);background:rgba(255,255,255,.13)}
.settings-modal .language-option:focus-visible{outline:3px solid rgba(239,132,72,.52);outline-offset:2px}
.settings-modal .language-option.selected{border-color:rgba(240,132,75,.8);background:linear-gradient(135deg,rgba(220,104,45,.32),rgba(255,255,255,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(230,117,59,.13),0 8px 20px rgba(0,0,0,.16)}
.settings-modal .language-option.selected::before{width:7px;height:7px;border-radius:50%;background:#f18a4e;box-shadow:0 0 12px rgba(241,138,78,.8);content:""}
.settings-modal .language-option span{flex:1}
.settings-modal .language-option small{color:#aeb8b1;font-size:10px;font-weight:750;letter-spacing:.12em}
.settings-modal .language-option.selected small{color:#ffc39f}
.language-state-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.settings-modal #logoutButton{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#f0f2f0}
.settings-modal .security-card .permission-row,.settings-modal .employee-row{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#e9eeea}
.settings-modal .password-change-form{border-color:rgba(255,255,255,.12)}
.settings-modal .password-change-form h4,.settings-modal .password-change-form label{color:#edf0ed}
.settings-modal .password-change-form input,.settings-modal .employee-create-form input,.settings-modal .manager-menu-form input,.settings-modal .manager-menu-form select,.settings-modal .category-create-form input{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.09);color:#f4f6f4}
.settings-modal .password-change-form input::placeholder,.settings-modal .employee-create-form input::placeholder,.settings-modal .manager-menu-form input::placeholder,.settings-modal .category-create-form input::placeholder{color:#adb6b0}
.order-modal .menu-picker,.order-modal .order-cart,.order-modal .order-details{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.order-modal .menu-picker h3,.order-modal .order-cart h3,.order-modal .order-details>summary{color:#f1f3f1;background:transparent}
.order-modal .menu-picker p,.order-modal .order-cart p,.order-modal .order-details>summary span,.order-modal .order-total{color:#b9c1bb}
.order-modal .order-details>summary:hover{background:rgba(255,255,255,.045)}
.order-modal .order-details>.form-grid input,.order-modal .order-details>.form-grid textarea,.order-modal .order-details>.form-field input,.order-modal .order-details>.form-field textarea{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.09);color:#f4f6f4}
.order-modal .order-details .form-field>span{color:#c6cec8}
.order-modal .order-total{border-color:rgba(255,255,255,.14)}
.order-modal .order-total strong{color:#fff}
.menu-edit-modal .form-field>span{color:#d7ded9}
.menu-edit-modal .form-field input,.menu-edit-modal .form-field select{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.09);color:#f4f6f4}
.app-confirm-card{border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(44,48,45,.98),rgba(24,27,25,.98));box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.14);color:#eff2ef;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.app-confirm-card h2{color:#f4f6f4}.app-confirm-card p{color:#bbc4bd}.app-confirm-close,.glass-action{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.08);color:#edf0ed}
@media(max-width:560px){.settings-modal .language-options{gap:8px;margin:12px 10px}.settings-modal .language-option{min-height:56px;padding:0 12px;font-size:13px}.settings-modal,.order-modal,.menu-edit-modal{border-radius:21px}}
.settings-modal .settings-disclosure>summary{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));color:#f1f3f1}
.settings-modal .settings-disclosure>summary strong{color:#fff2e9}
.settings-modal .settings-disclosure>summary small{color:#b7c0ba}
.settings-modal .settings-disclosure>summary>b{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#f1f4f1}
.settings-modal .settings-disclosure>summary:hover{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055))}
.settings-modal .settings-disclosure[open]>summary{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04))}
.settings-modal .menu-archive,.settings-modal .menu-archive[open]{border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 20px rgba(0,0,0,.1)}
.settings-modal .menu-archive>summary{color:#edf1ed}
.settings-modal .menu-archive>summary span{color:#ffb17f}
.settings-modal .menu-archive[open] #menuArchiveList{color:#edf1ed}
/* Keep the order composer on its original light menu-card design */
#orderModal.modal-backdrop.open{background:#2021285c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#orderModal .order-modal{color:#26302a;background:#f7f8f6;border:1px solid #fff;box-shadow:0 30px 80px rgba(17,19,27,.21);backdrop-filter:none;-webkit-backdrop-filter:none}
#orderModal .order-modal .modal-header{border-color:#e1e6e2}
#orderModal .order-modal .modal-header h2{color:#202823}
#orderModal .order-modal .modal-header .eyebrow{color:#69766f}
#orderModal .order-modal .modal-header .icon-button{border-color:#e3e7e4;background:#fff;color:#59625c}
#orderModal .order-modal .menu-picker,#orderModal .order-modal .order-cart{border:1px solid #ffffffd9;background:linear-gradient(145deg,#ffffffb8,#ffffff75);box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
#orderModal .menu-picker-heading strong,#orderModal .order-cart-heading strong{color:#303a34}
#orderModal .menu-picker-heading span,#orderModal .order-cart-heading span{color:#6d7771}
#orderModal .menu-filter button{border:1px solid #fff;background:#ffffff8a;color:#5a665e}
#orderModal .menu-filter button.selected{border-color:#e9793b;background:#e9793b;color:#fff;box-shadow:0 4px 12px #dc753533}
#orderModal .order-menu-item{color:#344038}
#orderModal .order-menu-item small{color:#717b74}
#orderModal .order-details{border-color:#ffffffc9;background:#ffffff77}
#orderModal .order-details>summary{background:transparent;color:#3c4941}
#orderModal .order-details>summary span{color:#7a847e}
#orderModal .order-details .form-field>span{color:#686a72}
#orderModal .order-details input,#orderModal .order-details textarea{border-color:#e9e9ed;background:#fff;color:#29312b}
#orderModal .order-total{background:transparent!important;color:#6d7771}
#orderModal .order-total strong{color:#24252a}
/* Final light glass system for settings and confirmation dialogs */
.modal-backdrop.open{background:rgba(34,42,37,.32);backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%)}
.settings-modal,.menu-edit-modal{color:#27312b;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,246,.97));border:1px solid rgba(255,255,255,.96);box-shadow:0 26px 72px rgba(35,46,39,.2),inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.settings-modal .modal-header,.menu-edit-modal .modal-header{border-color:#e5eae6}
.settings-modal .modal-header h2,.menu-edit-modal .modal-header h2{color:#222b25}
.settings-modal .modal-header .icon-button,.menu-edit-modal .modal-header .icon-button{border-color:#e4e9e5;background:#f7f9f7;color:#59645d}
.settings-modal .catalog-section-heading h3,.settings-modal .catalog-section-heading p,.settings-modal .security-card,.settings-modal .security-card h3,.settings-modal .security-card p{color:#29342d}
.settings-modal .security-card .catalog-section-heading p,.settings-modal .settings-disclosure>summary small{color:#78837b}
.settings-modal .settings-disclosure{border:1px solid #e3e9e4;border-radius:16px;background:linear-gradient(145deg,#fff,#f7f9f7);box-shadow:0 5px 16px rgba(34,48,39,.045),inset 0 1px 0 #fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.settings-modal .settings-disclosure>summary{min-height:68px;padding:13px 16px;border-radius:15px;background:transparent;color:#29332d}
.settings-modal .settings-disclosure>summary strong{color:#2e3932;font-size:14px;font-weight:700}
.settings-modal .settings-disclosure>summary small{color:#77827a;font-size:12px}
.settings-modal .settings-disclosure>summary>b{width:32px;height:32px;border:1px solid #e1e7e2;border-radius:11px;background:#f6f8f6;color:#56625a}
.settings-modal .settings-disclosure>summary:hover{background:#f8faf8}
.settings-modal .settings-disclosure[open]{border-color:#dfe6e0;background:#fff;box-shadow:0 8px 24px rgba(34,48,39,.065)}
.settings-modal .settings-disclosure[open]>summary{border-bottom:1px solid #edf0ed;background:#f8faf8}
.settings-modal .language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:15px 15px 16px}
.settings-modal .language-option{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border:1px solid #e3e9e4;border-radius:15px;background:linear-gradient(145deg,#fff,#f8faf8);box-shadow:0 3px 10px rgba(35,47,39,.04),inset 0 1px 0 #fff;color:#313c35;font:inherit;font-size:14px;font-weight:650;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}
.settings-modal .language-option:hover{transform:translateY(-1px);border-color:#cbd8ce;background:#fff;box-shadow:0 6px 16px rgba(35,47,39,.08)}
.settings-modal .language-option:focus-visible{outline:3px solid rgba(228,119,54,.24);outline-offset:2px}
.settings-modal .language-option.selected{border-color:#e7a27d;background:linear-gradient(135deg,#fff5ee,#fffaf6);box-shadow:0 0 0 1px rgba(228,119,54,.08),0 5px 14px rgba(88,54,33,.06)}
.settings-modal .language-option.selected::before{width:8px;height:8px;border-radius:50%;background:#e47736;box-shadow:0 0 0 4px rgba(228,119,54,.12);content:""}
.settings-modal .language-option span{flex:1;color:#303a34}
.settings-modal .language-option small{color:#89928c;font-size:10px;font-weight:750;letter-spacing:.12em}
.settings-modal .language-option.selected small{color:#b85e30}
.settings-modal #logoutButton{border-color:#dfe6e1;background:#fff;color:#3f4942;box-shadow:0 2px 7px rgba(34,48,39,.04)}
.settings-modal .security-card .permission-row,.settings-modal .employee-row{border-color:#e4eae5;background:#fff;color:#3e4942}
.settings-modal .password-change-form{border-color:#e5eae6}
.settings-modal .password-change-form h4,.settings-modal .password-change-form label{color:#404b44}
.settings-modal .password-change-form input,.settings-modal .employee-create-form input,.settings-modal .manager-menu-form input,.settings-modal .manager-menu-form select,.settings-modal .category-create-form input{border-color:#dfe6e1;background:#fff;color:#29332d}
.settings-modal .password-change-form input::placeholder,.settings-modal .employee-create-form input::placeholder,.settings-modal .manager-menu-form input::placeholder,.settings-modal .category-create-form input::placeholder{color:#929b94}
.settings-modal .menu-archive,.settings-modal .menu-archive[open]{border-color:#e2e8e3;background:#fff;box-shadow:0 3px 10px rgba(34,48,39,.04)}
.settings-modal .menu-archive>summary{color:#303a34}
.settings-modal .menu-archive>summary span{color:#b85e30}
.menu-edit-modal .form-field>span{color:#59645d}
.menu-edit-modal .form-field input,.menu-edit-modal .form-field select{border-color:#e1e7e2;background:#fff;color:#29312b}
.app-confirm-card{border:1px solid rgba(255,255,255,.96);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,246,.97));box-shadow:0 28px 78px rgba(35,46,39,.24),inset 0 1px 0 #fff;color:#29332d;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.app-confirm-card h2{color:#222b25}.app-confirm-card p{color:#66726a}.app-confirm-close,.glass-action{border-color:#e0e6e1;background:#fff;color:#465149}
@media(max-width:560px){.settings-modal .language-options{gap:8px;margin:12px 11px}.settings-modal .language-option{min-height:58px;padding:0 13px;font-size:13px}.settings-modal,.menu-edit-modal{border-radius:21px}}

/* Employee settings: button-first navigation with separate create and manage views */
.employee-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.employee-action-card{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:82px;padding:13px 14px;border:1px solid #e3e8e3;border-radius:16px;background:linear-gradient(145deg,#fff,#f7faf7);box-shadow:0 6px 16px #34483a0a;color:#2f3832;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.employee-action-card:hover{transform:translateY(-2px);border-color:#efb18a;box-shadow:0 10px 22px #9b59311a}.employee-action-card>span:nth-child(2){display:grid;gap:4px}.employee-action-card strong{font-size:13px;line-height:1.3}.employee-action-card small{color:#77817a;font-size:11px;line-height:1.35}.employee-action-card>b{color:#bd5d31;font-size:22px;font-weight:400}.employee-action-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#fff0e5;color:#c66132;font-size:22px}.employee-home-note{margin:13px 2px 0;color:#858c86;font-size:11px}.employee-view{padding:3px 1px}.employee-back-button{display:inline-flex;align-items:center;gap:7px;min-height:35px;padding:0 12px;border:1px solid #e2e7e2;border-radius:11px;background:#fff;color:#566158;font:600 12px inherit;cursor:pointer}.employee-back-button:first-letter{color:#bd5d31}.employee-view-heading{display:grid;gap:4px;margin:14px 2px}.employee-view-heading strong{font-size:16px;color:#29332d}.employee-view-heading small{font-size:11px;color:#78827b}.employee-view .employee-create-form{margin:14px 2px 10px}.employee-view .employee-password-note{margin:0 2px 10px;padding:11px 13px;border:1px solid #e7ede8;border-radius:12px;background:#f6f9f6}.employee-view .employee-list{margin:12px 0}.employee-view .employee-row{background:#fff;border-color:#e3e9e4}.employee-view .employee-row-actions{min-width:180px}.employee-home-note{padding-top:2px}@media(max-width:640px){.employee-action-grid{grid-template-columns:1fr}.employee-action-card{min-height:72px}.employee-view .employee-row-actions{min-width:0}}

/* Permission list: distinct, purpose-specific line icons replace generic checks */
.settings-modal .permission-list{display:grid;gap:7px;padding:11px 13px 13px}.settings-modal .permission-row{min-height:48px;display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid #e9ede9;border-radius:13px;background:linear-gradient(110deg,#fff,#fafbf9);color:#344039;font-size:13px}.settings-modal .permission-icon{display:grid;width:34px;height:34px;place-items:center;flex:none;border:1px solid #dcebe1;border-radius:11px;background:#f0f7f2;color:#478160}.settings-modal .permission-icon svg{width:19px;height:19px}.settings-modal .permission-name{line-height:1.35}.settings-modal .permission-menu .permission-icon{border-color:#f1d9c8;background:#fff4eb;color:#d5682d}.settings-modal .permission-order .permission-icon{border-color:#d8e4f4;background:#eef4fc;color:#557bad}.settings-modal .permission-archive .permission-icon{border-color:#e9e0ce;background:#f8f4e9;color:#8d7847}.settings-modal .permission-staff .permission-icon{border-color:#e2d9f0;background:#f4effa;color:#8062a8}.settings-modal .permission-telegram .permission-icon{border-color:#d4e7f1;background:#edf7fc;color:#3184aa}.settings-modal .permission-denied{background:#fbf8f6;color:#817772}.settings-modal .permission-denied .permission-icon{border-color:#eadfd9;background:#f7f0ed;color:#a57561}
@media(max-width:640px){.settings-modal .permission-list{padding:9px}.settings-modal .permission-row{min-height:46px;font-size:12px}}
.settings-modal .permission-list{gap:0;padding:2px 16px 14px}.settings-modal .permission-row{position:relative;min-height:64px;gap:13px;padding:10px 4px;border:0;border-bottom:1px solid #edf0ed;border-radius:0;background:transparent;font-size:13px}.settings-modal .permission-row:last-child{border-bottom:0}.settings-modal .permission-marker{width:3px;height:34px;flex:none;border-radius:3px;background:#d96d37}.settings-modal .permission-copy{display:grid;gap:3px;min-width:0}.settings-modal .permission-section{color:#858d88;font-size:9px;font-weight:700;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.settings-modal .permission-name{color:#303a34;font-size:13px;font-weight:550;line-height:1.35}.settings-modal .permission-state{margin-left:auto;padding:5px 8px;border:1px solid #e3ebe5;border-radius:7px;background:#f8fbf8;color:#63806c;font-size:9px;font-weight:650;letter-spacing:.04em;white-space:nowrap}.settings-modal .permission-menu .permission-marker{background:#e8783d}.settings-modal .permission-order .permission-marker{background:#6087bd}.settings-modal .permission-archive .permission-marker{background:#aa9256}.settings-modal .permission-staff .permission-marker{background:#8d70ad}.settings-modal .permission-telegram .permission-marker{background:#4d96b9}.settings-modal .permission-denied .permission-marker{background:#b97867}.settings-modal .permission-denied .permission-name{color:#817772}.settings-modal .permission-denied .permission-state{border-color:#eadfd9;background:#faf5f2;color:#9b6e60}
@media(max-width:640px){.settings-modal .permission-row{min-height:60px;padding:9px 2px}.settings-modal .permission-state{font-size:8px;padding:4px 6px}}
.settings-modal .permission-row .permission-marker{display:block!important;width:3px!important;min-width:3px!important;height:32px!important;min-height:32px!important;padding:0!important;border:0!important;border-radius:3px!important;background-image:none!important;box-shadow:none!important}
.settings-modal .security-card>.catalog-section-heading{padding:8px 7px 17px;border-bottom:1px solid #edf0ed;margin-bottom:14px}.settings-modal .security-card>.catalog-section-heading h3{font-size:16px;letter-spacing:-.02em}.settings-modal .security-card>.catalog-section-heading p{max-width:52ch;line-height:1.55}.settings-modal .security-card>.settings-disclosure{overflow:hidden;margin:10px 0;border:1px solid #e5e9e5;border-radius:15px;background:#fff;box-shadow:0 3px 10px rgba(39,54,43,.035);transition:border-color .18s,box-shadow .18s}.settings-modal .security-card>.settings-disclosure>summary{min-height:68px;padding:12px 16px;background:#fff}.settings-modal .security-card>.settings-disclosure[open]{border-color:#e9cdbb;box-shadow:0 8px 20px rgba(90,67,49,.075)}.settings-modal .security-card>.settings-disclosure[open]>summary{background:#fff8f2;border-bottom:1px solid #f0e3da}.settings-modal .security-card>.settings-disclosure[open]>summary strong{color:#a94f25}.settings-modal .security-card>.settings-disclosure[open]>summary small{color:#84776e}.settings-modal .security-card .permission-list{margin:0!important;padding:8px 18px 12px;background:linear-gradient(180deg,#fbfaf8,#fff)}.settings-modal .security-card .permission-section{display:block;width:max-content;max-width:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#858d88!important;font-size:9px;font-weight:700;letter-spacing:.11em}.settings-modal .security-card .permission-row{min-height:62px}.settings-modal .security-card .permission-state{padding:5px 9px;border-color:#dce8df;background:#f3f8f4;color:#50705b}
.modal-backdrop#settingsModal:has(.settings-modal #settingsSecurity:not(.hidden)){background:rgba(81,55,37,.34);backdrop-filter:blur(13px) saturate(115%);-webkit-backdrop-filter:blur(13px) saturate(115%)}.settings-modal:has(#settingsSecurity:not(.hidden)){border-color:rgba(255,255,255,.9);background:radial-gradient(ellipse at 100% 0,rgba(255,179,112,.2),transparent 38%),radial-gradient(ellipse at 0 100%,rgba(244,136,65,.12),transparent 34%),linear-gradient(145deg,rgba(255,252,248,.88),rgba(248,238,227,.79));box-shadow:0 28px 90px rgba(63,43,29,.28),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header{border-bottom-color:rgba(203,122,64,.24)}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header h2{color:#9f4e20}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header .icon-button{border-color:rgba(216,126,64,.25);background:rgba(255,255,255,.62);color:#9f653f}.settings-modal .security-card>.settings-disclosure[open]>summary{background:linear-gradient(105deg,rgba(255,236,219,.82),rgba(255,249,243,.74));border-bottom-color:rgba(216,143,94,.22)}.settings-modal .security-card>.settings-disclosure[open]>summary>b{border-color:rgba(222,133,70,.24);background:rgba(255,255,255,.74);color:#ae5a27}.settings-modal .security-card .permission-list{margin:11px 12px 12px!important;padding:3px 14px 5px;border:1px solid rgba(226,214,202,.72);border-radius:13px;background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(12px) saturate(125%)}.settings-modal .security-card .permission-row{min-height:60px}.settings-modal .security-card .permission-state{background:rgba(242,248,243,.78)}
.modal-backdrop#settingsModal:has(.settings-modal #settingsSecurity:not(.hidden)){background:rgba(25,31,28,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-modal:has(#settingsSecurity:not(.hidden)){border-color:#fff;background:rgba(247,249,247,.97);box-shadow:0 24px 72px rgba(12,19,15,.26);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header{border-bottom-color:#e1e6e2}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header h2{color:#202823}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header .icon-button{border-color:#e3e7e4;background:#fff;color:#59625c}.settings-modal .security-card>.settings-disclosure[open]{border-color:#e7b18b;box-shadow:0 5px 15px rgba(137,83,42,.07)}.settings-modal .security-card>.settings-disclosure[open]>summary{background:linear-gradient(105deg,#fff2e8,#fffaf6);border-bottom-color:#f0e2d7}.settings-modal .security-card>.settings-disclosure[open]>summary strong{color:#a84e21}.settings-modal .security-card>.settings-disclosure[open]>summary small{color:#6c625b}.settings-modal .security-card .permission-list{margin:10px 12px 12px!important;padding:5px 13px;border-color:#e8e0d9;background:#faf8f6;box-shadow:none;backdrop-filter:none}.settings-modal .security-card .permission-row{min-height:60px}.settings-modal .security-card .permission-section{font-size:10px!important;color:#737b75!important}.settings-modal .security-card .permission-name{font-size:14px;font-weight:600;color:#26332b}.settings-modal .security-card .permission-state{border-color:#dbe7dd;background:#eef5ef;color:#315a3b;font-size:10px}
.settings-modal .security-card .permission-list{padding-top:2px;padding-bottom:2px}.settings-modal .security-card .permission-row{min-height:49px;padding-top:5px;padding-bottom:5px;gap:2px 11px}.settings-modal .security-card .permission-marker{height:27px!important;min-height:27px!important}.settings-modal .security-card .permission-copy{gap:1px}.settings-modal .security-card .permission-section{font-size:9px!important;line-height:1.1}.settings-modal .security-card .permission-name{font-size:13px;line-height:1.2}

/* Permission access panel — roomy Apple-like rows in the Burger Armenius palette */
.settings-modal .security-card>.settings-disclosure:has(#permissionList){overflow:hidden;border:1px solid #e5e9e5;border-radius:17px;background:#fff;box-shadow:0 4px 16px rgba(39,54,43,.045)}
.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{display:flex;align-items:center;gap:16px;min-height:84px;padding:15px 19px;background:linear-gradient(110deg,#fff7f0,#fffdfa);border-bottom:1px solid #f0e6de}
.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f0d9c8;border-radius:50%;background:#fff;color:#cf642e;font-size:15px}
.settings-modal .permission-heading{display:flex;align-items:center;gap:15px;min-width:0}
.settings-modal .permission-heading-icon{display:grid;width:52px;height:52px;place-items:center;flex:none;border:1px solid #f1dfd1;border-radius:15px;background:linear-gradient(145deg,#fff1e6,#fae4d4);color:#b95727}
.settings-modal .permission-heading-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.settings-modal .permission-heading-copy{display:grid;gap:3px}.settings-modal .permission-heading-copy strong{font-size:18px;letter-spacing:-.025em;color:#29322d}.settings-modal .permission-heading-copy small{font-size:13px;line-height:1.35;color:#778079}
.settings-modal .security-card .permission-list{display:grid;gap:0;margin:0!important;padding:0 20px;border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}
.settings-modal .security-card .permission-row{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:78px;padding:12px 3px;border:0;border-bottom:1px solid #edf0ed;border-radius:0;background:transparent}
.settings-modal .security-card .permission-row:last-child{border-bottom:0}
.settings-modal .permission-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #f0e2d8;border-radius:14px;background:#fff6ef;color:#c26131}
.settings-modal .permission-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-modal .permission-copy{display:grid;gap:3px;min-width:0}
.settings-modal .security-card .permission-section{font-size:10px!important;font-weight:700;letter-spacing:.13em;line-height:1.15;color:#858c86!important;text-transform:uppercase}
.settings-modal .security-card .permission-name{font-size:15px;font-weight:600;line-height:1.3;color:#27312b}
.settings-modal .security-card .permission-state{justify-self:end;margin-left:10px;padding:8px 13px;border:1px solid #dce9de;border-radius:999px;background:#f0f7f1;color:#477451;font-size:12px;font-weight:650;letter-spacing:0;white-space:nowrap}
.settings-modal .permission-denied .permission-icon{border-color:#eadfd8;background:#f8f3ef;color:#9b735f}
.settings-modal .permission-denied .permission-state{border-color:#eadfd8;background:#f8f3ef;color:#8e6c5b}
.settings-modal .permission-denied .permission-name{color:#737b75}
.settings-modal .security-card .permission-row.permission-menu .permission-icon{border-color:#f0d7c7;background:#fff3e9;color:#c65c29}
.settings-modal .security-card .permission-row.permission-telegram .permission-icon{border-color:#d7e5ed;background:#f1f7fa;color:#537b8f}
@media(max-width:640px){.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:72px;padding:12px 14px;gap:11px}.settings-modal .permission-heading{gap:11px}.settings-modal .permission-heading-icon{width:42px;height:42px;border-radius:13px}.settings-modal .permission-heading-icon svg{width:23px;height:23px}.settings-modal .permission-heading-copy strong{font-size:16px}.settings-modal .permission-heading-copy small{font-size:11px}.settings-modal .security-card .permission-list{padding:0 12px}.settings-modal .security-card .permission-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:67px;padding:9px 1px}.settings-modal .permission-icon{width:39px;height:39px;border-radius:12px}.settings-modal .permission-icon svg{width:20px;height:20px}.settings-modal .security-card .permission-name{font-size:13px}.settings-modal .security-card .permission-section{font-size:9px!important}.settings-modal .security-card .permission-state{margin-left:4px;padding:6px 9px;font-size:10px}}/* Keep all permission rows comfortably visible in a standard-height settings window */
.settings-modal .security-card .permission-row{min-height:62px;padding:8px 3px;gap:12px}
.settings-modal .permission-icon{width:40px;height:40px;border-radius:12px}
.settings-modal .permission-icon svg{width:21px;height:21px}
.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:72px;padding-top:11px;padding-bottom:11px}
.settings-modal .permission-heading-icon{width:46px;height:46px}
@media(max-width:640px){.settings-modal .security-card .permission-row{min-height:59px;padding:7px 1px;gap:9px}.settings-modal .permission-icon{width:36px;height:36px}.settings-modal .permission-heading-icon{width:40px;height:40px}}
/* Match the supplied permission panel composition; retain the CRM orange/green palette */
.settings-modal:has(#settingsSecurity:not(.hidden)){width:min(940px,calc(100vw - 40px));max-height:90vh}
.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:94px;padding:17px 20px}
.settings-modal .permission-heading{gap:20px}
.settings-modal .permission-heading-icon{width:62px;height:62px;border-radius:18px}
.settings-modal .permission-heading-icon svg{width:32px;height:32px}
.settings-modal .permission-heading-copy strong{font-size:26px;letter-spacing:-.035em}
.settings-modal .permission-heading-copy small{font-size:16px}
.settings-modal .security-card .permission-list{padding:0 22px}
.settings-modal .security-card .permission-row{grid-template-columns:72px minmax(0,1fr) auto;gap:19px;min-height:82px;padding:12px 4px}
.settings-modal .permission-icon{width:60px;height:60px;border-radius:17px}
.settings-modal .permission-icon svg{width:29px;height:29px}
.settings-modal .security-card .permission-section{font-size:12px!important;letter-spacing:.14em}
.settings-modal .security-card .permission-name{font-size:18px;line-height:1.3}
.settings-modal .security-card .permission-state{display:flex;align-items:center;gap:9px;padding:10px 17px;font-size:15px}
.settings-modal .security-card .permission-state svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.settings-modal:has(#settingsSecurity:not(.hidden)){width:calc(100vw - 20px);max-height:92dvh}.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:74px;padding:11px 13px}.settings-modal .permission-heading{gap:11px}.settings-modal .permission-heading-icon{width:42px;height:42px;border-radius:13px}.settings-modal .permission-heading-icon svg{width:23px;height:23px}.settings-modal .permission-heading-copy strong{font-size:16px}.settings-modal .permission-heading-copy small{font-size:11px}.settings-modal .security-card .permission-list{padding:0 11px}.settings-modal .security-card .permission-row{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;min-height:58px;padding:6px 1px}.settings-modal .permission-icon{width:36px;height:36px;border-radius:11px}.settings-modal .permission-icon svg{width:19px;height:19px}.settings-modal .security-card .permission-section{font-size:8px!important;letter-spacing:.1em}.settings-modal .security-card .permission-name{font-size:12px}.settings-modal .security-card .permission-state{gap:4px;margin-left:2px;padding:5px 7px;font-size:9px}.settings-modal .security-card .permission-state svg{width:15px;height:15px}}/* Final proportions: match the reference panel while keeping all five permissions in view */
.settings-modal .permission-heading-copy strong{font-size:25px!important;line-height:1.1!important}
.settings-modal .permission-heading-copy small{font-size:15px!important}
.settings-modal .security-card .permission-row{min-height:69px;padding:9px 4px}
.settings-modal .permission-icon{width:50px;height:50px;border-radius:15px}
.settings-modal .permission-icon svg{width:25px;height:25px}
.settings-modal .security-card .permission-state{padding:8px 14px}
@media(max-width:640px){.settings-modal .permission-heading-copy strong{font-size:16px!important}.settings-modal .permission-heading-copy small{font-size:11px!important}.settings-modal .security-card .permission-row{min-height:58px;padding:6px 1px}.settings-modal .permission-icon{width:36px;height:36px}}/* Keep the permission icons in the product palette instead of introducing unrelated hues */
.settings-modal .security-card .permission-row.permission-menu .permission-icon,.settings-modal .security-card .permission-row.permission-order .permission-icon,.settings-modal .security-card .permission-row.permission-archive .permission-icon,.settings-modal .security-card .permission-row.permission-staff .permission-icon,.settings-modal .security-card .permission-row.permission-telegram .permission-icon{border-color:#f0d7c7;background:#fff3e9;color:#c65c29}/* Refined compact permissions panel: restore the settings modal proportions and reduce visual noise */
.settings-modal:has(#settingsSecurity:not(.hidden)){width:min(790px,calc(100vw - 36px));max-height:88vh}
.settings-modal .security-card>.settings-disclosure:has(#permissionList){border:1px solid #e7e9e6;border-radius:16px;background:#fff;box-shadow:0 3px 12px rgba(35,43,38,.035)}
.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:70px;padding:11px 15px;gap:12px;background:#fff;border-bottom:1px solid #eceeeb}
.settings-modal .permission-heading{gap:12px}
.settings-modal .permission-heading-icon{width:42px;height:42px;border:1px solid #f0dfd3;border-radius:12px;background:#fff6ef;color:#c26131}
.settings-modal .permission-heading-icon svg{width:22px;height:22px}
.settings-modal .permission-heading-copy{gap:2px}
.settings-modal .permission-heading-copy strong{font-size:17px!important;line-height:1.2!important;color:#28312c}
.settings-modal .permission-heading-copy small{font-size:12px!important;line-height:1.3;color:#778079}
.settings-modal .security-card .permission-list{padding:0 15px}
.settings-modal .security-card .permission-row{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;min-height:62px;padding:8px 2px;border-bottom:1px solid #eef0ed}
.settings-modal .permission-icon{width:38px;height:38px;border:1px solid #f0e1d6;border-radius:11px;background:#fff7f1;color:#bd5d30}
.settings-modal .permission-icon svg{width:20px;height:20px}
.settings-modal .security-card .permission-section{font-size:9px!important;letter-spacing:.12em;line-height:1.15;color:#848b85!important}
.settings-modal .security-card .permission-name{font-size:14px;font-weight:570;line-height:1.3;color:#29332d}
.settings-modal .security-card .permission-state{gap:6px;margin-left:8px;padding:6px 10px;border-color:#dfe9e0;border-radius:999px;background:#f3f8f3;color:#507157;font-size:11px}
.settings-modal .security-card .permission-state svg{width:16px;height:16px}
.settings-modal .security-card .permission-row.permission-menu .permission-icon,.settings-modal .security-card .permission-row.permission-order .permission-icon,.settings-modal .security-card .permission-row.permission-archive .permission-icon,.settings-modal .security-card .permission-row.permission-staff .permission-icon,.settings-modal .security-card .permission-row.permission-telegram .permission-icon{border-color:#f0e1d6;background:#fff7f1;color:#bd5d30}
.settings-modal .permission-denied .permission-icon{border-color:#e9e2dd;background:#f8f5f2;color:#8e7566}
.settings-modal .permission-denied .permission-state{border-color:#e9e2dd;background:#f8f5f2;color:#8e7566}
@media(max-width:640px){.settings-modal:has(#settingsSecurity:not(.hidden)){width:calc(100vw - 20px);max-height:92dvh}.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:64px;padding:9px 11px}.settings-modal .permission-heading-icon{width:36px;height:36px}.settings-modal .permission-heading-copy strong{font-size:15px!important}.settings-modal .permission-heading-copy small{font-size:10px!important}.settings-modal .security-card .permission-list{padding:0 10px}.settings-modal .security-card .permission-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;min-height:56px;padding:6px 1px}.settings-modal .permission-icon{width:32px;height:32px;border-radius:9px}.settings-modal .permission-icon svg{width:17px;height:17px}.settings-modal .security-card .permission-name{font-size:12px}.settings-modal .security-card .permission-state{gap:4px;margin-left:2px;padding:5px 7px;font-size:9px}.settings-modal .security-card .permission-state svg{width:14px;height:14px}}/* Compact permission list; replace the prior oversized icon tiles with one restrained mark system */
.settings-modal:has(#settingsSecurity:not(.hidden)){width:min(720px,calc(100vw - 36px));max-height:86vh}
.settings-modal .security-card>.settings-disclosure:has(#permissionList){border-radius:13px;box-shadow:none}
.settings-modal .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:58px;padding:8px 12px;gap:9px;background:#fffaf6;border-bottom-color:#f0e8e1}
.settings-modal .permission-heading{gap:9px}
.settings-modal .permission-heading-icon{width:31px;height:31px;border-radius:9px;background:transparent;border-color:transparent;color:#c26131}
.settings-modal .permission-heading-icon svg{width:20px;height:20px}
.settings-modal .permission-heading-copy{gap:1px}
.settings-modal .permission-heading-copy strong{font-size:15px!important}
.settings-modal .permission-heading-copy small{font-size:10px!important}
.settings-modal .security-card .permission-list{padding:0 12px}
.settings-modal .security-card .permission-row{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;min-height:52px;padding:6px 1px;border-bottom-color:#eff0ed}
.settings-modal .permission-icon{width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:#bd5d30}
.settings-modal .permission-icon svg{width:21px;height:21px;stroke-width:1.7}
.settings-modal .security-card .permission-row.permission-menu .permission-icon,.settings-modal .security-card .permission-row.permission-order .permission-icon,.settings-modal .security-card .permission-row.permission-archive .permission-icon,.settings-modal .security-card .permission-row.permission-staff .permission-icon,.settings-modal .security-card .permission-row.permission-telegram .permission-icon{border:0;background:transparent;color:#bd5d30}
.settings-modal .security-card .permission-copy{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:9px;min-width:0}
.settings-modal .security-card .permission-section{font-size:9px!important;letter-spacing:.08em;white-space:nowrap}
.settings-modal .security-card .permission-name{font-size:13px;font-weight:550;line-height:1.25}
.settings-modal .security-card .permission-state{gap:4px;margin-left:6px;padding:5px 8px;font-size:10px}
.settings-modal .security-card .permission-state svg{width:13px;height:13px}
@media(max-width:640px){.settings-modal:has(#settingsSecurity:not(.hidden)){width:calc(100vw - 18px);max-height:92dvh}.settings-modal .security-card .permission-list{padding:0 8px}.settings-modal .security-card .permission-row{grid-template-columns:26px minmax(0,1fr) auto;gap:6px;min-height:48px}.settings-modal .permission-icon{width:24px;height:24px}.settings-modal .permission-icon svg{width:19px;height:19px}.settings-modal .security-card .permission-copy{grid-template-columns:1fr;gap:1px}.settings-modal .security-card .permission-section{font-size:8px!important}.settings-modal .security-card .permission-name{font-size:11px}.settings-modal .security-card .permission-state{margin-left:1px;padding:4px 6px;font-size:9px}}/* Security dialog refresh: a deliberate, low-noise admin layout */
.modal-backdrop#settingsModal:has(.settings-modal #settingsSecurity:not(.hidden)){background:rgba(29,35,31,.43);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.settings-modal:has(#settingsSecurity:not(.hidden)){width:min(760px,calc(100vw - 32px));max-height:88dvh;overflow:auto;border:1px solid #dfe3de;border-radius:18px;background:#f7f8f6;box-shadow:0 20px 56px rgba(19,27,21,.2);backdrop-filter:none;-webkit-backdrop-filter:none}
.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header{min-height:64px;padding:12px 18px;border-bottom:1px solid #e4e7e3;background:#fbfcfa}
.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header h2{font-size:21px;font-weight:650;letter-spacing:-.035em;color:#252e28}
.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header .icon-button{width:32px;height:32px;border:1px solid #e1e5e0;border-radius:9px;background:#fff;color:#59645c;box-shadow:none}
.settings-modal #settingsSecurity{padding:15px 18px 18px}
.settings-modal #settingsSecurity .security-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading{padding:2px 1px 12px;margin:0 0 12px;border:0;border-bottom:1px solid #e5e8e3}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading h3{font-size:14px;font-weight:650;letter-spacing:0;color:#29322c}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading p{margin-top:3px;color:#747d76;font-size:11px;line-height:1.4}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:has(#permissionList){margin:0 0 10px;overflow:hidden;border:1px solid #dfe4de;border-radius:12px;background:#fff;box-shadow:none}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:has(#permissionList)>summary{min-height:58px;padding:9px 12px;gap:10px;border-bottom:1px solid #edf0eb;background:#fff}
.settings-modal #settingsSecurity .permission-heading{gap:10px}
.settings-modal #settingsSecurity .permission-heading-icon{width:32px;height:32px;border:0;border-radius:8px;background:#fff2e7;color:#bf5b2a}
.settings-modal #settingsSecurity .permission-heading-icon svg{width:18px;height:18px;stroke-width:1.8}
.settings-modal #settingsSecurity .permission-heading-copy{gap:2px}
.settings-modal #settingsSecurity .permission-heading-copy strong{font-size:15px!important;font-weight:650;line-height:1.2!important;color:#29322c}
.settings-modal #settingsSecurity .permission-heading-copy small{font-size:10px!important;color:#7a837c}
.settings-modal #settingsSecurity .security-card .permission-list{margin:0!important;padding:2px 12px;border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}
.settings-modal #settingsSecurity .security-card .permission-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:56px;padding:7px 1px;border:0;border-bottom:1px solid #ecefeb;border-radius:0;background:#fff}
.settings-modal #settingsSecurity .security-card .permission-row:last-child{border-bottom:0}
.settings-modal #settingsSecurity .permission-icon{display:grid;width:22px;height:22px;place-items:center;border:0;border-radius:0;background:transparent;color:#a75a35}
.settings-modal #settingsSecurity .permission-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.settings-modal #settingsSecurity .security-card .permission-row.permission-menu .permission-icon,.settings-modal #settingsSecurity .security-card .permission-row.permission-order .permission-icon,.settings-modal #settingsSecurity .security-card .permission-row.permission-archive .permission-icon,.settings-modal #settingsSecurity .security-card .permission-row.permission-staff .permission-icon,.settings-modal #settingsSecurity .security-card .permission-row.permission-telegram .permission-icon{border:0;background:transparent;color:#a75a35}
.settings-modal #settingsSecurity .security-card .permission-copy{display:grid;grid-template-columns:1fr;align-items:start;gap:2px;min-width:0}
.settings-modal #settingsSecurity .security-card .permission-section{font-size:9px!important;font-weight:650;letter-spacing:.1em;line-height:1.1;color:#858d86!important;text-transform:uppercase}
.settings-modal #settingsSecurity .security-card .permission-name{font-size:13px;font-weight:550;line-height:1.25;color:#2c352f}
.settings-modal #settingsSecurity .security-card .permission-state{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:0;border:0;border-radius:0;background:transparent;color:#477451;font-size:11px;font-weight:600;letter-spacing:0;white-space:nowrap}
.settings-modal #settingsSecurity .security-card .permission-state svg{display:none}
.settings-modal #settingsSecurity .security-card .permission-state:before{width:7px;height:7px;content:"";border-radius:50%;background:#5c9868}
.settings-modal #settingsSecurity .security-card .permission-denied .permission-icon{color:#8d7062}
.settings-modal #settingsSecurity .security-card .permission-denied .permission-name{color:#777e79}
.settings-modal #settingsSecurity .security-card .permission-denied .permission-state{color:#936e60}
.settings-modal #settingsSecurity .security-card .permission-denied .permission-state:before{background:#ba715f}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:not(:has(#permissionList)){margin:9px 0;overflow:hidden;border:1px solid #dfe4de;border-radius:11px;background:#fff;box-shadow:none}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:not(:has(#permissionList))>summary{min-height:50px;padding:8px 12px;background:#fff}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:not(:has(#permissionList))>summary strong{font-size:13px;color:#303a34}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:not(:has(#permissionList))>summary small{font-size:10px;color:#7b847d}
.settings-modal #settingsSecurity .security-card>#logoutButton{margin-top:5px;min-height:36px;border-radius:9px;box-shadow:none}
@media(max-width:640px){.settings-modal:has(#settingsSecurity:not(.hidden)){width:calc(100vw - 20px);max-height:92dvh;border-radius:15px}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header{min-height:56px;padding:9px 13px}.settings-modal:has(#settingsSecurity:not(.hidden)) .modal-header h2{font-size:18px}.settings-modal #settingsSecurity{padding:11px 12px 13px}.settings-modal #settingsSecurity .security-card>.catalog-section-heading{padding-bottom:9px;margin-bottom:9px}.settings-modal #settingsSecurity .security-card .permission-list{padding:1px 8px}.settings-modal #settingsSecurity .security-card .permission-row{grid-template-columns:20px minmax(0,1fr) auto;gap:8px;min-height:51px;padding:6px 0}.settings-modal #settingsSecurity .permission-icon{width:18px;height:18px}.settings-modal #settingsSecurity .permission-icon svg{width:17px;height:17px}.settings-modal #settingsSecurity .security-card .permission-name{font-size:11px}.settings-modal #settingsSecurity .security-card .permission-section{font-size:8px!important}.settings-modal #settingsSecurity .security-card .permission-state{margin-left:4px;font-size:9px}.settings-modal #settingsSecurity .security-card .settings-disclosure:has(#permissionList)>summary{min-height:52px;padding:7px 9px}.settings-modal #settingsSecurity .permission-heading-icon{width:28px;height:28px}}/* Access rows without decorative row icons or repeated category labels */
.settings-modal #settingsSecurity .security-card .permission-row{grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:50px;padding:8px 2px}
.settings-modal #settingsSecurity .permission-icon,.settings-modal #settingsSecurity .permission-section{display:none!important}
.settings-modal #settingsSecurity .security-card .permission-copy{display:block;min-width:0}
.settings-modal #settingsSecurity .security-card .permission-name{font-size:13px;font-weight:550;line-height:1.35}
.settings-modal #settingsSecurity .security-card .permission-state{margin-left:10px}
@media(max-width:640px){.settings-modal #settingsSecurity .security-card .permission-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:46px;padding:7px 0}.settings-modal #settingsSecurity .security-card .permission-name{font-size:12px}.settings-modal #settingsSecurity .security-card .permission-state{margin-left:3px}}.settings-modal #settingsSecurity .permission-heading-icon{display:none!important}
.settings-modal #settingsSecurity .permission-heading{gap:0!important}
.settings-modal #settingsSecurity .security-card .permission-list{display:grid;grid-template-columns:1fr;gap:7px;padding:10px 12px 12px;background:#f7f8f6}
.settings-modal #settingsSecurity .security-card .permission-row{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:48px;padding:9px 12px;border:1px solid #e5e8e3;border-radius:10px;background:linear-gradient(105deg,#fff 0%,#fdfcfb 100%);box-shadow:0 1px 2px rgba(42,50,44,.035)}
.settings-modal #settingsSecurity .security-card .permission-row:before{position:absolute;inset:8px auto 8px 0;width:2px;border-radius:2px;background:#d86f38;content:""}
.settings-modal #settingsSecurity .security-card .permission-row.permission-order:before{background:#6486b5}
.settings-modal #settingsSecurity .security-card .permission-row.permission-archive:before{background:#a18b58}
.settings-modal #settingsSecurity .security-card .permission-row.permission-staff:before{background:#7e8f81}
.settings-modal #settingsSecurity .security-card .permission-row.permission-telegram:before{background:#4c91b3}
.settings-modal #settingsSecurity .security-card .permission-copy{padding-left:2px}
.settings-modal #settingsSecurity .security-card .permission-name{font-size:12px;font-weight:580;line-height:1.3;color:#303933}
.settings-modal #settingsSecurity .security-card .permission-state{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 8px;border:1px solid #e3e8e3;border-radius:7px;background:#f7f9f7;color:#506657;font-size:10px;font-weight:620}
.settings-modal #settingsSecurity .security-card .permission-state svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-modal #settingsSecurity .security-card .permission-state:before{display:none}
.settings-modal #settingsSecurity .security-card .permission-denied{border-color:#ebe5e1;background:linear-gradient(105deg,#fff 0%,#fbf8f6 100%)}
.settings-modal #settingsSecurity .security-card .permission-denied .permission-state{border-color:#eaded8;background:#faf4f1;color:#986858}
@media(max-width:640px){.settings-modal #settingsSecurity .security-card .permission-list{padding:8px;gap:6px}.settings-modal #settingsSecurity .security-card .permission-row{grid-template-columns:minmax(0,1fr) auto;min-height:46px;gap:7px;padding:8px 9px}.settings-modal #settingsSecurity .security-card .permission-name{font-size:11px}.settings-modal #settingsSecurity .security-card .permission-state{padding:4px 6px;font-size:9px}}
.settings-modal #settingsSecurity .security-card .permission-list{gap:4px;padding:6px 10px 8px;background:#f7f8f6}
.settings-modal #settingsSecurity .security-card .permission-row{min-height:0;padding:7px 11px;border:1px solid #e6e9e5;border-radius:9px;background:#fff;box-shadow:none}
.settings-modal #settingsSecurity .security-card .permission-row:before{display:none!important;content:none!important}
.settings-modal #settingsSecurity .security-card .permission-row.permission-menu{background:#fffaf6}
.settings-modal #settingsSecurity .security-card .permission-row.permission-order{background:#f7faff}
.settings-modal #settingsSecurity .security-card .permission-row.permission-archive{background:#fcfbf7}
.settings-modal #settingsSecurity .security-card .permission-row.permission-staff{background:#f8faf8}
.settings-modal #settingsSecurity .security-card .permission-row.permission-telegram{background:#f6fafc}
.settings-modal #settingsSecurity .security-card .permission-copy{padding:0}
@media(max-width:640px){.settings-modal #settingsSecurity .security-card .permission-list{gap:4px;padding:6px}.settings-modal #settingsSecurity .security-card .permission-row{min-height:0;padding:7px 9px}}
/* Frosted language choices: soft glass with high-contrast labels */
.settings-modal #settingsSecurity .language-options{gap:8px;margin:10px 12px 12px;padding:2px}
.settings-modal #settingsSecurity .language-option{position:relative;min-height:49px;padding:0 13px;border:1px solid rgba(206,214,207,.78);border-radius:12px;background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 12px rgba(53,63,55,.045);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);color:#354039;font-size:12px;font-weight:620}
.settings-modal #settingsSecurity .language-option:hover{border-color:rgba(214,119,65,.55);background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(72,58,47,.08)}
.settings-modal #settingsSecurity .language-option.selected{border-color:rgba(217,111,56,.55);background:linear-gradient(130deg,rgba(255,237,222,.76),rgba(255,255,255,.64));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 0 0 1px rgba(217,111,56,.08),0 5px 14px rgba(72,58,47,.06)}
.settings-modal #settingsSecurity .language-option.selected:before{width:7px;height:7px;border-radius:50%;background:#d96f38;box-shadow:0 0 0 3px rgba(217,111,56,.12);content:""}
.settings-modal #settingsSecurity .language-option small{color:#828b84;font-size:9px}
.settings-modal #settingsSecurity .language-option.selected small{color:#a95128}
.settings-modal #settingsSecurity .password-change-form .password-step{transition:opacity .16s,transform .16s}
.settings-modal #settingsSecurity .password-change-form .password-step.hidden{display:none!important}
@media(max-width:640px){.settings-modal #settingsSecurity .language-options{gap:7px;margin:8px}.settings-modal #settingsSecurity .language-option{min-height:46px;padding:0 10px;font-size:11px}}
/* Settings dialog: fixed header, one scroll surface per active settings page */
.settings-modal{display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}
.settings-modal>.modal-header{position:relative!important;top:auto!important;z-index:2;flex:none;margin:0 0 14px!important;padding:4px 0 12px!important;background:#f7f9f7!important;border-bottom:1px solid #e3e8e3!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.settings-modal>.settings-panel:not(.hidden){display:grid;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.settings-modal #settingsSecurity .password-change-form{gap:9px;margin-top:10px;padding:12px;border:1px solid #e4e9e4;border-radius:12px;background:#fbfcfb}
.settings-modal #settingsSecurity .password-change-form h4{margin-bottom:2px;color:#29332d;font-size:14px}
.settings-modal #settingsSecurity .password-change-form label{gap:5px;color:#46524a;font-size:12px;font-weight:650}
.settings-modal #settingsSecurity .password-change-form input{height:43px;padding:0 12px;border:1px solid #d7dfd8;border-radius:10px;background:#fff;color:#28332c;font-size:14px}
.settings-modal #settingsSecurity .password-change-form input:focus{border-color:#dc8a5e;outline:3px solid rgba(220,138,94,.14)}
.settings-modal #settingsSecurity .password-change-form button{min-height:42px}
.settings-modal #settingsSecurity .language-options{display:none!important}
.settings-modal #settingsSecurity .language-state-select{display:block!important;width:100%;max-width:300px;height:38px;margin:10px 12px 12px;padding:0 33px 0 11px;border:1px solid #dfe5df;border-radius:9px;background:rgba(255,255,255,.72);color:#354039;font:inherit;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}
.settings-modal #settingsSecurity .language-state-select:focus{border-color:#df9a72;outline:3px solid rgba(220,138,94,.13)}
.settings-modal #settingsSecurity .settings-disclosure.language-disclosure>summary{min-height:48px}
.settings-modal #settingsSecurity .password-change-form .helper-text{min-height:0}
@media(max-width:640px){.settings-modal{max-height:92dvh;overflow:hidden}.settings-modal>.modal-header{margin-bottom:10px!important;padding-bottom:9px!important}.settings-modal>.settings-panel:not(.hidden){min-height:0;overflow-y:auto}.settings-modal #settingsSecurity .password-change-form{padding:10px;gap:8px}.settings-modal #settingsSecurity .language-state-select{max-width:none;width:calc(100% - 20px);height:36px;margin:8px 10px 10px}}
.settings-modal #settingsSecurity .password-change-form button:disabled{background:#d9ddd9;color:#737b75;box-shadow:none;cursor:not-allowed;transform:none}
.settings-modal #settingsSecurity .language-state-select{appearance:auto;-webkit-appearance:menulist}
.settings-modal #settingsSecurity .language-state-select{position:relative!important;display:block!important;width:100%!important;max-width:300px;height:38px!important;margin:10px 12px 12px!important;padding:0 11px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:1px solid #dfe5df!important;border-radius:9px!important;background:rgba(255,255,255,.72)!important;color:#354039!important;font:inherit!important;font-size:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}
@media(max-width:640px){.settings-modal #settingsSecurity .language-state-select{max-width:none;width:calc(100% - 20px)!important;height:36px!important;margin:8px 10px 10px!important}}
/* Unified finish for all Settings panels */
.settings-modal{width:min(790px,calc(100vw - 28px));max-height:min(88dvh,820px);padding:clamp(18px,2.5vw,26px);overflow:hidden;background:rgba(249,250,248,.98);border:1px solid rgba(255,255,255,.96);border-radius:22px;box-shadow:0 28px 84px rgba(25,34,28,.28);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.settings-modal>.modal-header{min-height:52px;align-items:center;margin:0 0 14px!important;padding:2px 0 11px!important;background:#f9faf8!important;border-bottom:1px solid #e5e9e5!important}
.settings-modal>.modal-header h2{max-width:calc(100% - 48px);overflow:visible;overflow-wrap:anywhere;color:#252e28;font-size:22px;letter-spacing:-.035em}
.settings-modal>.settings-panel:not(.hidden){gap:14px;padding:0 4px 5px 0}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading{margin:0 0 4px;padding:4px 3px 12px;border-bottom:1px solid #e4e9e4}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading h3{color:#26322a;font-size:15px;font-weight:700}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading p{max-width:64ch;margin-top:5px;padding:8px 11px;border:1px solid #e2e9e2;border-left:3px solid #d86f34;border-radius:8px;background:linear-gradient(100deg,#f1f6f1,#f8faf7);color:#46574b;font-size:12px;font-weight:550;line-height:1.45;overflow-wrap:anywhere}
.settings-modal #settingsSecurity .language-state-select{max-width:210px!important;width:min(210px,calc(100% - 20px))!important;height:35px!important;margin:8px 10px 10px!important;padding:0 9px!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 3px rgba(32,43,35,.06)!important;color:#354039!important;font-size:12px!important}
.settings-modal #settingsSecurity .language-disclosure>summary{min-height:48px}
.settings-modal #settingsSecurity #logoutButton{min-height:38px;margin-top:3px;padding:0 14px;border:1px solid #bf3b32;border-radius:9px;background:#c84539;color:#fff;font-size:12px;font-weight:650;box-shadow:0 3px 8px rgba(156,48,39,.14)}
.settings-modal #settingsSecurity #logoutButton:hover{background:#ad332b}
.settings-modal #settingsSecurity #logoutButton:focus-visible{outline:3px solid rgba(197,65,54,.24);outline-offset:2px}
.settings-modal #settingsExport{align-content:start;gap:14px;padding:18px;border:1px solid #e2e7e2;border-radius:14px;background:linear-gradient(150deg,#fff,#f7f9f7);box-shadow:0 5px 18px rgba(37,47,39,.045)}
.settings-modal #settingsExport .settings-copy{max-width:64ch;margin:0;color:#56635a;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.settings-modal #settingsExport .field-label{margin:0 0 -7px;color:#47544b;font-size:12px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.settings-modal #settingsExport .full-select{width:100%;min-width:0;height:auto;min-height:44px;margin:0;padding:9px 34px 9px 12px;border:1px solid #dce3dc;border-radius:10px;background-color:#fff;color:#303a34;font-size:13px;line-height:1.35;white-space:normal}
.settings-modal #settingsExport #exportOrders{width:min(100%,310px);min-height:43px;justify-self:start;border-radius:10px;font-size:13px}
.settings-modal #settingsExport #exportHint{max-width:64ch;color:#59675e;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.settings-modal .settings-menu-panel{max-height:none;overflow:visible;padding-right:0}
.settings-modal .settings-menu-panel>.settings-disclosure,.settings-modal .settings-menu-panel>.menu-archive{flex:none;border:1px solid #e2e7e2;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(37,47,39,.035)}
.settings-modal .settings-menu-panel>.settings-disclosure>summary,.settings-modal .settings-menu-panel>.menu-archive>summary{min-height:57px;padding:9px 13px;background:#fff;color:#303a34}
.settings-modal .settings-menu-panel>.settings-disclosure>summary strong{color:#303a34;font-size:13px}
.settings-modal .settings-menu-panel>.settings-disclosure>summary small{color:#69766e;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.settings-modal .settings-menu-panel .catalog-section{border:0;border-top:1px solid #edf0ed;border-radius:0 0 13px 13px;background:#fbfcfa;box-shadow:none;backdrop-filter:none}
.settings-modal .settings-menu-panel>.menu-archive{padding:0}
.settings-modal .settings-menu-panel>.menu-archive>summary{display:flex;align-items:center;min-height:64px;padding:12px 15px;overflow-wrap:anywhere}
.settings-modal .settings-menu-panel>.menu-archive>summary span{flex:none;color:#b85a2d}
.settings-modal #settingsMetrics{align-content:start;padding:3px 0}
.settings-modal #settingsSchedule{align-content:start;gap:17px;padding:8px 4px 12px 0}
.settings-modal #settingsSchedule .schedule-intro{max-width:66ch;margin:0;padding:13px 15px;border:1px solid #e2e8e2;border-radius:12px;background:linear-gradient(140deg,#fff,#f6f9f6);color:#506056;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.settings-modal #settingsSchedule .schedule-days{gap:7px;margin:0}
.settings-modal #settingsSchedule .schedule-days label span{min-height:39px;border-radius:9px;background:#fff;font-size:12px}
.settings-modal #settingsSchedule .schedule-hours{margin:0}
.settings-modal #settingsSchedule .schedule-hours input{min-height:43px;border-radius:9px;font-size:14px}
.settings-modal #settingsEmployees .staff-admin-card{padding:0}
.settings-modal #settingsEmployees .catalog-section-heading{margin:0;padding:4px 3px 12px;border-bottom:1px solid #e5e9e5}
.settings-modal #settingsEmployees .catalog-section-heading h3{font-size:15px;color:#29332d}
.settings-modal #settingsEmployees .catalog-section-heading p{max-width:60ch;color:#58645c;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.settings-modal #settingsCleanup .cleanup-card{padding:16px;border:1px solid #e2e7e2;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(30,42,34,.045)}
.settings-modal #settingsCleanup .cleanup-card .catalog-section-heading p{max-width:65ch;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.settings-modal #settingsLoyalty .loyalty-card{width:100%;box-sizing:border-box}
.settings-modal #settingsLoyalty .loyalty-card p{max-width:65ch;color:#56635a;line-height:1.55;overflow-wrap:anywhere}
.settings-modal #settingsLoyalty .loyalty-card small{overflow-wrap:anywhere}
#appConfirm.logout-confirm .app-confirm-mark{background:#fff0ee;color:#b9362e;border-color:#efc7c2}
#appConfirm.logout-confirm .app-confirm-accept{border-color:#b5322a;background:linear-gradient(145deg,#c94a3e,#a92f29);box-shadow:0 5px 13px rgba(157,45,39,.18);color:#fff}
#appConfirm.logout-confirm .app-confirm-accept:hover{background:#a92f29}
@media(max-width:640px){.settings-modal{width:calc(100vw - 18px);max-height:92dvh;padding:16px 13px max(14px,env(safe-area-inset-bottom));border-radius:17px}.settings-modal>.modal-header{min-height:44px;margin-bottom:10px!important;padding:0 0 8px!important}.settings-modal>.modal-header h2{font-size:19px}.settings-modal>.settings-panel:not(.hidden){gap:10px;padding-right:1px}.settings-modal #settingsSecurity .security-card>.catalog-section-heading p{font-size:11px}.settings-modal #settingsSecurity .language-state-select{width:min(190px,calc(100% - 20px))!important;max-width:190px!important;height:34px!important}.settings-modal #settingsExport{gap:11px;padding:13px}.settings-modal #settingsExport .settings-copy{font-size:13px}.settings-modal #settingsExport #exportOrders{width:100%;justify-self:stretch}.settings-modal #settingsSchedule .schedule-days{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-modal #settingsSchedule .schedule-intro{padding:11px;font-size:12px}.settings-modal .settings-menu-panel .catalog-section{padding:12px}.settings-modal .settings-menu-panel .manager-menu-form{grid-template-columns:1fr}.settings-modal .settings-menu-panel .manager-menu-form button{grid-column:auto}.settings-modal .settings-menu-panel .manager-menu-row{grid-template-columns:minmax(0,1fr) auto}.settings-modal .settings-menu-panel .manager-menu-row .menu-row-price{grid-column:1}.settings-modal .settings-menu-panel .manager-menu-row button{grid-row:1/3;grid-column:2}}

/* Keep settings titles on one line; allow only the body to scroll. */
.settings-modal>.modal-header>div{flex:1 1 auto!important;min-width:0!important}
.settings-modal>.modal-header h2{width:100%;max-width:none!important;white-space:nowrap;overflow:visible;overflow-wrap:normal!important;text-overflow:clip}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading p{display:block;width:100%;box-sizing:border-box}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading p:empty{display:none}
.settings-modal .settings-menu-panel>.menu-archive{border-radius:14px!important;overflow:hidden}

/* Settings refinements: macOS-style groups, staff creation modal and Android export */
.settings-modal #settingsSecurity .security-card>.catalog-section-heading{align-items:start;margin:0 0 10px;padding:2px 1px 9px;border:0}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading h3{margin:0;font-size:15px}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading p{display:block;width:100%;max-width:none;margin:2px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#69756d;font-size:12px;font-weight:450;line-height:1.45}
.settings-modal #settingsSecurity .security-card .settings-disclosure:has(#permissionList)>summary>b{width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#9b6a4f;font-size:16px;opacity:.72}
.settings-modal #settingsSecurity .security-card .settings-disclosure:has(#permissionList)>summary:hover>b{background:#f5eee9;opacity:1}
.loyalty-launch:disabled{opacity:.48;filter:saturate(.55);cursor:not-allowed;transform:none!important;box-shadow:none}
.loyalty-launch:disabled:hover{transform:none!important;border-color:inherit;box-shadow:none}
.settings-modal #settingsSchedule{display:grid;align-content:start;gap:12px;padding:2px}
.settings-modal #settingsSchedule .schedule-intro{display:grid;gap:4px;margin:0;padding:3px 2px 8px;border:0;border-radius:0;background:transparent;color:#69746c;font-size:12px;line-height:1.45}
.settings-modal #settingsSchedule .schedule-intro strong{color:#28332c;font-size:16px;font-weight:680;letter-spacing:-.02em}
.settings-modal #settingsSchedule .schedule-group{padding:13px 14px 14px;border:1px solid #e2e6e1;border-radius:14px;background:linear-gradient(180deg,#fff,#f8f9f7);box-shadow:0 2px 6px rgba(31,42,34,.035)}
.schedule-group-heading{display:grid;gap:3px;margin-bottom:11px}.schedule-group-heading strong{color:#303a33;font-size:13px;font-weight:650}.schedule-group-heading small{color:#7a847c;font-size:11px;line-height:1.4}
.settings-modal #settingsSchedule .schedule-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0}
.settings-modal #settingsSchedule .schedule-days label span{min-height:37px;border:1px solid #e1e5e0;border-radius:9px;background:#f4f5f3;color:#505a52;font-size:12px;box-shadow:none}
.settings-modal #settingsSchedule .schedule-days input:checked+span{border-color:#e58a57;background:#fff0e6;color:#a74e24;box-shadow:inset 0 0 0 1px #e58a5722}
.settings-modal #settingsSchedule .schedule-hours{align-items:center;gap:10px;margin:0}.settings-modal #settingsSchedule .schedule-hours label{gap:5px;color:#737d75;font-size:11px;font-weight:600}
.settings-modal #settingsSchedule .schedule-hours input{min-height:42px;padding:0 10px;border:1px solid #e0e5df;border-radius:9px;background:#fff;color:#29332c;font-size:15px}
.settings-modal #settingsSchedule .schedule-separator{padding:17px 0 0;color:#a5aca6}
.schedule-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px}.schedule-footer .helper-text{margin:0;color:#627067;font-size:11px}.schedule-footer .primary-button{min-height:40px;padding:0 17px;border-radius:10px}
.settings-modal #settingsExport{display:grid;align-content:start;gap:15px;padding:20px;border:1px solid #e2e7e2;border-radius:18px;background:#f7f8f7;box-shadow:0 5px 18px rgba(37,47,39,.045)}
.export-heading{display:flex;align-items:center;gap:13px}.export-heading>div{min-width:0}.export-heading>div>strong{display:block;margin-bottom:4px;color:#29332d;font-size:16px;letter-spacing:-.02em}
.settings-modal #settingsExport .settings-copy{margin:0;color:#667168;font-size:12px;line-height:1.45}.export-icon{display:grid;width:43px;height:43px;place-items:center;flex:none;border-radius:13px;background:#f0e7e1;color:#bb5a28}
.export-icon svg,.settings-modal #settingsExport #exportOrders svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.export-field{display:grid;gap:7px;padding:13px;border:1px solid #e4e7e3;border-radius:13px;background:#fff}.settings-modal #settingsExport .field-label{margin:0;color:#737c75;font-size:11px;font-weight:600}
.settings-modal #settingsExport .full-select{min-height:42px;padding:8px 34px 8px 10px;border:0;border-radius:8px;background-color:#f5f6f4;color:#303a34;font-size:13px}
.settings-modal #settingsExport #exportOrders{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:9px;justify-self:stretch;border-radius:13px;font-size:13px;box-shadow:0 5px 12px rgba(203,91,35,.2)}
.settings-modal #settingsExport #exportOrders svg{width:18px;height:18px}.settings-modal #settingsExport #exportHint{color:#59675e;font-size:12px;line-height:1.45}
.settings-modal #settingsEmployees .staff-admin-card{padding:0}.settings-modal #settingsEmployees .catalog-section-heading{margin:0 0 12px;padding:3px 2px 11px;border-bottom:1px solid #e6e9e5}
.settings-modal #settingsEmployees .catalog-section-heading h3{font-size:15px}.settings-modal #settingsEmployees .catalog-section-heading p{margin-top:4px;color:#69746c;font-size:12px;line-height:1.45}
.settings-modal #settingsEmployees .employee-action-grid{margin-top:0;gap:9px}
.settings-modal #settingsEmployees .employee-action-card{grid-template-columns:minmax(0,1fr) 20px;min-height:76px;padding:14px 15px;border:1px solid #e3e6e2;border-radius:13px;background:linear-gradient(180deg,#fff,#f7f8f6);box-shadow:0 2px 7px rgba(30,40,33,.035)}
.settings-modal #settingsEmployees .employee-action-icon{display:none}.settings-modal #settingsEmployees .employee-action-card strong{font-size:13px}.settings-modal #settingsEmployees .employee-action-card small{font-size:11px}.settings-modal #settingsEmployees .employee-action-card>b{color:#9b6549;font-size:19px}
.settings-modal #settingsEmployees .employee-action-card:hover{transform:translateY(-1px);border-color:#e5a47d;box-shadow:0 5px 12px rgba(107,71,49,.08)}
.employee-create-overlay:not(.hidden){position:fixed;inset:0;z-index:300;display:grid;width:100vw;height:100dvh;overflow-y:auto;place-items:center;padding:22px;background:rgba(34,40,36,.34);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.employee-create-dialog{width:min(520px,100%);max-height:min(88dvh,700px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(250,251,249,.97);box-shadow:0 24px 70px rgba(24,31,26,.22),inset 0 1px 0 #fff}
.employee-create-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #e6e9e5}.employee-create-header h3{margin:4px 0;color:#28322c;font-size:21px;letter-spacing:-.035em}.employee-create-header p{margin:0;color:#737e75;font-size:12px;line-height:1.45}
.employee-modal-eyebrow{color:#b86539;font-size:9px;font-weight:750;letter-spacing:.13em}.employee-create-close{display:grid;width:34px;height:34px;place-items:center;flex:none;border:1px solid #e3e7e2;border-radius:10px;background:#fff;color:#626c64;font-size:21px;cursor:pointer}
.employee-create-dialog .employee-create-form{grid-template-columns:1fr;gap:13px;margin:18px 0 12px}.employee-create-dialog .employee-create-form label{gap:6px;color:#505b53;font-size:11px}.employee-create-dialog .employee-create-form input{height:45px;border-radius:10px;background:#fff}
.employee-create-dialog .employee-create-form button{grid-column:auto;width:100%;min-height:44px;margin-top:3px;border-radius:11px}.employee-create-dialog .employee-password-note{margin:0;padding:10px 11px;border:1px solid #e5e9e4;border-radius:10px;background:#f3f5f2;color:#68736a;font-size:11px;line-height:1.45}
.employee-create-dialog #employeeCreateFeedback{margin:9px 0 0;color:#3e7953;font-size:12px}
.settings-modal #settingsEmployees .employee-list{gap:8px;margin:12px 0 0}
.settings-modal #settingsEmployees .employee-row{grid-template-columns:minmax(0,1fr) minmax(250px,auto);align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e7e2;border-radius:13px;background:linear-gradient(180deg,#fff,#fafbf9);box-shadow:0 2px 7px rgba(30,40,33,.035)}
.settings-modal #settingsEmployees .employee-row>div:first-child{gap:4px}
.settings-modal #settingsEmployees .employee-row strong{font-size:13px;font-weight:680;letter-spacing:-.01em}
.settings-modal #settingsEmployees .employee-row small{color:#78827b;font-size:10px;line-height:1.45}
.settings-modal #settingsEmployees .employee-row-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}
.settings-modal #settingsEmployees .employee-row button{min-height:34px;padding:0 11px;border-color:#e1e6e1;border-radius:9px;background:#f8f9f7;color:#515b53;font-size:10px;white-space:nowrap}
.settings-modal #settingsEmployees .employee-row button:hover{border-color:#e3a47e;background:#fff8f3;color:#994a27}
.settings-modal #settingsEmployees .employee-row .employee-permission-button.granted{border-color:#d8e8dc;background:#f2f8f3;color:#42714f}
.settings-modal #settingsEmployees .staff-reset-form{grid-column:1/-1;display:flex;gap:7px;margin:0}
.settings-modal #settingsEmployees .staff-reset-form input{height:34px;padding:0 10px;border-color:#e2e6e1;border-radius:9px;background:#f7f8f6;font-size:11px}
.settings-modal #settingsEmployees .staff-reset-form button{min-width:82px}
@media(max-width:640px){.settings-modal #settingsSchedule{gap:9px}.settings-modal #settingsSchedule .schedule-group{padding:11px}.settings-modal #settingsSchedule .schedule-days{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-footer{align-items:stretch;flex-direction:column}.schedule-footer .primary-button{width:100%}.settings-modal #settingsExport{padding:14px}.settings-modal #settingsEmployees .employee-action-grid{grid-template-columns:1fr}.employee-create-overlay:not(.hidden){padding:12px}.employee-create-dialog{padding:18px 15px;border-radius:17px}}
@media(max-width:640px){.settings-modal #settingsEmployees .employee-row{grid-template-columns:1fr;gap:9px}.settings-modal #settingsEmployees .employee-row-actions{grid-template-columns:minmax(0,1fr) auto}.settings-modal #settingsEmployees .staff-reset-form{grid-column:1/-1}.settings-modal #settingsEmployees .staff-reset-form input{min-width:0}}

/* Compact language choices: clear labels, quiet surfaces, and a visible selected state. */
.settings-modal #settingsSecurity .language-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 12px 12px;padding:0}
.settings-modal #settingsSecurity .language-option{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border:1px solid #e0e5e0;border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,249,247,.84));box-shadow:0 1px 2px rgba(37,47,39,.035),inset 0 1px 0 #fff;color:#303a34;font-size:12px;font-weight:620;line-height:1.2;text-align:left;transition:background .16s,border-color .16s,box-shadow .16s,color .16s}
.settings-modal #settingsSecurity .language-option span{flex:1;min-width:0;color:inherit}
.settings-modal #settingsSecurity .language-option small{flex:none;padding:3px 6px;border:1px solid #e8ebe7;border-radius:6px;background:rgba(245,247,244,.8);color:#7c857d;font-size:9px;font-weight:700;letter-spacing:.08em}
.settings-modal #settingsSecurity .language-option:hover{transform:none;border-color:#d5a083;background:#fff;box-shadow:0 2px 7px rgba(91,65,47,.06)}
.settings-modal #settingsSecurity .language-option.selected{border-color:#e48b5d;background:linear-gradient(180deg,#fffaf6,#fff3e9);box-shadow:inset 0 0 0 1px rgba(228,139,93,.12),0 2px 7px rgba(91,65,47,.055);color:#9e4a23}
.settings-modal #settingsSecurity .language-option.selected::before{display:none}
.settings-modal #settingsSecurity .language-option.selected small{border-color:#f0d2bf;background:#fff;color:#a4522b}
.settings-modal #settingsSecurity .language-state-select{display:none!important}
@media(max-width:520px){.settings-modal #settingsSecurity .language-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 10px 11px}.settings-modal #settingsSecurity .language-option{min-height:42px;padding:0 10px;font-size:11px}.settings-modal #settingsSecurity .language-option small{padding:3px 5px;font-size:8px}}

/* Language picker is a single compact control with a small, focused choice window. */
.settings-modal #settingsSecurity .language-choice-trigger{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:14px;padding:8px 13px;text-align:left;cursor:pointer}
.settings-modal #settingsSecurity .language-choice-trigger>span:first-child{display:grid;gap:3px;min-width:0}
.settings-modal #settingsSecurity .language-choice-trigger strong{color:#303a34;font-size:13px;line-height:1.25}
.settings-modal #settingsSecurity .language-choice-trigger small{color:#717b73;font-size:11px;line-height:1.3}
.settings-modal #settingsSecurity .language-choice-trigger .language-trigger-action{flex:none;padding:6px 10px;border:1px solid rgba(222,132,83,.34);border-radius:9px;background:rgba(255,246,239,.66);color:#a45129;font-size:11px;font-weight:650}
.settings-modal #settingsSecurity .language-choice-trigger:hover .language-trigger-action{border-color:rgba(222,132,83,.55);background:rgba(255,239,226,.9)}
.language-picker-dialog{width:min(350px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 32px);overflow:visible;padding:16px;border:1px solid rgba(255,255,255,.94);border-radius:17px;background:rgba(250,251,249,.98);box-shadow:0 20px 60px rgba(28,37,31,.22),inset 0 1px 0 #fff;color:#29332c}
.language-picker-dialog::backdrop{background:rgba(32,39,35,.28);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.language-picker-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #e6e9e5}
.language-picker-dialog>header>div>span{color:#a55c38;font-size:9px;font-weight:750;letter-spacing:.12em}
.language-picker-dialog h3{margin:3px 0 0;color:#29332c;font-size:16px;font-weight:680;letter-spacing:-.02em}
.language-picker-dialog>header>button{display:grid;width:29px;height:29px;place-items:center;border:1px solid #e2e6e1;border-radius:9px;background:rgba(255,255,255,.76);color:#59635b;font-size:18px;line-height:1;cursor:pointer}
.settings-modal #settingsSecurity .settings-modal #settingsSecurity .language-picker-dialog .language-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 0;padding:0}
.settings-modal #settingsSecurity .language-picker-dialog .language-option{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid #e2e6e1;border-radius:10px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff;color:#354039;font-size:12px;font-weight:620;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.settings-modal #settingsSecurity .settings-modal #settingsSecurity .language-picker-dialog .language-option:hover{transform:none;border-color:#dfa17e;background:#fff}
.settings-modal #settingsSecurity .settings-modal #settingsSecurity .language-picker-dialog .language-option.selected{border-color:#e38a5c;background:linear-gradient(180deg,#fffaf6,#fff1e6);box-shadow:inset 0 0 0 1px rgba(227,138,92,.1);color:#9e4a23}
.settings-modal #settingsSecurity .settings-modal #settingsSecurity .settings-modal #settingsSecurity .language-picker-dialog .language-option.selected::before{display:none}
.settings-modal #settingsSecurity .settings-modal #settingsSecurity .language-picker-dialog .language-option small{padding:3px 5px;border:1px solid #e8ebe7;border-radius:5px;background:#f7f8f6;color:#7b857d;font-size:8px;font-weight:700;letter-spacing:.08em}
.settings-modal #settingsSecurity .settings-modal #settingsSecurity .settings-modal #settingsSecurity .language-picker-dialog .language-option.selected small{border-color:#f0d2bf;background:#fff;color:#a4522b}
.settings-modal #settingsSecurity .language-picker-dialog .language-state-select{display:none!important}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading{gap:0;margin-bottom:12px;padding:3px 1px 11px}
.settings-modal #settingsSecurity .security-card>.catalog-section-heading h3{margin:0;color:#29332c;font-size:16px;font-weight:690;letter-spacing:-.025em}
.settings-modal #settingsSecurity .access-summary{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:5px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:#58655c;font-size:11px;font-weight:500;line-height:1.45;box-shadow:none}
.settings-modal #settingsSecurity .access-summary-role{display:inline-flex;align-items:center;min-height:21px;padding:0 7px;border:1px solid #e7d8cc;border-radius:6px;background:rgba(255,247,241,.75);color:#95502f;font-size:9px;font-weight:720;letter-spacing:.025em;white-space:nowrap}
.settings-modal #settingsSecurity .access-summary-copy{color:#59665d;font-size:11px;font-weight:500}
.settings-launchers .settings-launch{border-color:rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,250,246,.48));box-shadow:0 8px 22px rgba(35,47,39,.055),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);color:#303a34}
.settings-launchers .settings-launch:hover{border-color:rgba(224,148,105,.55);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,245,237,.68));box-shadow:0 10px 25px rgba(77,56,42,.09),inset 0 1px 0 #fff}
.settings-launchers .settings-launch strong{color:#29332c}
.settings-launchers .settings-launch small{color:#667168}
.settings-launchers .settings-launch>b{color:#986448}
.purchase-modal-backdrop:not(.hidden){position:fixed;inset:0;z-index:400;display:grid;place-items:center;overflow-y:auto;padding:18px;background:rgba(29,36,32,.32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.purchase-dialog{width:min(440px,100%);padding:20px;border:1px solid rgba(255,255,255,.95);border-radius:18px;background:rgba(251,252,250,.98);box-shadow:0 22px 64px rgba(22,30,25,.22),inset 0 1px 0 #fff;color:#29332c}
.purchase-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid #e6e9e5}
.purchase-dialog>header>div>span{color:#a65a36;font-size:9px;font-weight:750;letter-spacing:.12em}
.purchase-dialog h2{margin:4px 0 0;color:#29332c;font-size:20px;letter-spacing:-.03em}
.purchase-dialog-close{display:grid;width:32px;height:32px;place-items:center;border:1px solid #e2e6e1;border-radius:9px;background:rgba(255,255,255,.8);color:#59635b;font-size:21px;cursor:pointer}
.purchase-dialog form{display:grid;gap:13px;padding-top:15px}
.purchase-dialog form label{display:grid;gap:6px;color:#59645c;font-size:11px;font-weight:620}
.purchase-dialog form input,.purchase-dialog form select{width:100%;min-width:0;height:43px;padding:0 11px;border:1px solid #dfe5df;border-radius:9px;background:#fff;color:#29332c;font-size:13px}
.purchase-dialog form input:focus,.purchase-dialog form select:focus{border-color:#df9a72;outline:3px solid rgba(220,138,94,.13)}
.purchase-quantity-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.65fr);gap:10px}
.purchase-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
.purchase-dialog-actions button{min-height:39px;padding:0 13px;border-radius:9px;font-size:12px}
.purchase-archive{margin-top:16px;overflow:hidden;border:1px solid #e2e7e2;border-radius:13px;background:rgba(255,255,255,.66);box-shadow:0 4px 14px rgba(35,47,39,.04)}
.purchase-archive>summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;cursor:pointer;list-style:none}
.purchase-archive>summary::-webkit-details-marker{display:none}
.purchase-archive>summary>span:first-child{display:grid;gap:3px}.purchase-archive>summary strong{color:#303a34;font-size:12px}.purchase-archive>summary small{color:#758078;font-size:10px}
.purchase-archive-count{display:grid;min-width:24px;height:24px;place-items:center;padding:0 6px;border:1px solid #e3e7e2;border-radius:7px;background:rgba(255,255,255,.78);color:#6a756d;font-size:10px;font-weight:650}
.purchase-archive-list{display:grid;gap:7px;padding:0 10px 10px}
.purchase-archive-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e8ebe7;border-radius:10px;background:rgba(255,255,255,.8)}
.purchase-archive-row>div{display:grid;gap:4px;min-width:0}.purchase-archive-row strong{color:#354039;font-size:12px}.purchase-archive-row small{color:#727d74;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.purchase-archive-delete{flex:none;min-height:31px;padding:0 9px;border:1px solid #ebd0cc;border-radius:8px;background:rgba(255,247,246,.84);color:#a33c33;font-size:10px;font-weight:620;cursor:pointer}
.purchase-archive-delete:hover{border-color:#d89d96;background:#fff1ef}
.purchase-archive-empty{margin:0;padding:3px 13px 13px;color:#778179;font-size:11px}
.purchase-archive:not([open]) .purchase-archive-list,.purchase-archive:not([open]) .purchase-archive-empty{display:none}
.purchase-row{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px}
.purchase-row input[type=checkbox]{width:17px;height:17px;accent-color:#dc793e}
.purchase-row .purchase-delete{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e7d8d1;border-radius:8px;background:rgba(255,249,245,.8);color:#a45333;font-size:18px;cursor:pointer}
.purchase-row .purchase-delete:hover{background:#fff0e8;border-color:#e5b596}
@media(max-width:560px){.purchase-modal-backdrop:not(.hidden){padding:10px}.purchase-dialog{padding:17px 14px;border-radius:15px}.purchase-dialog-actions{flex-direction:column-reverse}.purchase-dialog-actions button{width:100%}.purchase-archive-row{align-items:flex-start}.purchase-archive-delete{font-size:9px}.settings-modal #settingsSecurity .access-summary{gap:5px}}

/* Settings text contrast: keep the light surfaces, make supporting copy easy to read. */
.settings-modal{color:#26312a}
.settings-modal .settings-panel>p,
.settings-modal .settings-panel .settings-copy,
.settings-modal .catalog-section-heading p,
.settings-modal .security-card .catalog-section-heading p,
.settings-modal .settings-disclosure>summary small,
.settings-modal .employee-password-note,
.settings-modal .employee-row small,
.settings-modal #settingsExport .settings-copy,
.settings-modal #settingsExport #exportHint{color:#515d54!important}
.settings-modal #settingsSecurity .catalog-section-heading h3{color:#26312a;font-size:17px;font-weight:720;letter-spacing:-.02em}
.settings-modal #settingsSecurity .catalog-section-heading p{margin-top:4px;color:#4c5a50!important;font-size:13px;line-height:1.5}
.settings-modal #settingsSecurity .access-summary{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:2px 10px;margin-top:9px;padding:10px 12px;border:1px solid #e7ebe7;border-radius:11px;background:linear-gradient(180deg,#fafbf9,#f3f6f3);color:#2e3a32;font-size:14px;line-height:1.5}
.settings-modal #settingsSecurity .access-summary-role{min-height:24px;padding:0 9px;border-color:#ead0bf;background:#fff7f1;color:#874521;font-size:11px;font-weight:750}
.settings-modal #settingsSecurity .access-summary-copy{color:#2e3a32;font-size:14px;font-weight:570;line-height:1.5}
.settings-modal .settings-disclosure>summary strong{color:#26312a;font-size:14px}
.settings-modal .settings-disclosure>summary small{color:#505c53;font-size:12px;line-height:1.45}
.settings-modal #settingsSecurity .language-choice-trigger strong{color:#26312a}
.settings-modal #settingsSecurity .language-choice-trigger small{color:#505c53;font-size:12px}
.settings-modal .field-label,.settings-modal .form-field>span,.settings-modal .employee-create-form label{color:#404c43}
.settings-modal .helper-text,.settings-modal .settings-footnote{color:#505c53}
.settings-modal .settings-disclosure>summary small{font-size:13px;line-height:1.45}
.settings-modal #settingsSecurity .language-choice-trigger small{font-size:13px}

/* Clear settings actions and legible launcher cards. */
.settings-modal #settingsSecurity .access-summary-copy:only-child{grid-column:1/-1}
.settings-modal #settingsSecurity .settings-edit-label{display:inline-flex;min-width:78px;min-height:30px;align-items:center;justify-content:center;padding:0 9px;border:1px solid #ead8cb;border-radius:9px;background:#fffaf6;color:#984b25;font-size:11px;font-weight:700;white-space:nowrap}
.settings-modal #settingsSecurity .settings-disclosure>summary:hover .settings-edit-label{border-color:#e7b28e;background:#fff2e9}
.settings-launchers .settings-launch{border-color:#dfe5e0;background:linear-gradient(180deg,#fff,#f7f8f6);box-shadow:0 8px 22px rgba(35,47,39,.07),inset 0 1px 0 #fff;backdrop-filter:none;-webkit-backdrop-filter:none;color:#26312a}
.settings-launchers .settings-launch:hover{border-color:#e8b898;background:linear-gradient(180deg,#fff,#fff8f2);box-shadow:0 10px 25px rgba(77,56,42,.09),inset 0 1px 0 #fff}
.settings-launchers .settings-launch>span:nth-child(2)>strong{color:#26312a!important;font-size:15px;font-weight:700}
.settings-launchers .settings-launch>span:nth-child(2)>small{color:#4c5a50!important;font-size:13px;font-weight:500;line-height:1.4}
.settings-launchers .settings-launch .settings-launch-action{display:inline-flex;min-width:78px;min-height:31px;align-items:center;justify-content:center;padding:0 9px;border:1px solid #ead8cb;border-radius:9px;background:#fffaf6;color:#984b25;font-size:11px;font-weight:700;white-space:nowrap}
.settings-launchers .settings-launch:hover .settings-launch-action{background:#fff2e9}
@media(max-width:640px){.settings-launchers .settings-launch>span:nth-child(2)>strong{font-size:14px}.settings-launchers .settings-launch>span:nth-child(2)>small{font-size:12px}}

/* Restore clear, evenly aligned product marks and the original hub chevrons. */
.settings-launchers .settings-launch{display:flex;align-items:center;gap:14px}
.settings-launchers .settings-launch>.settings-icon{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;border:1px solid transparent;border-radius:15px;box-shadow:0 5px 13px rgba(36,45,39,.1),inset 0 1px 0 rgba(255,255,255,.82);font-family:inherit;font-size:22px;font-weight:700;filter:none;transform:none}
.settings-launchers .settings-launch>span:nth-child(2){flex:1;min-width:0;gap:4px}
.settings-launchers .settings-launch .icon-menu{border-color:#f2d4c0;background:linear-gradient(145deg,#fff3e9,#f9dfcd);color:#c45c2d}
.settings-launchers .settings-launch .icon-revenue{border-color:#d0e6d7;background:linear-gradient(145deg,#f0faf2,#d9efdf);color:#418b59}
.settings-launchers .settings-launch .icon-schedule{border-color:#d5e2f1;background:linear-gradient(145deg,#f0f6ff,#dce9fa);color:#557cae}
.settings-launchers .settings-launch .icon-download{border-color:#d5e2f1;background:linear-gradient(145deg,#f0f6ff,#dce9fa);color:#557cae}
.settings-launchers .settings-launch .icon-chef{border-color:#f0dfc8;background:linear-gradient(145deg,#fff8e9,#f4e6c9);color:#a27a3e}
.settings-launchers .settings-launch .icon-siren{border-color:#f0d6ca;background:linear-gradient(145deg,#fff4ed,#f7e0d5);color:#b95732}
.settings-launchers .settings-launch .icon-cleanup{border-color:#f2c8c3;background:linear-gradient(145deg,#ffe9e7,#f5ceca);color:#c4453e;box-shadow:0 5px 13px rgba(120,40,35,.1),inset 0 1px 0 rgba(255,255,255,.82)}
.settings-launchers .settings-launch .icon-loyalty{border-color:#e4e6e2;background:#f1f2ef;color:#a7aaa4}
.settings-launchers .settings-launch .settings-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-launchers .settings-launch>b.settings-launch-action{display:grid;flex:none;width:30px;min-width:30px;height:30px;min-height:30px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:#a45e38;font-size:22px;font-weight:450;line-height:1;white-space:normal}
.settings-launchers .settings-launch:hover>b.settings-launch-action{background:#fff1e8;color:#984b25}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:has(#permissionList)>summary strong{font-size:16px!important}
.settings-modal #settingsSecurity .security-card>.settings-disclosure:has(#permissionList)>summary small{font-size:12px!important}
.settings-modal #settingsSecurity .settings-edit-label{min-width:82px;min-height:32px;font-size:12px}
.settings-modal #settingsSecurity .security-card .permission-name{font-size:13px;font-weight:580}
.settings-modal #settingsSecurity .security-card .permission-state{font-size:12px;font-weight:620}
.settings-modal .settings-menu-panel>.settings-disclosure>summary>.settings-edit-label{display:inline-flex;min-width:78px;min-height:30px;align-items:center;justify-content:center;padding:0 9px;border:1px solid #ead8cb;border-radius:9px;background:#fffaf6;color:#984b25;font-size:11px;font-weight:700;white-space:nowrap}
.settings-modal .settings-menu-panel>.settings-disclosure>summary:hover>.settings-edit-label{border-color:#e7b28e;background:#fff2e9}
.settings-modal .settings-menu-panel>.settings-disclosure[open]>summary>.settings-edit-label{transform:none}
@media(max-width:640px){.settings-launchers .settings-launch>.settings-icon{flex-basis:44px;width:44px;height:44px}.settings-launchers .settings-launch>b.settings-launch-action{width:28px;min-width:28px;height:28px;min-height:28px}.settings-modal #settingsSecurity .security-card .permission-name,.settings-modal #settingsSecurity .security-card .permission-state{font-size:11px}}

/* Keep each existing settings mark visible during the card hover state. */
.settings-launchers .settings-launch .icon-menu{--mark-bg:linear-gradient(145deg,#fff3e9,#f9dfcd);--mark-border:#f2d4c0;--mark-color:#c45c2d}
.settings-launchers .settings-launch .icon-revenue{--mark-bg:linear-gradient(145deg,#f0faf2,#d9efdf);--mark-border:#d0e6d7;--mark-color:#418b59}
.settings-launchers .settings-launch .icon-schedule{--mark-bg:linear-gradient(145deg,#f0f6ff,#dce9fa);--mark-border:#d5e2f1;--mark-color:#557cae}
.settings-launchers .settings-launch .icon-download{--mark-bg:linear-gradient(145deg,#f0f6ff,#dce9fa);--mark-border:#d5e2f1;--mark-color:#557cae}
.settings-launchers .settings-launch .icon-chef{--mark-bg:linear-gradient(145deg,#fff8e9,#f4e6c9);--mark-border:#f0dfc8;--mark-color:#a27a3e}
.settings-launchers .settings-launch .icon-siren{--mark-bg:linear-gradient(145deg,#fff4ed,#f7e0d5);--mark-border:#f0d6ca;--mark-color:#b95732}
.settings-launchers .settings-launch .icon-cleanup{--mark-bg:linear-gradient(145deg,#ffe9e7,#f5ceca);--mark-border:#f2c8c3;--mark-color:#c4453e}
.settings-launchers .settings-launch .icon-loyalty{--mark-bg:#f1f2ef;--mark-border:#e4e6e2;--mark-color:#a7aaa4}
.settings-launchers .settings-launch:hover .settings-icon{border-color:var(--mark-border);background:var(--mark-bg);color:var(--mark-color);filter:none;transform:none}
.settings-launchers .settings-launch:disabled:hover .settings-icon{opacity:.65}
.settings-launchers .settings-launch .settings-icon{transition:none!important}
.settings-launchers .settings-launch:hover>.settings-icon,.settings-launchers .settings-launch:focus-visible>.settings-icon{transform:none!important;scale:none!important;filter:none!important;box-shadow:0 5px 13px rgba(36,45,39,.1),inset 0 1px 0 rgba(255,255,255,.82)!important}
.settings-modal #settingsSecurity .security-card .permission-state{font-size:13px;font-weight:580}.settings-modal #settingsSecurity .settings-disclosure[open]>summary>.settings-edit-label{transform:none}

/* Settings hub cards stay visually still on hover and press; clicks still navigate. */
.settings-launchers .settings-launch,
.settings-launchers .settings-launch:hover,
.settings-launchers .settings-launch:active{
  transform:none!important;scale:1!important;filter:none!important;transition:none!important;
  border-color:#dfe5e0!important;background:linear-gradient(180deg,#fff,#f7f8f6)!important;
  box-shadow:0 8px 22px rgba(35,47,39,.07),inset 0 1px 0 #fff!important;
}
.settings-launchers .settings-launch *{transition:none!important}
.settings-launchers .settings-launch:hover .settings-icon,
.settings-launchers .settings-launch:active .settings-icon{
  transform:none!important;scale:1!important;filter:none!important;
  border-color:var(--mark-border,transparent)!important;background:var(--mark-bg,transparent)!important;
  color:var(--mark-color,inherit)!important;
}
.settings-launchers .settings-launch:hover>b.settings-launch-action,
.settings-launchers .settings-launch:active>b.settings-launch-action,
.settings-launchers .settings-launch:hover .settings-launch-action,
.settings-launchers .settings-launch:active .settings-launch-action{
  transform:none!important;scale:1!important;background:transparent!important;color:#a45e38!important;
}

/* The pictograms themselves are completely static, even under direct pointer hover. */
.settings-launchers .settings-launch .settings-icon,
.settings-launchers .settings-launch .settings-icon:hover,
.settings-launchers .settings-launch .settings-icon:active,
.settings-launchers .settings-launch .settings-icon svg,
.settings-launchers .settings-launch .settings-icon svg *{
  animation:none!important;transition:none!important;transform:none!important;
  translate:none!important;rotate:none!important;scale:1!important;filter:none!important;
  will-change:auto!important;pointer-events:none!important;
}
.settings-launchers .settings-launch .settings-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
@media(max-width:640px){.settings-launchers .settings-launch .settings-icon{width:44px!important;height:44px!important;flex-basis:44px!important}}

/* Keep every settings control steady: no lift, scale, nudge, or animated movement. */
.settings-launchers .settings-launch,
.settings-launchers .settings-launch:hover,
.settings-launchers .settings-launch:active,
.settings-modal button:hover,
.settings-modal button:active,
.settings-modal a:hover,
.settings-modal a:active,
.settings-modal summary:hover,
.settings-modal summary:active,
.settings-jumpbar button:hover,
.settings-jumpbar button:active{
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
  animation:none!important;transition-property:color,background-color,border-color,box-shadow,opacity!important;
}
.settings-modal button:hover *,
.settings-modal button:active *,
.settings-modal summary:hover *,
.settings-modal summary:active *,
.settings-jumpbar button:hover *{
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
  animation:none!important;transition-property:color,background-color,border-color,box-shadow,opacity!important;
}
/* Catch custom role=button/cards too, not just native buttons and summaries. */
.settings-modal :hover,
.settings-modal :active,
.settings-modal :hover *,
.settings-modal :active *,
.settings-jumpbar button:hover,
.settings-jumpbar button:active,
.settings-jumpbar button:hover *{
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
  animation:none!important;transition-property:color,background-color,border-color,box-shadow,opacity!important;
}

/* Match the access disclosure to the neighboring settings rows. */
.settings-modal #settingsSecurity .security-card>.settings-disclosure>summary{
  min-height:50px!important;padding:8px 12px!important;gap:10px!important;
}
.settings-modal #settingsSecurity .security-card>.settings-disclosure>summary strong,
.settings-modal #settingsSecurity .security-card>.settings-disclosure:has(#permissionList)>summary strong{
  color:#303a34!important;font-size:13px!important;font-weight:650!important;line-height:1.3!important;
}
.settings-modal #settingsSecurity .security-card>.settings-disclosure>summary small,
.settings-modal #settingsSecurity .security-card>.settings-disclosure:has(#permissionList)>summary small{
  color:#69766e!important;font-size:10px!important;line-height:1.35!important;
}
.settings-modal #settingsSecurity .settings-edit-label{
  display:inline-flex!important;flex:none!important;min-width:78px!important;width:78px!important;
  min-height:30px!important;height:30px!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0 8px!important;border:1px solid #ead8cb!important;border-radius:9px!important;
  background:#fffaf6!important;color:#984b25!important;font-size:11px!important;font-weight:700!important;
  line-height:1!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important;
}
.settings-modal #settingsSecurity .settings-disclosure>summary:hover .settings-edit-label,
.settings-modal #settingsSecurity .settings-disclosure>summary:active .settings-edit-label,
.settings-modal #settingsSecurity .settings-disclosure>summary:focus-visible .settings-edit-label{
  border-color:#ead8cb!important;background:#fffaf6!important;color:#984b25!important;
  box-shadow:none!important;transform:none!important;scale:1!important;
}

/* Settings launch cards and their marks stay fixed in every pointer state. */
.settings-launchers .settings-launch,
.settings-launchers .settings-launch:hover,
.settings-launchers .settings-launch:active,
.settings-launchers .settings-launch:focus-visible{
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
  animation:none!important;transition:none!important;filter:none!important;
  border-color:#dfe5e0!important;background:linear-gradient(180deg,#fff,#f7f8f6)!important;
  box-shadow:0 8px 22px rgba(35,47,39,.07),inset 0 1px 0 #fff!important;
}
.settings-launchers .settings-launch .settings-icon,
.settings-launchers .settings-launch:hover .settings-icon,
.settings-launchers .settings-launch:active .settings-icon,
.settings-launchers .settings-launch:focus-visible .settings-icon,
.settings-launchers .settings-launch .settings-icon svg,
.settings-launchers .settings-launch .settings-icon svg *{
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
  animation:none!important;transition:none!important;filter:none!important;
  box-shadow:0 5px 13px rgba(36,45,39,.1),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.settings-launchers .settings-launch:hover .settings-icon,
.settings-launchers .settings-launch:active .settings-icon,
.settings-launchers .settings-launch:focus-visible .settings-icon{
  border-color:var(--mark-border,transparent)!important;background:var(--mark-bg,transparent)!important;
  color:var(--mark-color,inherit)!important;
}
.settings-launchers .settings-launch>b.settings-launch-action,
.settings-launchers .settings-launch:hover>b.settings-launch-action,
.settings-launchers .settings-launch:active>b.settings-launch-action,
.settings-launchers .settings-launch:focus-visible>b.settings-launch-action{
  transform:none!important;translate:none!important;scale:1!important;transition:none!important;
  background:transparent!important;color:#a45e38!important;box-shadow:none!important;
}

/* Freeze hover/press animation in every settings section without disabling clicks. */
.settings-modal *,
.settings-modal *::before,
.settings-modal *::after,
.settings-jumpbar button,
.settings-jumpbar button *{
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
}
.settings-modal :hover,
.settings-modal :active,
.settings-modal :focus-visible,
.settings-modal :hover *,
.settings-modal :active *,
.settings-modal :focus-visible *,
.settings-jumpbar button:hover,
.settings-jumpbar button:active,
.settings-jumpbar button:focus-visible,
.settings-jumpbar button:hover *{
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
}

/* Preserve each settings pictogram exactly across default, hover, focus, and press states. */
.settings-launchers .settings-launch,
.settings-launchers .settings-launch:hover,
.settings-launchers .settings-launch:active,
.settings-launchers .settings-launch:focus,
.settings-launchers .settings-launch:focus-visible{color:#303a34!important}
.settings-launchers .settings-launch .settings-icon,
.settings-launchers .settings-launch:hover .settings-icon,
.settings-launchers .settings-launch:active .settings-icon,
.settings-launchers .settings-launch:focus .settings-icon,
.settings-launchers .settings-launch:focus-visible .settings-icon{
  display:grid!important;position:static!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;
  height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;
  align-items:center!important;justify-items:center!important;box-sizing:border-box!important;
  border-width:1px!important;border-style:solid!important;border-color:var(--mark-border,transparent)!important;
  border-radius:15px!important;background:var(--mark-bg,transparent)!important;color:var(--mark-color,inherit)!important;
  font-family:inherit!important;font-size:22px!important;font-weight:700!important;line-height:1!important;
  opacity:1!important;visibility:visible!important;filter:none!important;
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
  animation:none!important;transition:none!important;will-change:auto!important;
  box-shadow:0 5px 13px rgba(36,45,39,.1),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.settings-launchers .settings-launch .settings-icon svg,
.settings-launchers .settings-launch:hover .settings-icon svg,
.settings-launchers .settings-launch:active .settings-icon svg,
.settings-launchers .settings-launch:focus .settings-icon svg,
.settings-launchers .settings-launch:focus-visible .settings-icon svg{
  display:block!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
  margin:0!important;opacity:1!important;visibility:visible!important;filter:none!important;
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;
  animation:none!important;transition:none!important;will-change:auto!important;
}
@media(max-width:640px){
  .settings-launchers .settings-launch .settings-icon,
  .settings-launchers .settings-launch:hover .settings-icon,
  .settings-launchers .settings-launch:active .settings-icon,
  .settings-launchers .settings-launch:focus .settings-icon,
  .settings-launchers .settings-launch:focus-visible .settings-icon{
    flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
  }
}

/* Keep the inset tile shadow on the rounded color tile, never on SVG bounds or paths. */
.settings-launchers .settings-launch .settings-icon svg,
.settings-launchers .settings-launch .settings-icon svg *{
  background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important;
}

/* Use one identical action chip for all three controls in Security settings. */
.settings-modal #settingsSecurity .settings-disclosure>summary>.settings-edit-label,
.settings-modal #settingsSecurity #languageChoiceTrigger>.language-trigger-action,
.settings-modal #settingsSecurity .settings-disclosure>summary:hover>.settings-edit-label,
.settings-modal #settingsSecurity .settings-disclosure>summary:active>.settings-edit-label,
.settings-modal #settingsSecurity .settings-disclosure>summary:focus>.settings-edit-label,
.settings-modal #settingsSecurity .settings-disclosure>summary:focus-visible>.settings-edit-label,
.settings-modal #settingsSecurity .settings-disclosure[open]>summary>.settings-edit-label,
.settings-modal #settingsSecurity .settings-disclosure[open]>summary:hover>.settings-edit-label,
.settings-modal #settingsSecurity #languageChoiceTrigger:hover>.language-trigger-action,
.settings-modal #settingsSecurity #languageChoiceTrigger:active>.language-trigger-action,
.settings-modal #settingsSecurity #languageChoiceTrigger:focus>.language-trigger-action,
.settings-modal #settingsSecurity #languageChoiceTrigger:focus-visible>.language-trigger-action,
.settings-modal #settingsSecurity #languageChoiceTrigger[aria-expanded="true"]>.language-trigger-action{
  display:inline-flex!important;flex:0 0 78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;
  height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:0 8px!important;
  align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  border:1px solid #ead8cb!important;border-radius:9px!important;background:#fffaf6!important;color:#984b25!important;
  font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;
  opacity:1!important;visibility:visible!important;filter:none!important;box-shadow:none!important;
  transform:none!important;translate:none!important;rotate:none!important;scale:1!important;animation:none!important;transition:none!important;
}

/* Employee settings: one compact action in the list, full controls in a focused sheet. */
.settings-modal #settingsEmployees .employee-row{grid-template-columns:minmax(0,1fr) auto!important}
.settings-modal #settingsEmployees .employee-row-actions{display:flex!important;justify-content:flex-end;min-width:0!important}
.settings-modal #settingsEmployees .employee-config-button{min-width:112px;min-height:36px;padding:0 15px;border:1px solid #ead4c5;border-radius:10px;background:#fff8f2;color:#984b25;font-size:11px;font-weight:700}
.settings-modal #settingsEmployees .employee-config-button:hover{border-color:#df9a70;background:#fff1e6;color:#87431f}
.employee-config-overlay:not(.hidden){position:fixed;inset:0;z-index:310;display:grid;width:100vw;height:100dvh;overflow-y:auto;place-items:center;padding:20px;background:rgba(34,40,36,.38);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.employee-config-dialog{width:min(560px,100%);max-height:min(88dvh,720px);overflow:auto;padding:23px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(250,251,249,.98);box-shadow:0 26px 76px rgba(24,31,26,.24),inset 0 1px 0 #fff}
.employee-config-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e6e9e5}
.employee-config-header h3{margin:2px 0 5px;color:#28322c;font-size:21px;letter-spacing:-.035em}
.employee-config-header p{margin:0;color:#68736b;font-size:12px;font-weight:600}
.employee-config-options{display:grid;gap:9px;margin-top:16px}
.employee-config-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:13px 14px;border:1px solid #e3e8e3;border-radius:14px;background:linear-gradient(180deg,#fff,#f8faf8)}
.employee-config-row>div{display:grid;gap:5px;min-width:0}
.employee-config-row strong{color:#303a34;font-size:13px;font-weight:680}
.employee-config-row small{color:#6c786f;font-size:11px;line-height:1.4}
.employee-config-row>button{flex:none;min-height:37px;padding:0 13px;border:1px solid #e0e6e0;border-radius:10px;background:#f7f9f7;color:#46534a;font-size:11px;font-weight:650}
.employee-config-row>button:hover{border-color:#e2a17b;background:#fff7f0;color:#924722}
.employee-config-password{align-items:flex-end}
.employee-config-password>div{flex:1}
.employee-config-password label{display:block;margin-bottom:7px}
.employee-config-password input{width:100%;height:40px;padding:0 11px;border:1px solid #dfe5df;border-radius:10px;background:#fff;color:#2f3932;font-size:12px;outline:0}
.employee-config-password input:focus{border-color:#e5a17a;box-shadow:0 0 0 3px rgba(228,119,54,.12)}
.employee-config-password>button{min-height:40px;border-color:#d86e32;background:#e47736;color:#fff}
.employee-config-password>button:hover{border-color:#cc6124;background:#cc6124;color:#fff}
#employeeConfigFeedback{min-height:18px;margin:9px 2px 0;color:#457551;font-size:12px}
.language-picker-dialog header div>span:first-child{display:none!important}
@media(max-width:640px){.employee-config-overlay:not(.hidden){padding:12px}.employee-config-dialog{padding:18px 15px;border-radius:18px}.employee-config-row{align-items:stretch;flex-direction:column;gap:10px}.employee-config-row>button{width:100%}.employee-config-password{align-items:stretch}.employee-config-password>button{width:100%}}
.employee-row:not(.manager-row) strong,.employee-config-header h3 #employeeConfigName{color:#ba382f!important}
.employee-config-identity:empty,#employeeConfigIdentity:empty{display:none!important}
.employee-permission-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.employee-config-permissions{grid-column:1/-1;padding:14px;border:1px solid #e2e8e3;border-radius:14px;background:#fff9}
.employee-config-permissions>div:first-child{display:grid;gap:4px}
.employee-config-permissions>div:first-child strong{font-size:13px;color:#303a34}
.employee-config-permissions>div:first-child small{font-size:11px;color:#727e76}
.employee-permission-option{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid #e3e8e3;border-radius:11px;background:#fff;color:#303a34;cursor:pointer}
.employee-permission-option input{width:17px;height:17px;flex:none;accent-color:#bd3b32}
.employee-permission-option span{display:grid;gap:3px;min-width:0}
.employee-permission-option strong{font-size:12px;line-height:1.35}
.employee-permission-option small{font-size:10px;color:#748078}
.employee-permission-option input:not(:checked)+span small{color:#bd3b32}
.employee-config-password .employee-password-button{min-height:42px;padding:0 15px;border:1px solid #a92c26;border-radius:11px;background:#c83f36;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.employee-config-password .employee-password-button:hover{background:#a92f29}
@media(max-width:620px){.employee-permission-controls{grid-template-columns:1fr}.employee-config-permissions{grid-column:auto}}

.employee-system-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #f0d2b9;border-radius:11px;background:linear-gradient(145deg,#fff8f1,#fff);color:#9b4c23;font-size:12px;font-weight:700}.system-account-row{border-color:#ecd8c7!important;background:linear-gradient(125deg,#fffaf5,#fff)!important}.system-account-row>div>strong{color:#a84e25}