/* Responsive hardening loaded last to resolve legacy cascade conflicts. */
html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}.workspace,.products-card,.product-entry,.association-panel,.inline-stock-dashboard{min-width:0}.meli-association-result{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}.meli-association-result-info{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.meli-association-result-info strong,.meli-association-result-info span,.meli-association-result-info small{display:block!important;width:100%;overflow-wrap:anywhere;word-break:break-word}.product-row{grid-template-columns:1fr auto auto!important}

@media(max-width:720px){
  body{background:#f6f7f9}
  #authNotice{width:calc(100% - 24px)!important;margin:24px auto!important;padding:18px!important}
  #authNotice input,#authNotice button{min-height:44px}
  #authNotice input{font-size:16px}

  .app-sidebar{position:sticky!important;top:0!important;z-index:30;height:auto!important;min-height:56px;padding:8px 10px!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;box-shadow:0 2px 10px rgba(15,23,42,.16)}
  .app-sidebar::-webkit-scrollbar{display:none}.app-sidebar{scrollbar-width:none}
  .brand-block{padding:0 6px 0 0!important}.brand-mark{width:36px;height:36px;min-width:36px}
  .sidebar-link,.sidebar-integrations button,.sidebar-footer #logoutBtn{min-height:44px!important}
  .sidebar-link{padding:8px 10px!important}.sidebar-integrations button{padding:8px 10px!important}
  .sidebar-footer #logoutBtn{padding:8px 10px!important}

  .workspace{padding:14px 10px calc(20px + env(safe-area-inset-bottom))!important}
  .workspace-header{gap:10px;margin-bottom:12px!important}.workspace-title h1{font-size:20px!important}.workspace-title p{font-size:12px!important;line-height:1.45}
  .workspace .card{padding:14px!important;margin-bottom:12px}
  .section-head{gap:10px;margin-bottom:12px}.section-head h2{font-size:17px}.section-head p{line-height:1.4}

  .new-product-card .form-grid,.association-controls{grid-template-columns:1fr!important;gap:12px!important}
  .new-product-card .form-action{grid-column:auto!important}.form-action button{width:100%}
  .workspace input,.workspace select{min-height:44px;font-size:16px;padding:10px 12px}
  .workspace button{min-height:44px}

  .products-head{align-items:flex-start}.products-head>button{flex:0 0 auto}
  .product-search-row{flex-direction:column!important;align-items:stretch!important;gap:7px!important}.product-search-row input{max-width:none!important}.product-search-row .result-count{padding-left:2px}
  .product-list-head{display:none!important}
  .product-row{grid-template-columns:1fr 1fr!important;align-items:stretch!important}
  .product-main-button{grid-column:1/-1;grid-template-columns:1fr!important;gap:3px!important;min-height:58px;padding:11px 12px!important}
  .product-main-button strong{font-size:13px!important;overflow-wrap:anywhere}.product-main-button span{font-size:13px!important;line-height:1.35;overflow-wrap:anywhere}
  .associate-button{margin:0 4px 8px 8px!important;min-width:0!important;min-height:44px!important}
  .product-row>.ghost{margin:0 8px 8px 4px!important;min-width:0!important;min-height:44px!important}

  .association-panel{padding:13px!important}.association-panel-head{margin-bottom:12px!important}.association-panel-head strong{overflow-wrap:anywhere}
  .association-controls{align-items:stretch!important}.association-search-label .search-row{margin-top:6px!important}
  .safe-note{font-size:12px!important;line-height:1.45;overflow-wrap:anywhere}
  .association-results{max-height:none!important;overflow:visible!important;padding-right:0!important}
  .meli-association-result{padding:10px!important;gap:10px!important;align-items:flex-start!important}
  .meli-association-result>img{width:100px!important;height:100px!important;min-width:100px!important;flex:0 0 100px!important}
  .meli-association-result-info strong{font-size:13px!important;line-height:1.3}.meli-association-result-info span{font-size:12px!important;line-height:1.4}
  .meli-association-result-action{min-height:40px!important;min-width:100px!important;padding:8px 14px!important;margin-top:7px!important}
  .draft-actions{gap:8px!important}.draft-actions button{flex:1;min-height:44px}

  .inline-stock-dashboard{padding:13px!important}.stock-source-title{gap:8px}.stock-source-title h3{font-size:15px}.stock-source-code{font-size:11px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.metric-card{min-height:94px!important;padding:11px!important}.metric-card strong{font-size:26px!important}
  .channel-stock-head{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}
  .channel-stock-list{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .channel-stock-list-head{display:none!important}
  .channel-stock-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'source stock' 'publication publication' 'sku sku' 'sync action';min-width:0!important;min-height:0!important;column-gap:10px!important;row-gap:9px!important;padding:12px!important;margin-bottom:9px;border:1px solid #dfe5ee!important;border-radius:12px!important;background:#fff!important}
  .channel-stock-row:last-child{border-bottom:1px solid #dfe5ee!important;margin-bottom:0}.channel-stock-row.has-full-stock{box-shadow:inset 3px 0 0 #6d5bd0!important}
  .channel-source-cell{grid-area:source;min-width:0}.channel-stock-cell{grid-area:stock;justify-self:end}.channel-publication-cell{grid-area:publication}.channel-sku-cell{grid-area:sku;white-space:normal!important;overflow-wrap:anywhere;font-size:11px!important}.channel-sync-cell{grid-area:sync;align-self:center;flex-wrap:wrap}.channel-action-cell{grid-area:action;justify-self:end;align-self:center}.channel-account{white-space:normal!important;overflow-wrap:anywhere}.channel-publication-cell strong{white-space:normal!important;overflow-wrap:anywhere;line-height:1.35}.channel-publication-cell small{overflow-wrap:anywhere}.channel-unlink-button{min-height:40px!important;padding:8px 10px!important}
  .meli-stock-stack{justify-content:flex-end}

  .pagination-row{gap:8px!important}.pagination-row button{min-width:92px}.pagination-row .result-count{white-space:normal!important;text-align:center}
}

@media(max-width:560px){
  .workspace{padding-left:8px!important;padding-right:8px!important}.workspace .card{border-radius:10px!important;padding:12px!important}
  .products-head{flex-direction:column!important}.products-head>button{width:100%}
  .search-row{grid-template-columns:1fr!important;gap:8px!important}.search-row button{width:100%!important}
  .association-panel-head{align-items:flex-start}.association-panel-head #closeAssociationBtn{min-height:40px!important}
  .metric-grid{grid-template-columns:1fr 1fr!important}.metric-card span{font-size:11px}.metric-card small{font-size:10px}
  .pagination-row{justify-content:space-between!important}.pagination-row button{min-width:86px;padding-left:10px;padding-right:10px}
}

@media(max-width:390px){
  .brand-block{display:none!important}.app-sidebar{padding-left:8px!important;padding-right:8px!important}
  .sidebar-link{padding-left:8px!important;padding-right:8px!important}.sidebar-integrations button{padding-left:8px!important;padding-right:8px!important}
  .workspace{padding-left:6px!important;padding-right:6px!important}.workspace .card{padding:10px!important}
  .meli-association-result{gap:8px!important}.meli-association-result>img{width:92px!important;height:92px!important;min-width:92px!important;flex-basis:92px!important}.meli-association-result-info strong{font-size:12px!important}.meli-association-result-info span{font-size:11px!important}
  .metric-card{padding:9px!important}.metric-card strong{font-size:23px!important}
  .pagination-row .result-count{font-size:10px!important}
}
