.platform-shipping { color: #cbd5e1; font-family: 'DM Sans', sans-serif; }
.platform-shipping[hidden], .platform-shipping [hidden] { display: none !important; }
.ps-header, .ps-actions, .ps-save-row, .ps-rule-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ps-header { flex-wrap: wrap; margin-bottom: 16px; }
.ps-header h2, .ps-rule-head h3 { margin: 0; color: #f1f5f9; font-size: 1.08rem; }
.ps-header p { margin: 7px 0 0; color: #94a3b8; font-size: .8rem; }
.ps-actions { justify-content: flex-end; flex-wrap: wrap; align-items: flex-end; }
.ps-actions label, .ps-field { display: grid; gap: 7px; color: #cbd5e1; font-size: .77rem; font-weight: 600; }
.platform-shipping input:not([type="checkbox"]), .platform-shipping select { width: 100%; box-sizing: border-box; min-height: 38px; padding: 8px 10px; background: #0f172a; border: 1px solid rgba(148,163,184,.25); border-radius: 7px; color: #e2e8f0; font: inherit; }
.platform-shipping input[type="checkbox"] { width: 17px; height: 17px; accent-color: #818cf8; }
.ps-button { min-height: 38px; padding: 8px 13px; border: 1px solid rgba(129,140,248,.35); border-radius: 8px; background: rgba(99,102,241,.1); color: #c7d2fe; font: 600 .77rem 'DM Sans',sans-serif; cursor: pointer; white-space: nowrap; }
.ps-button.is-primary { background: rgba(99,102,241,.25); color: #e0e7ff; }
.ps-button:disabled { opacity: .45; cursor: wait; }
.platform-shipping :is(button,input,select):focus-visible { outline: 2px solid #818cf8; outline-offset: 3px; }
.ps-status { min-height: 20px; color: #94a3b8; font-size: .8rem; }
.ps-status.is-error { color: #fca5a5; }
.ps-status.is-success { color: #86efac; }
.ps-summary { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 15px; margin: 0 0 20px; }
.ps-card, .ps-rule-card { padding: 20px; background: rgba(15,23,42,.58); border: 1px solid rgba(148,163,184,.14); border-radius: 12px; }
.ps-card h3 { margin: 0 0 10px; font-size: .85rem; }
.ps-card-value { display: block; color: #e0e7ff; font-size: 1.65rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.ps-card p { margin: 8px 0 0; color: #94a3b8; font-size: .76rem; line-height: 1.5; }
.ps-table-wrap { width: 100%; overflow: auto; border: 1px solid rgba(148,163,184,.14); border-radius: 10px; }
.ps-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.ps-table th { padding: 13px 14px; background: rgba(30,41,59,.7); color: #94a3b8; text-align: right; font-size: .71rem; }
.ps-table td { padding: 15px 14px; border-top: 1px solid rgba(148,163,184,.12); text-align: right; font-variant-numeric: tabular-nums; }
.ps-table :is(th,td):first-child { text-align: left; font-weight: 700; }
.ps-table small { display: block; margin-top: 5px; font-size: .68rem; color: #94a3b8; line-height: 1.45; }
.ps-badge { display: inline-block; padding: 3px 7px; border-radius: 5px; background: rgba(34,197,94,.1); color: #86efac; font-size: .67rem; }
.ps-badge.is-warning { color: #fcd34d; background: rgba(234,179,8,.1); }
.ps-badge.is-muted { color: #cbd5e1; background: rgba(148,163,184,.1); }
.ps-note { color: #94a3b8; font-size: .76rem; line-height: 1.55; }
.ps-rule-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(290px,1fr)); gap: 18px; }
.ps-rule-head { margin-bottom: 20px; }
.ps-toggle { display: flex; align-items: center; gap: 8px; font-size: .76rem; cursor: pointer; }
.ps-rule-fields { display: grid; gap: 18px; }
.ps-field small { color: #94a3b8; font-weight: 400; font-size: .72rem; line-height: 1.5; }
.ps-save-row { margin-top: 20px; align-items: flex-start; }
.ps-save-row p { margin: 0; max-width: 700px; }
.ps-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ps-analysis-section + .ps-analysis-section { margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(148,163,184,.16); }
.ps-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ps-section-head h3 { margin: 0; color: #e2e8f0; font-size: .96rem; }
.ps-section-head p { margin: 7px 0 0; color: #94a3b8; font-size: .78rem; line-height: 1.5; }
.ps-affiliates-filters { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; margin: 16px 0; }
.ps-affiliates-filters label { display: grid; gap: 7px; color: #cbd5e1; font-size: .77rem; font-weight: 600; }
.ps-affiliates-filters label:first-child { flex: 1 1 280px; max-width: 460px; }
.ps-affiliates-filters label:nth-child(2) { flex: 0 1 230px; }
.ps-affiliates-filters p { margin: 0 0 9px auto; }
.ps-affiliates-table { min-width: 960px; }
.ps-affiliates-table :is(th,td):nth-child(2) { text-align: left; }
.ps-affiliates-table .ps-product { min-width: 200px; max-width: 340px; }
.ps-product strong { display: block; font-weight: 500; line-height: 1.45; }
.ps-affiliate-average { color: #c7d2fe; font-weight: 700; }
.ps-affiliates-table .ps-empty { text-align: center; font-weight: 400; color: #94a3b8; padding: 25px; }
@media(max-width: 700px) { .ps-section-head { align-items: flex-start; flex-direction: column; } .ps-affiliates-filters p { flex-basis: 100%; margin-left: 0; } }
@media(max-width: 700px) { .ps-header, .ps-save-row { align-items: stretch; flex-direction: column; } .ps-actions { justify-content: flex-start; } .ps-rule-grid { grid-template-columns: 1fr; } }