/* Layout uses shared ADS controls, typography, feedback and color swatches. */
#open-store-platforms{margin-left:auto;flex-shrink:0;white-space:nowrap}
.sp-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.store-platform-manager .sp-tabs{margin:0;width:300px;max-width:100%}
.sp-manager-heading>#sp-add{flex-shrink:0}
.sp-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.sp-catalog-table{max-height:450px;overflow:auto}
.sp-catalog-table table{table-layout:fixed;width:100%;min-width:0!important;text-align:left}
.sp-catalog-table :is(th,td){white-space:normal!important;overflow-wrap:anywhere;padding:12px!important}
.sp-catalog-table .table-actions{justify-content:flex-end;flex-wrap:nowrap;gap:6px}
.sp-catalog-table th:last-child{text-align:right}
.sp-platform-badge{color:var(--sp-tone)!important;border-color:color-mix(in srgb,var(--sp-tone) 26%,transparent)!important;background:color-mix(in srgb,var(--sp-tone) 7%,var(--ar-surface,#fff))!important;max-width:100%;overflow-wrap:anywhere;white-space:normal!important;line-height:18px}
.sp-disabled-text{display:block;margin-top:4px}
.sp-disabled-row>td{color:var(--ar-muted)}
.sp-editor-heading{margin-bottom:16px}
.sp-edit-form{display:grid;gap:16px}
.sp-edit-form>label,.sp-field-pair>label,#sp-inline-definition>label{display:grid;gap:6px}
.sp-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-color-field{border:0;padding:0;margin:0;min-width:0}
.sp-color-field legend{margin:0 0 8px;padding:0}
.sp-color-options{display:flex;gap:8px;flex-wrap:wrap}
.sp-color-option{display:flex!important;align-items:center;gap:6px!important;border:1px solid var(--ar-line,var(--line));border-radius:7px;padding:6px 9px;cursor:pointer}
.sp-color-option:has(input:checked){border-color:var(--sp-tone);background:color-mix(in srgb,var(--sp-tone) 6%,var(--ar-surface,#fff))}
.sp-color-option input{accent-color:var(--sp-tone);width:14px!important;height:14px!important;min-height:0!important;margin:0}
.sp-color-option>span{color:var(--sp-tone)}
.sp-preview-line{display:flex;gap:16px;align-items:center;border-top:1px solid var(--ar-line,var(--line));padding-top:16px}
.sp-inline-add{display:flex;gap:8px;align-items:center}
.sp-inline-add>input{min-width:0;flex:1}
.sp-inline-add>button{flex-shrink:0}
[data-theme=dark] .sp-platform-badge,[data-theme=dark] .sp-color-option>span,body.night-mode .sp-platform-badge,body.night-mode .sp-color-option>span{color:color-mix(in srgb,var(--sp-tone) 45%,white)!important}
@media(max-width:600px){.sp-field-pair{grid-template-columns:1fr}.sp-catalog-table :is(th,td){padding:8px!important}.sp-catalog-table .table-actions{flex-wrap:wrap}}

.store-platform-manager .sp-platform-badge{padding-inline:7px!important}
@media(max-width:480px){.sp-manager-heading{flex-wrap:wrap}.sp-manager-heading .sp-tabs{width:100%}.sp-manager-heading>#sp-add{margin-left:auto}}

.sp-catalog-table :is(th,td){padding:9px 12px!important}
.sp-catalog-table .button.small,.sp-manager-heading .button.small{--ar-control:var(--ar-action);height:var(--ar-action)!important;min-height:var(--ar-action)!important;padding:0 9px!important}
#stores-list .store-settings-table :is(th,td):nth-child(3){width:144px!important;min-width:144px!important}

@layer apple-proportions {
  #view #stores-list .store-settings-table :is(th,td):nth-child(3){width:144px!important;min-width:144px!important}
  #modal-root .store-platform-manager .sp-catalog-table .button.small,#modal-root .store-platform-manager .sp-manager-heading .button.small{--ar-control:var(--ar-action);height:var(--ar-action)!important;min-height:var(--ar-action)!important;padding:0 9px!important}
}

html[data-ads-theme="dark"] .sp-platform-badge,html[data-ads-theme="dark"] .sp-color-option>span{color:color-mix(in srgb,var(--sp-tone) 45%,white)!important}

.store-platform-manager .modal-title{gap:12px}
.store-platform-manager:not(.sp-platform-editor){width:640px;max-width:100%}
.store-platform-manager .modal-title>h3{flex:1;min-width:0}
.store-platform-manager .modal-title>#sp-add{flex-shrink:0;margin-left:auto}
@layer apple-proportions {
#modal-root .store-platform-manager:not(.sp-platform-editor)>.modal-title{margin-bottom:0!important;padding-bottom:8px!important}
#modal-root .store-platform-manager .modal-title>#sp-add{--ar-control:var(--ar-action);height:var(--ar-action)!important;min-height:var(--ar-action)!important;padding:0 9px!important}
}
#sp-custom-payment[hidden]{display:none!important}

.sp-platform-badge{color:var(--sp-ink,var(--ar-secondary))!important;background:var(--sp-background,var(--ar-surface-muted))!important}
@layer apple-proportions {
#modal-root .store-platform-manager .sp-color-grid button{width:24px!important;height:24px!important;min-height:24px!important;min-width:24px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important}
#modal-root .store-platform-manager .sp-color-grid .ad-data-column-color-swatch{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;border-radius:4px!important;font-size:13px!important;line-height:20px!important}
}

.sp-platform-choice-row{display:flex;align-items:center;gap:6px;min-width:0}
.sp-platform-choice-row>.custom-select-wrap{flex:1;min-width:0}
@layer apple-proportions {
#new-store-form .sp-platform-gear{margin:0!important;flex:0 0 34px!important;min-width:34px!important;width:34px!important;min-height:var(--ar-control)!important;height:var(--ar-control)!important;padding:0!important;display:grid!important;place-items:center!important}
#new-store-form .sp-platform-gear img{width:16px;height:16px;opacity:.75}
}

html[data-ads-theme="dark"] .sp-platform-gear img{filter:invert(1)}

.store-platform-manager .sp-color-grid{grid-template-columns:repeat(11,24px);width:max-content;max-width:100%}
@media(max-width:360px){.store-platform-manager .sp-color-grid{grid-template-columns:repeat(11,20px);gap:2px}
@layer apple-proportions {#modal-root .store-platform-manager .sp-color-grid button{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}#modal-root .store-platform-manager .sp-color-grid .ad-data-column-color-swatch{width:16px!important;height:16px!important;line-height:16px!important}}}