.primary-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:14px;margin:0 0 22px}.primary-option{display:flex;gap:13px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff;text-align:left;min-height:84px}.primary-option>span:first-child{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#f1f5fa;color:#69829e}.primary-option strong{display:block;font-size:14px;font-weight:600}.primary-option small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.primary-option.active{background:#eef4ff;border-color:#90b1e8;color:var(--blue)}.primary-option.active>span:first-child{color:var(--blue);background:#e2ecfd}.primary-option:hover{border-color:#90b1e8}.secondary-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.category-pill{padding:7px 14px;border:1px solid var(--border);border-radius:5px;background:#fff;min-height:38px;font-size:12px}.category-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.product-fields{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 15px;min-height:22px}.product-fields span{border:1px solid #dfe7f3;background:#f4f7fc;border-radius:4px;padding:2px 7px;font-size:10px;color:#52708f}.product-fields b{color:var(--red);font-weight:500}.catalog-card p{min-height:40px}.settings-panel{overflow:hidden}.settings-tabs{display:flex;gap:29px;padding:0 27px;border-bottom:1px solid var(--border);overflow-x:auto}.settings-content{padding:25px 27px 28px}.settings-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:4px 0 20px}.settings-section-heading h2{font-size:17px}.settings-section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.settings-list{border:1px solid var(--border);border-radius:7px;overflow:hidden}.settings-row{display:flex;gap:17px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--border);background:#fff}.settings-row:last-child{border-bottom:0}.settings-row-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:8px;background:#f1f5fb;color:#5d7c9c;flex:none}.settings-row-copy{flex:1;min-width:0}.settings-row-copy strong{font-size:14px;font-weight:500}.settings-row-copy p{font-size:11px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.settings-row-copy small{font-size:10px;color:var(--muted)}.settings-row-copy .product-fields{margin-bottom:0}.checkbox-field{display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px}.checkbox-field input,.field-assignment input{width:17px;height:17px;min-height:0;padding:0;accent-color:var(--blue)}.checkbox-field.wide{grid-column:1/-1}.field-assignment-list{margin-top:13px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.field-assignment{padding:4px 14px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.field-assignment:last-child{border-bottom:0}.field-assignment label{display:flex;align-items:center;gap:8px;min-height:42px;font-size:12px!important;margin:0!important}.field-assignment small{color:var(--muted);font-size:10px}.field-assignment label:last-child{color:var(--muted)}.line-item.configured-item{display:block;padding:16px;margin-bottom:15px}.configured-main{display:grid;grid-template-columns:1.5fr 2fr 80px 62px 25px;gap:12px;align-items:end}.configured-main>label{min-width:0}.configured-main label{margin:0;font-size:11px}.configured-main input,.configured-main select{margin-top:5px;min-height:42px;font-size:12px;padding:8px 10px}.configured-main input[readonly]{color:var(--muted);background:#eef2f7;border-color:#dce3ec}.attribute-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}.attribute-grid:empty{display:none}.configured-item .attribute-grid label{font-size:12px;margin-bottom:6px}.configured-item .attribute-grid input,.configured-item .attribute-grid select{font-size:13px;min-height:42px}.configured-item .item-spec-label{display:block;font-size:11px;margin-top:13px}.configured-item .item-spec-label input{margin-top:5px;font-size:12px}.bound-company{display:flex;gap:12px;align-items:center;border:1px solid #dbe7f5;border-radius:7px;background:#f0f5fd;padding:14px 17px;margin-bottom:22px;color:var(--blue)}.bound-company small{display:block;font-size:10px;color:var(--muted)}.bound-company strong{display:block;font-size:14px;color:var(--ink)}.bound-label{margin-left:auto;font-size:10px;color:var(--muted)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);background:#fff}.login-intro{background:var(--navy);color:#fff;padding:46px 10%;display:flex;flex-direction:column;min-height:100vh}.login-brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:600;letter-spacing:.04em}
.login-brand img {
  width: 48px;
  height: 48px;
  flex: none;
  object-fit: contain;
  padding: 4px;
  border-radius: 8px;
  background: var(--surface);
}
.login-message{margin:auto 0;max-width:520px;padding:60px 0}.login-message h1{font-size:36px;letter-spacing:.03em;line-height:1.5}.login-message>p{font-size:15px;line-height:2;color:#b9cbe0;margin:21px 0 38px}.login-categories{display:flex;gap:28px;padding-top:24px;border-top:1px solid #46627d}.login-categories>div{display:flex;gap:9px;align-items:center;font-size:13px;color:#d5e2f0;white-space:nowrap}.login-panel{max-width:520px;align-self:center;justify-self:center;padding:50px 45px;width:100%}.login-panel h2{font-size:24px}.login-panel .section-desc{font-size:13px;margin-bottom:28px}.login-panel .form-field{margin-bottom:19px}.login-panel .form-field label{font-size:13px;margin-bottom:8px}.login-panel .form-field input{font-size:15px;min-height:48px}.login-submit{width:100%;font-size:14px;min-height:48px}.preview-entry{border-top:1px solid var(--border);margin-top:30px;padding-top:22px}.preview-entry p{font-size:11px;color:var(--muted)}.preview-entry button{font-size:12px;min-height:38px}.preview-entry small{font-size:10px;line-height:1.8;color:#8090a4;display:block}.form-field[hidden]{display:none}.procurement-empty{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:640px){.sidebar nav{flex-wrap:wrap;gap:6px 8px}}
@media(max-width:1150px){.primary-option{padding:15px;gap:10px}.primary-option small{font-size:9px}.primary-option>span:first-child{width:34px;height:34px}.login-intro{padding-left:8%;padding-right:8%}.login-message h1{font-size:29px}.login-categories{gap:17px;flex-wrap:wrap}.login-categories>div{font-size:12px}}
@media(max-width:850px){.primary-option small{display:none}.primary-selector{gap:9px}.primary-option{min-height:68px;padding:12px;gap:8px}.primary-option strong{font-size:12px}.primary-option>span:first-child{width:27px;height:27px}.settings-content{padding:22px 18px}.settings-tabs{padding:0 18px;gap:23px}.settings-row{padding:15px;gap:12px}.settings-row-icon{width:35px;height:35px}.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:1fr 1fr}.login-panel{padding:35px 27px}.login-intro{padding:35px}.login-brand{font-size:20px}.login-message h1{font-size:24px}}
@media(max-width:640px){.primary-selector{gap:8px;margin-bottom:17px}.primary-option{padding:12px 5px;min-height:77px;display:block;text-align:center}.primary-option>span:first-child{display:grid;margin:0 auto 6px;background:none!important;height:23px;width:27px}.primary-option strong{font-size:12px}.primary-option small{display:none}.secondary-tabs{gap:7px;margin-bottom:17px}.category-pill{font-size:11px;padding:6px 11px;min-height:35px}.settings-tabs{padding:0 15px;gap:22px}.settings-content{padding:18px 13px}.settings-section-heading{display:block;margin-bottom:17px}.settings-section-heading h2{font-size:16px}.settings-section-heading p{font-size:11px}.settings-section-heading .btn{margin-top:13px}.settings-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px 10px;padding:14px 11px}.settings-row-icon{height:28px;width:28px;grid-column:1;grid-row:1}.settings-row-icon svg{width:18px;height:18px}.settings-row-copy{grid-column:2;grid-row:1/span 2}.settings-row-copy strong{font-size:12px}.settings-row-copy p{font-size:10px}.settings-row-copy small{font-size:9px}.settings-row>.status{grid-column:3;grid-row:1;font-size:9px;padding:2px 5px}.settings-row>.btn{grid-column:3;grid-row:2;min-height:32px;padding:4px 7px;font-size:10px}.settings-row-copy .product-fields{gap:4px}.settings-row-copy .product-fields span{font-size:9px;padding:1px 4px}.line-item.configured-item{padding:12px}.configured-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 26px;gap:9px}.configured-main>label:first-child{grid-column:1}.configured-main>label:nth-child(2){grid-column:2}.configured-main>label:nth-child(3){grid-column:1;grid-row:2}.configured-main>label:nth-child(4){grid-column:2;grid-row:2}.configured-main .remove-item{grid-column:3!important;grid-row:1!important}.configured-main select,.configured-main input{font-size:11px;padding:8px;min-height:42px}.attribute-grid{gap:12px 10px}.configured-item .attribute-grid label{font-size:11px}.configured-item .attribute-grid select,.configured-item .attribute-grid input{font-size:12px;padding:9px}.bound-company{padding:12px;gap:9px}.bound-label{font-size:9px;max-width:76px;text-align:right}.bound-company strong{font-size:13px}.field-assignment{padding:4px 10px}.field-assignment label{font-size:11px!important}.field-assignment small{font-size:9px}.login-shell{display:block;background:#fff}.login-intro{min-height:0;padding:25px 24px 23px}.login-brand{font-size:21px}.login-brand img { width: 40px; height: 40px; }.login-message{padding:23px 0 0;max-width:none;margin:0}.login-message h1{font-size:24px}.login-message>p{display:none}.login-categories{gap:21px;margin-top:18px;padding-top:17px}.login-categories>div{font-size:11px;gap:6px}.login-categories svg{width:17px;height:17px}.login-panel{padding:30px 24px 35px;max-width:480px;margin:auto}.login-panel h2{font-size:21px}.login-panel .section-desc{font-size:12px;margin-top:6px;margin-bottom:23px}.login-panel .form-field input{font-size:16px}.preview-entry{margin-top:24px;padding-top:18px}.catalog-card .product-fields{min-height:37px}.catalog-card .product-fields span{font-size:9px}}

.login-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  margin-bottom: 24px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--pale);
}
.login-modes button {
  min-height: 44px;
  padding: 5px 6px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--muted);
  font-size: 13px;
  white-space: nowrap;
}
.login-modes button[aria-pressed="true"] {
  background: var(--surface);
  border-color: var(--border);
  color: var(--blue-dark);
  font-weight: 600;
}
.settings-section-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(154px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}
.settings-section-choice {
  min-height: 76px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}
