/* Final responsive layer: layout reflows, without hiding overflowing content. */
.mobile-menu-toggle{display:none}
#editorView .collapsible-form-card{padding:0;overflow:visible}
.editor-disclosure-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;cursor:pointer;list-style:none;border-radius:13px;color:#234571}
.editor-disclosure-toggle::-webkit-details-marker{display:none}
.editor-disclosure-toggle .form-section-heading{margin:0;padding:0;min-width:0;flex:1}
.editor-disclosure-toggle:hover{background:#f5f8ff}
.editor-disclosure-toggle:focus-visible{outline:3px solid #477fc5;outline-offset:3px}
.editor-disclosure-indicator{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #d3e1f5;border-radius:8px;background:#edf4ff;color:#2459a9;font-size:20px}
.editor-disclosure-indicator:before{content:"+"}
.editor-disclosure[open]>.editor-disclosure-toggle .editor-disclosure-indicator:before{content:"−"}
.editor-disclosure[open]>.editor-disclosure-toggle{border-bottom:1px solid #e3ebf6;border-radius:13px 13px 0 0}
.editor-disclosure-content{padding:22px 24px}
@media(max-width:560px){.editor-disclosure-toggle{padding:17px 14px;gap:8px}.editor-disclosure-content{padding:18px 14px}}
@media print{.editor-disclosure-content{display:block!important}}
.package-editor-switch button:disabled{background:#f1f3f6;border-color:#dce1e7;color:#8993a3;cursor:not-allowed;box-shadow:none;opacity:.75}
.package-lock-notice{padding:13px 16px;border:1px solid #cbdcf5;border-radius:10px;background:#eef4ff;color:#36577f;font-size:12px;line-height:1.6;margin:0 0 18px}
.package-editor-switch{display:flex;gap:10px;margin:0 0 18px}
.package-editor-switch button{padding:14px 18px;min-height:60px;text-align:left;border:1px solid #d5e2f7;border-radius:12px;background:#fff;color:#2459a9;font:700 14px "Segoe UI",Arial,sans-serif;cursor:pointer}
.package-editor-switch button small{display:block;margin-top:5px;font-size:11px;font-weight:400;line-height:1.5}
.package-editor-switch button[aria-pressed=true]{background:#eaf2ff;border-color:#477fc5;box-shadow:inset 3px 0 #2459a9}
.bag-editor-notice{padding:12px 16px;border:1px solid #d5e2f7;border-radius:10px;background:#f3f7ff;color:#47668e;font-size:12px;line-height:1.6}
.bag-editor .label-placement-card,.bag-editor .packing-instructions-card,.bag-editor .editor-step,.bag-product-detail .detail-packing{display:none!important}
.bag-label-placement-card{display:none}
.bag-editor .bag-label-placement-card{display:block}
.bag-placement-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bag-placement-options .placement-option{min-width:0;width:100%;padding:20px 12px;cursor:pointer}
.bag-placement-options .placement-option:focus-within{outline:3px solid #477fc5;outline-offset:3px}
.placement-scene.placement-bag{position:relative;display:block;width:104px;height:100px;flex-shrink:0;margin:0 auto 10px}
.placement-bag:before{content:"";position:absolute;inset:3px 15px 2px;border:2px solid #8ba9cf;border-radius:5px 5px 12px 12px;background:linear-gradient(110deg,#e9f2ffad,#ffffffdd 45%,#dbe9fa99);box-shadow:inset 5px 0 0 #ffffff80,inset -5px 0 0 #d9e7f540}
.placement-bag b{position:absolute;top:13px;left:19px;right:19px;border-top:3px double #9db5d4}
.placement-bag i{position:absolute;display:block;width:27px;height:18px;border:1.5px solid #2459a9;border-radius:2px;background:#fff;box-shadow:0 2px 4px #2459a922}
.placement-bag-right i{top:23px;right:22px}
.placement-bag-center i{top:48px;left:38px}
.placement-bag-unset i{display:none}
@media(max-width:560px){.bag-placement-options{grid-template-columns:1fr}}
@media screen and (min-width:1200px){
  #editorView{position:relative;padding-left:220px}
  #editorView .package-editor-switch{position:absolute;left:28px;top:160px;width:170px;flex-direction:column}
}
@media screen and (max-width:560px){.package-editor-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.package-editor-switch button{padding:12px;font-size:13px}}
.main-content,.view,.editor-fields,.form-card,.product-gallery-card,.supplier-table-card{min-width:0}
.editor-step{max-width:100%;padding-bottom:28px}
.editor-step small{white-space:normal;line-height:1.4;overflow-wrap:anywhere}
.view h1,.view h2,.view p,.view dd{overflow-wrap:anywhere}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #3e75c6;outline-offset:3px}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
@media screen and (min-width:841px){.app-shell .sidebar{overflow-y:auto;min-height:0;height:100dvh}}
@media screen and (max-width:1100px){
  .product-detail-layout{grid-template-columns:minmax(0,1fr)}
  .editor-heading{flex-wrap:wrap}
  .supplier-layout{grid-template-columns:minmax(0,1fr)}
  .editor-layout{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:840px){
  .app-shell .sidebar{position:relative;inset:auto;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;min-height:0;height:auto;width:100%;z-index:10}
  .app-shell .sidebar .brand{margin:0;max-width:calc(100% - 100px)}
  .mobile-menu-toggle{display:block;min-height:44px;min-width:84px;padding:8px 12px;border:1px solid #cbdcf5;border-radius:9px;color:#2459a9;background:#fff;font:600 14px "Segoe UI",Arial,sans-serif;cursor:pointer}
  .app-shell .sidebar .primary-nav{display:none!important}
  .app-shell .sidebar.mobile-nav-open .primary-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;gap:8px;overflow:visible}
  .app-shell .sidebar .primary-nav .nav-item{width:100%;min-width:0;min-height:48px;white-space:normal;font-size:13px;padding:10px;line-height:1.4;text-align:left;justify-content:flex-start}
  .main-content{width:100%;margin:0}
  .main-content .view{padding:18px 16px 32px}
  .topbar{min-height:48px;height:auto;gap:10px;flex-wrap:wrap;padding-bottom:14px}
  .view input:not([type=radio]):not([type=checkbox]):not([type=range]),.view select,.view textarea,dialog input,dialog select,dialog textarea{font-size:16px!important;line-height:1.4}
  .view input:not([type=radio]):not([type=checkbox]):not([type=range]),.view select,dialog input,dialog select{min-height:44px}
  .view button,dialog button{min-height:44px;white-space:normal}
  .view .icon-button,.view .avatar{min-width:44px}
  .field-grid.two,.field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .products-admin-heading,.products-admin-toolbar,.alternative-package-toolbar{flex-wrap:wrap;gap:12px}
  .products-admin-toolbar .search-field{width:100%}
  .sticky-footer{position:static;backdrop-filter:none;padding-bottom:env(safe-area-inset-bottom,0px)}
  .detail-packing-materials{max-width:100%;overflow-x:auto}
  .detail-packing-materials table{width:100%;table-layout:fixed}
  .detail-packing-materials th,.detail-packing-materials td{overflow-wrap:anywhere}
  .product-main-photo figcaption{max-width:calc(100% - 24px);white-space:normal}
}
@media screen and (max-width:560px){
  .field-grid.two,.field-grid.three{grid-template-columns:minmax(0,1fr)}
  .form-card{padding:18px 14px}
  .form-section-heading{gap:10px}
  .form-section-heading h2{font-size:16px;line-height:1.4}
  .form-section-heading p{font-size:12px;line-height:1.5}
  .form-section-heading>span{flex-shrink:0}
  .editor-heading h1,.supplier-editor-heading h1{font-size:27px}
  .editor-step{display:none}
  .placement-options.placement-options-simplified{grid-template-columns:minmax(0,1fr)}
  .placement-options-simplified .placement-option:last-child{grid-column:auto;width:100%;justify-self:stretch}
  .product-photo-slots{grid-template-columns:minmax(0,1fr)}
  .photo-upload-summary{flex-wrap:wrap;gap:6px}
  .alternative-package-toolbar>button{width:100%}
  .alternative-package-row-head{flex-wrap:wrap}
  .instruction-photo-slots{grid-template-columns:minmax(0,1fr)}
  .form-footer,.form-footer>div:last-child{gap:10px;flex-wrap:wrap}
  .sticky-footer>div:last-child{display:grid;grid-template-columns:1fr 1fr}
  .sticky-footer button{width:100%;padding:10px;font-size:13px}
  #productsView .products-admin-heading{padding:20px}
  .managed-product-copy h2{font-size:14px}
  .managed-product-actions{display:flex;flex-wrap:wrap;gap:6px}
  .managed-product-actions button{flex:1;font-size:12px}
  .supplier-row{grid-template-columns:36px minmax(0,1fr);gap:10px}
  .supplier-row .supplier-actions{grid-column:1/-1}
  .supplier-actions button{font-size:12px}
  .supplier-row .row-status{grid-column:2}
  #catalogoView .catalog-panel-head>div{gap:8px}
  #catalogoView .catalog-supplier-group-head{gap:12px}
  #catalogoView .catalog-supplier-side{flex-wrap:wrap}
  #catalogoView .card-footer{gap:8px}
  #catalogoView .card-footer span{white-space:normal;overflow:visible}
  #catalogoView .card-footer button{flex-shrink:0}
  .alternative-detail-layout{grid-template-columns:minmax(0,1fr)}
  .delete-product-actions{display:flex;flex-direction:column;gap:10px}
  .delete-product-actions button{width:100%}
  .support-dialog-actions{display:flex;flex-direction:column}
}
@media print{.mobile-menu-toggle{display:none!important}}