#shop-clearance-view { min-width: 0; }
#shop-clearance-view .panel { margin-bottom: 20px; }
#shop-clearance-view .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 24px 0; }
#shop-clearance-view .form-grid label { display: grid; gap: 8px; }
#shop-clearance-view .form-grid input, #shop-clearance-view .form-grid select { width: 100%; min-width: 0; }
#shop-clearance-view .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 16px 0; }
#shop-clearance-view .clearance-counters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
#shop-clearance-view .clearance-counters button { min-height: 70px; text-align: left; font-size: 15px; border: 1px solid var(--border,#ddd); background: #faf7fd; }
#shop-clearance-view .table-wrap { overflow-x: auto; margin: 16px 0; }
#shop-clearance-view table { width: 100%; border-collapse: collapse; }
#shop-clearance-view th, #shop-clearance-view td { text-align: left; padding: 12px; border-bottom: 1px solid var(--border,#ddd); }
#shop-clearance-view th { background: #faf7fd; font-size: 13px; }
#shop-clearance-view h4 { margin: 24px 0 12px; }
#shop-clearance-view button:disabled { opacity: .5; cursor: not-allowed; }
@media(max-width:700px) {
  #shop-clearance-view .form-grid { grid-template-columns: 1fr; }
  #shop-clearance-view .clearance-counters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #shop-clearance-view .actions button { max-width: 100%; white-space: normal; }
}