.settings-section-choice[aria-pressed="true"] {
  color: var(--blue-dark);
  background: #eef4ff;
  border-color: #8aa8d9;
}
.settings-section-choice:hover { border-color: #8aa8d9; }
.settings-section-choice strong, .settings-section-choice small { display: block; }
.settings-section-choice small { color: var(--muted); font-size: 11px; margin-top: 3px; }
.category-field-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.4fr);
  gap: 12px;
  margin-bottom: 18px;
}
.category-field-add:disabled { cursor: not-allowed; }
.platform-settings-form { max-width: 720px; }
.jinhai-config-status, .jinhai-token-label { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.jinhai-config-status { margin-bottom: 17px; }
.jinhai-config-status .jinhai-reveal { min-height: 44px; margin-left: auto; }
.jinhai-token-label { margin-bottom: 7px; }
.jinhai-token-label label { margin-bottom: 0; }
.jinhai-token-label .status { white-space: normal; }
.jinhai-scope { overflow-wrap: anywhere; }
.jinhai-scope p { margin-top: 5px; }
.settings-save { border-top: 1px solid var(--border); margin-top: 22px; padding-top: 16px; }
.settings-save .btn, .settings-account-row .btn { min-height: 44px; }
.directory-summary { color: var(--muted); font-size: 13px; margin-bottom: 16px; }
.catalog-subnav { display: grid; gap: 3px; padding: 0 0 0 10px; border-left: 1px solid var(--border); margin: 0 0 8px 22px; }
.catalog-nav-item { display: block; text-align: left; color: var(--muted); padding: 5px 8px; border-radius: 6px; min-height: 44px; font-size: 12px; }
.catalog-nav-item:hover, .catalog-nav-item[aria-current="page"] { background: #eaf1fe; color: var(--blue-dark); }
.catalog-nav-item[aria-current="page"] { font-weight: 600; }
.catalog-body { padding: 24px; }
.catalog-modules { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--border); }
.catalog-modules .category-pill { min-height: 44px; }
.catalog-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; }
.catalog-section-head h2 { font-size: 17px; }
.catalog-section-head p { color: var(--muted); font-size: 13px; margin-top: 4px; }
.catalog-filter { min-width: 160px; font-size: 12px; color: var(--muted); }
.catalog-filter select { margin-top: 4px; min-height: 44px; }
.catalog-record-list { border: 1px solid var(--border); border-radius: 7px; }
.catalog-record { display: flex; align-items: center; gap: 14px; padding: 13px 16px; border-bottom: 1px solid var(--border); }
.catalog-record:last-child { border-bottom: 0; }
.catalog-record-copy { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.catalog-record-copy p { color: var(--muted); font-size: 12px; margin-top: 3px; }
.catalog-record-metric { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 13px; }
.catalog-record .btn { min-height: 44px; }
.catalog-card h3 { font-size: 16px; margin: 5px 0; }
.catalog-card { display: flex; flex-direction: column; }
.catalog-card-meta, .catalog-card-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.catalog-card-controls { margin-top: auto; }
.catalog-card-controls .btn { min-height: 44px; }
.movement-in { color: var(--green); }
.movement-out { color: var(--ink); }
@media (max-width: 1020px) {
  .settings-section-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .category-field-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-field-filters .form-field:last-child { grid-column: 1 / -1; }
  .settings-section-nav { gap: 8px; margin-bottom: 14px; }
  .settings-section-choice { min-height: 63px; padding: 8px; gap: 7px; }
  .settings-section-choice small { font-size: 10px; }
  .sidebar nav { flex-wrap: wrap; gap: 6px; }
  .catalog-subnav { display: flex; flex-wrap: wrap; gap: 6px; flex-basis: 100%; order: 1; margin: 0; border-left: 0; padding: 3px 0 0; }
  .catalog-nav-item { min-height: 44px; padding: 4px 10px; background: var(--pale); }
  .catalog-body { padding: 14px; }
  .catalog-section-head { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
  .catalog-modules { gap: 6px; }
  .catalog-record { flex-wrap: wrap; gap: 8px; padding: 12px; }
  .catalog-record-copy { flex-basis: 100%; }
  .catalog-record-metric { margin-right: auto; }
  .catalog-filter { min-width: min(160px, 100%); }
}

.primary-option > span:first-child { flex: none; }
.primary-option strong,
.primary-option small,
.primary-settings-row strong { overflow-wrap: anywhere; }
.login-categories { flex-wrap: wrap; }
.login-categories > div {
  white-space: normal;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.category-actions {
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 640px) {
  .primary-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-tabs {
    flex-wrap: wrap;
    gap: 0 16px;
  }
  .settings-tabs .tab {
    min-height: 42px;
    padding: 10px 0;
  }
  .primary-settings-row { flex-wrap: wrap; }
  .category-actions { width: 100%; }
}

.category-field-picker .field-assignment-list {
  max-height: min(280px, 35dvh);
  overflow-y: auto;
}
.field-assignment-empty { padding: 0 14px 12px; }
.category-count {
  display: inline-block;
  min-width: 18px;
  margin-left: 4px;
  padding: 1px 5px;
  border-radius: 9px;
  background: #eaf0f8;
  font-size: 11px;
}
.category-pill.active .category-count { background: rgba(255,255,255,.17); }

.supplier-scope { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 0; border: 0; }
.settings-account-row .settings-row-copy small { display: block; margin-top: 3px; }
.supplier-scope legend { padding: 0; font-weight: 600; }
.supplier-scope-list {
  margin-top: 9px;
  max-height: min(235px, 38vh);
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.supplier-scope-group { padding: 1px 12px 5px; border-bottom: 1px solid var(--border); }
.supplier-scope-group:last-child { border-bottom: 0; }
.supplier-scope-parent { font-weight: 600; }
.supplier-scope-children {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 126px), 1fr));
  column-gap: 8px;
  padding-left: 24px;
}
.supplier-scope-list > p { padding: 10px 12px; }
.supplier-account-actions, .qualification-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.qualification-actions .btn { text-decoration: none; }
dialog.supplier-review-dialog { width: 680px; }
.supplier-review-profile { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; }
.supplier-review-empty { margin-top: 8px; color: var(--muted); }
.supplier-review-dialog .catalog-record-list { margin-top: 10px; }
.supplier-review-dialog .empty { padding-block: 24px; }
.purchase-cart-link { min-height: 44px; padding-inline: 18px; font-size: 14px; }
.cart-count { min-width: 20px; padding-inline: 5px; border-radius: 10px; background: #ffffff30; text-align: center; }
.product-card-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.product-price { margin: 7px 0 2px; color: var(--blue-dark); }
.product-price strong { font-size: 21px; font-weight: 650; font-variant-numeric: tabular-nums; }
.product-price span, .product-order-meta, .product-tier-hint { color: var(--muted); font-size: 12px; }
.product-order-meta, .product-tier-hint { margin: 3px 0; }
.catalog-card .product-order-meta, .catalog-card .product-tier-hint { min-height: 0; margin-bottom: 5px; }
.product-art { position: relative; overflow: hidden; }
.product-art .product-photo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.product-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; }
.product-detail-art { height: clamp(170px, 35vh, 320px); margin-bottom: 10px; }
.product-detail-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 10px 0; }
.product-thumbnails { display: flex; flex-wrap: wrap; gap: 7px; }
.product-thumbnails button { width: 53px; height: 53px; border: 1px solid var(--border); border-radius: 6px; background: var(--pale); overflow: hidden; padding: 3px; }
.product-thumbnails button[aria-pressed="true"] { border: 2px solid var(--blue); }
.product-thumbnails img, .product-editor-photo img { width: 100%; height: 100%; object-fit: contain; }
.product-tier-table { margin-top: 5px; }
.product-description { white-space: pre-line; overflow-wrap: anywhere; }
.product-editor-section { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: 7px; }
.product-editor-section > legend { padding: 0 6px; font-weight: 600; }
.product-editor-dialog { height: min(720px, calc(100dvh - 48px)); overflow: hidden; }
.product-editor-dialog > form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; }
.product-editor-dialog .modal-body { min-height: 0; overflow: auto; scrollbar-gutter: stable; }
.product-editor-header { position: sticky; top: 0; z-index: 2; background: #fff; }
.product-editor-header .modal-heading { position: static; border-bottom: 0; }
.product-spec-options { min-width: 0; margin: 0; padding: 0; border: 0; }
.product-spec-options legend { padding: 0; font-size: 12px; font-weight: 500; }
.product-spec-options .required { color: var(--red); margin-left: 3px; }
.product-spec-choices { display: flex; flex-wrap: wrap; gap: 0 16px; }
.product-spec-choices .checkbox-field { display: flex; margin: 0; }
#product-specifications textarea { min-height: 65px; }
.product-terms-fields { min-width: 0; padding: 0; margin: 0; border: 0; }
.product-tier-edit { margin-top: 15px; }
.price-tier-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 52px; gap: 8px; align-items: end; margin: 10px 0; }
.price-tier-row label { font-size: 12px; color: var(--muted); }
.price-tier-row .btn { min-height: 44px; }
.purchase-choice-group { min-width: 0; margin: 0; padding: 0; border: 0; }
.purchase-choice-group legend { font-size: 12px; font-weight: 500; padding: 0; }
.purchase-choice-group > div { display: flex; gap: 20px; }
.product-editor-photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 134px), 1fr)); gap: 9px; margin-bottom: 12px; }
.product-editor-photos:empty { display: none; }
.product-editor-photo { overflow: hidden; border: 1px solid var(--border); border-radius: 7px; }
.product-editor-photo img { display: block; height: 90px; background: var(--pale); }
.product-editor-photo > div { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 4px 7px; font-size: 11px; }
.product-editor-photo button { min-height: 34px; }
.product-photo-drop { display: grid; gap: 8px; padding: 12px; border: 1px dashed var(--border); border-radius: 6px; }
.product-photo-drop.dragging { border-color: var(--blue); background: var(--pale); }
.product-photo-drop span { color: var(--muted); font-size: 12px; }
.photo-upload-actions { margin-top: 12px; }
.photo-upload-code { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 12px; }
.photo-upload-code img { max-width: 100%; height: auto; image-rendering: pixelated; }
.photo-upload-code .text-link { display: inline-block; margin-right: 10px; }
.mobile-photo-page { max-width: 500px; padding: 26px 16px; margin: auto; }
.mobile-photo-page header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--navy); }
.mobile-photo-panel { padding: 22px; }
.mobile-photo-panel h1 { font-size: 22px; }
.mobile-photo-panel > p, .mobile-photo-panel form { margin-top: 14px; }
.mobile-photo-panel .btn { width: 100%; margin-top: 14px; }
.purchase-cart-group { margin-bottom: 16px; }
.purchase-estimate { margin: 12px 0; padding: 12px 15px; border-radius: 7px; background: var(--pale); }
.purchase-estimate ul { padding-left: 20px; margin: 5px 0; font-size: 12px; }
.quote-warning { color: var(--red); }
.management-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 10px; margin-bottom: 16px; }
.management-filters .catalog-filter { min-width: 0; }
.management-filters input { margin-top: 4px; }
#qualification-file::file-selector-button {
  margin-right: 10px;
  padding: 4px 10px;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--pale);
  color: var(--ink);
  cursor: pointer;
}

@media (max-width: 640px) {
  .supplier-scope-children { padding-left: 15px; }
  .supplier-account-row .settings-row-copy { grid-row: 1; }
  .supplier-account-actions { grid-area: 2 / 2 / 3 / -1; }
  .supplier-account-actions .btn, .qualification-actions .btn { padding-inline: 8px; }
  .product-detail-grid { grid-template-columns: 1fr; gap: 13px; }
  .catalog-card .product-card-actions .btn { width: auto; }
  .product-editor-section { padding: 10px; }
  .product-editor-dialog { height: min(720px, calc(100dvh - 24px)); }
  .product-editor-dialog .settings-tabs { gap: 14px; }
}
.catalog-variant {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}