*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#182230;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.vsm-shell{max-width:1320px;margin:0 auto;padding:28px 24px}.vsm-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.vsm-head h1{margin:0;font-size:29px;letter-spacing:-.02em}.vsm-head p{margin:4px 0 0;color:#667085}.vsm-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.vsm-nav a{text-decoration:none;background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:10px 15px;font-weight:750}.vsm-nav a.active,.vsm-nav a:hover{background:#182230;color:#fff;border-color:#182230}.vsm-card,.vsm-login{background:#fff;border:1px solid #e1e5ea;border-radius:16px;padding:24px;box-shadow:0 8px 26px rgba(16,24,40,.04)}.vsm-login{max-width:430px;margin:9vh auto}.vsm-login input[type=text],.vsm-login input[type=password]{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:9px}.vsm-login input[type=submit]{width:100%;padding:12px;border:0;border-radius:9px;background:#182230;color:#fff;font-weight:800}.vsm-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.vsm-page-head h2{margin:0 0 5px;font-size:24px}.vsm-page-head p{margin:0}.vsm-section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 10px}.vsm-section-head h3{margin:0}.vsm-section-head a{font-weight:700;text-decoration:none}.grid,.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1/-1}label{display:block;font-weight:700}input,select,textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font:inherit}.check,.checks label{display:flex;gap:8px;align-items:center}.check input,.checks input{width:auto;margin:0}.checks{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #d0d5dd;background:#fff;color:#182230;border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer;white-space:nowrap}.btn.primary{background:#182230;color:#fff;border-color:#182230}.btn.danger{background:#b42318;color:#fff;border-color:#b42318}.inline{display:inline-flex;gap:7px;align-items:center;margin:0}.editline input{width:90px}.rowform{display:grid;grid-template-columns:1fr 120px auto;gap:10px;align-items:end;margin:14px 0 20px}.tablewrap{overflow:auto;border:1px solid #e4e7ec;border-radius:12px;margin-top:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #eef0f3;vertical-align:middle}tbody tr:last-child td{border-bottom:0}th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:#f8f9fb;color:#667085}.clients table{min-width:850px}.client-name{display:flex;flex-direction:column;gap:3px}.client-name strong{font-size:15px}.client-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.actions-col{text-align:right}.text-link{font-weight:750;text-decoration:none}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status.on{background:#ecfdf3;color:#027a48}.status.off{background:#fef3f2;color:#b42318}.muted,small{color:#667085}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stats.four{grid-template-columns:repeat(4,1fr)}.stats>div{background:#f9fafb;border:1px solid #e4e7ec;border-radius:12px;padding:16px}.stats span{display:block;color:#667085;font-size:13px}.stats strong{font-size:29px}.empty-state{padding:32px;text-align:center;display:flex;flex-direction:column;gap:5px}.empty-state span{color:#667085}details{border:1px solid #e4e7ec;border-radius:12px;padding:14px;margin:14px 0}summary{cursor:pointer;margin-bottom:14px}.notice{padding:11px 13px;border-radius:9px}.notice.success{background:#ecfdf3;color:#027a48}.notice.error{background:#fef3f2;color:#b42318}.modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.is-open{display:flex}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.25);padding:24px;position:relative}.modal h3{margin:0 40px 7px 0;font-size:22px}.modal>p{margin-top:0}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f4f7;text-decoration:none;font-size:22px;line-height:34px;text-align:center;cursor:pointer}.modal-form{display:grid;gap:14px;margin-top:20px}.modal-form label{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.form-divider{border-top:1px solid #e4e7ec;padding-top:16px;margin-top:2px}.quickcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quickcards a{display:flex;flex-direction:column;gap:5px;text-decoration:none;border:1px solid #e4e7ec;border-radius:12px;padding:16px}.quickcards a:hover{border-color:#98a2b3}.quickcards span{color:#667085;font-size:13px}
@media(max-width:850px){.vsm-shell{padding:12px}.vsm-head,.vsm-page-head{align-items:flex-start;flex-direction:column}.grid,.twocol{grid-template-columns:1fr}.stats,.stats.four,.quickcards{grid-template-columns:1fr 1fr}.rowform{grid-template-columns:1fr}.vsm-card{padding:14px}.client-actions{justify-content:flex-start}}
@media(max-width:520px){.stats,.stats.four,.quickcards{grid-template-columns:1fr}.vsm-nav{display:grid;grid-template-columns:1fr 1fr;width:100%}.vsm-nav a{text-align:center}}

