.hfr-settings-page { display: grid; gap: 14px; }
.hfr-settings-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; border: 1px solid #d8e3ef; border-radius: 10px; background: linear-gradient(120deg, #f8fbff, #eef6ff); }
.hfr-settings-heading > div:first-child > span { color: #1f67ad; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.hfr-settings-heading h3 { margin: 5px 0 4px; color: #113b66; font-size: 22px; }
.hfr-settings-heading p { margin: 0; color: #62758a; font-size: 13px; }
.hfr-settings-heading-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.hfr-settings-summary { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; }
.hfr-settings-metric { padding: 17px 19px; border: 1px solid #dce5ef; border-top: 4px solid #246bb5; border-radius: 8px; background: #fff; box-shadow: 0 4px 14px rgba(20,52,84,.06); }
.hfr-settings-metric.purple { border-top-color: #7653c6; }.hfr-settings-metric.green { border-top-color: #1d9a62; }.hfr-settings-metric.orange { border-top-color: #e18d2f; }
.hfr-settings-metric span,.hfr-settings-metric small { display: block; color: #68798c; font-size: 11px; font-weight: 700; }
.hfr-settings-metric strong { display: block; margin: 7px 0 5px; color: #143d68; font-size: 27px; }
.hfr-product-editor { padding: 16px; }
.hfr-product-editor-head,.hfr-settings-list-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.hfr-product-editor-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.hfr-product-editor-actions a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.hfr-product-editor-head strong,.hfr-product-editor-head span { display: block; }.hfr-product-editor-head strong { color: #173e68; }.hfr-product-editor-head span { margin-top: 3px; color: #718195; font-size: 11px; }
.hfr-product-editor-grid { display: grid; grid-template-columns: 180px 230px minmax(260px,1fr) 100px 90px 100px; gap: 10px; align-items: end; margin-top: 14px; }
.hfr-product-editor-grid label,.hfr-settings-toolbar label { display: grid; gap: 5px; min-width: 0; }.hfr-product-editor-grid label > span,.hfr-settings-toolbar label > span { color: #52657a; font-size: 11px; font-weight: 800; }
.hfr-product-editor-grid input,.hfr-product-editor-grid select,.hfr-settings-toolbar input,.hfr-settings-toolbar select { width: 100%; min-width: 0; height: 38px; padding: 7px 9px; border: 1px solid #cbd7e4; border-radius: 5px; background: #fff; }
.hfr-product-active { display: flex !important; align-items: center; gap: 7px; min-height: 38px; }.hfr-product-active input { width: auto; height: auto; }
.hfr-settings-list { overflow: hidden; }.hfr-settings-toolbar { display: grid; grid-template-columns: 150px minmax(280px,1fr) 84px 84px; gap: 10px; align-items: end; padding: 14px; border-bottom: 1px solid #e0e7ef; }
.hfr-settings-list-head { padding: 15px 17px; border-bottom: 1px solid #e0e7ef; }.hfr-settings-list-head h3 { margin: 0; color: #173e68; }.hfr-settings-list-head p { margin: 4px 0 0; color: #718195; font-size: 11px; }.hfr-settings-list-head > strong { color: #245b91; white-space: nowrap; }
.hfr-settings-table { min-width: 1080px; }.hfr-settings-table th,.hfr-settings-table td { white-space: nowrap; }.hfr-settings-product-name { min-width: 280px; white-space: normal !important; text-align: left !important; }.hfr-settings-row-actions { display: flex; justify-content: center; gap: 5px; }
.hfr-product-badge { display: inline-flex; flex-direction: column; gap: 1px; max-width: 330px; }.hfr-product-badge strong { color: #174b7d; }.hfr-product-badge span { color: #68798c; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hfr-product-filter select { width: 100%; min-width: 0; height: 38px; border: 1px solid #cbd7e4; border-radius: 5px; padding: 7px 9px; background: #fff; }
.hfr-product-import-dialog { width: min(1180px, calc(100vw - 32px)); max-width: 1180px; padding: 0; }
.hfr-product-import-dialog > form { overflow: hidden; border-radius: 10px; background: #fff; }
.hfr-product-import-upload,.hfr-product-import-file { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 14px 16px 0; padding: 14px; border: 1px solid #d8e3ef; border-radius: 8px; background: #f7faff; }
.hfr-product-import-upload > div,.hfr-product-import-file label { display: grid; gap: 4px; min-width: 0; }
.hfr-product-import-upload strong,.hfr-product-import-file label > span { color: #173f69; font-size: 12px; font-weight: 900; }
.hfr-product-import-upload span { color: #6b7e92; font-size: 11px; }
.hfr-product-import-upload a { flex: 0 0 auto; text-decoration: none; }
.hfr-product-import-file label { flex: 1; }
.hfr-product-import-file input { width: 100%; padding: 8px; border: 1px solid #c9d7e5; border-radius: 5px; background: #fff; }
.hfr-product-import-message { margin: 10px 16px 0; padding: 10px 12px; border-radius: 6px; background: #eef4fa; color: #526b83; font-size: 11px; font-weight: 800; }
.hfr-product-import-message.is-ready { background: #e9f8ef; color: #147343; }.hfr-product-import-message.is-error { background: #fff0f0; color: #b13232; }
.hfr-product-import-result { margin: 10px 16px 0; border: 1px solid #dce5ee; border-radius: 8px; overflow: hidden; }
.hfr-product-import-summary { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 12px; border-bottom: 1px solid #dce5ee; background: #f8fbfe; }
.hfr-product-import-summary span { padding: 6px 10px; border-radius: 999px; background: #e9f0f7; color: #40576d; font-size: 11px; font-weight: 800; }.hfr-product-import-summary span.new { background: #dff5e8; color: #177244; }.hfr-product-import-summary span.existing { background: #edf0f4; color: #586878; }.hfr-product-import-summary span.error { background: #fee6e6; color: #b52f2f; }
.hfr-product-import-result .table-wrap { max-height: 410px; }.hfr-product-import-result table { min-width: 980px; }
.hfr-product-import-result td { white-space: nowrap; }.hfr-product-import-result td:nth-child(4),.hfr-product-import-result td:last-child { white-space: normal; text-align: left; }
.hfr-product-import-result tr.is-error { background: #fff8f8; }.hfr-product-import-result tr.is-existing { background: #fafbfc; color: #6c7885; }
.hfr-import-status { display: inline-block; margin-right: 7px; padding: 3px 7px; border-radius: 999px; font-size: 10px; font-weight: 900; }.hfr-import-status.new { background: #dff5e8; color: #147342; }.hfr-import-status.existing { background: #e8edf2; color: #536374; }.hfr-import-status.error { background: #fee1e1; color: #b72d2d; }
.hfr-product-import-result td small { color: #68798b; font-size: 10px; }
@media (max-width: 1250px) { .hfr-product-editor-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.hfr-settings-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 850px) { .hfr-settings-heading { align-items: flex-start; flex-direction: column; }.hfr-product-editor-grid,.hfr-settings-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }.hfr-product-name-field,.hfr-settings-search { grid-column: 1 / -1; }.hfr-product-editor-head { align-items: flex-start; flex-direction: column; }.hfr-product-editor-actions { width: 100%; justify-content: flex-start; }.hfr-product-import-upload,.hfr-product-import-file { align-items: stretch; flex-direction: column; }.hfr-product-import-upload a,.hfr-product-import-file button { width: 100%; } }
@media (max-width: 560px) { .hfr-settings-summary,.hfr-product-editor-grid,.hfr-settings-toolbar { grid-template-columns: 1fr; }.hfr-product-name-field,.hfr-settings-search { grid-column: auto; }.hfr-settings-heading-actions { width: 100%; }.hfr-settings-heading-actions button { flex: 1; }.hfr-product-editor-actions > * { flex: 1 1 100%; }.hfr-product-import-dialog { width: calc(100vw - 12px); } }