/* Targeted, scoped corrections for My Service Price List only. */
.odsm-builder .odsm-workspace-panel .odsm-group .odsm-service-row.odsm-service-locked > label {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
.odsm-builder .odsm-workspace-panel .odsm-group .odsm-service-row.odsm-service-locked > label input,
.odsm-builder .odsm-workspace-panel .odsm-group .odsm-service-row.odsm-service-locked > label select,
.odsm-builder .odsm-workspace-panel .odsm-group .odsm-service-row.odsm-service-locked > label textarea {
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: #17212b !important;
}
.odsm-builder .odsm-workspace-panel .odsm-group .odsm-service-head {
  display: grid !important;
}
.odsm-builder .odsm-workspace-panel .odsm-group .odsm-service-row.odsm-service-locked {
  display: grid !important;
}
/* Collapsed sidebar expands the dashboard workspace without changing content logic. */
.odrify-vendor-sidebar-toggle {
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:calc(100% - 24px); min-height:38px; margin:10px 12px;
  border:1px solid rgba(255,255,255,.3); border-radius:8px;
  background:#087fbd; color:#fff; font:600 14px/1.2 inherit; cursor:pointer;
}
.odrify-vendor-sidebar-toggle:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.odrify-vendor-sidebar-collapsed #dokan-navigation,
.odrify-vendor-sidebar-collapsed .dokan-dashboard-menu,
.odrify-vendor-sidebar-collapsed .odrify-vendor-sidebar,
.odrify-vendor-sidebar-collapsed .vendor-dashboard-sidebar {
  width:64px !important; min-width:64px !important; max-width:64px !important;
  flex:0 0 64px !important; overflow:hidden !important;
}
.odrify-vendor-sidebar-collapsed #dokan-navigation li a,
.odrify-vendor-sidebar-collapsed .dokan-dashboard-menu li a,
.odrify-vendor-sidebar-collapsed .odrify-vendor-sidebar a,
.odrify-vendor-sidebar-collapsed .vendor-dashboard-sidebar a {
  white-space:nowrap !important; overflow:hidden !important;
}
.odrify-vendor-sidebar-collapsed #dokan-navigation li a span:not(.menu-icon),
.odrify-vendor-sidebar-collapsed .dokan-dashboard-menu li a span:not(.menu-icon),
.odrify-vendor-sidebar-collapsed .odrify-vendor-sidebar .menu-label,
.odrify-vendor-sidebar-collapsed .vendor-dashboard-sidebar .menu-label {
  display:none !important;
}
.odrify-vendor-sidebar-collapsed .dokan-dashboard-content,
.odrify-vendor-sidebar-collapsed .dokan-dashboard-wrap .dokan-dashboard-content,
.odrify-vendor-sidebar-collapsed .odrify-vendor-main,
.odrify-vendor-sidebar-collapsed .vendor-dashboard-content {
  width:auto !important; max-width:none !important; flex:1 1 auto !important; min-width:0 !important;
}
@media(max-width:767px) {
 .odrify-vendor-sidebar-toggle { width:calc(100% - 16px); margin:8px; }
}


/* v3.9.277: definitive row-label suppression + collapsible vendor panel */
.odsm-builder .odsm-services-title { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; }
.odsm-builder .odsm-group { min-width:0!important; }
.odsm-builder .odsm-services { display:block!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; }
.odsm-builder .odsm-service-head,
.odsm-builder .odsm-service-row {
  display:grid!important;
  grid-template-columns:48px minmax(160px,1.7fr) minmax(90px,.8fr) minmax(105px,1fr) minmax(105px,1fr) minmax(90px,.8fr) minmax(85px,.7fr) minmax(100px,.9fr)!important;
  gap:0!important; align-items:center!important; min-width:900px!important;
  box-sizing:border-box!important;
}
.odsm-builder .odsm-service-row { padding:0!important; }
.odsm-builder .odsm-service-row > .odsm-row-number { padding:10px 12px!important; }
.odsm-builder .odsm-service-row > label {
  font-size:0!important; line-height:0!important; color:transparent!important;
  min-width:0!important; margin:0!important; padding:8px 10px!important;
  border-right:1px solid #e2eaf0!important; box-sizing:border-box!important;
}
.odsm-builder .odsm-service-row > label input:not([type=checkbox]),
.odsm-builder .odsm-service-row > label select,
.odsm-builder .odsm-service-row > label textarea,
.odsm-builder .odsm-service-row > label .odsm-sale-price-input-row,
.odsm-builder .odsm-service-row > label .odsm-discount-badge {
  font-size:13px!important; line-height:1.35!important; color:#17212b!important;
}
.odsm-builder .odsm-service-row > label input:not([type=checkbox]),
.odsm-builder .odsm-service-row > label select,
.odsm-builder .odsm-service-row > label textarea { width:100%!important; min-width:0!important; }
.odsm-builder .odsm-service-row > .odsm-discount-cell { font-size:13px!important; line-height:1.35!important; color:#17212b!important; }
.odsm-builder .odsm-service-row > .odsm-discount-cell strong { font-size:13px!important; color:#17212b!important; }
.odsm-builder .odsm-service-row .odsm-service-badge-settings { grid-column:1/-1!important; }
.odrify-vendor-sidebar-toggle {
  display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important;
  width:calc(100% - 20px)!important; min-height:40px!important; margin:10px!important;
  border:1px solid rgba(255,255,255,.35)!important; border-radius:8px!important;
  background:#0788f9!important; color:#fff!important; font-weight:600!important; cursor:pointer!important;
}
.odrify-vendor-panel-collapsed #dokan-navigation,
.odrify-vendor-panel-collapsed .dokan-dashboard-menu,
.odrify-vendor-panel-collapsed .odrify-vendor-sidebar,
.odrify-vendor-panel-collapsed .vendor-dashboard-sidebar,
.odrify-vendor-panel-collapsed .odrify-vendor-panel-sidebar,
.odrify-vendor-panel-collapsed .vendor-panel-sidebar,
.odrify-vendor-panel-collapsed .wd-sidebar {
  width:64px!important; min-width:64px!important; max-width:64px!important; flex:0 0 64px!important;
  overflow:hidden!important;
}
.odrify-vendor-panel-collapsed #dokan-navigation li a,
.odrify-vendor-panel-collapsed .dokan-dashboard-menu li a,
.odrify-vendor-panel-collapsed .odrify-vendor-sidebar a,
.odrify-vendor-panel-collapsed .vendor-dashboard-sidebar a,
.odrify-vendor-panel-collapsed .odrify-vendor-panel-sidebar a,
.odrify-vendor-panel-collapsed .vendor-panel-sidebar a,
.odrify-vendor-panel-collapsed .wd-sidebar a {
  white-space:nowrap!important; overflow:hidden!important;
}
.odrify-vendor-panel-collapsed .dokan-dashboard-content,
.odrify-vendor-panel-collapsed .odrify-vendor-main,
.odrify-vendor-panel-collapsed .vendor-dashboard-content,
.odrify-vendor-panel-collapsed .odrify-vendor-content,
.odrify-vendor-panel-collapsed .vendor-panel-content {
  width:auto!important; max-width:none!important; flex:1 1 auto!important; min-width:0!important;
}
@media(max-width:900px) {
 .odsm-builder .odsm-services { overflow-x:auto!important; }
}


/* v3.9.278 — authoritative My Service Price List reference layout.
   Keep this stylesheet scoped to the vendor price-list builder only. */
.odsm-builder{
  --odsm-teal:#003b40; --odsm-panel:#f4f9fc; --odsm-line:#d8e5ee; --odsm-blue:#0788f9;
  width:100%!important; max-width:none!important; margin:0!important; padding:0!important;
  background:#003b40!important; color:#111820!important; border:0!important; border-radius:0!important;
  box-shadow:none!important; font-family:Inter,"Segoe UI",Arial,sans-serif!important; overflow:visible!important;
}
.odsm-builder .odsm-builder-head{
  display:flex!important; justify-content:space-between!important; gap:18px!important;
  padding:18px 22px!important; margin:0!important; background:#003b40!important; border:0!important;
}
.odsm-builder .odsm-builder-head h2{color:#fff!important;font-size:29px!important;line-height:1.2!important;margin:0 0 5px!important}
.odsm-builder .odsm-builder-head p{color:#d1e7ef!important;margin:0!important;font-size:14px!important}
.odsm-builder .odsm-categories{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;padding:14px 18px!important;background:#f4f9fc!important;border-radius:12px!important}
.odsm-builder .odsm-category{min-width:0!important;background:#fff!important;border:1px solid #dce7ef!important;border-radius:9px!important;padding:12px!important;box-shadow:none!important}
.odsm-builder .odsm-category.is-active,.odsm-builder .odsm-category.active{border-color:#0788f9!important;background:#e5f4ff!important}
.odsm-builder .odsm-category-top{display:flex!important;align-items:center!important;gap:10px!important;padding:0 0 10px!important;border:0!important}
.odsm-builder .odsm-category-top h3,.odsm-builder .odsm-category h3,.odsm-builder .odsm-group h4{color:#101820!important;font-weight:750!important}
.odsm-builder .odsm-group{margin-top:12px!important;background:#fff!important;border:1px solid #dbe6ef!important;border-radius:10px!important;overflow:visible!important;box-shadow:none!important}
.odsm-builder .odsm-group-top{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;background:#f4f9fc!important;border-bottom:1px solid #dbe6ef!important}
.odsm-builder .odsm-services{width:100%!important;min-width:0!important}
.odsm-builder .odsm-service-head,.odsm-builder .odsm-service-row{
  display:grid!important;
  grid-template-columns:42px minmax(150px,2fr) minmax(90px,.8fr) minmax(100px,.9fr) minmax(100px,.9fr) minmax(85px,.7fr) minmax(70px,.55fr) minmax(82px,.7fr)!important;
  gap:0!important; align-items:center!important; width:100%!important; min-width:900px!important;
  padding:0!important;
}
.odsm-builder .odsm-service-head{
  background:#e5edf3!important;color:#101820!important;font-weight:750!important;font-size:13px!important;
  border:1px solid #d7e3ec!important;border-radius:8px 8px 0 0!important;
}
.odsm-builder .odsm-service-head>span{display:block!important;padding:11px 10px!important;min-width:0!important}
.odsm-builder .odsm-services{overflow-x:auto!important;border:1px solid #dce6ee!important;border-top:0!important;border-radius:0 0 8px 8px!important}
.odsm-builder .odsm-service-row{
  min-height:43px!important;background:#fff!important;border:0!important;border-bottom:1px solid #dce6ee!important;
}
.odsm-builder .odsm-service-row:last-child{border-bottom:0!important}
.odsm-builder .odsm-service-row>*{min-width:0!important;padding:8px 10px!important;margin:0!important;border-right:1px solid #e1eaf1!important}
.odsm-builder .odsm-service-row>.odsm-row-number{padding:8px 10px!important}
.odsm-builder .odsm-service-row>label{
  display:block!important; font-size:0!important; line-height:0!important; color:transparent!important;
  font-weight:400!important; min-width:0!important; overflow:hidden!important;
}
.odsm-builder .odsm-service-row>label input,
.odsm-builder .odsm-service-row>label select,
.odsm-builder .odsm-service-row>label textarea{
  display:block!important; width:100%!important; min-width:0!important; height:32px!important; min-height:32px!important;
  padding:4px 5px!important; margin:0!important; font-size:14px!important; line-height:1.3!important;
  color:#101820!important; background:#fff!important; border:0!important; border-radius:0!important; box-shadow:none!important;
}
.odsm-builder .odsm-service-row.odsm-service-locked>label input{background:transparent!important}
.odsm-builder .odsm-service-row .odsm-sale-price-input-row{display:flex!important;align-items:center!important;gap:4px!important}
.odsm-builder .odsm-service-row .odsm-discount-badge{font-size:12px!important;line-height:1.2!important;color:#314e60!important}
.odsm-builder .odsm-add,.odsm-builder .odsm-save,.odsm-builder .odsm-sync-bookpro,
.odsm-builder .odsm-save-promo,.odsm-builder .odsm-refresh-wishes,.odsm-builder .odsm-refresh-reviews{
  background:#0788f9!important;color:#fff!important;border:0!important;border-radius:8px!important;
  box-shadow:none!important;padding:11px 17px!important;
}
.odsm-builder .odsm-remove,.odsm-builder .odsm-promo-remove{background:#fff0f0!important;color:#d71920!important;border:1px solid #ffdada!important;border-radius:7px!important}
.odsm-builder .odsm-builder-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;background:#f4f9fc!important;padding:14px 18px!important}
.odsm-builder .odsm-promo-manager,.odsm-builder .odsm-menu-qr-manager,.odsm-builder .odsm-vendor-wishes,.odsm-builder .odsm-vendor-reviews{
  background:#f4f9fc!important;border:1px solid #dce7ef!important;border-radius:12px!important;padding:18px!important;margin:12px 0!important;
}
@media(max-width:1100px){.odsm-builder .odsm-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){
 .odsm-builder .odsm-builder-head{padding:14px 12px!important;flex-wrap:wrap!important}
 .odsm-builder .odsm-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important}
 .odsm-builder .odsm-category,.odsm-builder .odsm-promo-manager,.odsm-builder .odsm-menu-qr-manager{padding:11px!important}
 .odsm-builder .odsm-builder-actions{padding:12px!important;flex-wrap:wrap!important}
}
/* Toggle collapse styles: only affect the vendor navigation and its content wrapper. */
body.odrify-vendor-panel-collapsed #dokan-navigation,
body.odrify-vendor-panel-collapsed .dokan-dashboard-menu,
body.odrify-vendor-panel-collapsed .odrify-vendor-sidebar,
body.odrify-vendor-panel-collapsed .vendor-dashboard-sidebar,
body.odrify-vendor-panel-collapsed .odrify-vendor-panel-sidebar,
body.odrify-vendor-panel-collapsed .vendor-panel-sidebar{
 width:64px!important;min-width:64px!important;max-width:64px!important;flex:0 0 64px!important;overflow:hidden!important;
}
body.odrify-vendor-panel-collapsed .dokan-dashboard-content,
body.odrify-vendor-panel-collapsed .odrify-vendor-main,
body.odrify-vendor-panel-collapsed .vendor-dashboard-content{
 width:auto!important;max-width:none!important;flex:1 1 auto!important;min-width:0!important;
}

/* v3.9.280: direct target classes for the actual detected vendor panel. */
.odrify-collapsible-vendor-layout { min-width:0!important; }
.odrify-collapsible-vendor-layout:has(> .odrify-collapsible-vendor-sidebar) { display:flex!important; align-items:stretch!important; gap:0!important; }
.odrify-collapsible-vendor-sidebar { box-sizing:border-box!important; flex:0 0 240px!important; min-width:200px!important; max-width:300px!important; transition:width .18s ease,flex-basis .18s ease,min-width .18s ease!important; }
.odrify-collapsible-vendor-content { flex:1 1 0%!important; width:auto!important; max-width:none!important; min-width:0!important; }
.odrify-collapsible-vendor-sidebar > .odrify-vendor-sidebar-toggle { position:relative!important; z-index:5!important; }
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed { width:64px!important; min-width:64px!important; max-width:64px!important; flex:0 0 64px!important; overflow:hidden!important; }
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed > :not(.odrify-vendor-sidebar-toggle) { max-width:64px!important; }
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed a,
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed button:not(.odrify-vendor-sidebar-toggle),
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed [role="menuitem"] { font-size:0!important; white-space:nowrap!important; overflow:hidden!important; text-align:center!important; }
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed a svg,
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed a img,
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed a i,
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed a .menu-icon,
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed a [class*="icon"] { display:inline-block!important; font-size:18px!important; max-width:28px!important; margin:0 auto!important; }
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed .odrify-vendor-sidebar-toggle { width:48px!important; min-width:48px!important; margin:8px!important; padding:8px 0!important; gap:0!important; }
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed .odrify-toggle-label { display:none!important; }
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed img { object-fit:contain!important; }
@media(max-width:767px) {
 .odrify-collapsible-vendor-layout:has(> .odrify-collapsible-vendor-sidebar) { display:flex!important; }
 .odrify-collapsible-vendor-sidebar { flex-basis:200px!important; min-width:180px!important; }
 .odrify-collapsible-vendor-sidebar.odrify-is-collapsed { flex-basis:56px!important; width:56px!important; min-width:56px!important; max-width:56px!important; }
}

/* v3.9.282: high-visibility, reliable collapse control and width behavior. */
.odrify-collapsible-vendor-sidebar{position:relative!important;box-sizing:border-box!important;flex:0 0 240px!important;min-width:200px!important;transition:width .2s ease,flex-basis .2s ease!important;}
.odrify-vendor-sidebar-toggle{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;width:calc(100% - 20px)!important;min-height:42px!important;margin:10px!important;padding:9px 8px!important;border:1px solid #65c7ff!important;border-radius:9px!important;background:#0788f9!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important;z-index:99999!important;visibility:visible!important;opacity:1!important;}
.odrify-vendor-sidebar-toggle .odrify-toggle-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;font-size:19px!important;line-height:1!important;color:#fff!important;}
.odrify-vendor-sidebar-toggle .odrify-toggle-label{display:inline!important;font-size:13px!important;color:#fff!important;}
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed{width:64px!important;min-width:64px!important;max-width:64px!important;flex:0 0 64px!important;overflow:hidden!important;}
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed>.odrify-vendor-sidebar-toggle{width:44px!important;min-width:44px!important;margin:8px auto!important;padding:8px 0!important;}
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed>.odrify-vendor-sidebar-toggle .odrify-toggle-label{display:none!important;}
.odrify-collapsible-vendor-sidebar.odrify-is-collapsed>a,.odrify-collapsible-vendor-sidebar.odrify-is-collapsed li a{overflow:hidden!important;white-space:nowrap!important;}
.odrify-collapsible-vendor-layout{min-width:0!important;}
.odrify-collapsible-vendor-content{flex:1 1 0%!important;min-width:0!important;width:auto!important;max-width:none!important;}


/* v3.9.287: remove only inline OFF badge beside Sale Price; preserve Discount (%) column. */
.odsm-builder .odsm-service-row .odsm-sale-price-input-row .odsm-discount-badge{display:none!important}
/* Compact table rows */
.odsm-builder .odsm-service-row{min-height:34px!important;height:auto!important}
.odsm-builder .odsm-service-row>*{padding:4px 8px!important}
.odsm-builder .odsm-service-row>.odsm-row-number{padding:4px 8px!important}
.odsm-builder .odsm-service-row>label input:not([type=checkbox]),
.odsm-builder .odsm-service-row>label select,
.odsm-builder .odsm-service-row>label textarea{height:27px!important;min-height:27px!important;padding:3px 5px!important;line-height:1.2!important}


/* v3.9.288 — reference dashboard alignment; scoped to My Service Price List only.
   Keep all workspace tabs accessible and preserve the existing AJAX/CRUD handlers. */
.odsm-builder{
  display:block!important; width:100%!important; max-width:100%!important;
  margin:0!important; padding:0!important; gap:0!important;
  background:#003b40!important; border:0!important; border-radius:0!important;
  box-shadow:none!important; overflow:visible!important;
}
.odsm-builder>.odsm-builder-head{
  display:flex!important; grid-column:auto!important; grid-row:auto!important;
  align-items:center!important; justify-content:space-between!important; gap:18px!important;
  padding:14px 0 18px!important; margin:0!important; background:#003b40!important;
}
.odsm-builder>.odsm-builder-head>div{min-width:0!important;flex:1 1 auto!important}
.odsm-builder>.odsm-builder-head h2{font-size:clamp(23px,2vw,30px)!important;line-height:1.2!important}
.odsm-builder>.odsm-builder-head p{max-width:850px!important;font-size:14px!important;line-height:1.45!important}
/* The vendor's real dashboard sidebar is outside this component. Do not imitate it
   with the internal workspace tabs; render those tabs as a compact functional bar. */
.odsm-builder>.odsm-workspace-tabs{
  display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
  grid-column:auto!important; grid-row:auto!important; position:static!important;
  width:100%!important; min-width:0!important; margin:0 0 12px!important;
  padding:0 0 10px!important; gap:8px!important; overflow-x:auto!important; overflow-y:hidden!important;
  background:transparent!important; border:0!important; border-radius:0!important;
  white-space:nowrap!important; scrollbar-width:thin!important;
}
.odsm-builder>.odsm-workspace-tabs:before,.odsm-builder>.odsm-workspace-tabs:after{display:none!important;content:none!important}
.odsm-builder .odsm-workspace-tab{
  display:inline-flex!important; flex:0 0 auto!important; align-items:center!important;
  justify-content:center!important; width:auto!important; min-width:0!important; min-height:40px!important;
  margin:0!important; padding:9px 13px!important; border:1px solid #dce7ef!important;
  border-radius:8px!important; background:#f5f9fc!important; color:#173849!important;
  font-size:13px!important; font-weight:700!important; line-height:1.25!important;
}
.odsm-builder .odsm-workspace-tab.is-active{background:#0788f9!important;border-color:#0788f9!important;color:#fff!important}
.odsm-builder>.odsm-workspace-main{
  display:block!important; grid-column:auto!important; grid-row:auto!important;
  width:100%!important; max-width:100%!important; min-width:0!important;
  margin:0!important; padding:0 0 12px!important; background:transparent!important;
}
.odsm-builder .odsm-workspace-panel{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;background:transparent!important}
.odsm-builder .odsm-workspace-panel[hidden]{display:none!important}
.odsm-builder .odsm-workspace-panel>.odsm-categories{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important}
.odsm-builder .odsm-workspace-panel>.odsm-categories>.odsm-category-nav{margin:0 0 12px!important;border-radius:12px!important}
.odsm-builder .odsm-workspace-panel>.odsm-categories>.odsm-category{margin:0 0 12px!important;border-radius:12px!important}
.odsm-builder .odsm-workspace-panel>.odsm-builder-actions{margin:12px 0 0!important;border-radius:10px!important}
.odsm-builder .odsm-services{width:100%!important;max-width:100%!important;overflow-x:auto!important}
.odsm-builder .odsm-service-head,.odsm-builder .odsm-service-row{min-width:980px!important}
.odsm-builder .odsm-promo-manager,.odsm-builder .odsm-menu-qr-manager,.odsm-builder .odsm-vendor-wishes,.odsm-builder .odsm-vendor-reviews{margin:0 0 12px!important}
@media(max-width:760px){
 .odsm-builder>.odsm-builder-head{align-items:flex-start!important;flex-direction:column!important;padding:12px 0 14px!important}
 .odsm-builder>.odsm-builder-head .odsm-add-category{align-self:flex-start!important}
 .odsm-builder>.odsm-workspace-tabs{padding-bottom:8px!important}
 .odsm-builder .odsm-workspace-tab{min-height:38px!important;padding:8px 11px!important}
 .odsm-builder .odsm-workspace-panel>.odsm-categories>.odsm-category-nav{padding:10px!important}
 .odsm-builder .odsm-service-head,.odsm-builder .odsm-service-row{min-width:980px!important}
}


/* v3.9.295 — compact category cards and smaller, aligned category move controls.
   Scoped exclusively to Vendor > My Service Price List category navigation. */
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-nav {
  display:flex!important; flex-flow:row nowrap!important; align-items:stretch!important;
  gap:8px!important; width:100%!important; max-width:100%!important; min-width:0!important;
  overflow-x:auto!important; overflow-y:hidden!important; padding:2px 1px 7px!important;
  box-sizing:border-box!important; scrollbar-width:thin!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-nav > .odsm-category-tab-wrap {
  display:flex!important; flex:0 0 158px!important; flex-direction:column!important;
  width:158px!important; min-width:145px!important; max-width:158px!important;
  gap:3px!important; padding:5px!important; margin:0!important; box-sizing:border-box!important;
  border:1px solid #dce7ef!important; border-radius:9px!important; background:#fff!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-nav > .odsm-category-tab-wrap:has(.odsm-category-tab[aria-selected="true"]) {
  border-color:#0788f9!important; background:#eaf6ff!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-category-tab {
  display:flex!important; flex:1 1 auto!important; align-items:center!important; gap:7px!important;
  width:100%!important; min-width:0!important; min-height:43px!important; height:auto!important;
  padding:4px 3px!important; margin:0!important; border:0!important; border-radius:6px!important;
  background:transparent!important; box-shadow:none!important; text-align:left!important;
  box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-position-number {
  position:static!important; flex:0 0 18px!important; width:18px!important; height:18px!important;
  font-size:10px!important; line-height:18px!important; border-radius:4px!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-icon {
  flex:0 0 22px!important; width:22px!important; font-size:20px!important; line-height:1!important;
  text-align:center!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-copy {
  display:flex!important; flex:1 1 auto!important; flex-direction:column!important; gap:2px!important;
  min-width:0!important; overflow:hidden!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-copy strong {
  display:block!important; font-size:13px!important; line-height:1.2!important; font-weight:700!important;
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-copy small {
  display:block!important; font-size:11px!important; line-height:1.2!important; white-space:nowrap!important;
  overflow:hidden!important; text-overflow:ellipsis!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-tools {
  display:flex!important; flex-flow:row nowrap!important; justify-content:flex-end!important; align-items:center!important;
  gap:4px!important; min-height:0!important; padding:0 1px 1px!important; margin:0!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-tools .odsm-position-btn {
  display:inline-flex!important; flex:0 0 22px!important; align-items:center!important; justify-content:center!important;
  width:22px!important; min-width:22px!important; max-width:22px!important; height:22px!important; min-height:22px!important;
  padding:0!important; margin:0!important; font-size:12px!important; line-height:1!important; font-weight:700!important;
  border:1px solid #cfe0ec!important; border-radius:5px!important; background:#f4f9fd!important;
  box-shadow:none!important; cursor:pointer!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-tools .odsm-position-btn:disabled {
  opacity:.3!important; cursor:not-allowed!important;
}
@media(max-width:760px) {
  html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-nav > .odsm-category-tab-wrap {
    flex:0 0 148px!important; width:148px!important; min-width:140px!important; max-width:148px!important;
  }
  html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-copy strong {font-size:12px!important}
  html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-copy small {font-size:10px!important}
}

/* v3.9.297 — put category move controls inline beside the title and reduce card height. */
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-nav > .odsm-category-tab-wrap {
  position:relative!important; flex:0 0 158px!important; width:158px!important; min-width:145px!important;
  max-width:158px!important; padding:4px!important; gap:0!important; min-height:0!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-category-tab {
  min-height:36px!important; height:auto!important; flex:0 0 auto!important; padding:3px 2px!important; gap:5px!important;
  align-items:center!important; cursor:pointer!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-icon {
  flex-basis:19px!important; width:19px!important; font-size:17px!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-copy {
  display:flex!important; flex:1 1 auto!important; flex-direction:column!important; gap:2px!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-title-row {
  display:flex!important; align-items:center!important; gap:3px!important; min-width:0!important; width:100%!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-title-row strong {
  flex:0 1 auto!important; min-width:0!important; font-size:12px!important; line-height:1.15!important;
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-title-row .odsm-category-inline-shift {
  flex:0 0 17px!important; width:17px!important; min-width:17px!important; max-width:17px!important;
  height:17px!important; min-height:17px!important; padding:0!important; margin:0!important; font-size:10px!important;
  line-height:1!important; border-radius:4px!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-wrap .odsm-tab-copy small {
  font-size:10px!important; line-height:1.1!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-tab-tools {display:none!important}
@media(max-width:760px) {
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-nav > .odsm-category-tab-wrap {flex:0 0 148px!important;width:148px!important;min-width:140px!important;max-width:148px!important}
}


/* v3.9.298 — keep category navigation pinned to the top of the price-list workspace while its content scrolls. Opaque background prevents scrolling content showing through. */
html body .odsm-builder[data-nonce] .odsm-workspace-panel > .odsm-categories > .odsm-category-nav,
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-categories > .odsm-category-nav {
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  align-self:stretch!important;
  background:#003b40!important;
  padding-top:8px!important;
  padding-bottom:10px!important;
  margin-top:0!important;
  isolation:isolate!important;
  box-shadow:0 6px 10px rgba(0,0,0,.14)!important;
  scroll-margin-top:0!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel > .odsm-categories > .odsm-category-nav::before {
  content:""!important; display:block!important; position:absolute!important; inset:0!important;
  background:#003b40!important; z-index:-1!important; pointer-events:none!important;
}


/* v3.9.299 — align category section heading left and Add Category action right.
   Scoped to My Service Price List; preserve category and booking behavior. */
html body .odsm-builder[data-nonce] > .odsm-builder-head {
  display:flex!important; flex-direction:row!important; align-items:center!important;
  justify-content:space-between!important; gap:16px!important; width:100%!important;
  box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] > .odsm-builder-head > div {
  flex:1 1 auto!important; min-width:0!important; text-align:left!important;
}
html body .odsm-builder[data-nonce] > .odsm-builder-head .odsm-add-category {
  flex:0 0 auto!important; margin-left:auto!important; align-self:center!important;
  white-space:nowrap!important;
}
@media(max-width:760px) {
  html body .odsm-builder[data-nonce] > .odsm-builder-head {
    flex-direction:row!important; align-items:center!important; gap:10px!important;
  }
  html body .odsm-builder[data-nonce] > .odsm-builder-head h2 {font-size:clamp(17px,4vw,23px)!important}
  html body .odsm-builder[data-nonce] > .odsm-builder-head p {display:none!important}
  html body .odsm-builder[data-nonce] > .odsm-builder-head .odsm-add-category {
    margin-left:auto!important; padding:10px 12px!important; font-size:13px!important;
  }
}


/* v3.9.301 — keep the Service Categories heading/action outside the category-card rail.
   The previous parent .odsm-categories styling wrapped both the heading and cards in one panel. */
html body .odsm-builder[data-nonce] .odsm-workspace-panel > .odsm-categories,
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-categories {
  display:block!important; width:100%!important; max-width:none!important; min-width:0!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important; overflow:visible!important;
  box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-head {
  display:flex!important; flex-direction:row!important; align-items:center!important;
  justify-content:space-between!important; gap:12px!important; width:100%!important;
  margin:0 0 10px!important; padding:0 2px!important; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important; box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-head h3 {
  flex:1 1 auto!important; min-width:0!important; margin:0!important; padding:0!important;
  text-align:left!important; line-height:1.25!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-head .odsm-add-category {
  flex:0 0 auto!important; margin:0 0 0 auto!important; align-self:center!important;
  white-space:nowrap!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-categories > .odsm-category-nav {
  position:sticky!important; top:0!important; z-index:80!important; isolation:isolate!important;
  display:flex!important; flex-wrap:nowrap!important; align-items:stretch!important; gap:10px!important;
  width:100%!important; min-width:0!important; margin:0 0 12px!important; padding:10px!important;
  border:1px solid #dce7ef!important; border-radius:12px!important; background:#f5f9fc!important;
  box-shadow:0 4px 10px rgba(0,0,0,.08)!important; box-sizing:border-box!important;
  overflow-x:auto!important; overflow-y:hidden!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-categories > .odsm-category-nav::before {
  content:none!important;
}
@media(max-width:560px) {
  html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-head {gap:8px!important}
  html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-head h3 {font-size:17px!important}
  html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-head .odsm-add-category {padding:8px 10px!important; min-height:36px!important}
}

/* v3.9.303 — one unified rounded Service Categories card matching the approved reference.
   Header and category rail are siblings inside a dedicated visual wrapper; editor cards remain outside it. */
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-categories > .odsm-category-section-card{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 margin:0 0 14px!important;padding:12px!important;background:#f4f9fc!important;border:1px solid #dce7ef!important;
 border-radius:12px!important;box-shadow:0 3px 12px rgba(15,45,68,.06)!important;overflow:hidden!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:0!important;border:0!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head h3{
 flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;color:#101820!important;
 text-align:left!important;font-size:20px!important;font-weight:800!important;line-height:1.25!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head .odsm-add-category{
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;
 width:auto!important;max-width:100%!important;min-height:42px!important;margin:0 0 0 auto!important;padding:10px 16px!important;
 white-space:nowrap!important;border-radius:8px!important;background:#0788f9!important;color:#fff!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-nav{
 position:relative!important;top:auto!important;z-index:2!important;display:flex!important;flex-flow:row nowrap!important;
 align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0!important;padding:0 0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;
 overscroll-behavior-x:contain!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-nav > .odsm-category-tab-wrap{
 flex:0 0 200px!important;width:200px!important;min-width:180px!important;max-width:220px!important;
 padding:6px!important;border:1px solid #e1eaf1!important;border-radius:9px!important;background:#fff!important;
 box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-nav > .odsm-category-tab-wrap:has(.odsm-category-tab[aria-selected="true"]){
 border-color:#0788f9!important;background:#eaf6ff!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-tab-wrap .odsm-category-tab{
 min-height:54px!important;padding:5px!important;gap:8px!important;
}
@media(max-width:560px){
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-categories > .odsm-category-section-card{padding:9px!important}
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head{gap:8px!important;margin-bottom:8px!important}
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head h3{font-size:17px!important}
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head .odsm-add-category{min-height:36px!important;padding:8px 10px!important;font-size:12px!important}
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-nav > .odsm-category-tab-wrap{flex-basis:170px!important;width:170px!important;min-width:160px!important;max-width:180px!important}
}


/* v3.9.304 — compact category tiles and Add Category control; reveal complete category name on hover. */
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head .odsm-add-category{
 min-height:34px!important;height:34px!important;padding:6px 12px!important;line-height:1.1!important;font-size:13px!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-nav > .odsm-category-tab-wrap{
 flex:0 0 200px!important;width:200px!important;min-width:180px!important;max-width:220px!important;padding:3px!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-tab-wrap .odsm-category-tab{
 display:flex!important;align-items:center!important;min-height:46px!important;height:46px!important;padding:3px 5px!important;gap:6px!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-title-row{
 display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;max-width:100%!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-title-row strong{
 display:block!important;min-width:0!important;max-width:105px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-inline-shift{
 width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;line-height:16px!important;font-size:11px!important;flex:0 0 18px!important;
}
@media(hover:hover){
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-tab-wrap:hover .odsm-category-title-row strong,
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-tab-wrap:focus-within .odsm-category-title-row strong{
 overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;max-width:none!important;
 }
}
@media(max-width:560px){
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-section-head .odsm-add-category{height:32px!important;min-height:32px!important;padding:5px 9px!important;font-size:12px!important}
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card > .odsm-category-nav > .odsm-category-tab-wrap{flex-basis:165px!important;width:165px!important;min-width:155px!important;max-width:175px!important;padding:3px!important}
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-tab-wrap .odsm-category-tab{height:44px!important;min-height:44px!important}
 html body .odsm-builder[data-nonce] .odsm-workspace-panel .odsm-category-section-card .odsm-category-title-row strong{max-width:82px!important}
}


/* v3.9.305 — compact Price List title on the left and two-line helper copy on the right. */
html body .odsm-builder[data-nonce] > .odsm-builder-head > div {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(210px,360px)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
}
html body .odsm-builder[data-nonce] > .odsm-builder-head > div > .odsm-kicker {
  display:none!important;
}
html body .odsm-builder[data-nonce] > .odsm-builder-head > div > h2 {
  grid-column:1!important; grid-row:1!important;
  margin:0!important; padding:0!important;
  font-size:13px!important; line-height:1.25!important;
  font-weight:700!important; text-align:left!important;
  min-width:0!important;
}
html body .odsm-builder[data-nonce] > .odsm-builder-head > div > p {
  grid-column:2!important; grid-row:1 / span 2!important;
  justify-self:end!important; align-self:center!important;
  width:100%!important; max-width:360px!important;
  margin:0!important; padding:0!important;
  font-size:10px!important; line-height:1.35!important;
  text-align:right!important; white-space:normal!important;
  display:-webkit-box!important; -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important; overflow:hidden!important;
}
@media(max-width:760px) {
  html body .odsm-builder[data-nonce] > .odsm-builder-head > div {
    grid-template-columns:minmax(0,1fr) minmax(120px,48%)!important;
    column-gap:8px!important;
  }
  html body .odsm-builder[data-nonce] > .odsm-builder-head > div > h2 {font-size:13px!important}
  html body .odsm-builder[data-nonce] > .odsm-builder-head > div > p {
    font-size:10px!important; line-height:1.25!important; max-width:none!important;
  }
}


/* v3.9.306: widen the working canvas, compact the section-tab rail, and allow collapse/expand. */
html body .odsm-builder[data-nonce] {
  display:grid!important;
  grid-template-columns:minmax(150px,170px) minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:start!important;
  width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] > .odsm-builder-head,
html body .odsm-builder[data-nonce] > .odsm-promo-manager,
html body .odsm-builder[data-nonce] > .odsm-menu-qr-manager,
html body .odsm-builder[data-nonce] > .odsm-builder-actions,
html body .odsm-builder[data-nonce] > .odsm-vendor-wishes,
html body .odsm-builder[data-nonce] > .odsm-vendor-reviews {grid-column:1/-1!important;min-width:0!important;width:100%!important;max-width:100%!important;}
html body .odsm-builder[data-nonce] > .odsm-workspace-tabs {
  grid-column:1!important;grid-row:auto!important;align-self:start!important;
  display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
  width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:8px!important;gap:7px!important;overflow:visible!important;
  background:#f4f9fc!important;border:1px solid #d8e5ee!important;border-radius:10px!important;
  white-space:normal!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-tab {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:38px!important;height:auto!important;padding:8px 9px!important;margin:0!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
  text-align:left!important;line-height:1.25!important;font-size:12px!important;
}
html body .odsm-builder[data-nonce] > .odsm-workspace-main {
  grid-column:2!important;grid-row:auto!important;min-width:0!important;width:100%!important;
  max-width:none!important;margin:0!important;padding:0 0 12px!important;box-sizing:border-box!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel,
html body .odsm-builder[data-nonce] .odsm-workspace-panel > .odsm-categories {min-width:0!important;width:100%!important;max-width:none!important;}
.odsm-tabs-toggle {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:100%!important;min-height:30px!important;padding:6px 8px!important;margin:0 0 3px!important;
  border:1px solid #b9d5e5!important;border-radius:7px!important;background:#e5f4ff!important;
  color:#123b50!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important;
}
.odsm-tabs-toggle:focus-visible{outline:2px solid #0788f9!important;outline-offset:2px!important}
html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed {grid-template-columns:48px minmax(0,1fr)!important;column-gap:8px!important}
html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed > .odsm-workspace-tabs {padding:5px!important;align-items:stretch!important}
html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed .odsm-workspace-tab {display:none!important}
html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed .odsm-tabs-toggle {font-size:0!important;min-height:42px!important;padding:5px 2px!important;writing-mode:vertical-rl!important;}
html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed .odsm-tabs-toggle::after {content:'›';font-size:22px!important;writing-mode:horizontal-tb!important}
@media(max-width:760px){
 html body .odsm-builder[data-nonce]{grid-template-columns:minmax(0,1fr)!important;row-gap:8px!important}
 html body .odsm-builder[data-nonce] > .odsm-workspace-tabs{grid-column:1!important;grid-row:auto!important;flex-direction:column!important;width:100%!important}
 html body .odsm-builder[data-nonce] > .odsm-workspace-main{grid-column:1!important;grid-row:auto!important}
 html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed{grid-template-columns:minmax(0,1fr)!important}
 html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed > .odsm-workspace-tabs{width:100%!important}
 html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed .odsm-tabs-toggle{writing-mode:horizontal-tb!important;font-size:11px!important}
 html body .odsm-builder[data-nonce].odsm-workspace-tabs-collapsed .odsm-tabs-toggle::after{content:'›';font-size:18px!important}
}


/* v3.9.307 — Vendor sidebar visual styling based on the supplied reference. Scoped to the detected sidebar only. */
html body .odrify-collapsible-vendor-sidebar {
  background:linear-gradient(180deg,#003b40 0%,#00494d 100%)!important;
  color:#f7fbfc!important;
  padding:12px 12px 18px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  min-height:100%!important;
}
html body .odrify-collapsible-vendor-sidebar > .odrify-vendor-sidebar-toggle {
  margin:0 0 12px!important;
  width:100%!important;
  min-height:38px!important;
  border-radius:9px!important;
  background:#078cf5!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
html body .odrify-collapsible-vendor-sidebar :is(ul,ol) {
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
html body .odrify-collapsible-vendor-sidebar :is(li) {
  list-style:none!important;
  margin:0 0 7px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
html body .odrify-collapsible-vendor-sidebar :is(a,button,[role="menuitem"]) {
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:45px!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:10px 13px!important;
  border:1px solid rgba(7,48,62,.08)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#ffffff 0%,#edf5f8 100%)!important;
  color:#092533!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:left!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
html body .odrify-collapsible-vendor-sidebar :is(a,button,[role="menuitem"]):hover {
  background:#e3f4ff!important;
  border-color:#8bd3ff!important;
  color:#062f43!important;
}
html body .odrify-collapsible-vendor-sidebar :is(li.current-menu-item,li.active,li.is-active,li.current) > a,
html body .odrify-collapsible-vendor-sidebar :is(a,button,[role="menuitem"]).active,
html body .odrify-collapsible-vendor-sidebar :is(a,button,[role="menuitem"])[aria-current="page"],
html body .odrify-collapsible-vendor-sidebar :is(a,button,[role="menuitem"])[aria-selected="true"] {
  background:#0799f5!important;
  border-color:#0799f5!important;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(0,0,0,.12)!important;
}
html body .odrify-collapsible-vendor-sidebar :is(a,button,[role="menuitem"]) :is(svg,i,img,[class*="icon"],[class*="-icon"]) {
  flex:0 0 auto!important;
  max-width:22px!important;
  max-height:22px!important;
  color:currentColor!important;
}
html body .odrify-collapsible-vendor-sidebar :is(hr,.menu-divider,.divider,[class*="separator"]) {
  border:0!important;
  border-top:1px solid rgba(255,255,255,.65)!important;
  height:0!important;
  margin:16px 0!important;
  background:transparent!important;
}
html body .odrify-collapsible-vendor-sidebar :is(h1,h2,h3,h4,.sidebar-title,.panel-title) {
  color:#fff!important;
}
html body .odrify-collapsible-vendor-sidebar.odrify-is-collapsed {
  padding:10px 6px!important;
}
html body .odrify-collapsible-vendor-sidebar.odrify-is-collapsed :is(a,button,[role="menuitem"]) {
  justify-content:center!important;
  padding:10px 5px!important;
  min-height:42px!important;
}
@media(max-width:767px) {
  html body .odrify-collapsible-vendor-sidebar {padding:10px!important;}
  html body .odrify-collapsible-vendor-sidebar :is(a,button,[role="menuitem"]) {min-height:42px!important;font-size:13px!important;padding:9px 11px!important;}
}

/* v3.9.309: vendor sidebar visual layout matched to supplied ODRIFY reference. */
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu){box-sizing:border-box!important;width:272px!important;min-width:272px!important;max-width:272px!important;flex:0 0 272px!important;align-self:stretch!important;min-height:100vh!important;padding:12px 16px 24px!important;background:linear-gradient(155deg,#003b40 0%,#002f34 55%,#00434a 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#f5fbfc!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) ul{list-style:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li{display:block!important;list-style:none!important;margin:0 0 7px!important;padding:0!important;background:transparent!important;border:0!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li a{display:flex!important;align-items:center!important;gap:14px!important;box-sizing:border-box!important;width:100%!important;min-height:45px!important;margin:0!important;padding:10px 15px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:9px!important;background:linear-gradient(180deg,#f8fbfd 0%,#eaf1f5 100%)!important;color:#071c25!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:1.25!important;text-decoration:none!important;box-shadow:0 2px 5px rgba(0,0,0,.08)!important;white-space:normal!important;transition:background .15s ease,color .15s ease!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li a :is(i,svg,.menu-icon,.icon){flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;color:#082f40!important;fill:none!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li:is(.active,.current,.current-menu-item,.dokan-active)>a,body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li>a[aria-current="page"]{background:linear-gradient(180deg,#079ff4 0%,#0788ed 100%)!important;border-color:#079cf5!important;color:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.15)!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li:is(.active,.current,.current-menu-item,.dokan-active)>a :is(i,svg,.menu-icon,.icon),body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li>a[aria-current="page"] :is(i,svg,.menu-icon,.icon){color:#fff!important;stroke:currentColor!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li:nth-child(5),body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li:nth-child(9){margin-bottom:24px!important;padding-bottom:15px!important;border-bottom:1px solid rgba(245,251,252,.8)!important}
body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu) li a:hover{background:#fff!important;color:#062e3a!important}
@media(max-width:900px){body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu){width:272px!important;min-width:272px!important;max-width:272px!important;flex-basis:272px!important}}
@media(max-width:680px){body:has(.odsm-builder) :is(.odrify-vendor-sidebar,.odrify-dashboard-sidebar,.odrify-vendor-menu-sidebar,.vendor-dashboard-sidebar,.vendor-sidebar,.odrify-sidebar,#dokan-navigation,.dokan-dashboard-menu){width:100%!important;min-width:0!important;max-width:100%!important;flex-basis:100%!important;min-height:0!important}}


/* v3.9.310 — prevent the detected vendor menu from remaining in a broken 64px state. */
html body .odrify-collapsible-vendor-layout {
  display:flex!important; align-items:stretch!important; gap:0!important; width:100%!important; max-width:100%!important;
}
html body .odrify-collapsible-vendor-sidebar {
  position:relative!important; box-sizing:border-box!important; flex:0 0 272px!important;
  width:272px!important; min-width:272px!important; max-width:272px!important;
  overflow:visible!important; align-self:stretch!important;
}
html body .odrify-collapsible-vendor-content {
  box-sizing:border-box!important; flex:1 1 0%!important; width:auto!important; min-width:0!important;
  max-width:none!important; margin-left:0!important; margin-right:0!important;
}
html body .odrify-collapsible-vendor-sidebar.odrify-is-collapsed {
  flex:0 0 64px!important; width:64px!important; min-width:64px!important; max-width:64px!important; overflow:hidden!important;
}
html body .odrify-collapsible-vendor-sidebar.odrify-is-collapsed :is(a,button,[role="menuitem"]) {
  display:flex!important; justify-content:center!important; align-items:center!important; gap:0!important;
  width:100%!important; min-width:0!important; white-space:nowrap!important; overflow:hidden!important; font-size:0!important;
}
html body .odrify-collapsible-vendor-sidebar.odrify-is-collapsed :is(a,button,[role="menuitem"]) :is(svg,i,img,[class*="icon"],[class*="-icon"]) {
  display:inline-block!important; flex:0 0 20px!important; width:20px!important; height:20px!important;
}
html body .odrify-collapsible-vendor-sidebar.odrify-is-collapsed .odrify-toggle-label {display:none!important;}
@media(max-width:680px) {
 html body .odrify-collapsible-vendor-layout {display:flex!important; flex-direction:column!important;}
 html body .odrify-collapsible-vendor-sidebar {flex:0 0 auto!important; width:100%!important; min-width:0!important; max-width:100%!important;}
 html body .odrify-collapsible-vendor-content {width:100%!important; min-width:0!important;}
}


/* v3.9.311 structural sidebar audit: size the direct flex item, not only a nested nav. */
html body .odrify-collapsible-vendor-layout {display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
html body .odrify-vendor-sidebar-slot {display:block!important;position:relative!important;box-sizing:border-box!important;flex:0 0 272px!important;width:272px!important;min-width:272px!important;max-width:272px!important;margin-left:0!important;margin-right:0!important;padding:0!important;align-self:stretch!important;transform:none!important;left:auto!important;float:none!important;}
html body .odrify-vendor-sidebar-slot > .odrify-collapsible-vendor-sidebar {display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 auto!important;margin-left:0!important;margin-right:0!important;}
html body .odrify-vendor-sidebar-slot.odrify-vendor-sidebar-slot-collapsed {flex:0 0 64px!important;width:64px!important;min-width:64px!important;max-width:64px!important;overflow:hidden!important;}
html body .odrify-vendor-sidebar-slot.odrify-vendor-sidebar-slot-collapsed > .odrify-collapsible-vendor-sidebar {width:100%!important;min-width:0!important;max-width:100%!important;padding-left:5px!important;padding-right:5px!important;}
html body .odrify-collapsible-vendor-content {display:block!important;box-sizing:border-box!important;flex:1 1 0%!important;width:auto!important;min-width:0!important;max-width:none!important;margin-left:0!important;margin-right:0!important;left:auto!important;transform:none!important;float:none!important;}
@media(max-width:680px){html body .odrify-collapsible-vendor-layout{flex-direction:column!important;}html body .odrify-vendor-sidebar-slot,html body .odrify-vendor-sidebar-slot.odrify-vendor-sidebar-slot-collapsed{flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;}html body .odrify-collapsible-vendor-content{flex:1 1 auto!important;width:100%!important;}}


/* v3.9.312 — Main content fills its available viewport height and scrolls vertically.
 * Scoped only to the vendor price-list layout; horizontal category/service scrolling remains unchanged.
 */
html body .odrify-collapsible-vendor-layout {
  min-height:100vh!important;
  height:100vh!important;
  max-height:100vh!important;
  align-items:stretch!important;
  min-height:0;
}
html body .odrify-collapsible-vendor-content {
  box-sizing:border-box!important;
  height:100%!important;
  min-height:0!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable;
}
html body .odrify-vendor-sidebar-slot {
  height:100%!important;
  min-height:0!important;
  max-height:100vh!important;
  align-self:stretch!important;
}
html body .odrify-vendor-sidebar-slot > .odrify-collapsible-vendor-sidebar {
  height:100%!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  -webkit-overflow-scrolling:touch!important;
}
@media(max-width:680px) {
  html body .odrify-collapsible-vendor-layout {height:auto!important;min-height:0!important;max-height:none!important;}
  html body .odrify-collapsible-vendor-content {height:auto!important;min-height:100vh!important;max-height:none!important;overflow-y:visible!important;overflow-x:hidden!important;}
  html body .odrify-vendor-sidebar-slot, html body .odrify-vendor-sidebar-slot > .odrify-collapsible-vendor-sidebar {height:auto!important;max-height:none!important;overflow:visible!important;}
}


/* v3.9.349 — document-owned vertical scrolling; horizontal category/service rails are preserved. */


/* v3.9.349 root-cause fix: do not trap the vendor price-list inside a fixed-height
   nested scroll container. The previous v3.9.312 100vh/max-height rules combined
   with later overflow:visible rules on .odsm-builder/workspace caused the scroll
   owner to be ambiguous (especially inside the dashboard/WoodMart flex wrappers).
   Restore normal document vertical scrolling; horizontal rails remain horizontal. */
html, body {
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
html body .odrify-collapsible-vendor-layout {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  align-items:stretch!important;
}
html body .odrify-collapsible-vendor-content {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-y:visible!important;
  overflow-x:visible!important;
  flex:1 1 0%!important;
}
html body .odsm-builder,
html body .odsm-builder > .odsm-workspace-main,
html body .odsm-builder .odsm-workspace-panel,
html body .odsm-builder .odsm-workspace-panel > .odsm-categories,
html body .odsm-builder .odsm-workspace-panel > .odsm-categories > .odsm-category-content {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-y:visible!important;
}
html body .odsm-builder .odsm-workspace-panel {
  min-width:0!important;
}
html body .odsm-builder .odsm-category-content,
html body .odsm-builder .odsm-categories {
  max-height:none!important;
  overflow-y:visible!important;
}
@media (max-width:760px) {
  html body .odrify-collapsible-vendor-layout,
  html body .odrify-collapsible-vendor-content,
  html body .odsm-builder,
  html body .odsm-builder > .odsm-workspace-main,
  html body .odsm-builder .odsm-workspace-panel {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
  }
}


/* 3.9.350 ROOT FIX: right-side My Service Price List content must own a bounded vertical scroll area.
   Earlier rules repeatedly forced .odsm-workspace-main / .odsm-workspace-panel to overflow:visible,
   so the inner content expanded underneath the fixed viewport and the browser had no scrollable panel. */
html body .odsm-builder > .odsm-workspace-main {
  display:block!important;
  position:relative!important;
  height:calc(100vh - 235px)!important;
  min-height:260px!important;
  max-height:calc(100vh - 205px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable;
  box-sizing:border-box!important;
  padding-bottom:24px!important;
}
html body .odsm-builder > .odsm-workspace-main > .odsm-workspace-panel {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body .odsm-builder > .odsm-workspace-main > .odsm-workspace-panel > .odsm-categories,
html body .odsm-builder > .odsm-workspace-main > .odsm-workspace-panel > .odsm-categories > .odsm-category-content {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body .odsm-builder > .odsm-workspace-main > .odsm-workspace-panel > .odsm-builder-actions {
  position:sticky!important;
  bottom:0!important;
  z-index:30!important;
  margin-top:14px!important;
  box-shadow:0 -5px 16px rgba(0,35,55,.10)!important;
}
@media (max-width:760px) {
  html body .odsm-builder > .odsm-workspace-main {
    height:calc(100dvh - 225px)!important;
    min-height:220px!important;
    max-height:calc(100dvh - 190px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:18px!important;
  }
}


/* v3.9.351 — compact save/action bar pinned flush to the bottom of the price-list scroll panel.
   Root cause: previous action-bar rules added top margin and generous padding, leaving a visible
   gap below the bar and consuming too much vertical space. Keep it sticky within the scroll owner. */
html body .odsm-builder > .odsm-workspace-main > .odsm-workspace-panel > .odsm-builder-actions,
html body .odsm-builder[data-nonce] .odsm-workspace-panel > .odsm-builder-actions {
  position:sticky!important;
  bottom:0!important;
  z-index:100!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-flow:row wrap!important;
  gap:8px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:7px 12px!important;
  box-sizing:border-box!important;
  border-radius:8px 8px 0 0!important;
  box-shadow:0 -4px 12px rgba(0,35,55,.10)!important;
}
html body .odsm-builder .odsm-builder-actions .odsm-save,
html body .odsm-builder .odsm-builder-actions .odsm-sync-bookpro {
  min-height:36px!important;
  height:36px!important;
  padding:7px 14px!important;
  line-height:1.2!important;
  margin:0!important;
}
html body .odsm-builder .odsm-builder-actions .odsm-message,
html body .odsm-builder .odsm-builder-actions .odsm-promo-message {
  margin:0!important;
}
html body .odsm-builder > .odsm-workspace-main {
  padding-bottom:0!important;
}
@media(max-width:760px) {
  html body .odsm-builder > .odsm-workspace-main > .odsm-workspace-panel > .odsm-builder-actions,
  html body .odsm-builder[data-nonce] .odsm-workspace-panel > .odsm-builder-actions {
    gap:6px!important;
    padding:6px 8px!important;
    margin:0!important;
  }
  html body .odsm-builder .odsm-builder-actions .odsm-save,
  html body .odsm-builder .odsm-builder-actions .odsm-sync-bookpro {
    min-height:34px!important;
    height:34px!important;
    padding:6px 10px!important;
  }
}


/* v3.9.353: pin the vendor price-list action bar to the browser viewport bottom.
   JS measures the actual price panel so the fixed bar aligns with the right-hand content,
   rather than spanning across the vendor sidebar. */
html body .odsm-builder[data-nonce] .odsm-builder-actions.odsm-fixed-savebar {
  position:fixed!important; left:var(--odsm-savebar-left,0px)!important;
  bottom:0!important; right:auto!important; width:var(--odsm-savebar-width,100%)!important;
  max-width:none!important; z-index:99990!important; margin:0!important;
  border-radius:8px 8px 0 0!important; box-sizing:border-box!important;
  box-shadow:0 -4px 14px rgba(0,35,55,.16)!important;
}
html body .odsm-builder[data-nonce] .odsm-workspace-panel[data-panel="prices"] .odsm-categories,
html body .odsm-builder[data-nonce] .odsm-workspace-panel[data-panel="prices"] .odsm-category-content {
  padding-bottom:100px!important;
}
@media(max-width:760px) {
  html body .odsm-builder[data-nonce] .odsm-builder-actions.odsm-fixed-savebar {
    padding:5px 8px!important; gap:6px!important;
  }
  html body .odsm-builder[data-nonce] .odsm-workspace-panel[data-panel="prices"] .odsm-categories,
  html body .odsm-builder[data-nonce] .odsm-workspace-panel[data-panel="prices"] .odsm-category-content {
    padding-bottom:145px!important;
  }
}


/* v3.9.354: independent vertical scrolling for the left vendor navigation panel.
   The previous sidebar had min-height:100% but no bounded height, so it expanded
   with its menu and could not reliably scroll independently from the page. */
html body .odrify-collapsible-vendor-layout > .odrify-collapsible-vendor-sidebar {
  box-sizing:border-box!important;
  height:calc(100vh - 270px)!important;
  max-height:calc(100vh - 270px)!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  align-self:flex-start!important;
}
html body .odrify-collapsible-vendor-layout > .odrify-collapsible-vendor-sidebar::-webkit-scrollbar { width:8px!important; }
html body .odrify-collapsible-vendor-layout > .odrify-collapsible-vendor-sidebar::-webkit-scrollbar-track { background:rgba(255,255,255,.10)!important; }
html body .odrify-collapsible-vendor-layout > .odrify-collapsible-vendor-sidebar::-webkit-scrollbar-thumb { background:rgba(255,255,255,.48)!important; border-radius:8px!important; border:2px solid #004247!important; }
html body .odrify-collapsible-vendor-sidebar.odrify-is-collapsed {
  overflow-y:auto!important; overflow-x:hidden!important;
}
@media(max-width:900px) {
  html body .odrify-collapsible-vendor-layout > .odrify-collapsible-vendor-sidebar {
    height:calc(100vh - 245px)!important; max-height:calc(100vh - 245px)!important;
  }
}
@media(max-width:680px) {
  html body .odrify-collapsible-vendor-layout > .odrify-collapsible-vendor-sidebar {
    height:auto!important; max-height:calc(100dvh - 235px)!important; min-height:0!important;
    overflow-y:auto!important; overflow-x:hidden!important; align-self:stretch!important;
  }
}

/* v3.9.356: make category/gender ownership explicit in the vendor price-list editor */
html body .odsm-builder .odsm-category-context{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 12px!important;padding:12px 14px!important;border:1px solid #b8d9f2!important;border-left:5px solid #047bd5!important;border-radius:10px!important;background:linear-gradient(100deg,#eaf6ff 0%,#f8fcff 100%)!important;color:#15364b!important;box-sizing:border-box!important}
html body .odsm-builder .odsm-context-kicker{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 8px!important;border-radius:6px!important;background:#047bd5!important;color:#fff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.07em!important}
html body .odsm-builder .odsm-context-name{font-size:17px!important;font-weight:900!important;color:#12364b!important;line-height:1.25!important}
html body .odsm-builder .odsm-gender-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;border:1px solid #b9d8ec!important;background:#fff!important;color:#047bd5!important}
html body .odsm-builder .odsm-gender-chip.odsm-gender-men{background:#e7f2ff!important;border-color:#80baff!important;color:#0759a8!important}
html body .odsm-builder .odsm-gender-chip.odsm-gender-women{background:#fff0f7!important;border-color:#f0b5d2!important;color:#9b2864!important}
html body .odsm-builder .odsm-gender-chip.odsm-gender-both{background:#e9f9ef!important;border-color:#9edbb3!important;color:#18713a!important}
html body .odsm-builder .odsm-context-help{flex:1 1 260px!important;color:#526d85!important;font-size:12px!important;font-weight:600!important}
html body .odsm-builder .odsm-field-help{display:block!important;margin-top:5px!important;color:#526d85!important;font-size:11px!important;line-height:1.4!important;font-weight:500!important}
html body .odsm-builder .odsm-group-context{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;padding:8px 12px!important;background:#f1f7fc!important;border-bottom:1px solid #d8e5ef!important;color:#23465c!important;font-size:12px!important}
html body .odsm-builder .odsm-group-context strong{font-size:12px!important;font-weight:900!important;color:#047bd5!important}
html body .odsm-builder .odsm-group-context span{font-weight:700!important;color:#526d85!important}
html body .odsm-builder .odsm-category-top .odsm-for-service{min-width:220px!important}
@media(max-width:600px){html body .odsm-builder .odsm-category-context{align-items:flex-start!important;gap:7px!important;padding:10px!important}html body .odsm-builder .odsm-context-help{flex-basis:100%!important}html body .odsm-builder .odsm-group-context{align-items:flex-start!important;flex-direction:column!important}}