.danger-zone{margin-top:24px;padding-top:18px;border-top:1px solid #fda29b}.danger-zone h4{margin:0 0 6px;color:#b42318}

.category-create{border:1px solid #e4e7ec;border-radius:12px;padding:16px;margin-bottom:18px;background:#fafafa}
.category-create h3{margin:0 0 12px}
.category-create .rowform{grid-template-columns:minmax(220px,1fr) 150px auto;margin:0}
.category-edit-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto;gap:12px;align-items:center;width:100%}
.category-edit-row input{margin:0}
@media(max-width:760px){.category-create .rowform,.category-edit-row{grid-template-columns:1fr}.category-edit-row .client-actions{justify-content:flex-start}}

.menu-list{display:grid;gap:14px;margin-top:18px}
.menu-card{border:1px solid #e4e7ec;border-radius:14px;padding:16px;background:#fff}
.menu-card-main h3{margin:0 0 5px;font-size:18px}
.menu-card-main p{margin:0;color:#667085}
.menu-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.menu-meta span{background:#f2f4f7;border-radius:999px;padding:5px 8px;font-size:12px;color:#475467}
.menu-url{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}
.menu-url input{margin:0;background:#f9fafb}
.menu-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.menu-empty{border:1px dashed #d0d5dd;border-radius:14px}
.menu-cat-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:650px){.menu-url,.menu-cat-checks{grid-template-columns:1fr}.menu-url .btn{width:100%}}

.operator-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0 12px}
.operator-table table{min-width:1150px}
.operator-row{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(230px,1.7fr) minmax(160px,1fr) 100px 75px 95px auto;gap:9px;align-items:center;width:100%}
.operator-row input,.operator-row textarea,.operator-row select{margin:0}
.operator-row textarea{resize:vertical;min-height:44px}
.operator-visible label{display:flex;align-items:center;gap:6px;font-weight:700}
.operator-visible input{width:auto}
@media(max-width:900px){
  .operator-table table{min-width:0}
  .operator-table thead{display:none}
  .operator-table,.operator-table table,.operator-table tbody,.operator-table tr,.operator-table td{display:block;width:100%}
  .operator-row{grid-template-columns:1fr;gap:10px}
  .operator-row>div:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;color:#667085;font-weight:800;margin-bottom:4px}
  .operator-row>div:last-child:before{display:none}
  .operator-row .btn{width:100%}
}

.operator-simple-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0 14px}
.operator-list{display:grid;gap:10px}
.operator-card{border:1px solid #e4e7ec;border-radius:12px;background:#fff;padding:12px}
.operator-main{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(390px,2.4fr) 90px auto;gap:12px;align-items:center}
.operator-title{display:flex;flex-direction:column;gap:3px}
.operator-title strong{font-size:15px}.operator-title small{color:#667085}
.operator-prices{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px;align-items:end}
.operator-prices label{margin:0}.operator-prices span{display:block;font-size:11px;color:#667085;margin-bottom:4px}
.operator-prices input{margin:0}
.variant-pair{display:grid;grid-template-columns:1fr 86px;gap:6px}.variant-pair input{margin:0}
.operator-toggle{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:750}.operator-toggle input{width:auto;margin:0}
.operator-more{margin:10px 0 0;padding:0;border:0;border-top:1px solid #eef0f3;border-radius:0}
.operator-more summary{margin:0;padding-top:9px;font-size:13px;color:#475467;font-weight:750}
.operator-details{display:grid;grid-template-columns:1.3fr 1fr 100px;gap:10px;padding-top:10px}
.operator-details .wide{grid-column:1/-1}.variant-third{border-top:1px dashed #d0d5dd;padding-top:10px}
@media(max-width:1000px){.operator-main{grid-template-columns:1fr}.operator-prices{grid-template-columns:1fr}.operator-toggle{justify-content:flex-start}.operator-main>.btn{width:100%}}
@media(max-width:700px){.operator-simple-head{flex-direction:column;align-items:flex-start}.operator-details{grid-template-columns:1fr}.variant-pair{grid-template-columns:1fr 90px}}

.ai-settings-card{display:grid;grid-template-columns:1fr minmax(320px,1fr);gap:18px;padding:16px;border:1px solid #e4e7ec;border-radius:12px;background:#fafafa}
.ai-settings-card p{margin:5px 0 0}.ai-settings-form{display:grid;gap:10px}
.language-box{border:1px solid #d0d5dd;border-radius:10px;padding:12px;display:grid;gap:10px;background:#f9fafb}
.translate-form{border-top:1px solid #e4e7ec;margin-top:16px;padding-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai-btn{background:#f9f5ff;border-color:#d6bbfb;color:#6941c6}
@media(max-width:750px){.ai-settings-card{grid-template-columns:1fr}}

.price-mode-wrap label,.price-fields label{margin:0}
.price-mode-wrap span,.price-fields span{display:block;font-size:11px;color:#667085;margin-bottom:4px}
.price-mode-wrap select,.price-fields input{margin:0}
.operator-main{grid-template-columns:minmax(165px,1fr) 180px minmax(280px,1.8fr) 88px auto}
.price-panel[hidden]{display:none!important}
.two-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.custom-prices{display:grid;gap:6px}
.price-input{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.operator-main{grid-template-columns:1fr}.two-prices{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.two-prices{grid-template-columns:1fr}}

.global-language-card{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:center;border:1px solid #d0d5dd;background:#f9fafb;border-radius:14px;padding:16px;margin:14px 0 18px}
.global-language-card p{margin:5px 0 0}
.global-language-form{display:grid;grid-template-columns:1fr 150px auto;gap:10px;align-items:end}
.global-language-form .check{align-self:center}
@media(max-width:850px){.global-language-card,.global-language-form{grid-template-columns:1fr}}

.appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;padding:12px;border:1px solid #e4e7ec;border-radius:12px;background:#fafafa}
.appearance-grid .wide{grid-column:1/-1}
.appearance-grid input[type="color"]{height:42px;padding:3px}
@media(max-width:800px){.appearance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.appearance-grid{grid-template-columns:1fr}}

.dish-create{margin-bottom:18px}
.dish-create-form{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding-top:14px}
.dish-create-form .wide{grid-column:1/-1}
.create-price-panels{grid-column:1/-1}
.create-price-panel{display:grid;gap:10px}
.create-price-panel[hidden]{display:none!important}
.create-hint{font-size:13px;color:#667085;background:#f9fafb;border:1px solid #eaecf0;border-radius:8px;padding:10px}
@media(max-width:800px){.dish-create-form{grid-template-columns:1fr}}

.ai-status{font-weight:700;margin-top:10px!important}
.ai-status.ok{color:#067647}
.ai-status.bad{color:#b42318}

.clean-operator-card{padding:14px!important;overflow:visible}
.operator-main-clean{
  display:grid;
  grid-template-columns:minmax(180px,1.2fr) 170px minmax(240px,1.5fr) 90px 105px;
  gap:12px;
  align-items:end
}
.operator-title-clean{display:flex;flex-direction:column;gap:4px;align-self:center}
.operator-title-clean strong{font-size:15px}
.operator-title-clean small{color:#667085}
.operator-mode,.operator-price-zone label{margin:0}
.operator-mode span,.operator-price-zone span{
  display:block;
  font-size:11px;
  color:#667085;
  margin-bottom:4px
}
.operator-mode select,.operator-price-zone input{margin:0;width:100%}
.price-panel-clean[hidden]{display:none!important}
.two-clean{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.operator-toggle-clean{display:flex;align-items:center;gap:7px;height:42px;margin:0}
.operator-toggle-clean input{width:auto;margin:0}
.operator-save{height:42px}
.clean-more{margin-top:10px;border-top:1px solid #eaecf0;padding-top:8px}
.clean-more summary{font-size:13px;font-weight:700;color:#475467;cursor:pointer}
.operator-details-clean{
  display:grid;
  grid-template-columns:1.2fr 1fr 110px;
  gap:10px;
  padding-top:10px
}
.operator-details-clean .wide{grid-column:1/-1}
@media(max-width:1100px){
  .operator-main-clean{grid-template-columns:1fr 170px minmax(220px,1fr)}
  .operator-toggle-clean{grid-column:2}
  .operator-save{grid-column:3}
}
@media(max-width:760px){
  .operator-main-clean{grid-template-columns:1fr}
  .operator-toggle-clean,.operator-save{grid-column:auto}
  .operator-save{width:100%}
  .two-clean{grid-template-columns:1fr 1fr}
  .operator-details-clean{grid-template-columns:1fr}
  .operator-details-clean .wide{grid-column:auto}
}
@media(max-width:480px){
  .two-clean{grid-template-columns:1fr}
}

.operator-toolbar{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 220px 180px auto;
  gap:10px;
  align-items:center;
  margin:12px 0 14px
}
.operator-search-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  padding:0 10px
}
.operator-search-wrap input{
  border:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding-left:0!important;
  width:100%
}
.operator-toolbar select{margin:0}
.operator-count{text-align:right;color:#667085;font-size:13px}

.operator-table-wrap{
  border:1px solid #e4e7ec;
  border-radius:12px;
  overflow:auto;
  max-height:72vh;
  background:#fff
}
.operator-table-clean{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:1040px
}
.operator-table-clean thead th{
  position:sticky;
  top:0;
  z-index:5;
  background:#f8fafc;
  color:#475467;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:800;
  padding:10px 12px;
  border-bottom:1px solid #e4e7ec;
  text-align:left
}
.operator-table-clean .col-show{width:70px;text-align:center}
.operator-table-clean .col-type{width:160px}
.operator-table-clean .col-price{width:220px}
.operator-table-clean .col-sort{width:74px}
.operator-table-clean .col-actions{width:190px}

.operator-row-main>td{
  padding:0!important;
  border-bottom:1px solid #eef0f3
}
.operator-row-main:last-child>td{border-bottom:0}
.operator-row-main:hover{background:#fbfcfe}

.operator-row-form{margin:0}
.operator-row-grid{
  display:grid;
  grid-template-columns:70px minmax(200px,1.4fr) minmax(150px,1fr) 160px 220px 74px 190px;
  gap:0;
  align-items:center
}
.operator-row-grid>div{
  min-height:58px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  border-right:1px solid #f2f4f7
}
.operator-row-grid>div:last-child{border-right:0}

.cell-show{justify-content:center}
.cell-dish{flex-direction:column;align-items:flex-start!important;justify-content:center}
.cell-dish strong{font-size:14px;line-height:1.2}
.cell-dish small{
  display:block;
  color:#98a2b3;
  margin-top:3px;
  max-width:320px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.cell-category span{font-size:13px;color:#475467}
.cell-type select,.cell-sort input,.cell-price input{
  width:100%;
  margin:0!important;
  min-height:38px
}
.price-panel-clean{width:100%}
.price-panel-clean[hidden]{display:none!important}
.price-split{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:6px;
  align-items:center
}
.price-split span{color:#98a2b3;font-weight:700}
.cell-sort input{text-align:center}
.cell-actions{gap:6px}
.small-save,.small-more{padding:8px 10px!important;white-space:nowrap}

.switch-mini{position:relative;display:inline-flex;width:38px;height:22px;margin:0}
.switch-mini input{opacity:0;width:0;height:0}
.switch-mini span{
  position:absolute;inset:0;
  background:#d0d5dd;
  border-radius:999px;
  transition:.18s
}
.switch-mini span:before{
  content:"";
  position:absolute;
  width:16px;height:16px;
  left:3px;top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.18);
  transition:.18s
}
.switch-mini input:checked+span{background:#12b76a}
.switch-mini input:checked+span:before{transform:translateX(16px)}

.operator-more-panel{
  background:#f9fafb;
  border-top:1px solid #eaecf0;
  padding:12px 14px 14px
}
.operator-more-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:10px
}
.operator-more-grid .wide{grid-column:1/-1}

@media(max-width:900px){
  .operator-toolbar{grid-template-columns:1fr 1fr}
  .operator-count{text-align:left}
}
@media(max-width:600px){
  .operator-toolbar{grid-template-columns:1fr}
  .operator-table-wrap{max-height:none}
}

.menu-import-box{margin:0 0 16px;border:1px solid #d0d5dd;background:#f9fafb}
.menu-import-form{display:grid;grid-template-columns:minmax(240px,1fr) 1.5fr auto;gap:12px;align-items:end;padding-top:12px}
.menu-import-form small{display:block;color:#667085;margin-top:4px}
@media(max-width:800px){.menu-import-form{grid-template-columns:1fr}}

.screen-translation-box{border:1px solid #d6e4ff;background:#f7faff}
.screen-translation-title{display:flex;justify-content:space-between;gap:10px;align-items:center}
.screen-translation-title span{font-size:11px;font-weight:800;color:#175cd3;background:#eff8ff;border-radius:999px;padding:4px 8px}

.menu-url input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}

/* v0.11.2 - compact operator table so price and order stay visible */
.operator-table-clean{
  min-width:940px!important;
  table-layout:fixed;
}
.operator-table-clean .col-show{width:54px!important}
.operator-table-clean .col-type{width:138px!important}
.operator-table-clean .col-price{width:190px!important}
.operator-table-clean .col-sort{width:62px!important}
.operator-table-clean .col-actions{width:154px!important}

.operator-row-grid{
  grid-template-columns:
    54px
    minmax(160px,1.35fr)
    minmax(120px,.9fr)
    138px
    190px
    62px
    154px!important;
}
.operator-row-grid>div{padding:7px 8px!important}
.cell-dish strong{font-size:13px!important}
.cell-dish small{font-size:11px!important;max-width:240px!important}
.cell-category span{font-size:12px!important}
.cell-type select,
.cell-sort input,
.cell-price input{
  min-height:36px!important;
  font-size:13px!important;
  padding:6px 7px!important;
}
.cell-sort input{
  min-width:42px;
  width:100%!important;
}
.cell-actions{gap:4px!important}
.small-save,.small-more{
  padding:7px 8px!important;
  font-size:12px!important;
}
.price-split{
  grid-template-columns:minmax(65px,1fr) 10px minmax(65px,1fr)!important;
  gap:4px!important;
}
.operator-table-wrap{
  overflow-x:auto!important;
  scrollbar-gutter:stable;
}
@media(max-width:1100px){
  .operator-toolbar{grid-template-columns:minmax(180px,1fr) 170px 150px auto!important}
  .operator-table-clean{min-width:900px!important}
  .operator-row-grid{
    grid-template-columns:
      50px
      minmax(145px,1.2fr)
      minmax(105px,.8fr)
      128px
      180px
      58px
      145px!important;
  }
}

.slide-settings-box{border:1px solid #d0d5dd;background:#f9fafb;padding:12px;border-radius:10px}
.slide-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.slide-settings-box small{display:block;color:#667085;margin-top:8px}
@media(max-width:700px){.slide-settings-grid{grid-template-columns:1fr}}

/* v0.11.4 - human-friendly screen editor */
.advanced-screen-settings{
  grid-column:1/-1;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#fafafa;
  padding:9px 11px
}
.advanced-screen-settings summary{
  cursor:pointer;
  font-weight:700;
  color:#475467
}
.advanced-screen-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding-top:10px
}
.logo-upload-box{
  border:1px dashed #b9c0ca;
  border-radius:10px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  background:#fff
}
.logo-upload-box>div:first-child{min-width:180px;flex:1}
.logo-upload-box small{display:block;color:#667085;margin-top:3px}
.logo-current{display:flex;align-items:center;gap:10px}
.logo-current img{
  width:90px;
  height:54px;
  object-fit:contain;
  border:1px solid #e4e7ec;
  border-radius:8px;
  background:#f9fafb
}
.logo-file-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:8px;
  border:1px solid #d0d5dd;
  background:#fff;
  cursor:pointer;
  font-weight:700;
  white-space:nowrap
}
.logo-file-btn input{display:none}
.category-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px
}
.category-head>div{display:flex;gap:10px}
.text-btn{
  border:0;
  background:transparent;
  color:#175cd3;
  padding:0;
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer
}
@media(max-width:700px){
  .advanced-screen-grid{grid-template-columns:1fr}
  .category-head{align-items:flex-start;flex-direction:column}
}

.slide-settings-box .check + .check{margin-top:7px}

/* v0.11.8.5 - legacy price variants are no longer part of SmartMeniu UI */
[data-mode-panel="half_full"],
[data-mode-panel="custom"],
.price-legacy,
.legacy-price-variants{
  display:none!important;
}


/* v0.11.8.13 – vientisa "Pridėti patiekalą" forma */
.dish-create{
  background:#fff;
  border:1px solid #dfe3e8;
  border-radius:14px;
  padding:0;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.dish-create > summary{
  margin:0;
  padding:15px 18px;
  background:#f8fafc;
  border-bottom:1px solid #e5e7eb;
  font-size:15px;
}
.dish-create[open] > summary{margin-bottom:0}
.dish-create-form{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:14px;
  padding:18px;
  align-items:end;
}
.dish-create-form label{margin:0}
.dish-create-form .wide{grid-column:1/-1}
.create-price-panels{
  grid-column:1/-1;
  margin-top:-2px;
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
}
.create-price-panel{
  display:grid;
  grid-template-columns:minmax(180px,320px);
  gap:10px;
}
.create-price-panel.two-prices{
  grid-template-columns:repeat(2,minmax(160px,260px));
}
.create-price-panel[hidden]{display:none!important}
.dish-create-visible{
  grid-column:1/-1;
  padding:2px 0;
}
.create-hint{margin:0}
.dish-create-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:2px;
}
.dish-create-actions .btn{
  min-width:190px;
  min-height:42px;
}
@media(max-width:800px){
  .dish-create-form{grid-template-columns:1fr}
  .create-price-panel.two-prices{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .create-price-panel.two-prices{grid-template-columns:1fr}
  .dish-create-actions .btn{width:100%}
}


/* v0.11.8.15 – import / export together in Patiekalai */
.menu-data-actions{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.menu-data-actions .menu-import-box{
  flex:1 1 560px;
  margin:0;
}
.menu-export-form{
  margin:0;
}
.menu-export-form .btn{
  min-height:44px;
}
@media(max-width:700px){
  .menu-data-actions{display:block}
  .menu-export-form{margin-top:10px}
  .menu-export-form .btn{width:100%}
}


/* v0.11.8.24 – logotipo įkėlimas Išvaizdoje */
.settings-logo-box{
  border:1px solid #e4e7ec;
  border-radius:12px;
  padding:14px;
  background:#f9fafb;
  display:grid;
  gap:12px;
}
.settings-logo-preview{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.settings-logo-preview img{
  max-width:220px;
  max-height:90px;
  object-fit:contain;
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:10px;
  padding:8px;
}
.settings-logo-box small{
  display:block;
  color:#667085;
  margin-top:5px;
}


/* v0.11.8.25 – aiškesnis ekrano atidarymas ir formato testai */
.format-preview-group{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.format-preview-group > span{
  font-size:12px;
  font-weight:700;
  color:#667085;
  margin-right:2px;
}
@media(max-width:700px){
  .format-preview-group{
    width:100%;
    margin-top:6px;
  }
}


/* v0.11.8.29 – bendra ir individuali ekrano išvaizda */
.screen-appearance-mode{
  border:1px solid #d0d5dd;
  border-radius:12px;
  padding:13px 14px;
  background:#f9fafb;
  margin-bottom:12px;
}
.screen-appearance-mode .check{
  margin:0;
  font-weight:700;
}
.screen-appearance-mode small{
  display:block;
  margin-top:5px;
  color:#667085;
  line-height:1.35;
}
#vsmCustomAppearance[hidden]{
  display:none!important;
}

/* v0.11.8.30 – TV QR nustatymai */
.screen-qr-box{border:1px solid #d0d5dd;border-radius:12px;padding:14px;background:#f9fafb}
.screen-qr-options{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.screen-qr-options[hidden]{display:none!important}
@media(max-width:700px){.screen-qr-options{grid-template-columns:1fr}}


/* v0.11.8.37 – bendras QR režimas ekranams */
.screen-global-qr-mode{
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) minmax(210px,1fr) minmax(210px,1fr) auto;
  gap:12px;
  align-items:stretch;
  border:1px solid #d0d5dd;
  border-radius:14px;
  padding:14px;
  margin:0 0 18px;
  background:#f9fafb;
}
.screen-global-qr-title{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.screen-global-qr-title small,
.screen-global-qr-option small{
  color:#667085;
  line-height:1.3;
}
.screen-global-qr-option{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:10px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.screen-global-qr-option input{margin-top:3px}
.screen-global-qr-option span{display:flex;flex-direction:column;gap:3px}
@media(max-width:900px){
  .screen-global-qr-mode{grid-template-columns:1fr}
}


/* v0.11.8.39 – ekrano dizaino stiliaus pasirinkimas */
.screen-style-picker{
  margin:0 0 12px;
  padding:13px 14px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
}
.screen-style-picker label{
  display:grid;
  grid-template-columns:minmax(140px,220px) minmax(180px,1fr);
  align-items:center;
  gap:8px 14px;
  margin:0;
}
.screen-style-picker small{
  grid-column:1 / -1;
  color:#667085;
}
@media(max-width:700px){
  .screen-style-picker label{grid-template-columns:1fr}
}


/* v0.11.8.40 – aiškesnis jaunatviško stiliaus pasirinkimas */
.screen-style-picker select{
  font-weight:700;
}


/* v0.11.8.43 – slaptažodžio parodymo / paslėpimo mygtukas */
.vsm-password-wrap{
  position:relative;
  display:block;
  width:100%;
}
.vsm-password-wrap input{
  width:100%;
  padding-right:44px!important;
}
.vsm-password-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
}
.vsm-password-toggle:hover{
  background:#f2f4f7;
}

/* v0.11.8.44 - branded SmartMeniu front login */
.vsm-login-page{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:28px 18px;
  background:
    radial-gradient(circle at 50% 0,rgba(0,110,181,.09),transparent 42%),
    linear-gradient(180deg,#f7faff 0%,#f4f6f9 100%);
}
.vsm-login-page .vsm-login{
  width:min(440px,100%);
  max-width:none;
  margin:0;
  padding:38px 36px 30px;
  border-radius:24px;
  border:1px solid #e2e8f0;
  box-shadow:0 24px 70px rgba(15,35,58,.12);
}
.vsm-login-brand{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:9px;
  margin:0 0 28px;
  line-height:1;
  user-select:none;
}
.vsm-logo-vip{
  color:#006fb9;
  font-size:42px;
  font-weight:950;
  letter-spacing:-4px;
  font-style:italic;
}
.vsm-logo-vip::after{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-left:7px;
  margin-bottom:5px;
  background:#ffd52b;
  transform:rotate(45deg);
  border-radius:1px;
}
.vsm-logo-smart{
  color:#182230;
  font-size:25px;
  font-weight:900;
  letter-spacing:-1px;
}
.vsm-logo-smart>span{font-weight:500;color:#475467}
.vsm-login-page .vsm-login h1{
  margin:0;
  text-align:center;
  font-size:28px;
  letter-spacing:-.025em;
  color:#182230;
}
.vsm-login-intro{
  max-width:330px;
  margin:9px auto 25px;
  text-align:center;
  color:#667085;
  line-height:1.45;
}
.vsm-login-form{display:grid;gap:16px}
.vsm-login-form label{font-size:14px;color:#344054}
.vsm-login-form input[type=text],
.vsm-login-form input[type=password]{
  height:48px;
  margin-top:7px;
  padding:0 14px;
  border:1px solid #cfd7e3;
  border-radius:11px;
  outline:none;
  background:#fff;
  transition:border-color .15s,box-shadow .15s;
}
.vsm-login-form input[type=text]:focus,
.vsm-login-form input[type=password]:focus{
  border-color:#006fb9;
  box-shadow:0 0 0 4px rgba(0,111,185,.10);
}
.vsm-login-form .vsm-password-wrap{margin-top:7px}
.vsm-login-form .vsm-password-wrap input{margin-top:0;padding-right:48px}
.vsm-login-form .vsm-password-toggle{right:5px;top:50%;transform:translateY(-50%)}
.vsm-login-remember{
  display:flex!important;
  align-items:center;
  gap:9px;
  font-weight:600!important;
  color:#667085!important;
  cursor:pointer;
}
.vsm-login-remember input{width:17px!important;height:17px;margin:0!important;accent-color:#006fb9}
.vsm-login-submit{
  width:100%;
  height:50px;
  border:0;
  border-radius:11px;
  background:#006fb9;
  color:#fff;
  font:inherit;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,111,185,.20);
}
.vsm-login-submit:hover{filter:brightness(.96)}
.vsm-login-error{
  margin:-8px 0 18px;
  padding:11px 13px;
  border-radius:10px;
  background:#fff1f0;
  color:#b42318;
  font-size:14px;
  font-weight:650;
  text-align:center;
}
.vsm-login-foot{
  margin-top:24px;
  text-align:center;
  color:#98a2b3;
  font-size:11px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:520px){
  .vsm-login-page{padding:16px}
  .vsm-login-page .vsm-login{padding:30px 22px 24px;border-radius:20px}
  .vsm-logo-vip{font-size:37px}
  .vsm-logo-smart{font-size:22px}
}

/* v0.11.8.46 – tuščio ekrano nustatymai */
.empty-screen-box{margin:18px 0;padding:16px;border:1px solid #dfe4ea;border-radius:14px;background:#fafbfc}
.empty-screen-box>label{display:block;margin-top:10px}
.empty-ad-preview{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.empty-ad-preview img{width:92px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #dfe4ea;background:#fff}
.vsm-favicon-preview img{width:112px;height:112px;object-fit:contain;border-radius:24px;background:#0a1c3d;padding:6px}
.vsm-ad-thumb{width:92px;height:58px;object-fit:cover;border-radius:8px;border:1px solid #d0d5dd;background:#fff}.vsm-ad-file-badge{width:72px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f2f4f7;border:1px solid #d0d5dd;font-weight:800;color:#b42318}.vsm-ad-settings{margin-bottom:24px}

/* v0.11.8.49 – per-screen advertising controls */
.screen-ad-enable-box{margin:18px 0;padding:18px;border:1px solid #dbe5f3;border-radius:16px;background:#f8fbff}.screen-ad-master{font-size:16px}.screen-ad-panel{margin:14px 0 22px;border:1px solid #d8e2ef;border-radius:18px;background:#fff;overflow:hidden}.screen-ad-panel[hidden]{display:none!important}.screen-ad-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px 22px;background:linear-gradient(135deg,#f7faff,#eef5ff);border-bottom:1px solid #dce6f4}.screen-ad-panel-head h3{margin:2px 0 5px;font-size:22px}.screen-ad-panel-head p{margin:0;color:#667085}.screen-ad-kicker{font-size:11px;font-weight:800;letter-spacing:.11em;color:#3765a3}.screen-ad-status{white-space:nowrap;background:#e8f1ff;color:#214f8d;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.screen-ad-timing-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr);gap:18px;padding:20px 22px;border-bottom:1px solid #edf1f6}.screen-ad-input-unit{display:flex;align-items:center;gap:8px}.screen-ad-input-unit input{min-width:0}.screen-ad-input-unit b{font-size:13px;color:#667085}.screen-ad-cycle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;padding:12px 16px;border-radius:14px;background:#f7f9fc;color:#667085}.screen-ad-cycle strong{background:#fff;border:1px solid #dfe6ee;border-radius:10px;padding:9px 12px;color:#1f2937}.screen-ad-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 12px}.screen-ad-section-title>div{display:flex;flex-direction:column;gap:3px}.screen-ad-section-title small{color:#667085}.screen-ad-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 22px}.screen-ad-card{position:relative;display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;border:1px solid #dce3ec!important;border-radius:14px!important;background:#fff!important;cursor:pointer;min-width:0}.screen-ad-card input{position:absolute;opacity:0;pointer-events:none}.screen-ad-card:has(input:checked){border-color:#2d67c8!important;box-shadow:inset 0 0 0 1px #2d67c8;background:#f7faff!important}.screen-ad-thumb{display:block;width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#eef2f7}.screen-ad-thumb img{width:100%;height:100%;object-fit:cover;display:block}.screen-ad-pdf{height:100%;display:grid;place-items:center;font-weight:900;font-size:24px;color:#a23838;background:#fff1f1}.screen-ad-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.screen-ad-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-ad-meta small{color:#667085}.screen-ad-check{position:absolute;right:15px;top:15px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d8e0ea;color:transparent;font-weight:900}.screen-ad-card:has(input:checked) .screen-ad-check{background:#2d67c8;border-color:#2d67c8;color:#fff}.screen-ad-card.is-inactive{opacity:.58}.screen-ad-empty{margin:0 22px 22px;padding:22px;border:1px dashed #cad4e1;border-radius:14px;text-align:center;display:flex;flex-direction:column;gap:5px;color:#667085}.screen-ad-tools{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;padding:20px 22px;background:#fafbfd;border-top:1px solid #edf1f6}.screen-ad-tool{padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.screen-ad-tool>small{display:block;margin-top:8px;color:#667085}.screen-ad-tool #vsmScreenTickerOptions{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.screen-ad-tool #vsmScreenTickerOptions[hidden]{display:none!important}
@media(max-width:760px){.screen-ad-panel-head,.screen-ad-section-title{flex-direction:column}.screen-ad-timing-grid,.screen-ad-tools{grid-template-columns:1fr}.screen-ad-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-ad-tool #vsmScreenTickerOptions{grid-template-columns:1fr}}
@media(max-width:460px){.screen-ad-gallery{grid-template-columns:1fr}.screen-ad-cycle{flex-wrap:wrap}}

/* v0.11.8.50 – compact ad control on screen card + separate ad settings modal */
.screen-card-ad-control{display:inline-flex;align-items:center;gap:8px;padding:3px 6px 3px 10px;border:1px solid #d0d9e6;border-radius:10px;background:#fff;min-height:38px}
.screen-card-ad-link{font-weight:700;color:#1f4f91;text-decoration:none;white-space:nowrap}
.screen-card-ad-link:hover{text-decoration:underline}
.screen-card-ad-toggle{display:inline-flex;margin:0}
.screen-card-ad-toggle label{display:inline-flex;align-items:center;cursor:pointer;margin:0}
.screen-card-ad-toggle input{position:absolute;opacity:0;pointer-events:none}
.screen-card-ad-toggle span{position:relative;width:38px;height:22px;border-radius:999px;background:#d7dde7;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.screen-card-ad-toggle span:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.24);transition:.18s ease}
.screen-card-ad-toggle input:checked + span{background:#2d67c8}
.screen-card-ad-toggle input:checked + span:after{transform:translateX(16px)}
.screen-card-ad-toggle input:focus-visible + span{outline:3px solid rgba(45,103,200,.22);outline-offset:2px}
.screen-ad-modal{max-width:980px}
.screen-ad-modal-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.screen-ad-modal-title h3{margin:2px 0 5px;font-size:24px}
.screen-ad-modal-title p{margin:0;color:#667085}
.screen-ad-enable-box.compact{margin:4px 0 14px}
.screen-ad-only-form .screen-ad-panel{margin-top:0}
.screen-ad-tool #vsmAdModalTickerOptions{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}
.screen-ad-tool #vsmAdModalTickerOptions[hidden]{display:none!important}
@media(max-width:760px){.screen-card-ad-control{width:100%;justify-content:space-between}.screen-ad-tool #vsmAdModalTickerOptions{grid-template-columns:1fr}.screen-ad-modal{max-width:none}}

/* v0.11.8.51 – ad settings modal fits smaller screens */
.screen-ad-modal{
  width:min(980px,100%);
  max-height:calc(100vh - 24px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding-bottom:0;
}
.screen-ad-modal .screen-ad-modal-title{flex:0 0 auto;padding-right:34px;margin-bottom:8px}
.screen-ad-modal .screen-ad-only-form{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
  margin-top:8px;
  gap:10px;
}
.screen-ad-modal .screen-ad-panel{margin-bottom:10px}
.screen-ad-modal .screen-ad-timing-grid{padding:14px 18px;gap:14px}
.screen-ad-modal .screen-ad-section-title{padding:14px 18px 10px}
.screen-ad-modal .screen-ad-gallery{padding:0 18px 16px}
.screen-ad-modal .screen-ad-empty{margin:0 18px 16px;padding:16px}
.screen-ad-modal .screen-ad-tools{padding:14px 18px;gap:10px}
.screen-ad-modal .screen-ad-tool{padding:13px}
.screen-ad-modal .modal-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  margin:0 -4px 0 0;
  padding:12px 4px 12px 0;
  background:linear-gradient(to bottom,rgba(255,255,255,.92),#fff 28%);
  border-top:1px solid #e4e7ec;
}
@media(max-height:720px){
  .screen-ad-modal{max-height:calc(100vh - 12px);padding-top:16px}
  .screen-ad-modal-title p{display:none}
  .screen-ad-modal .screen-ad-timing-grid{padding-top:10px;padding-bottom:10px}
  .screen-ad-modal .screen-ad-tools{padding-top:10px;padding-bottom:10px}
}
@media(max-width:760px){
  .modal-backdrop{padding:8px}
  .screen-ad-modal{max-height:calc(100vh - 16px);padding-left:14px;padding-right:14px}
  .screen-ad-modal .screen-ad-only-form{padding-right:1px}
  .screen-ad-modal .modal-actions{padding-bottom:10px}
}

/* v0.11.8.53 – quick ad upload + correct modal scrolling */
body.vsm-modal-open{overflow:hidden!important}
#vsmAdMenuModal{overscroll-behavior:contain}
.screen-ad-modal{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.screen-ad-modal .screen-ad-only-form{
  overflow:visible!important;
  min-height:auto!important;
}
.screen-ad-upload-form{display:none}
.screen-ad-quick-upload{position:relative;overflow:hidden;cursor:pointer}
.screen-ad-quick-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}
.screen-ad-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.screen-ad-card-wrap{min-width:0}
.screen-ad-card-wrap.is-inactive{opacity:.58}
.screen-ad-card-wrap .screen-ad-card{margin:0}
.screen-ad-duration{display:grid;grid-template-columns:auto minmax(64px,88px) auto;align-items:center;justify-content:center;gap:7px;margin-top:8px;font-size:13px;color:#475467}
.screen-ad-duration input{margin:0;padding:7px 8px;text-align:center}
.screen-ad-card-wrap>small{display:block;text-align:center;margin-top:4px}
@media(max-width:760px){
  .screen-ad-section-title{align-items:stretch!important}
  .screen-ad-quick-upload{width:100%}
  .screen-ad-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v0.11.8.56 – reklamos lange QR parinktys. */
.screen-ad-tool #vsmFullscreenQrOptions{display:grid;gap:8px;margin-top:12px}
.screen-ad-tool #vsmFullscreenQrOptions[hidden]{display:none!important}
.screen-ad-modal .screen-ad-cycle{flex-wrap:wrap}

/* v0.11.8.57 – aiški reklamos įjungimo varnelė po kiekviena kortele. */
.screen-ad-show-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid #d9e1ec;border-radius:10px;background:#f8fafc;font-size:13px;color:#24324a;cursor:pointer}
.screen-ad-show-toggle input{width:18px;height:18px;margin:0}

/* v0.11.8.58 – kompaktiškas QR valdymas */
.screen-global-qr-mode.compact{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 16px;
  padding:8px 12px;
  margin:0 0 14px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#fff;
}
.screen-global-qr-mode.compact .screen-global-qr-label{white-space:nowrap;font-size:13px}
.screen-global-qr-choice{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.screen-global-qr-mode.compact .btn{margin-left:auto;padding:6px 10px;min-height:auto}
.screen-ad-qr-compact{display:grid;grid-template-columns:auto minmax(120px,180px) 1fr;align-items:center;gap:10px 12px}
.screen-ad-qr-compact select{margin:0}
.screen-ad-qr-compact>small{margin:0!important}
@media(max-width:760px){
  .screen-global-qr-mode.compact .btn{margin-left:0}
  .screen-ad-qr-compact{grid-template-columns:1fr}
}

/* v0.11.8.59 – reklamos trynimas tiesiai iš ekrano reklamos lango */
.screen-ad-card-wrap{position:relative}
.screen-ad-delete-form{display:none}
.screen-ad-delete{
  position:absolute;
  z-index:5;
  left:8px;
  top:8px;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(180,35,24,.22);
  border-radius:9px;
  background:rgba(255,255,255,.94);
  color:#b42318;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:17px;
  line-height:1;
  box-shadow:0 1px 4px rgba(15,23,42,.12);
}
.screen-ad-delete:hover{background:#fff1f0;border-color:#f2a8a2}
.screen-ad-delete:focus-visible{outline:3px solid rgba(180,35,24,.20);outline-offset:2px}


/* v0.11.8.74 – patiekalų drag & drop eiliškumas */
.dish-drag-handle{
  width:42px;height:38px;border:1px solid #d9dee7;border-radius:9px;background:#fff;
  cursor:grab;font-size:22px;line-height:1;color:#576274;display:inline-flex;
  align-items:center;justify-content:center;
}
.dish-drag-handle:active{cursor:grabbing}
.dish-drag-handle:disabled{opacity:.28;cursor:not-allowed}
.operator-row-main[draggable="true"] .cell-dish{cursor:grab}
.operator-row-main.is-dragging{opacity:.45}
.operator-row-main.is-dragging td{background:#eef4ff!important}
.order-save-state{margin-left:8px;font-size:12px;font-weight:700}
.order-save-state.saving{opacity:.65}
.order-save-state.saved{color:#238636}
.order-save-state.error{color:#c62828}


/* v0.11.8.75 – drag only from handle; editing remains selectable. */
.operator-row-main input,
.operator-row-main textarea,
.operator-row-main select{
  user-select:text!important;
  -webkit-user-select:text!important;
}
.dish-order-actions{display:flex;align-items:center;gap:6px}
.dish-copy-btn{
  width:38px;height:38px;border:1px solid #d9dee7;border-radius:9px;background:#fff;
  cursor:pointer;font-size:20px;line-height:1;color:#576274;display:inline-flex;
  align-items:center;justify-content:center;
}
.dish-copy-btn:hover{background:#f5f7fb}
.dish-copy-btn:disabled{opacity:.5;cursor:wait}


/* v0.11.8.76 – naujas patiekalas tiesiai Meniu valdyme */
.vsm-add-inline-dish{white-space:nowrap}
.vsm-new-dish-row[hidden]{display:none!important}
.vsm-new-dish-row td{padding:12px!important;background:#f5f8fc!important}
.operator-inline-new-form{margin:0}
.vsm-new-dish-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:14px;
  background:#fff;
  border:1px solid #dbe2ec;
  border-radius:12px;
}
.vsm-new-dish-grid label{
  display:flex;
  flex-direction:column;
  gap:5px;
  font-weight:600;
}
.vsm-new-dish-grid input,
.vsm-new-dish-grid select,
.vsm-new-dish-grid textarea{width:100%}
.vsm-new-dish-title{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:17px;
}
.vsm-new-dish-close{
  border:0;
  background:transparent;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  color:#667085;
}
.vsm-new-dish-grid .wide{grid-column:span 2}
.vsm-new-split-price{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.vsm-new-split-price[hidden]{display:none!important}
.vsm-inline-check{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  align-self:end;
}
.vsm-inline-check input{width:auto!important}
.vsm-new-dish-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
@media(max-width:950px){
  .vsm-new-dish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .vsm-new-dish-grid{grid-template-columns:1fr}
  .vsm-new-dish-grid .wide{grid-column:span 1}
}


/* v0.11.8.77 – rikiavimo rankenėlė iškart po „Rodyti“, prieš patiekalą */
.operator-row-grid{
  grid-template-columns:
    54px
    62px
    minmax(160px,1.35fr)
    minmax(120px,.9fr)
    138px
    190px
    154px!important;
}
.cell-sort{
  justify-content:center!important;
}
.cell-sort .dish-drag-handle{
  margin:0 auto;
}
.cell-actions .dish-copy-btn{
  flex:0 0 36px;
  width:36px;
  height:36px;
}


/* v0.11.8.78 – kompaktiški veiksmų mygtukai tik ikonėlėmis */
.operator-row-grid{
  grid-template-columns:
    54px
    62px
    minmax(180px,1.45fr)
    minmax(120px,.9fr)
    138px
    190px
    126px!important;
}
.icon-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  white-space:nowrap;
}
.icon-action{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  padding:0!important;
  border:1px solid #d9dee7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#576274!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer;
}
.icon-action:hover{
  background:#f5f7fb!important;
}
.icon-save{
  background:#2563eb!important;
  border-color:#2563eb!important;
  color:#fff!important;
}
.icon-save:hover{
  background:#1d4ed8!important;
}
.cell-actions .dish-copy-btn{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}


/* v0.11.8.81 – ištrynimas per „Daugiau“ */
.vsm-delete-wrap{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #eceff3;
  display:flex;
  justify-content:flex-end;
}
.btn.danger,
.vsm-delete-dish{
  background:#fff!important;
  color:#b42318!important;
  border:1px solid #f0b7b2!important;
}
.btn.danger:hover,
.vsm-delete-dish:hover{
  background:#fff4f2!important;
  border-color:#e8857e!important;
}


/* v0.11.8.84 – „Daugiau“ mygtukas visada tik trys taškai.
   Net jei naršyklė/užkešuotas JS įrašytų tekstą, jis vizualiai nerodomas. */
.vsm-more-icon{
  font-size:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.vsm-more-icon::before{
  content:"⋯";
  font-size:22px!important;
  line-height:1!important;
  color:inherit;
  display:block;
}


/* v0.11.8.85 – Facebook dienos meniu */
.facebook-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:22px;
  align-items:start;
}
.facebook-settings-form{margin-top:0}
.facebook-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:16px 0;
}
.facebook-actions form{margin:0}
.facebook-status{
  display:grid;
  gap:7px;
  padding:14px;
  border:1px solid #e1e6ee;
  border-radius:12px;
  background:#fafbfc;
}
.facebook-preview{
  position:sticky;
  top:18px;
  padding:14px;
  border:1px solid #e1e6ee;
  border-radius:14px;
  background:#fff;
}
.facebook-preview>strong{display:block;margin-bottom:10px}
.facebook-preview img{
  width:100%;
  height:auto;
  display:block;
  border-radius:10px;
  box-shadow:0 8px 28px rgba(20,30,50,.12);
}
@media(max-width:900px){
  .facebook-layout{grid-template-columns:1fr}
  .facebook-preview{position:static}
}


/* v0.11.8.88 – modernesnė Facebook peržiūra */
.facebook-preview{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.facebook-status{
  background:linear-gradient(180deg,#fafbff 0%,#f7f9fc 100%);
}


/* v0.11.8.89 – Facebook šablono nustatymai */
.facebook-group{
  padding:16px;
  border:1px solid #e1e6ee;
  border-radius:14px;
  background:#fafbfd;
  margin-bottom:14px;
}
.facebook-group h3{
  margin:0 0 12px;
  font-size:18px;
}
.facebook-thumb{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 0 4px;
}
.facebook-thumb img{
  max-width:180px;
  max-height:90px;
  display:block;
  border-radius:10px;
  border:1px solid #dbe2ea;
  background:#fff;
  object-fit:contain;
}
.facebook-settings-form input[type="color"]{
  width:100%;
  min-height:44px;
  padding:6px;
}


/* v0.11.8.94 – Wolt/Bolt tipo eilutės veiksmų meniu */
.icon-save .save-check{
  font-size:23px;
  font-weight:800;
  line-height:1;
}
.vsm-row-menu-wrap{
  position:relative;
  display:inline-flex;
}
.vsm-row-menu[hidden]{display:none!important}
.vsm-row-menu{
  position:absolute;
  z-index:1200;
  right:0;
  top:calc(100% + 7px);
  min-width:178px;
  padding:6px;
  background:#fff;
  border:1px solid #dfe4ec;
  border-radius:12px;
  box-shadow:0 14px 38px rgba(15,23,42,.17);
}
.vsm-row-menu button{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#172033;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.vsm-row-menu button:hover{background:#f4f7fb}
.vsm-row-menu .danger-item{color:#b42318}
.vsm-row-menu .danger-item:hover{background:#fff1f0}

/* Redagavimas atskirame kompaktiškame modaliniame lange */
.vsm-edit-modal[hidden]{display:none!important}
.vsm-edit-modal{
  position:fixed!important;
  z-index:5000!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(15,23,42,.42)!important;
  overflow:auto!important;
}
.vsm-edit-dialog{
  width:min(720px,100%);
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:18px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.28);
}
.vsm-edit-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  font-size:19px;
}
.vsm-edit-close{
  width:36px;
  height:36px;
  padding:0;
  border:0;
  border-radius:9px;
  background:#f3f5f8;
  color:#5e6878;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.vsm-edit-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e7ebf0;
}
body.vsm-modal-open{overflow:hidden!important}

/* pagrindinėje eilutėje paliekame tik ✓ ir ⋯ */
.icon-actions{
  gap:7px!important;
}


/* v0.11.8.95 – mobilus tempimas + sutvarkytas ⋯ mini meniu */
.dish-drag-handle{
  touch-action:none !important;
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}
.operator-row-main.is-touch-dragging{
  position:relative;
  z-index:50;
  opacity:.82;
  background:#f7faff;
  box-shadow:0 4px 18px rgba(15,23,42,.12);
}
body.vsm-touch-sorting{
  overscroll-behavior:none;
}

/* Mini meniu pozicionuojamas pagal ekraną, ne pagal lentelės plotį */
.vsm-row-menu-wrap{
  position:static !important;
}
.vsm-row-menu{
  position:fixed !important;
  z-index:99999 !important;
  right:auto !important;
  min-width:188px;
  max-width:calc(100vw - 20px);
  box-sizing:border-box;
}
.vsm-row-menu button{
  min-height:44px;
}

@media (max-width:700px){
  .dish-drag-handle{
    width:42px !important;
    min-width:42px !important;
    height:44px !important;
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    font-size:21px !important;
  }
  .vsm-row-menu{
    min-width:200px;
    padding:7px;
    border-radius:14px;
    box-shadow:0 18px 48px rgba(15,23,42,.24);
  }
  .vsm-row-menu button{
    min-height:48px;
    padding:10px 12px;
    font-size:15px;
  }
}


/* v0.11.8.96 – vienodas Wolt/Bolt tipo ⋯ mini meniu */
.vsm-row-menu{
  padding:6px !important;
  border:1px solid #dfe4ec !important;
  border-radius:14px !important;
  background:#fff !important;
  overflow:hidden !important;
}
.vsm-row-menu .vsm-menu-item{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-height:46px !important;
  margin:0 !important;
  padding:9px 11px !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:9px !important;
  background:transparent !important;
  color:#182033 !important;
  font:inherit !important;
  font-weight:500 !important;
  text-align:left !important;
  line-height:1.2 !important;
  cursor:pointer !important;
}
.vsm-row-menu .vsm-menu-item + .vsm-menu-item{
  margin-top:2px !important;
}
.vsm-row-menu .vsm-menu-item:hover,
.vsm-row-menu .vsm-menu-item:focus{
  background:#f4f6f9 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.vsm-row-menu .vsm-menu-icon{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-right:8px !important;
  color:#687386 !important;
  font-size:22px !important;
  font-weight:400 !important;
  line-height:1 !important;
}
.vsm-row-menu .danger-item,
.vsm-row-menu .danger-item span{
  color:#c0392b !important;
}
.vsm-row-menu .danger-item{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.vsm-row-menu .danger-item:hover,
.vsm-row-menu .danger-item:focus{
  background:#fff4f2 !important;
}
.vsm-row-menu .danger-item .vsm-menu-icon{
  color:#c0392b !important;
}

@media (max-width:700px){
  .vsm-row-menu{
    min-width:210px !important;
    padding:7px !important;
  }
  .vsm-row-menu .vsm-menu-item{
    min-height:50px !important;
    padding:11px 12px !important;
    font-size:17px !important;
  }
  .vsm-row-menu .vsm-menu-icon{
    width:30px !important;
    min-width:30px !important;
    font-size:23px !important;
  }
}


/* v0.11.8.98 – kompaktiškas Kategorijų puslapis kompiuteryje */
.vsm-categories-page{
  max-width:1120px;
  margin:0 auto;
}
.vsm-categories-page > form.grid{
  max-width:920px;
  grid-template-columns:minmax(280px,1.8fr) minmax(180px,.9fr) minmax(110px,.45fr) !important;
  column-gap:16px !important;
  row-gap:12px !important;
}
.vsm-categories-page > form.grid .wide{
  grid-column:1 / -1;
}
.vsm-categories-page .tablewrap{
  margin-top:18px;
  max-width:100%;
  overflow-x:auto;
}
.vsm-categories-page table{
  width:100%;
  table-layout:fixed;
}
.vsm-categories-page th,
.vsm-categories-page td{
  vertical-align:middle;
}
.vsm-categories-page th:nth-child(1),
.vsm-categories-page td:nth-child(1){
  width:auto;
}
.vsm-categories-page th:nth-child(2),
.vsm-categories-page td:nth-child(2){
  width:34%;
}
.vsm-categories-page th:nth-child(3),
.vsm-categories-page td:nth-child(3){
  width:110px;
  text-align:center;
}
.vsm-categories-page th:nth-child(4),
.vsm-categories-page td:nth-child(4){
  width:170px;
  text-align:right;
}
.vsm-categories-page table input[type="text"],
.vsm-categories-page table input[type="number"]{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
}
.vsm-categories-page table input[type="number"]{
  text-align:center;
}
.vsm-categories-page td:last-child{
  white-space:nowrap;
}
.vsm-categories-page td:last-child .btn{
  min-width:72px;
  padding:8px 12px;
}

@media (min-width:901px){
  .vsm-categories-page h2{
    margin-bottom:4px;
  }
  .vsm-categories-page > p.muted{
    margin-top:0;
    margin-bottom:18px;
  }
  .vsm-categories-page > form.grid{
    padding:18px;
    border:1px solid #e4e8ef;
    border-radius:14px;
    background:#fbfcfe;
  }
}

@media (max-width:900px){
  .vsm-categories-page{
    max-width:none;
  }
  .vsm-categories-page > form.grid{
    max-width:none;
    grid-template-columns:1fr !important;
  }
  .vsm-categories-page > form.grid .wide{
    grid-column:auto;
  }
  .vsm-categories-page table{
    min-width:720px;
  }
}


/* v0.11.8.99 – „Naujas patiekalas“ kaip natūrali tuščia lentelės eilutė */
.vsm-add-dish-ghost-row[hidden]{display:none!important}
.vsm-add-dish-ghost-row td{
  padding:0!important;
  background:#fbfcfe;
  border-bottom:1px solid #e7ebf0;
}
.vsm-add-dish-ghost{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:88px 54px minmax(230px,1.8fr) minmax(170px,1.05fr) 150px minmax(120px,.7fr) 94px;
  align-items:center;
  gap:0;
  padding:0;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#798394;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.vsm-add-dish-ghost:hover{
  background:#f4f8ff!important;
}
.vsm-add-dish-ghost > span{
  min-height:62px;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-right:1px solid #edf0f4;
  box-sizing:border-box;
}
.vsm-add-dish-ghost .ghost-show{
  justify-content:center;
  font-size:28px;
  font-weight:300;
  color:#3567df;
}
.vsm-add-dish-ghost .ghost-sort{
  justify-content:center;
}
.vsm-add-dish-ghost .ghost-name{
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
}
.vsm-add-dish-ghost .ghost-name strong{
  color:#384253;
  font-size:15px;
}
.vsm-add-dish-ghost .ghost-name small{
  color:#9aa3af;
  font-size:12px;
}
.vsm-add-dish-ghost .ghost-category,
.vsm-add-dish-ghost .ghost-type,
.vsm-add-dish-ghost .ghost-price{
  color:#a1a8b3;
}
.vsm-add-dish-ghost .ghost-action{
  justify-content:center;
  border-right:0;
  font-size:25px;
  color:#3567df;
}

/* Išskleista kūrimo forma atrodo kaip viena kortelė po tuščia eilute */
.vsm-new-dish-row td{
  padding:14px!important;
  background:#f7f9fc!important;
}
.operator-inline-new-form{
  max-width:980px;
  margin:0 auto;
}
.vsm-new-dish-grid{
  border:1px solid #dfe5ed;
  border-radius:14px;
  background:#fff;
  padding:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}

@media (max-width:900px){
  .vsm-add-dish-ghost{
    grid-template-columns:64px 42px minmax(190px,1.5fr) minmax(150px,1fr) 132px 120px 72px;
    min-width:770px;
  }
}


/* v0.11.8.100 – sutvarkytas naujo patiekalo formos išdėstymas */
.vsm-new-dish-row td{
  padding:16px!important;
  background:#f7f9fc!important;
}
.operator-inline-new-form{
  max-width:none;
  width:100%;
  margin:0;
}
.vsm-new-dish-grid{
  display:flex;
  flex-direction:column;
  gap:16px;
  width:100%;
  border:1px solid #dbe3ee;
  border-radius:16px;
  background:#fff;
  padding:20px;
  box-shadow:0 10px 26px rgba(15,23,42,.05);
  box-sizing:border-box;
}
.vsm-new-dish-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid #ecf0f5;
}
.vsm-new-dish-title-text{display:flex;flex-direction:column;gap:4px}
.vsm-new-dish-title strong{font-size:20px;line-height:1.2;color:#1f2937}
.vsm-new-dish-title small{font-size:13px;color:#758195;font-weight:500}
.vsm-new-dish-close{
  width:38px;height:38px;border-radius:12px;border:1px solid #dde4ee;
  background:#f8fafc;color:#64748b;font-size:24px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;
}
.vsm-new-dish-close:hover{background:#eef4ff;color:#315fdd}
.vsm-new-dish-fields{
  display:grid;
  grid-template-columns:minmax(260px,1.4fr) minmax(220px,1fr) minmax(220px,1fr);
  gap:14px;
  align-items:start;
}
.vsm-new-dish-grid .vsm-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.vsm-new-dish-grid .vsm-field-label{
  display:block;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.02em;
  color:#667085;
  text-transform:uppercase;
}
.vsm-new-dish-grid .vsm-field-label small{font-size:11px;font-weight:700;color:#94a3b8;text-transform:none}
.vsm-new-dish-grid input,
.vsm-new-dish-grid select,
.vsm-new-dish-grid textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid #d7deea;
  background:#fff;
  padding:11px 13px;
  font-size:15px;
  color:#243041;
}
.vsm-new-dish-grid textarea{min-height:96px;resize:vertical}
.vsm-new-dish-grid input:focus,
.vsm-new-dish-grid select:focus,
.vsm-new-dish-grid textarea:focus{
  outline:none;
  border-color:#4e7af7;
  box-shadow:0 0 0 3px rgba(78,122,247,.12);
}
.vsm-new-dish-fields .wide{grid-column:1 / -1}
.vsm-new-split-price{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vsm-new-split-price label{display:flex;flex-direction:column;gap:6px;min-width:0}
.vsm-new-split-price[hidden]{display:none!important}
.vsm-new-dish-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:14px;
  border-top:1px solid #ecf0f5;
  flex-wrap:wrap;
}
.vsm-inline-check{
  margin:0;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  font-weight:600!important;
  color:#334155;
}
.vsm-inline-check input{width:auto!important;margin:0}
.vsm-new-dish-actions{display:flex;justify-content:flex-end;gap:8px;margin-left:auto}
@media (max-width:1200px){
  .vsm-new-dish-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .vsm-new-dish-row td{padding:10px!important}
  .vsm-new-dish-grid{padding:14px;border-radius:14px}
  .vsm-new-dish-fields{grid-template-columns:1fr}
  .vsm-new-dish-fields .wide{grid-column:1}
  .vsm-new-dish-footer{flex-direction:column;align-items:stretch}
  .vsm-new-dish-actions{width:100%;margin-left:0}
  .vsm-new-dish-actions .btn{flex:1 1 auto}
  .vsm-new-split-price{grid-template-columns:1fr}
}


/* v0.11.8.101 – tikras Kategorijų ir Naujo patiekalo UI perdarymas */
.vsm-cat-screen{max-width:1100px;margin:0 auto}
.vsm-cat-create-card{
  display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(230px,1.15fr) 130px auto;
  gap:12px;align-items:end;margin:18px 0 28px;padding:16px;
  border:1px solid #e0e6ef;border-radius:16px;background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.04)
}
.vsm-cat-create-title{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;padding-bottom:4px}
.vsm-cat-create-title strong{font-size:18px;color:#1f2937}.vsm-cat-create-title small{color:#8a94a5}
.vsm-cat-create-card label,.vsm-cat-edit-form label{display:flex;flex-direction:column;gap:6px;margin:0;font-weight:700;color:#667085;font-size:12px;text-transform:uppercase}
.vsm-cat-create-card input,.vsm-cat-edit-form input{
  height:44px;box-sizing:border-box;border:1px solid #d8e0eb;border-radius:11px;background:#fff;
  padding:0 12px;font-size:15px;color:#253044;text-transform:none;font-weight:500
}
.vsm-cat-create-card input:focus,.vsm-cat-edit-form input:focus{outline:none;border-color:#4d78ed;box-shadow:0 0 0 3px rgba(77,120,237,.11)}
.vsm-cat-create-card .btn{height:44px;padding:0 18px;white-space:nowrap}
.vsm-cat-list-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;padding:0 2px}
.vsm-cat-list-head>div{display:flex;align-items:baseline;gap:10px}.vsm-cat-list-head strong{font-size:17px}.vsm-cat-list-head small{color:#8a94a5}
.vsm-cat-list{display:flex;flex-direction:column;gap:8px}
.vsm-cat-card{
  position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px;
  border:1px solid #e3e8ef;border-radius:14px;background:#fff
}
.vsm-cat-card:hover{border-color:#d2dbea;box-shadow:0 5px 16px rgba(15,23,42,.045)}
.vsm-cat-edit-form{display:grid;grid-template-columns:minmax(0,1fr) 104px 46px;gap:10px;align-items:end;flex:1;min-width:0}
.vsm-cat-main-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.vsm-cat-sort-box input{text-align:center;padding:0 6px}
.vsm-cat-save,.vsm-cat-delete-form button{
  width:44px;height:44px;border:1px solid #dbe2ec;border-radius:11px;background:#fff;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1
}
.vsm-cat-save{background:#3567df;color:#fff;border-color:#3567df;font-weight:800}
.vsm-cat-save:hover{background:#2857ca}.vsm-cat-delete-form{margin:0;display:flex;align-items:flex-end}.vsm-cat-delete-form button{color:#657084;font-size:20px}.vsm-cat-delete-form button:hover{background:#fff2f0;color:#c0392b;border-color:#f1c2bb}

/* Naujas patiekalas – nebe išsiplėtusi lentelės bala, o aiškus modalinis langas */
.vsm-new-dish-row:not([hidden])>td{
  position:fixed!important;inset:0!important;z-index:100000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:24px!important;background:rgba(15,23,42,.46)!important;overflow:auto!important
}
.vsm-new-dish-row:not([hidden]) .operator-inline-new-form{width:min(860px,100%)!important;max-width:860px!important;margin:auto!important}
.vsm-new-dish-row:not([hidden]) .vsm-new-dish-grid{
  width:100%!important;display:flex!important;flex-direction:column!important;gap:16px!important;
  padding:20px!important;border:0!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.28)!important
}
.vsm-new-dish-row .vsm-new-dish-title{padding-bottom:14px!important;border-bottom:1px solid #e9edf3!important}
.vsm-new-dish-row .vsm-new-dish-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.vsm-new-dish-row .vsm-new-dish-fields .wide{grid-column:1/-1!important}
.vsm-new-dish-row .vsm-field-label{font-size:12px!important;font-weight:700!important;color:#667085!important;text-transform:uppercase!important}
.vsm-new-dish-row input,.vsm-new-dish-row select,.vsm-new-dish-row textarea{border-radius:11px!important}
.vsm-new-dish-row .vsm-new-dish-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:14px!important;border-top:1px solid #e9edf3!important}

@media(max-width:850px){
  .vsm-cat-create-card{grid-template-columns:1fr 1fr}.vsm-cat-create-card .vsm-cat-sort-create{grid-column:1}.vsm-cat-create-card .btn{grid-column:2}
  .vsm-cat-edit-form{grid-template-columns:minmax(0,1fr) 90px 44px}.vsm-cat-main-fields{grid-template-columns:1fr}
}
@media(max-width:600px){
  .vsm-cat-create-card{grid-template-columns:1fr}.vsm-cat-create-card .vsm-cat-sort-create,.vsm-cat-create-card .btn{grid-column:1}.vsm-cat-create-card .btn{width:100%}
  .vsm-cat-card{align-items:flex-end}.vsm-cat-edit-form{grid-template-columns:minmax(0,1fr) 82px 44px}.vsm-cat-main-fields{grid-column:1/-1}.vsm-cat-delete-form button{width:40px}
  .vsm-new-dish-row:not([hidden])>td{padding:10px!important;align-items:flex-start!important}.vsm-new-dish-row .vsm-new-dish-fields{grid-template-columns:1fr!important}.vsm-new-dish-row .vsm-new-dish-fields .wide{grid-column:1!important}.vsm-new-dish-row .vsm-new-dish-footer{flex-direction:column!important;align-items:stretch!important}.vsm-new-dish-row .vsm-new-dish-actions{width:100%!important}.vsm-new-dish-row .vsm-new-dish-actions .btn{flex:1}
}


/* v0.11.8.102 – patvirtintas „Naujas patiekalas“ vaizdas */
.vsm-add-dish-bar{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:50px;
  margin:0 0 8px;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:14px;
  border:0;
  border-radius:10px;
  background:#24b85a;
  color:#fff;
  font:inherit;
  font-size:15px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(16,24,40,.08);
  transition:background .15s ease,transform .08s ease,box-shadow .15s ease;
}
.vsm-add-dish-bar:hover{
  background:#1faa50;
  box-shadow:0 4px 14px rgba(36,184,90,.18);
}
.vsm-add-dish-bar:active{transform:translateY(1px)}
.vsm-add-dish-bar-plus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  font-size:26px;
  font-weight:400;
  line-height:1;
  color:#fff;
}

/* Žalia juosta yra atskirai virš lentelės, todėl lentelė prasideda nuo antraščių */
.operator-table-wrap{margin-top:0!important}

@media(max-width:700px){
  .vsm-add-dish-bar{
    min-height:52px;
    border-radius:11px;
    font-size:16px;
    padding:0 14px;
  }
  .vsm-add-dish-bar-plus{font-size:28px}
}

#vsmPhotoItemsField[hidden]{display:none!important}


/* v0.11.8.117 – telefono meniu kategorijų tvarka */
.mobile-menu-category-panel{margin:14px 0 18px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.mobile-menu-category-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.mobile-menu-category-head>div{display:flex;flex-direction:column;gap:3px}.mobile-menu-category-head small{color:#64748b;font-weight:500}
.mobile-menu-category-list{display:flex;flex-direction:column;gap:8px}
.mobile-menu-category-row{display:grid;grid-template-columns:30px minmax(150px,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;cursor:grab}
.mobile-menu-category-row.is-dragging{opacity:.48}.mobile-cat-handle{font-size:19px;color:#64748b;user-select:none}.mobile-cat-visible{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:650}.mobile-cat-move{display:flex;gap:3px}.mobile-cat-move .text-btn{min-width:34px;font-size:18px}
.screen-qr-content-box{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #dbe7f3;border-radius:14px;background:#f8fbff}
.screen-qr-content-choice{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:11px 12px!important;border:1px solid #dce5ef!important;border-radius:12px!important;background:#fff!important}.screen-qr-content-choice>span{display:flex;flex-direction:column;gap:2px}.screen-qr-content-choice small{color:#64748b;font-weight:500}
@media(max-width:700px){.mobile-menu-category-head{align-items:stretch;flex-direction:column}.mobile-menu-category-head .btn{width:100%}.mobile-menu-category-row{grid-template-columns:26px minmax(0,1fr) auto}.mobile-cat-visible{grid-column:2/4;grid-row:2;justify-self:start}.mobile-cat-move{grid-column:3;grid-row:1}.mobile-menu-category-row{cursor:default}}

/* v0.11.8.118 — compact screen settings information architecture */
.mobile-menu-tools{margin:18px 0 4px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:0;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.mobile-menu-tools>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin:0;cursor:pointer}
.mobile-menu-tools>summary::-webkit-details-marker{display:none}.mobile-menu-tools>summary span{display:flex;flex-direction:column;gap:2px}.mobile-menu-tools>summary small{font-weight:500}.mobile-menu-tools>summary b{font-size:13px;color:#344054;background:#f2f4f7;padding:6px 10px;border-radius:8px}
.mobile-menu-tools[open]>summary{border-bottom:1px solid #eef2f6}.mobile-menu-tools .mobile-menu-category-panel.compact{margin:0;border:0;border-radius:0;box-shadow:none;padding:14px 15px 16px;background:#fbfcfe}
.screen-settings-form{gap:10px!important}.screen-settings-form>.screen-settings-section{margin:0;border:1px solid #e4e7ec;border-radius:13px;padding:0;background:#fff;overflow:hidden}.screen-settings-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:13px 14px;cursor:pointer;background:#fafbfc}.screen-settings-section>summary::-webkit-details-marker{display:none}.screen-settings-section>summary span{display:flex;flex-direction:column;gap:2px}.screen-settings-section>summary strong{font-size:14px}.screen-settings-section>summary small{font-size:12px;font-weight:500}.screen-settings-section>summary b{font-size:24px;line-height:1;color:#98a2b3;transform:rotate(0);transition:transform .15s ease}.screen-settings-section[open]>summary b{transform:rotate(90deg)}.screen-settings-section[open]>summary{border-bottom:1px solid #eaecf0;background:#f8fafc}.screen-settings-section-body{display:grid;gap:13px;padding:14px}.screen-settings-section-body>.form-divider{border-top:0;padding-top:0;margin-top:0}.screen-settings-section-body>.category-head{padding-bottom:2px}.screen-settings-section-body>.advanced-screen-settings{margin:0}.screen-settings-section-body>.slide-settings-box,.screen-settings-section-body>.empty-screen-box,.screen-settings-section-body>.language-box,.screen-settings-section-body>.screen-qr-content-box,.screen-settings-section-body>.screen-style-picker,.screen-settings-section-body>.screen-appearance-mode{margin:0}
@media(min-width:701px){.screen-settings-form{grid-template-columns:1fr 1fr}.screen-settings-form>label:first-of-type,.screen-settings-form>label:nth-of-type(2),.screen-settings-form>.screen-settings-section,.screen-settings-form>.modal-actions{grid-column:1/-1}.modal:has(.screen-settings-form){width:min(720px,100%)}}
@media(max-width:700px){.mobile-menu-tools>summary{padding:12px}.mobile-menu-tools>summary b{padding:5px 8px}.screen-settings-section-body{padding:12px}}

/* v0.11.8.119 — make Telefono meniu a clear compact submenu under screens */
.mobile-menu-tools.vsm-phone-submenu{margin-top:14px!important;border-radius:12px!important}
.mobile-menu-tools.vsm-phone-submenu>summary{min-height:54px!important;padding:11px 14px!important;background:#fff!important}
.mobile-menu-tools.vsm-phone-submenu>summary strong{font-size:15px!important}
.mobile-menu-tools.vsm-phone-submenu>summary small{font-size:12px!important;color:#667085!important}
.mobile-menu-tools.vsm-phone-submenu>summary b{background:transparent!important;padding:4px 0!important;color:#2563eb!important;font-size:13px!important}
.mobile-menu-tools.vsm-phone-submenu[open]>summary b{font-size:0!important}
.mobile-menu-tools.vsm-phone-submenu[open]>summary b:after{content:'Uždaryti';font-size:13px!important}

/* === SmartMeniu 2026 UI refresh (.123) === */
:root{
  --vsm-bg:#f6f7fb;
  --vsm-panel:#ffffff;
  --vsm-line:#e7eaf0;
  --vsm-text:#151b2b;
  --vsm-muted:#778198;
  --vsm-accent:#6557e8;
  --vsm-accent-soft:#f0edff;
  --vsm-shadow:0 10px 30px rgba(23,30,52,.055);
}
body{background:var(--vsm-bg);color:var(--vsm-text)}
.vsm-shell{max-width:1540px;padding:22px 26px 34px}
.vsm-head{margin-bottom:18px;padding:0 4px}
.vsm-head h1{font-size:27px;font-weight:850;letter-spacing:-.035em}
.vsm-head p{font-size:13px;color:var(--vsm-muted)}
.vsm-app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.vsm-nav{position:sticky;top:18px;display:flex;flex-direction:column;gap:5px;margin:0;padding:12px;background:rgba(255,255,255,.92);border:1px solid var(--vsm-line);border-radius:20px;box-shadow:var(--vsm-shadow);backdrop-filter:blur(14px)}
.vsm-nav a{display:flex;align-items:center;min-height:43px;border:0;border-radius:12px;padding:10px 12px;background:transparent;color:#495269;font-size:14px;font-weight:760;text-align:left;transition:.16s ease}
.vsm-nav a:hover{background:#f5f6fa;color:var(--vsm-text)}
.vsm-nav a.active{background:var(--vsm-accent-soft);color:#4d3fd1;border:0;box-shadow:none}
.vsm-nav a.vsm-nav-sub{min-height:38px;margin-left:10px;padding-left:15px;font-size:13px;color:#6d7588}
.vsm-nav a.vsm-nav-sub.active{color:#4d3fd1;background:#f5f2ff}
.vsm-card{min-width:0;padding:26px 28px;border:1px solid var(--vsm-line);border-radius:22px;box-shadow:var(--vsm-shadow);background:rgba(255,255,255,.96)}
.vsm-page-head{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #eef0f5;align-items:center}
.vsm-page-head h2{font-size:25px;letter-spacing:-.025em}
.muted,small{color:var(--vsm-muted)}
.btn{min-height:40px;border:1px solid #e0e4eb;border-radius:11px;padding:9px 14px;background:#fff;color:#30384d;font-weight:760;box-shadow:0 1px 2px rgba(20,26,45,.025)}
.btn:hover{border-color:#cfd5df;background:#f9fafc}
.btn.primary{background:var(--vsm-accent);border-color:var(--vsm-accent);color:#fff;box-shadow:0 7px 18px rgba(101,87,232,.18)}
.btn.danger{background:#fff4f3;color:#b42318;border-color:#ffd9d5;box-shadow:none}
input,select,textarea{border-color:#dde2ea;border-radius:10px;padding:11px 12px;box-shadow:0 1px 2px rgba(16,24,40,.02)}
input:focus,select:focus,textarea:focus{outline:0;border-color:#9b91ee;box-shadow:0 0 0 3px rgba(101,87,232,.11)}
.stats{gap:14px;margin:20px 0 24px}
.stats>div{background:#fff;border:1px solid var(--vsm-line);border-radius:16px;padding:19px;box-shadow:0 6px 18px rgba(20,26,45,.035)}
.stats span{font-size:12px;font-weight:700;color:#8a93a5}
.stats strong{display:block;margin-top:5px;font-size:31px;letter-spacing:-.035em}
.quickcards{gap:14px}
.quickcards a{min-height:105px;border:1px solid var(--vsm-line);border-radius:16px;padding:18px;background:#fff;box-shadow:0 5px 18px rgba(20,26,45,.03);transition:.16s ease}
.quickcards a:hover{transform:translateY(-1px);border-color:#d7d1ff;box-shadow:0 10px 24px rgba(20,26,45,.06)}
.quickcards strong{font-size:15px}.quickcards span{line-height:1.45}
.tablewrap,.operator-table-wrap{border-color:var(--vsm-line);border-radius:15px;box-shadow:0 4px 14px rgba(20,26,45,.025)}
th{background:#fafbfc;color:#7d8799}

/* Screen cards */
.menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.menu-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--vsm-line);border-radius:18px;padding:18px;background:#fff;box-shadow:0 6px 20px rgba(20,26,45,.035)}
.menu-card-main h3{font-size:18px;letter-spacing:-.015em;margin-bottom:4px}
.menu-card-main p{font-size:13px;min-height:20px}
.menu-meta{gap:6px;margin-top:12px}
.menu-meta span{background:#f6f7fa;color:#697386;border:1px solid #edf0f4;padding:5px 8px}
.menu-url{grid-template-columns:minmax(0,1fr) auto;margin-top:16px;padding-top:14px;border-top:1px solid #f0f1f4}
.menu-url input{height:39px;background:#fafbfc;border-color:#edf0f4;color:#707a8d;font-size:12px}
.menu-actions{margin-top:12px;align-items:center}
.menu-actions .btn{font-size:13px;min-height:38px}
.screen-card-ad-control{border-radius:10px!important}

/* Phone menu subpage */
.vsm-phone-menu-page{max-width:850px;margin:0 auto}
.vsm-subpage-head{margin-bottom:18px}
.vsm-subpage-head h3{font-size:24px;margin:9px 0 5px;letter-spacing:-.02em}
.mobile-menu-category-panel{border:1px solid var(--vsm-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 20px rgba(20,26,45,.035)!important}
.mobile-menu-category-row{border-color:#edf0f4!important;border-radius:12px!important;background:#fbfcfd!important}

/* Modals/settings */
.modal-backdrop{background:rgba(21,27,43,.42);backdrop-filter:blur(4px)}
.modal{width:min(720px,100%);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:26px;box-shadow:0 30px 90px rgba(21,27,43,.22)}
.modal h3{font-size:24px;letter-spacing:-.025em}
details{border-color:var(--vsm-line);border-radius:14px;background:#fbfcfd}
summary{font-weight:780;color:#40495f}

/* Small visual polish */
.notice{border-radius:12px;border:1px solid transparent}
.notice.success{border-color:#ccebd9}.notice.error{border-color:#ffd5d1}
.status{letter-spacing:.01em}
.vsm-cat-card,.operator-row-main{transition:background .15s ease}

@media(max-width:1050px){
  .vsm-app-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}
  .menu-list{grid-template-columns:1fr}
  .vsm-card{padding:22px}
}
@media(max-width:780px){
  .vsm-shell{padding:12px}
  .vsm-head{padding:4px 2px;margin-bottom:12px}
  .vsm-app-layout{display:block}
  .vsm-nav{position:relative;top:auto;display:flex;flex-direction:row;overflow-x:auto;gap:6px;margin-bottom:12px;padding:8px;border-radius:16px;scrollbar-width:none}
  .vsm-nav::-webkit-scrollbar{display:none}
  .vsm-nav a{flex:0 0 auto;min-height:38px;padding:9px 11px;white-space:nowrap}
  .vsm-nav a.vsm-nav-sub{margin-left:0;padding-left:11px}
  .vsm-card{padding:16px;border-radius:18px}
  .vsm-page-head{align-items:flex-start}
  .menu-list{grid-template-columns:1fr}
}

/* v0.11.8.125 — unified SVG navigation icons + usable full-height journal */
.vsm-nav a{gap:11px}
.vsm-nav-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;color:#7b8498}
.vsm-nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}
.vsm-nav a.active .vsm-nav-icon{color:#5747d8}
.vsm-nav a:hover .vsm-nav-icon{color:#4f596f}
.vsm-nav .nav-facebook .vsm-nav-icon svg path{fill:currentColor;stroke:none}
.vsm-nav a.vsm-nav-sub{gap:9px}
.vsm-nav a.vsm-nav-sub .vsm-nav-icon{width:17px;height:17px;flex-basis:17px}
.vsm-nav a.vsm-nav-sub .vsm-nav-icon svg{width:17px;height:17px}

.vsm-log-page{display:flex;flex-direction:column;min-height:calc(100vh - 165px)}
.vsm-log-head{flex:0 0 auto;margin-bottom:14px}
.vsm-log-tablewrap{flex:1 1 auto;height:calc(100vh - 285px);min-height:520px;max-height:none;overflow:auto!important;overscroll-behavior:contain;background:#fff}
.vsm-log-table{min-width:900px}
.vsm-log-table thead th{position:sticky;top:0;z-index:4;background:#f8fafc;box-shadow:0 1px 0 #e7eaf0}
.vsm-log-table td:first-child{white-space:nowrap;color:#596277;font-variant-numeric:tabular-nums}
.vsm-log-table td:nth-child(2){white-space:nowrap;font-weight:700}
.vsm-log-table td:nth-child(3){font-weight:700;color:#263048}
.vsm-log-table td:nth-child(4){min-width:330px}

@media(max-width:780px){
  .vsm-nav-icon{width:17px;height:17px;flex-basis:17px}.vsm-nav-icon svg{width:17px;height:17px}
  .vsm-log-page{min-height:auto}.vsm-log-tablewrap{height:calc(100vh - 235px);min-height:430px;border-radius:13px}
  .vsm-log-table{min-width:760px}
}

/* v0.11.8.126 — Wolt/Bolt-inspired SaaS polish: denser, calmer, clearer */
:root{
  --vsm-bg:#f5f6f8;
  --vsm-panel:#fff;
  --vsm-line:#e6e8ec;
  --vsm-text:#20242d;
  --vsm-muted:#6f7785;
  --vsm-accent:#5b50d6;
  --vsm-accent-strong:#4d43c6;
  --vsm-accent-soft:#f1efff;
  --vsm-shadow:0 2px 10px rgba(24,29,39,.035);
}
body{background:var(--vsm-bg)!important;color:var(--vsm-text)!important}
.vsm-shell{max-width:1600px!important;padding:20px 24px 32px!important}
.vsm-app-layout{grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important}
.vsm-nav{border-radius:16px!important;padding:10px!important;border-color:#e7e9ed!important;box-shadow:0 1px 4px rgba(24,29,39,.025)!important}
.vsm-nav a{min-height:41px!important;border-radius:10px!important;padding:9px 11px!important;font-size:14px!important;font-weight:700!important;color:#555e6d!important}
.vsm-nav a:hover{background:#f5f6f8!important;color:#252a33!important}
.vsm-nav a.active{background:var(--vsm-accent-soft)!important;color:var(--vsm-accent-strong)!important}
.vsm-nav a.vsm-nav-sub{margin-left:8px!important;font-size:13px!important}
.vsm-card{padding:24px!important;border-radius:16px!important;border-color:#e7e9ed!important;box-shadow:0 1px 5px rgba(24,29,39,.025)!important;background:#fff!important}
.vsm-head{margin-bottom:14px!important}.vsm-head h1{font-size:26px!important;font-weight:800!important}.vsm-head p{font-size:13px!important}
.vsm-page-head{padding-bottom:16px!important;margin-bottom:18px!important;border-bottom:1px solid #eceef1!important}
.vsm-page-head h2{font-size:23px!important;font-weight:800!important;letter-spacing:-.025em!important;color:#20242d!important}
.vsm-page-head p{max-width:820px;font-size:13px!important;line-height:1.45!important}
.vsm-head-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
.btn,.button{min-height:38px!important;border-radius:9px!important;padding:8px 13px!important;font-weight:700!important;box-shadow:none!important}
.btn.primary,.button-primary{background:var(--vsm-accent)!important;border-color:var(--vsm-accent)!important;color:#fff!important}
.btn.primary:hover,.button-primary:hover{background:var(--vsm-accent-strong)!important;border-color:var(--vsm-accent-strong)!important}
.btn.danger{background:#fff!important;color:#b42318!important;border-color:#f0c7c2!important}
input,select,textarea{border-radius:9px!important;border-color:#dfe3e8!important;box-shadow:none!important;background:#fff!important}
input:focus,select:focus,textarea:focus{border-color:#9e96e9!important;box-shadow:0 0 0 3px rgba(91,80,214,.09)!important}

/* Dashboard / stats */
.stats{gap:10px!important;margin:16px 0 18px!important}.stats>div{padding:15px 16px!important;border-radius:12px!important;border-color:#e8eaee!important;box-shadow:none!important;background:#fff!important}
.stats span{font-size:12px!important}.stats strong{font-size:27px!important;margin-top:3px!important}

/* Tables: lighter, denser, merchant-dashboard feel */
.tablewrap,.operator-table-wrap{border-radius:12px!important;border-color:#e7e9ed!important;box-shadow:none!important;background:#fff!important}
th{background:#fafafa!important;color:#77808f!important;font-size:10px!important;letter-spacing:.055em!important;font-weight:800!important}
td{color:#303744!important}
.operator-toolbar{gap:8px!important;margin-bottom:10px!important}
.operator-search-wrap{height:40px!important;border:1px solid #dfe3e8!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.operator-search-wrap input{height:38px!important;border:0!important;margin:0!important;box-shadow:none!important;background:transparent!important}
.vsm-search-icon{width:15px;height:15px;border:1.7px solid #7c8593;border-radius:50%;position:relative;display:inline-block;flex:0 0 15px;margin-left:1px}
.vsm-search-icon:after{content:"";position:absolute;width:6px;height:1.7px;background:#7c8593;right:-4px;bottom:-2px;transform:rotate(45deg);border-radius:2px}
.operator-table-clean thead th{padding:9px 11px!important;background:#fafafa!important;border-bottom-color:#e8eaee!important}
.operator-row-grid>div{min-height:54px!important;padding:7px 10px!important;border-right:0!important}
.operator-row-main>td{border-bottom-color:#eff1f3!important}.operator-row-main:hover{background:#fafbfc!important}
.cell-dish strong{font-size:14px!important;font-weight:750!important;color:#242a34!important}.cell-dish small{color:#8b93a0!important}
.cell-category span{color:#596271!important}
.operator-table-clean select,.operator-table-clean input{min-height:36px!important;border-color:#e1e4e8!important;background:#fff!important}
.operator-count{color:#7c8593!important}
.vsm-add-dish-bar{min-height:44px!important;margin:0 0 10px!important;border-radius:9px!important;background:#20a956!important;font-size:14px!important;font-weight:750!important;box-shadow:none!important}
.vsm-add-dish-bar:hover{background:#199a4c!important;box-shadow:none!important}

/* Categories: move away from card-heavy look */
.vsm-cat-create-card{border-radius:12px!important;border-color:#e7e9ed!important;box-shadow:none!important;background:#fafbfc!important}
.vsm-cat-card{border-radius:10px!important;border-color:#eceef1!important;box-shadow:none!important;padding:8px 10px!important}
.vsm-cat-card:hover{background:#fafbfc!important;border-color:#dfe3e8!important;box-shadow:none!important}
.vsm-cat-save,.vsm-cat-delete-form button{border-radius:8px!important}

/* Screen cards: flatter, more operational */
.menu-list{gap:12px!important}.menu-card{border-radius:13px!important;padding:16px!important;border-color:#e7e9ed!important;box-shadow:none!important;transition:border-color .15s ease,background .15s ease!important}
.menu-card:hover{border-color:#d8dce2!important;background:#fcfcfd!important}
.menu-card-main h3{font-size:17px!important;font-weight:800!important}.menu-meta{margin-top:9px!important}.menu-meta span{border-radius:7px!important;background:#f7f8fa!important;border-color:#eceef1!important}
.menu-url{margin-top:13px!important;padding-top:12px!important}.menu-actions{margin-top:10px!important;gap:6px!important}

/* Phone menu editor */
.vsm-phone-menu-page{max-width:940px!important}.mobile-menu-category-panel{border-radius:13px!important;box-shadow:none!important;border-color:#e7e9ed!important}
.mobile-menu-category-row{border-radius:9px!important;background:#fff!important;border-color:#eceef1!important;padding:9px 11px!important}
.mobile-menu-category-row:hover{background:#fafbfc!important}

/* Settings / modals */
.modal{border-radius:16px!important;padding:22px!important;box-shadow:0 22px 70px rgba(20,24,34,.18)!important}.modal h3{font-size:22px!important}.modal-close{background:#f3f4f6!important}
.screen-settings-form>.screen-settings-section{border-radius:11px!important;border-color:#e7e9ed!important}.screen-settings-section>summary{padding:12px 13px!important;background:#fafbfc!important}.screen-settings-section>summary strong{font-size:14px!important}.screen-settings-section-body{padding:13px!important}

/* Journal */
.vsm-log-tablewrap{border-radius:12px!important;border-color:#e7e9ed!important;box-shadow:none!important}.vsm-log-table thead th{background:#fafafa!important}.vsm-log-table tbody tr:hover{background:#fafbfc!important}

@media(max-width:1050px){.vsm-app-layout{grid-template-columns:200px minmax(0,1fr)!important}.vsm-card{padding:20px!important}}
@media(max-width:780px){
  .vsm-shell{padding:10px!important}.vsm-nav{border-radius:12px!important}.vsm-card{padding:14px!important;border-radius:13px!important}
  .vsm-page-head h2{font-size:21px!important}.operator-toolbar{align-items:stretch!important}.operator-search-wrap{width:100%!important}
  .menu-card{padding:14px!important}
}

/* v0.11.8.127 — modern appearance settings + cleaner daily menu actions */
.appearance-settings-form{display:flex;flex-direction:column;gap:14px;max-width:980px}
.appearance-section{border:1px solid #e7e9ed;border-radius:14px;background:#fff;overflow:hidden}
.appearance-section-head{padding:16px 18px;border-bottom:1px solid #eceef1;background:#fbfbfc}
.appearance-section-head strong{display:block;font-size:15px;color:#222833;margin-bottom:3px}.appearance-section-head small{font-size:12px;color:#7a8391}
.appearance-section-body{padding:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.appearance-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#465061}.appearance-field>span:first-child{font-size:12px;color:#5f6876}
.appearance-logo-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid #eceef1;border-radius:12px;background:#fafbfc}
.appearance-logo-preview{width:112px;height:82px;display:flex;align-items:center;justify-content:center;border:1px dashed #d7dce4;border-radius:10px;background:#fff;overflow:hidden}.appearance-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.appearance-logo-placeholder{font-size:12px;font-weight:800;letter-spacing:.12em;color:#a0a7b2}
.appearance-logo-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.appearance-logo-copy>strong{font-size:14px}.appearance-logo-copy>small{font-size:12px;color:#7a8391}
.appearance-upload-btn{display:inline-flex;align-items:center;margin-top:5px}.appearance-upload-btn input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.appearance-upload-btn span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid #dfe3e8;border-radius:9px;background:#fff;color:#303744;font-size:13px;font-weight:750;cursor:pointer}.appearance-upload-btn span:hover{background:#f6f7f9}
.appearance-remove-logo{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:12px;font-weight:600;color:#a3463e}.appearance-remove-logo input{width:auto}
.appearance-color-grid{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.appearance-color-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;color:#5f6876}.appearance-color-control{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center}.appearance-color-control input[type=color]{width:44px;height:40px;padding:3px;border-radius:9px;cursor:pointer}.appearance-color-control input[type=text]{height:40px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-transform:uppercase}
.appearance-display-grid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.appearance-number-wrap{position:relative}.appearance-number-wrap input{width:100%;padding-right:42px}.appearance-number-wrap em{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;color:#8a92a0}
.appearance-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid #eceef1;border-radius:11px;background:#fafbfc}.appearance-toggle>span:first-child{display:flex;flex-direction:column;gap:3px}.appearance-toggle strong{font-size:13px;color:#303744}.appearance-toggle small{font-size:12px;color:#7b8492}.appearance-toggle .switch-mini{flex:0 0 auto}
.appearance-savebar{position:sticky;bottom:10px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px 11px 15px;border:1px solid #e2e5ea;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(25,31,45,.08);backdrop-filter:blur(12px)}

/* Daily menu: remove the old green full-width CTA and blue check save */
.vsm-add-dish-bar{display:inline-flex!important;width:auto!important;min-height:38px!important;margin:0 0 12px!important;padding:8px 13px!important;border:1px solid var(--vsm-accent)!important;border-radius:9px!important;background:var(--vsm-accent)!important;color:#fff!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important}.vsm-add-dish-bar:hover{background:var(--vsm-accent-strong)!important;border-color:var(--vsm-accent-strong)!important}.vsm-add-dish-bar-plus{font-size:17px!important;line-height:1!important}
.row-save-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#525b68;font-size:12px;font-weight:750;cursor:pointer;transition:.15s ease;white-space:nowrap}.row-save-btn:hover{background:#f4f5f7;border-color:#cfd4dc;color:#252b35}.operator-row-form:focus-within .row-save-btn{border-color:#bbb5f2;color:#5146c7;background:#f8f7ff}
.icon-actions{gap:6px!important}.vsm-more-icon{border-color:#e1e4e8!important;background:#fff!important;color:#68717f!important}.vsm-more-icon:hover{background:#f5f6f8!important}
.operator-table-clean .col-actions{width:116px!important}.operator-row-grid{grid-template-columns:54px 44px minmax(180px,1.5fr) minmax(140px,1fr) 130px minmax(150px,.8fr) 116px!important}

@media(max-width:800px){.appearance-color-grid{grid-template-columns:1fr}.appearance-display-grid{grid-template-columns:1fr}.appearance-toggle{grid-column:auto}.appearance-logo-card{grid-template-columns:82px minmax(0,1fr)}.appearance-logo-preview{width:82px;height:70px}.appearance-savebar{bottom:6px}.operator-row-grid{grid-template-columns:46px 38px minmax(150px,1fr) 110px minmax(135px,.8fr) 96px!important}}

/* v0.11.8.128 — journal paging + modern screen actions */
.vsm-log-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:12px;border:1px solid #e7e9ed;border-radius:12px;background:#fff}
.vsm-log-filters label{display:flex;flex-direction:column;gap:5px;min-width:170px;margin:0}.vsm-log-filters label>span{font-size:11px;font-weight:750;color:#727b88}.vsm-log-filters input,.vsm-log-filters select{height:38px;margin:0;border-radius:9px}.vsm-log-search{flex:1 1 260px}
.vsm-log-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;color:#747d89}.vsm-log-pagination>div{display:flex;gap:7px}
.vsm-log-tablewrap{height:calc(100vh - 360px)!important;min-height:420px!important}
.menu-actions-modern{display:flex;align-items:center;gap:7px!important}.modern-ad-control{min-height:38px!important;padding:3px 5px 3px 9px!important;border:1px solid #e1e4e8!important;background:#fafbfc!important;border-radius:9px!important}.modern-ad-control .screen-card-ad-link{display:inline-flex;align-items:center;gap:6px;color:#505967!important;font-weight:700!important;text-decoration:none!important}.modern-ad-control .screen-card-ad-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.modern-ad-control:has(input:checked){background:#f4fbf6!important;border-color:#cfe8d7!important}.modern-ad-control:has(input:checked) .screen-card-ad-link{color:#267a45!important}
.screen-more{position:relative;margin-left:auto}.screen-more>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:#68717f;font-weight:800;letter-spacing:1px;cursor:pointer}.screen-more>summary::-webkit-details-marker{display:none}.screen-more>summary:hover{background:#f5f6f8}.screen-more[open]>summary{background:#f1f2f5;color:#2e3540}.screen-more-menu{position:absolute;right:0;top:44px;z-index:20;min-width:190px;padding:6px;border:1px solid #e1e4e8;border-radius:11px;background:#fff;box-shadow:0 14px 38px rgba(20,26,45,.13)}.screen-more-menu form{margin:0}.screen-more-item{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#343b46;text-align:left;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.screen-more-item:hover{background:#f5f6f8}.danger-text{color:#b34848!important}.danger-text:hover{background:#fff3f2!important}
.menu-url{opacity:.78}.menu-url input{font-size:12px!important;background:#fafbfc!important}
@media(max-width:760px){.vsm-log-filters{align-items:stretch}.vsm-log-filters label{min-width:0;flex:1 1 100%}.vsm-log-tablewrap{height:calc(100vh - 430px)!important;min-height:350px!important}.menu-actions-modern{align-items:stretch}.modern-ad-control{order:3;flex:1 1 100%;justify-content:space-between!important}.screen-more{margin-left:0}.screen-more-menu{right:auto;left:0}}

/* v0.11.8.137 — telefono Meniu valdymas. Desktop išdėstymas nekeičiamas. */
.vsm-mobile-save-toast[hidden]{display:none!important}
@media (max-width:780px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .vsm-shell,.vsm-app-layout,.vsm-main,.vsm-content,.vsm-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

  .operator-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
  }
  .operator-toolbar>*{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .operator-search-wrap{width:100%!important;min-width:0!important}
  .operator-search-wrap input,#vsmCategoryFilter,#vsmSortFilter{width:100%!important;max-width:100%!important;min-width:0!important}
  .operator-count{width:auto!important;text-align:left!important;padding:2px 1px!important}

  .operator-table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  .operator-table-clean{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:auto!important;
    border-collapse:separate!important;
  }
  .operator-table-clean thead{display:none!important}
  .operator-table-clean tbody{display:block!important;width:100%!important}
  .operator-row-main{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    border:1px solid #e7e9ed!important;
    border-radius:12px!important;
    background:#fff!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
  .operator-row-main>td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    box-sizing:border-box!important;
  }
  .operator-row-form{display:block!important;width:100%!important;min-width:0!important}
  .operator-row-grid{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:52px 52px minmax(0,1fr) 46px!important;
    grid-template-areas:
      "show sort dish actions"
      "category category category category"
      "type type price price"!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }
  .operator-row-grid>div{
    min-width:0!important;
    width:auto!important;
    padding:10px!important;
    border-right:0!important;
    border-bottom:0!important;
    box-sizing:border-box!important;
  }
  .cell-show{grid-area:show!important;justify-content:center!important;padding-right:4px!important}
  .cell-sort{grid-area:sort!important;padding-left:4px!important;padding-right:4px!important}
  .cell-dish{grid-area:dish!important;padding-left:8px!important;overflow:hidden!important}
  .cell-dish strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important}
  .cell-dish small{display:none!important}
  .cell-actions{grid-area:actions!important;justify-content:flex-end!important;padding-left:2px!important;padding-right:8px!important}
  .cell-category{
    grid-area:category!important;
    display:block!important;
    padding:0 12px 8px 116px!important;
    color:#7a8391!important;
    font-size:12px!important;
    line-height:1.25!important;
    border-top:0!important;
  }
  .cell-category span:before{content:"Kategorija: ";font-weight:700;color:#9aa1ac}
  .cell-type{
    grid-area:type!important;
    padding:9px 6px 10px 12px!important;
    border-top:1px solid #eef0f3!important;
  }
  .cell-price{
    grid-area:price!important;
    padding:9px 12px 10px 6px!important;
    border-top:1px solid #eef0f3!important;
  }
  .cell-type:before,.cell-price:before{
    display:block!important;
    margin-bottom:5px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
    color:#98a0ad!important;
  }
  .cell-type:before{content:"Kainos tipas"}
  .cell-price:before{content:"Kaina"}
  .cell-type select,.cell-price input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    box-sizing:border-box!important;
    font-size:16px!important;
  }
  .price-split{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
  }
  .price-split[hidden]{display:none!important}
  .price-split input{min-width:0!important;width:100%!important}
  .row-save-btn{display:none!important}
  .icon-actions{gap:0!important}
  .icon-action.vsm-more-icon{width:42px!important;min-width:42px!important;height:44px!important}
  .dish-drag-handle{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .switch-mini{transform:none!important}

  .vsm-new-dish-row{display:block!important;width:100%!important}
  .vsm-new-dish-row td{display:block!important;width:100%!important;box-sizing:border-box!important}

  .vsm-mobile-save-toast{
    position:fixed!important;
    z-index:100000!important;
    left:50%!important;
    bottom:max(18px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    min-width:132px!important;
    max-width:calc(100vw - 28px)!important;
    padding:10px 14px!important;
    border:1px solid #dfe3e8!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.96)!important;
    color:#344054!important;
    box-shadow:0 10px 30px rgba(15,23,42,.16)!important;
    text-align:center!important;
    font-size:13px!important;
    font-weight:800!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .vsm-mobile-save-toast.saved{color:#18794e!important;border-color:#cde8d9!important}
  .vsm-mobile-save-toast.error{color:#b42318!important;border-color:#f0c2be!important}
  .vsm-mobile-save-toast.saving{color:#667085!important}
}

@media (max-width:430px){
  .operator-row-grid{
    grid-template-columns:48px 48px minmax(0,1fr) 44px!important;
  }
  .cell-category{padding-left:108px!important}
  .operator-row-grid>div{padding-left:8px!important;padding-right:8px!important}
  .cell-type{padding-left:10px!important;padding-right:5px!important}
  .cell-price{padding-left:5px!important;padding-right:10px!important}
}


/* 0.11.8.138 – mobile operator price row refinement only */
@media (max-width:780px){
  .operator-row-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    grid-template-columns:none!important;
    grid-template-areas:none!important;
    align-items:center!important;
  }
  .operator-row-grid>div{box-sizing:border-box!important}
  .cell-show{order:1!important;flex:0 0 52px!important;width:52px!important}
  .cell-sort{order:2!important;flex:0 0 52px!important;width:52px!important}
  .cell-dish{order:3!important;flex:1 1 0!important;width:auto!important;min-width:0!important}
  .cell-actions{order:4!important;flex:0 0 52px!important;width:52px!important}
  .cell-category{
    order:5!important;
    flex:0 0 100%!important;
    width:100%!important;
    padding:0 12px 10px 116px!important;
  }
  .cell-type,.cell-price{
    display:block!important;
    position:relative!important;
    border-top:1px solid #eef0f3!important;
    min-width:0!important;
  }
  .cell-type{
    order:6!important;
    flex:0 0 46%!important;
    width:46%!important;
    padding:10px 7px 11px 12px!important;
  }
  .cell-price{
    order:7!important;
    flex:0 0 54%!important;
    width:54%!important;
    padding:10px 12px 11px 7px!important;
  }
  .cell-type:before,.cell-price:before{
    display:block!important;
    width:auto!important;
    margin:0 0 6px!important;
    white-space:nowrap!important;
  }
  .cell-type select,.cell-price input{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
  }
  .cell-type select{font-size:15px!important;padding-left:10px!important;padding-right:28px!important}
  .cell-price{padding-right:48px!important}
  .vsm-row-save-state{
    display:flex!important;
    position:absolute!important;
    right:12px!important;
    bottom:18px!important;
    width:28px!important;
    height:28px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:900!important;
    color:transparent!important;
  }
  .vsm-row-save-state.saving{color:#8b95a5!important;background:#f2f4f7!important}
  .vsm-row-save-state.saved{color:#18794e!important;background:#eaf8f0!important}
  .vsm-row-save-state.error{color:#b42318!important;background:#fff0ee!important}
}
@media (max-width:430px){
  .cell-type{flex-basis:48%!important;width:48%!important}
  .cell-price{flex-basis:52%!important;width:52%!important}
}

/* v0.11.8.149 – platform clients/users visual cleanup only */
@media (min-width:851px){
  .vsm-page-head{margin-bottom:18px!important;padding-bottom:16px!important}
  .vsm-page-head>div:first-child{max-width:760px}
  .vsm-page-head .client-actions{align-items:center}

  .tablewrap.clients,
  .tablewrap.tenant-users-table{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    margin-top:10px!important;
  }
  .clients table,
  .tenant-users-table table{
    min-width:0!important;
    border-collapse:separate!important;
    border-spacing:0 10px!important;
    table-layout:fixed!important;
  }
  .clients thead th,
  .tenant-users-table thead th{
    background:transparent!important;
    border:0!important;
    color:#8a94a6!important;
    font-size:11px!important;
    letter-spacing:.055em!important;
    padding:0 16px 4px!important;
  }
  .clients tbody tr,
  .tenant-users-table tbody tr{
    background:#fff!important;
    box-shadow:0 5px 18px rgba(16,24,40,.045)!important;
  }
  .clients tbody td,
  .tenant-users-table tbody td{
    border-top:1px solid #e7eaf0!important;
    border-bottom:1px solid #e7eaf0!important;
    padding:17px 16px!important;
    background:#fff!important;
  }
  .clients tbody td:first-child,
  .tenant-users-table tbody td:first-child{
    border-left:1px solid #e7eaf0!important;
    border-radius:14px 0 0 14px!important;
  }
  .clients tbody td:last-child,
  .tenant-users-table tbody td:last-child{
    border-right:1px solid #e7eaf0!important;
    border-radius:0 14px 14px 0!important;
  }
  .clients .client-name strong,
  .tenant-users-table .client-name strong{
    font-size:15px!important;
    line-height:1.3!important;
    color:#182230!important;
  }
  .clients .client-name small,
  .tenant-users-table .client-name small{
    margin-top:4px!important;
    font-size:12px!important;
    color:#8a94a6!important;
  }
  .clients .text-link{color:#4453c7!important}
  .clients .client-actions{gap:8px!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
  .clients .client-actions .btn{min-height:38px!important;padding:9px 13px!important;border-radius:10px!important}
  .clients .client-actions .btn.primary{background:#5b5bd6!important;border-color:#5b5bd6!important}
  .clients .status{padding:6px 10px!important}

  .clients th:nth-child(1){width:24%}
  .clients th:nth-child(2){width:22%}
  .clients th:nth-child(3){width:12%}
  .clients th:nth-child(4){width:13%}
  .clients th:nth-child(5){width:29%}

  .tenant-users-table th:nth-child(1){width:22%}
  .tenant-users-table th:nth-child(2){width:16%}
  .tenant-users-table th:nth-child(3){width:24%}
  .tenant-users-table th:nth-child(4){width:23%}
  .tenant-users-table th:nth-child(5){width:15%}
  .tenant-users-table td:last-child{padding:10px 12px!important}
  .tenant-users-table details{
    margin:6px 0!important;
    padding:0!important;
    border:1px solid #e4e7ec!important;
    border-radius:10px!important;
    background:#fbfcfe!important;
  }
  .tenant-users-table details summary{
    margin:0!important;
    padding:10px 12px!important;
    list-style:none!important;
    font-size:13px!important;
    font-weight:750!important;
    color:#344054!important;
  }
  .tenant-users-table details summary::-webkit-details-marker{display:none}
  .tenant-users-table details summary:before{content:'›';display:inline-block;margin-right:7px;color:#98a2b3;font-size:16px;transition:transform .15s ease}
  .tenant-users-table details[open] summary:before{transform:rotate(90deg)}
  .tenant-users-table details form{padding:0 12px 12px!important}
  .tenant-users-table .checks{gap:8px 14px!important;margin:2px 0 12px!important}
  .tenant-users-table .checks label{font-size:13px!important;font-weight:650!important}
}

@media (max-width:850px){
  .tablewrap.clients,
  .tablewrap.tenant-users-table{overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important}
  .clients table,.tenant-users-table table,
  .clients tbody,.tenant-users-table tbody,
  .clients tr,.tenant-users-table tr,
  .clients td,.tenant-users-table td{display:block!important;width:100%!important;min-width:0!important}
  .clients thead,.tenant-users-table thead{display:none!important}
  .clients tbody tr,.tenant-users-table tbody tr{
    margin:0 0 12px!important;padding:14px!important;background:#fff!important;border:1px solid #e4e7ec!important;border-radius:14px!important;box-shadow:0 4px 16px rgba(16,24,40,.04)!important
  }
  .clients tbody td,.tenant-users-table tbody td{border:0!important;padding:6px 0!important;background:transparent!important}
  .clients .client-actions{justify-content:flex-start!important;margin-top:6px!important}
  .clients .client-actions .btn{flex:1 1 auto!important;min-height:42px!important}
  .tenant-users-table td:last-child{padding-top:10px!important}
  .tenant-users-table details{margin:7px 0!important}
}

/* v0.11.8.150 — platform places/users redesign: readable cards, no dense tables */
.vsm-place-list,.vsm-user-list{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.vsm-place-card,.vsm-user-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 2px 8px rgba(16,24,40,.035)}
.vsm-place-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px 22px}
.vsm-place-main{min-width:0}
.vsm-place-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.vsm-place-title-row h3{margin:0;font-size:18px;line-height:1.25;letter-spacing:-.015em;color:#182230}
.vsm-place-title-row p{margin:5px 0 0;color:#7a8495;font-size:13px}
.vsm-place-meta{display:flex;gap:34px;align-items:flex-start;margin-top:17px;padding-top:15px;border-top:1px solid #f0f1f4}
.vsm-place-meta>div{display:flex;flex-direction:column;gap:4px;min-width:150px}
.vsm-place-meta span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#98a2b3}
.vsm-place-meta strong,.vsm-place-meta a{font-size:14px;font-weight:750;color:#344054}
.vsm-place-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.vsm-place-actions .btn{min-height:42px!important;padding:10px 15px!important;border-radius:10px!important}
.vsm-place-actions .btn.primary{min-width:150px}

.vsm-user-card{display:grid;grid-template-columns:minmax(250px,1.05fr) minmax(260px,1.2fr) minmax(210px,.8fr);gap:22px;align-items:center;padding:18px 20px}
.vsm-user-summary{display:flex;align-items:center;gap:13px;min-width:0}
.vsm-user-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1efff;color:#5146c8;font-size:18px;font-weight:850}
.vsm-user-ident{min-width:0}.vsm-user-ident h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:16px;line-height:1.25;color:#182230}.vsm-user-ident p{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 0;font-size:12px;color:#7a8495}
.vsm-user-rights{min-width:0}.vsm-kicker{display:block;margin-bottom:6px;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#98a2b3}.vsm-user-rights>div{font-size:13px;line-height:1.5;color:#475467}
.vsm-user-actions{display:flex;gap:7px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.vsm-user-actions details{position:relative;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.vsm-user-actions details>summary{display:inline-flex;align-items:center;min-height:38px;margin:0!important;padding:8px 11px!important;border:1px solid #e0e4eb;border-radius:9px;background:#fff;color:#344054;font-size:12px!important;font-weight:750!important;list-style:none;cursor:pointer;white-space:nowrap}
.vsm-user-actions details>summary::-webkit-details-marker{display:none}
.vsm-user-actions details>summary:after{content:'⌄';margin-left:7px;color:#98a2b3;font-size:11px}
.vsm-user-actions details[open]>summary{border-color:#b9b3f4;background:#f7f6ff;color:#4d43c6}
.vsm-user-actions details>form{position:absolute;z-index:30;right:0;top:46px;width:min(420px,80vw);padding:15px!important;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(16,24,40,.14)}
.vsm-user-actions .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0 0 14px!important}
.vsm-user-actions .checks label{font-size:12px!important;font-weight:650!important;color:#475467}
.vsm-password-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.vsm-password-form input{margin:0!important;min-width:0}

@media(max-width:1100px){
  .vsm-place-card{grid-template-columns:1fr}.vsm-place-actions{justify-content:flex-start}
  .vsm-user-card{grid-template-columns:minmax(230px,1fr) minmax(240px,1fr)}
  .vsm-user-actions{grid-column:1/-1;justify-content:flex-start;padding-top:2px}
  .vsm-user-actions details>form{left:0;right:auto}
}
@media(max-width:780px){
  .vsm-page-head{gap:14px!important}.vsm-page-head>.client-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}.vsm-page-head>.client-actions .btn{width:100%}
  .vsm-place-card{padding:16px;gap:15px}.vsm-place-title-row{align-items:center}.vsm-place-title-row h3{font-size:17px}.vsm-place-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;padding-top:13px}.vsm-place-meta>div{min-width:0}.vsm-place-actions{display:grid;grid-template-columns:1fr 1fr}.vsm-place-actions .btn.primary{grid-column:1/-1;min-width:0}.vsm-place-actions .btn{width:100%}
  .vsm-user-card{display:block;padding:16px}.vsm-user-rights{margin-top:15px;padding-top:13px;border-top:1px solid #f0f1f4}.vsm-user-actions{margin-top:14px;display:grid;grid-template-columns:1fr;gap:7px}.vsm-user-actions details,.vsm-user-actions details>summary{width:100%}.vsm-user-actions details>summary{justify-content:space-between}.vsm-user-actions details>form{position:static;width:100%;margin-top:7px!important;box-shadow:none;border-radius:10px;background:#fafbfc}.vsm-user-actions .checks{grid-template-columns:1fr}.vsm-password-form{grid-template-columns:1fr}.vsm-user-avatar{width:40px;height:40px;flex-basis:40px}
}

/* v0.11.8.151 — compact professional admin pass. Visual only; no data/tenant logic changes. */
@media (min-width:781px){
  body{font-size:14px!important}
  .vsm-shell{max-width:1600px!important;padding:16px 20px 26px!important}
  .vsm-head{margin-bottom:12px!important;padding:0 2px!important;min-height:42px!important}
  .vsm-head h1{font-size:23px!important;line-height:1.1!important}
  .vsm-head p{margin-top:2px!important;font-size:12px!important}
  .vsm-app-layout{grid-template-columns:188px minmax(0,1fr)!important;gap:14px!important}
  .vsm-nav{top:12px!important;padding:8px!important;border-radius:13px!important;gap:3px!important}
  .vsm-nav a{min-height:37px!important;padding:8px 9px!important;border-radius:8px!important;font-size:13px!important}
  .vsm-nav a.vsm-nav-sub{min-height:33px!important;margin-left:6px!important;padding-left:10px!important;font-size:12px!important}
  .vsm-nav-icon,.vsm-nav-icon svg{width:16px!important;height:16px!important}.vsm-nav-icon{flex-basis:16px!important}
  .vsm-card{padding:18px 20px!important;border-radius:14px!important}
  .vsm-page-head{gap:14px!important;margin-bottom:14px!important;padding-bottom:12px!important}
  .vsm-page-head h2{font-size:20px!important;margin-bottom:3px!important}
  .vsm-page-head p{font-size:12px!important;line-height:1.4!important}
  .vsm-section-head{margin:18px 0 8px!important}.vsm-section-head h3{font-size:16px!important}
  .btn{min-height:34px!important;padding:7px 10px!important;border-radius:8px!important;font-size:12px!important;box-shadow:none!important}
  input,select,textarea{margin-top:4px!important;padding:8px 9px!important;border-radius:8px!important;font-size:13px!important}
  label{font-size:13px!important}
  .stats{gap:9px!important;margin:13px 0 17px!important}.stats>div{padding:12px 13px!important;border-radius:11px!important;box-shadow:none!important}.stats span{font-size:11px!important}.stats strong{font-size:23px!important;margin-top:2px!important}
  th,td{padding:10px 12px!important}.tablewrap{margin-top:10px!important;border-radius:10px!important;box-shadow:none!important}
  details{margin:9px 0!important;padding:10px!important;border-radius:10px!important}summary{margin-bottom:9px!important}
  .modal{padding:20px!important;border-radius:14px!important}.modal-form{gap:11px!important;margin-top:14px!important}
}

/* Platform pages: remove the giant white sheet; content itself becomes the hierarchy. */
.vsm-shell.is-platform .vsm-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 0!important}
.vsm-shell.is-platform .vsm-page-head{margin:0 0 12px!important;padding:8px 4px 11px!important}
.vsm-shell.is-platform .tablewrap{background:#fff!important}

/* Places: dense rows, one primary action + kebab. */
.vsm-place-list{gap:8px!important;margin-top:8px!important}
.vsm-place-card{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;padding:12px 14px!important;border-radius:11px!important;box-shadow:0 1px 3px rgba(16,24,40,.025)!important}
.vsm-place-title-row{align-items:center!important;gap:10px!important}
.vsm-place-title-row h3{font-size:14px!important;line-height:1.25!important}
.vsm-place-title-row p{margin:2px 0 0!important;font-size:11px!important}
.vsm-place-title-row .status{padding:4px 7px!important;font-size:10px!important}
.vsm-place-meta{display:flex!important;gap:20px!important;margin-top:7px!important;padding-top:0!important;border-top:0!important}
.vsm-place-meta>div{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;min-width:0!important}
.vsm-place-meta span{font-size:10px!important;letter-spacing:.035em!important}
.vsm-place-meta strong,.vsm-place-meta a{font-size:11px!important;font-weight:700!important}
.vsm-place-actions{gap:6px!important;flex-wrap:nowrap!important}.vsm-place-actions .btn.primary{min-width:0!important;padding-left:12px!important;padding-right:12px!important}

/* Generic 3-dot menu used on platform lists. */
.vsm-kebab{position:relative!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.vsm-kebab>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:1px solid #e1e5eb!important;border-radius:8px!important;background:#fff!important;color:#667085!important;list-style:none!important;font-size:14px!important;font-weight:850!important;letter-spacing:1px!important;cursor:pointer!important}
.vsm-kebab>summary::-webkit-details-marker{display:none!important}.vsm-kebab>summary:hover,.vsm-kebab[open]>summary{background:#f5f6f8!important;color:#252a33!important}
.vsm-kebab-menu{position:absolute!important;right:0!important;top:40px!important;z-index:80!important;min-width:170px!important;padding:5px!important;border:1px solid #e1e5eb!important;border-radius:10px!important;background:#fff!important;box-shadow:0 12px 32px rgba(16,24,40,.14)!important}
.vsm-kebab-menu>a{display:block!important;padding:8px 9px!important;border-radius:7px!important;color:#344054!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important}.vsm-kebab-menu>a:hover{background:#f5f6f8!important}

/* Users: compact identity / rights row, all editing hidden under the dots. */
.vsm-user-list{gap:8px!important;margin-top:8px!important}
.vsm-user-card{grid-template-columns:minmax(230px,1.05fr) minmax(260px,1.45fr) 40px!important;gap:12px!important;padding:11px 13px!important;border-radius:11px!important;box-shadow:0 1px 3px rgba(16,24,40,.025)!important}
.vsm-user-summary{gap:9px!important}.vsm-user-avatar{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:8px!important;font-size:13px!important}
.vsm-user-ident h3{font-size:13px!important}.vsm-user-ident p{margin-top:2px!important;font-size:10px!important;white-space:normal!important}
.vsm-user-ident .status{padding:3px 6px!important;font-size:9px!important}
.vsm-kicker{margin-bottom:2px!important;font-size:9px!important}.vsm-user-rights>div{font-size:11px!important;line-height:1.35!important}
.vsm-user-actions{display:block!important;justify-self:end!important;margin:0!important}
.vsm-user-kebab-menu{width:300px!important;max-width:min(300px,80vw)!important;padding:6px!important}
.vsm-user-kebab-menu>details{position:relative!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important}
.vsm-user-kebab-menu>details+details{border-top:1px solid #f0f1f4!important}
.vsm-user-kebab-menu>details>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:9px 10px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#344054!important;font-size:12px!important;font-weight:700!important;list-style:none!important}
.vsm-user-kebab-menu>details>summary::-webkit-details-marker{display:none!important}.vsm-user-kebab-menu>details>summary:after{content:'›';color:#98a2b3;font-size:16px!important}.vsm-user-kebab-menu>details[open]>summary{background:#f7f7fb!important;color:#4d43c6!important}.vsm-user-kebab-menu>details[open]>summary:after{transform:rotate(90deg)}
.vsm-user-kebab-menu>details>form{position:static!important;width:auto!important;margin:0!important;padding:9px 10px 11px!important;border:0!important;border-radius:0!important;background:#fafbfc!important;box-shadow:none!important}
.vsm-user-kebab-menu .checks{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0 0 9px!important}.vsm-user-kebab-menu .checks label{font-size:11px!important}
.vsm-user-kebab-menu .vsm-password-form{grid-template-columns:1fr!important}.vsm-user-kebab-menu .btn{width:100%!important}

/* Compact secondary page tools instead of large rows of buttons. */
.vsm-shell.is-platform .vsm-page-head+.client-actions,
.vsm-shell.is-platform main>p>.btn{margin-right:5px!important}

@media(max-width:780px){
  .vsm-shell.is-platform .vsm-card{padding:0!important}
  .vsm-place-card{grid-template-columns:1fr auto!important;padding:11px!important}.vsm-place-meta{gap:10px!important;flex-wrap:wrap!important}.vsm-place-actions{align-self:start!important}.vsm-place-actions .btn.primary{display:none!important}
  .vsm-user-card{display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;padding:11px!important}.vsm-user-rights{grid-column:1/-1!important;margin-top:6px!important;padding-top:7px!important}.vsm-user-actions{grid-column:2!important;grid-row:1!important;margin:0!important}.vsm-user-kebab-menu{right:0!important;left:auto!important;width:min(300px,86vw)!important}
  .vsm-page-head>.client-actions{display:flex!important;width:auto!important}.vsm-page-head>.client-actions .btn{width:auto!important}
}

/* 0.11.8.158: visible client actions and bounded client editor on phones. */
.vsm-place-actions{flex-wrap:wrap}
.vsm-client-open{margin:16px 0 4px!important}
#vsmEditClientModal .modal{min-width:0;max-width:100%}
#vsmEditClientModal .modal-form{min-width:0;grid-template-columns:minmax(0,1fr)}
#vsmEditClientModal .modal-form>*{min-width:0}
#vsmEditClientModal input,#vsmEditClientModal select,#vsmEditClientModal textarea{min-width:0;max-width:100%}
#vsmEditClientModal .muted{overflow-wrap:anywhere}
#vsmEditClientModal .check{white-space:normal}
@media(max-width:760px){
 .vsm-place-actions{width:100%;justify-content:stretch}
 .vsm-place-actions .btn{flex:1 1 auto;white-space:normal;text-align:center}
 #vsmEditClientModal .modal-actions{flex-wrap:wrap}
 .vsm-client-open .btn{width:100%;white-space:normal;text-align:center}
}
/* Override the earlier compact-mobile rule that hid client management. */
.vsm-place-actions .btn.primary{display:inline-flex!important}
@media(max-width:760px){
 .vsm-place-card{grid-template-columns:minmax(0,1fr)!important}
 .vsm-place-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;flex-wrap:wrap!important}
 .vsm-place-actions .btn{width:100%;min-width:0!important}
}

/* 0.11.8.162: responsive category hierarchy editor. Scoped to management only. */
.vsm-cat-create-card,.vsm-cat-edit-form,.vsm-cat-card{min-width:0}
.vsm-cat-create-card>.vsm-subcategory-fields,
.vsm-cat-edit-form>.vsm-subcategory-fields{grid-column:1/-1;min-width:0!important;width:100%;padding:12px;border:1px solid #e8ecf2;border-radius:11px;background:#f8fafc}
.vsm-cat-create-card .vsm-subcategory-fields label,
.vsm-cat-edit-form .vsm-subcategory-fields label{min-width:0;max-width:100%;text-transform:none;font-size:13px;line-height:1.4}
.vsm-cat-create-card .vsm-subcategory-fields label:first-child,
.vsm-cat-edit-form .vsm-subcategory-fields label:first-child{flex-direction:row;align-items:center;gap:10px}
.vsm-cat-create-card .vsm-subcategory-fields input[type="checkbox"],
.vsm-cat-edit-form .vsm-subcategory-fields input[type="checkbox"]{flex:0 0 20px;width:20px!important;height:20px!important;margin:0!important;padding:0;accent-color:#3567df}
.vsm-cat-create-card .vsm-subcategory-fields select,
.vsm-cat-edit-form .vsm-subcategory-fields select{display:block;width:100%;min-width:0;max-width:100%;height:44px;margin:5px 0 0;box-sizing:border-box;white-space:normal;text-overflow:ellipsis;border:1px solid #d8e0eb;border-radius:11px;background:#fff;padding:0 10px;font-size:14px;color:#253044}
@media(min-width:851px){
 .vsm-cat-edit-form{grid-template-columns:minmax(0,1fr) 104px 46px}
 .vsm-cat-edit-form>.vsm-subcategory-fields{grid-column:1/-1}
 .vsm-cat-create-card>.vsm-subcategory-fields{grid-column:1/-1}
}
@media(max-width:850px){
 .vsm-cat-create-card>.vsm-subcategory-fields{grid-column:1/-1}
 .vsm-cat-edit-form>.vsm-subcategory-fields{grid-column:1/-1}
}
@media(max-width:600px){
 .vsm-cat-list{gap:12px}
 .vsm-cat-card{display:grid!important;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:end!important;padding:14px!important}
 .vsm-cat-edit-form{display:grid!important;grid-column:1;grid-template-columns:minmax(0,1fr) 62px;gap:12px 8px;align-items:end!important;width:100%}
 .vsm-cat-main-fields{grid-column:1/-1!important;display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .vsm-cat-edit-form>.vsm-subcategory-fields{grid-column:1/-1!important;grid-row:auto!important;min-width:0!important;width:100%;padding:12px!important}
 .vsm-cat-edit-form>.vsm-cat-sort-box{grid-column:1;min-width:0;max-width:125px}
 .vsm-cat-edit-form>.vsm-cat-save{grid-column:2;justify-self:end;width:44px;height:44px}
 .vsm-cat-delete-form{grid-column:2;align-self:end;justify-self:end;margin:0}
 .vsm-cat-delete-form button{width:44px!important;height:44px}
 .vsm-cat-create-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
 .vsm-cat-create-card>*{grid-column:1/-1!important;min-width:0}
 .vsm-cat-create-card .vsm-subcategory-fields{width:100%}
 .vsm-cat-list-head>div{flex-wrap:wrap}
}


/* Compact subcategory controls for category management */
.vsm-subcategory-fields{
  display:grid;
  gap:8px;
  align-items:start;
  min-width:0;
}
.vsm-subcategory-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  margin:0;
  font-weight:700;
  color:#475467;
}
.vsm-subcategory-toggle input{
  width:18px;
  height:18px;
  margin:0;
  flex:0 0 auto;
}
.vsm-subcategory-toggle span{
  font-size:14px;
  line-height:1.2;
}
.vsm-subcategory-extra[hidden]{display:none!important}
.vsm-subcategory-extra{
  border:1px solid #e4e7ec;
  border-radius:12px;
  background:#f8fafc;
  padding:10px 12px;
}
.vsm-subcategory-extra label,
.vsm-subcategory-extra span,
.vsm-subcategory-extra select{
  margin:0;
}
.vsm-subcategory-extra span{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:700;
  color:#667085;
}
@media(max-width:700px){
  .vsm-subcategory-fields{gap:6px}
  .vsm-subcategory-extra{padding:10px}
  .vsm-subcategory-toggle span{font-size:13px}
}

/* One save action for all pending category changes. */
.vsm-cat-list-head{gap:12px;flex-wrap:wrap}
#vsmSaveAllCats{margin-left:auto;white-space:normal;min-height:42px}
#vsmSaveAllCats[hidden],.vsm-cat-save[hidden],#vsmCategoryBatchStatus[hidden]{display:none!important}
#vsmCategoryBatchStatus{margin:0 0 12px;font-size:13px}
@media(max-width:640px){#vsmSaveAllCats{width:100%;margin-left:0}.vsm-cat-edit-form>.vsm-cat-sort-box{grid-column:1/-1}}

/* Platform settings categories and status checks. */
.vsm-platform-favicon-settings{display:block!important;margin:12px 0 18px!important;padding:0!important;border:1px solid #e4e7ec;border-radius:12px;background:#fff}
.vsm-platform-favicon-settings>summary{display:flex;align-items:center;gap:12px;margin:0!important;padding:13px 15px!important;list-style:none;cursor:pointer;font-weight:750;color:#344054}
.vsm-platform-favicon-settings>summary::-webkit-details-marker{display:none}
.vsm-platform-favicon-settings>summary:after{content:'⌄';margin-left:auto;color:#667085}
.vsm-platform-favicon-settings[open]>summary:after{content:'⌃'}
.vsm-platform-favicon-settings>form{padding:0 14px 14px}
@media(max-width:640px){.vsm-platform-favicon-settings>summary{padding:12px!important;font-size:14px}.vsm-platform-favicon-settings>form{padding:0 10px 10px}}
.vsm-platform-settings-nav{display:flex;gap:8px;overflow-x:auto;margin:0 0 22px;padding:0 0 5px;scrollbar-width:thin}
.vsm-platform-settings-nav a{flex:0 0 auto;padding:9px 13px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#344054;text-decoration:none;font-size:13px;font-weight:750}
.vsm-platform-settings-nav a:hover,.vsm-platform-settings-nav a.active{border-color:#5b50d6;background:#f1efff;color:#493fc4}
.vsm-platform-settings-section{scroll-margin-top:18px;margin:0 0 30px;padding:0 0 24px;border-bottom:1px solid #eaecf0}
.vsm-platform-settings-section>h3{margin:0 0 5px;font-size:20px}
.vsm-platform-settings-section>p{margin:0 0 14px}
.vsm-platform-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.vsm-platform-section-title h3{margin:0 0 5px;font-size:20px}
.vsm-platform-section-title p{margin:0}
.vsm-platform-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.vsm-platform-health-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:14px;border:1px solid #e4e7ec;border-radius:12px;background:#f9fafb}
.vsm-platform-health-card>span{color:#667085;font-size:12px;font-weight:650}
.vsm-platform-health-card>strong:not(.status){font-size:20px;color:#182230}
.vsm-platform-health-card .status{white-space:normal}
.vsm-platform-health-card .status.neutral{background:#f2f4f7;color:#475467}
.vsm-platform-diagnostic-note{margin:12px 0!important;font-size:13px}
.vsm-platform-settings-section .tablewrap .status{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:760px){.vsm-platform-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vsm-platform-section-title{align-items:flex-start;flex-direction:column}}