/* AdsAutoman / Tidewell visual layer. No business behavior belongs in this file. */
:root {
  --ink:#0f1b21;
  --muted:#637780;
  --line:#e2e8eb;
  --bg:#f3f6f7;
  --panel:#fff;
  --blue:#0d5c72;
  --blue-soft:#e2eff2;
  --ui-primary:#0d5c72;
  --ui-primary-hover:#0a4a5c;
  --ui-primary-strong:#083c4b;
  --ui-sidebar:248px;
  --ui-frame:20px;
  --ui-shadow:0 1px 2px rgba(15,27,33,.04);
  --ui-radius:18px;
  --ui-ring:0 0 0 3px rgba(13,92,114,.16);
  color-scheme:light;
}
body {
  background:#dfe4e7;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
body:has(>.app) {padding:var(--ui-frame)}
html [hidden] {display:none!important}
.app {
  grid-template-columns:var(--ui-sidebar) minmax(0,1fr);
  min-height:calc(100vh - 2*var(--ui-frame));
  border:1px solid #e9eef0;
  border-radius:22px;
  background:#fbfcfc;
  box-shadow:0 16px 48px -30px rgba(15,40,52,.2);
  isolation:isolate;
}
.app>aside {
  display:flex;
  flex-direction:column;
  padding:24px 16px 18px;
  height:calc(100vh - 2*var(--ui-frame));
  position:sticky;
  top:var(--ui-frame);
  overflow-y:auto;
  scrollbar-width:thin;
  background:#fbfcfc;
  border-right:1px solid var(--line);
  border-radius:22px 0 0 22px;
}
.brand {gap:8px;margin:0 6px 5px;font-size:20px;line-height:1.3;letter-spacing:-.55px;font-weight:650}
.brand-icon {width:28px;height:28px;transform:translateY(1px)}
.tenant {margin:0 6px 24px;color:#7b8a92;font-size:11px;letter-spacing:.04em}
.menu-title {margin:0 12px 10px;color:#819098;font-size:10px;letter-spacing:.12em;font-weight:500}
.nav {gap:4px;flex:none}
.nav a {min-height:41px;padding:10px 12px;border-radius:10px;gap:11px;color:#44535c;font-size:13px;font-weight:500;line-height:1.35;transition:background .15s,color .15s}
.nav a>span:first-child {display:grid;place-items:center;width:19px;flex:none}
.nav-icon {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.nav a:hover {background:#e9f1f3;color:var(--ui-primary)}
.nav a.active,.nav a.active:hover {background:#13232b;color:#fff;font-weight:550;box-shadow:0 5px 12px -7px rgba(8,30,40,.5)}
.session-panel {margin:auto 6px 0;padding:16px 0 0;border-top:1px solid var(--line)}
.session-label {font-size:10px;letter-spacing:.05em;font-weight:500;color:#819098}
.session-panel strong {font-weight:600}
.session-role {font-size:11px}
.session-actions {grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}
.session-button {font-size:11px;font-weight:500;padding:8px;text-align:center;border-color:var(--line);border-radius:8px;background:#fff;color:#44535c}
.session-button:hover {background:#e2eff2;color:var(--ui-primary)}
.session-button.danger {background:#fff;color:#b42318;border-color:var(--line)}
.session-button.danger:hover {background:#fff1f0;border-color:#f2c6c2}
.app>main {min-width:0;padding:0 28px 40px;background:var(--bg);border-radius:0 22px 22px 0}
.workspace-topbar {min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -28px 28px;padding:0 28px;background:#fbfcfc;border-bottom:1px solid var(--line);border-radius:0 22px 0 0}
.workspace-crumbs {display:flex;align-items:center;gap:12px;min-width:0;color:#7b8a92;font-size:12px}
.workspace-crumbs strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#243942;font-weight:550}
.workspace-crumbs>span:first-child {color:#637780;white-space:nowrap}
.workspace-context {flex:none;display:flex;align-items:center;gap:7px;font-size:11px;color:#637780}
.workspace-context::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--ui-primary)}
.wrap {max-width:1440px;min-width:0}
.page-head,.ads-title-row {margin-bottom:22px;gap:20px}
.page-head>div:first-child {min-width:0}
h1,.roi-title-row h1,.diagnostic-title-row h1,.replacement-title-row h1,.offer-detail-title h1 {font-size:26px;font-weight:600;letter-spacing:-.7px;line-height:1.3}
h2,.amazon-batch-section-head h2,.material-section h2 {font-size:18px;font-weight:600;letter-spacing:-.35px;line-height:1.4}
h3 {font-size:15px;font-weight:600}
.sub {font-size:13px;line-height:1.65;margin-top:6px;color:#637780}
.page-head .sub {max-width:830px}
.hint,.muted,.url-line,.roi-sub {color:#71838c}
.card,.metric,.offer-filter-card,.offer-table-card,.material-hero,.material-section,
.roi-query-card,.roi-table-card,.roi-metric,.ads-mcc-card,.ads-account-card,
.diagnostic-status-card,.diagnostic-schedule-card,.diagnostic-filter-card,.diagnostic-table-card,
.replacement-filter-card,.replacement-table-card,.replacement-schedule-card,.replacement-status-card,
.amazon-batch-form,.amazon-batch-import,.amazon-batch-jobs,
.asin-cpc-input-panel,.asin-cpc-account-panel,.asin-cpc-results,.asin-cpc-history,
.cleaner-table-section,.cleaner-jobs-section,.launch-card,.creative-empty,.creative-result,.progress-panel {
  background:#fff;border-color:var(--line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);
}
.card {padding:22px;margin-bottom:20px}
.card-head {gap:14px;flex-wrap:wrap}
.card-head h2 {font-size:18px}
.metrics {gap:16px}
.metric {padding:20px}
.metric span,.roi-metric span {font-size:12px;font-weight:500;color:#637780;margin-bottom:10px}
.metric strong,.roi-metric strong {font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.metric small,.roi-metric small {font-size:11px;font-weight:400;line-height:1.5}
.diagnostic-metrics {gap:12px}
.diagnostic-metrics .metric {padding:17px;border-radius:14px}
.diagnostic-metrics .metric strong {font-size:24px}
.roi-page,.ads-page,.diagnostic-page,.replacement-page {max-width:none;margin-top:0}
.roi-title-row,.offer-top,.offer-detail-head {border-bottom:0;padding-bottom:0;margin-bottom:22px}
.roi-query-card {padding:22px;margin-bottom:22px}
.roi-query-card .grid {max-width:600px;gap:16px}
.roi-query-card .notice {margin:18px 0 0}
.roi-summary-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.roi-platform-summary {grid-template-columns:repeat(2,minmax(0,1fr))}
.roi-metric {min-width:0;padding:22px}
.roi-metric.ok {background:#f5fbf8;border-color:#d8e9df}
.roi-metric.bad {background:#fff8f7;border-color:#f0e0dc}
#roiSummary>.roi-metric:first-child {background:linear-gradient(125deg,#15758c,var(--ui-primary-strong));border-color:var(--ui-primary);color:#fff;position:relative;overflow:hidden}
#roiSummary>.roi-metric:first-child::after {content:"";position:absolute;right:-35px;top:-70px;width:200px;height:200px;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}
#roiSummary>.roi-metric:first-child span,#roiSummary>.roi-metric:first-child small {color:#d1e7ec}
#roiSummary>.roi-metric:first-child strong {color:#fff}
.roi-table-card,.diagnostic-table-card,.replacement-table-card {padding:20px 20px 14px}
.roi-table-head {margin-bottom:18px}
.offer-top {padding-top:0}
.count-pill {height:29px;min-width:37px;margin-left:9px;font-size:13px;font-weight:500;background:#e9f1f3;color:var(--ui-primary);border:1px solid #d6e5e9}
.offer-filter-card {padding:20px 22px;margin-bottom:20px;border-radius:16px;gap:14px}
.offer-search {padding:12px 14px;font-size:14px;border-radius:10px}
.offer-table-card {padding:8px 20px 14px;border-radius:18px}
.offer-table {min-width:1050px}
.offer-table th {font-size:12px;padding:16px 12px;background:#f5f8f9;color:#70828b;font-weight:500}
.offer-table td {padding:17px 12px;font-size:13px}
.offer-code {font-size:12px;font-weight:600;color:var(--ui-primary)}
.offer-brand-name {font-size:13px;font-weight:600}
.country-pill {font-size:11px;font-weight:500;background:#f5f8f9;border-color:var(--line);padding:4px 9px}
.muted-strong {font-weight:550;color:#44535c}
.offer-selection-bar {border-color:#c9e0e6;background:#eaf3f5}
.table-wrap {border-color:var(--line);border-radius:12px;max-width:100%;overscroll-behavior-x:contain}
.table-wrap.plain {border:0}
table {font-variant-numeric:tabular-nums}
th {background:#f5f8f9;color:#71838c;font-weight:500;font-size:11px;letter-spacing:.015em}
td {font-size:13px;border-color:#edf1f3}
th,td {padding:15px 14px}
td strong {font-weight:550}
tbody tr:hover {background:#f7fafb}
tbody tr:last-child>td {border-bottom:0}
.ads-account-table th,.roi-table th,.diagnostic-table th,.replacement-table th,.cleaner-table th {background:#f5f8f9;font-weight:500;color:#71838c;font-size:11px;letter-spacing:0;text-transform:none}
.ads-account-table td,.roi-table td,.diagnostic-table td,.replacement-table td,.cleaner-table td {font-size:13px;border-bottom-color:#edf1f3}
.ads-account-table strong {font-size:13px;font-weight:550}
.offer-pagination {padding:18px 0 0;gap:16px;font-size:12px}
.offer-pagination-meta select {height:34px;width:66px;font-size:12px;padding:6px 9px;border-color:var(--line)}
.offer-page-nav,.offer-page-number {min-width:34px;min-height:34px;font-size:12px;font-weight:500;border-radius:8px;border-color:var(--line)}
.offer-page-number.active {background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}
.btn {min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid #d5dde1;border-radius:9px;background:#fff;color:#334b56;font-size:13px;font-weight:550;line-height:1.4;box-shadow:0 1px 1px rgba(15,27,33,.02);transition:background .15s,border-color .15s,box-shadow .15s}
.btn:hover:not(:disabled) {background:#f2f7f8;border-color:#a9bdc5}
.btn.primary {background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}
.btn.primary:hover:not(:disabled) {background:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}
.btn.green {background:#23805a;border-color:#23805a;color:#fff}
.btn.green:hover:not(:disabled) {background:#1c694a;border-color:#1c694a}
.btn.red {background:#c4452f;border-color:#c4452f;color:#fff}
.btn.red:hover:not(:disabled) {background:#a23825;border-color:#a23825}
.btn.big {padding:11px 19px;border-radius:10px;min-height:43px}
.btn:disabled {opacity:.48;cursor:not-allowed}
.icon-btn {color:var(--ui-primary);border-color:var(--line);background:#f5f8f9;border-radius:8px;font-weight:500}
input:not([type=checkbox]):not([type=radio]),select,textarea {border-color:#d5dde1;border-radius:9px;color:#243942;background:#fff;font-size:13px;padding:11px 12px;transition:border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder {color:#8c9ba3}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus {border-color:var(--ui-primary);box-shadow:var(--ui-ring)}
input[type=checkbox],input[type=radio] {accent-color:var(--ui-primary)}
input:disabled,select:disabled,textarea:disabled {background:#f4f7f8;color:#89969d;cursor:not-allowed}
label {font-size:12px;font-weight:550;color:#44535c}
.field {gap:8px;margin-bottom:16px;min-width:0}
.hint {font-size:12px;line-height:1.6}
.notice {border-color:#c9e0e6;background:#edf5f7;color:#265365;border-radius:10px;line-height:1.65;font-size:12px;padding:13px 15px}
.notice.warning {background:#fff9ef;border-color:#ead9b7;color:#8c6325}
.chip {gap:5px;border-color:var(--line);background:#f5f8f9;color:#526974;font-size:11px;font-weight:500;padding:4px 9px;line-height:1.45}
.chip.ok {background:#e3f2ea;border-color:#cce4d7;color:#237652}
.chip.bad {background:#fbe9e5;border-color:#f1d1ca;color:#b13e2a}
.chip.warn {background:#fff7e6;border-color:#eedbb3;color:#94691c}
.segmented {gap:8px}
.segment,.tab {padding:9px 15px;border-radius:9px;font-size:13px;font-weight:500}
.segment.active {background:var(--blue-soft);border-color:#8db8c4;color:var(--ui-primary)}
.tab.active {background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}
.amazon-entry-switch,.cleaner-view-tabs {background:#e8eef0;border-color:#e0e7ea;border-radius:11px;padding:5px;gap:4px}
.amazon-entry-switch button,.cleaner-view-tabs button {font-weight:550;font-size:13px;border-radius:7px}
.amazon-entry-switch button.active,.cleaner-view-tabs button.active {background:#fff;color:var(--ui-primary);box-shadow:0 1px 4px rgba(15,27,33,.09)}
.amazon-entry-switch-integrated button.active {background:var(--ui-primary);color:#fff;box-shadow:none}
.cleaner-view-tabs button.active span {background:#e2eff2;color:var(--ui-primary)}
.amazon-batch-head {margin-bottom:20px}
.amazon-batch-section {padding:24px 26px;border-bottom-color:#edf1f3}
.amazon-batch-section-head {margin-bottom:20px}
.amazon-batch-section-head p,.amazon-batch-submit p {font-size:12px;color:#71838c}
.amazon-batch-form,.amazon-batch-import,.amazon-batch-jobs {border-radius:18px}
.amazon-batch-import,.amazon-batch-jobs {padding:24px 26px}
.amazon-batch-grid,.amazon-keyword-grid {gap:18px}
.amazon-keyword-panel {background:#f5f8f9;border-color:#e2e8eb;border-radius:12px;padding:18px}
.amazon-keyword-panel.negative {background:#fcfaf5;border-color:#e9e1d2}
.amazon-account-option,.asin-cpc-account-option {border-color:var(--line);border-radius:11px;font-weight:500}
.amazon-account-option:hover,.amazon-account-option.selected,.asin-cpc-account-option:has(input:checked) {border-color:#8db8c4;background:#edf5f7}
.amazon-batch-submit {padding:22px 26px;background:#f8fafb;border-radius:0 0 18px 18px}
.amazon-conversion-preview {color:var(--ui-primary);background:#edf5f7;border-color:#c9e0e6}
.amazon-batch-submit .btn.big {min-height:54px}
.amazon-enable-control {border-color:#dbe5e9;border-radius:10px}
.amazon-import-upload-card {background:#f5f8f9;border-color:#c9dce2;border-radius:12px}
.amazon-import-file-copy strong,.amazon-import-head h2 {font-weight:600}
.amazon-template-button {color:var(--ui-primary);border-color:#c9dce2}
/* Center the button on the file input; the hint adds height below the button. */
@media(min-width:1101px) {
  .amazon-import-upload-action {transform:translateY(12px)}
}
.asin-cpc-input-panel,.asin-cpc-account-panel,.asin-cpc-results,.asin-cpc-history {padding:22px}
.asin-cpc-input-panel h2,.asin-cpc-account-panel h2 {font-size:18px}
.cleaner-metrics {border-radius:16px;border-color:var(--line);overflow:hidden}
.cleaner-metrics>div {padding:20px}
.cleaner-metrics strong {font-size:26px;font-weight:600;letter-spacing:-.5px}
.cleaner-settings-band {background:#edf2f4;border:1px solid var(--line);border-radius:14px}
.cleaner-toggle input:checked+span {background:var(--ui-primary)}
.cleaner-promotion-keyword {border-left-color:var(--ui-primary);background:#edf5f7}
.diagnostic-filter-card,.replacement-filter-card {padding:18px 20px;border-radius:14px}
.diagnostic-status-grid {gap:12px}
.diagnostic-status-step {border-radius:12px;background:#f5f8f9;border-color:var(--line)}
.diagnostic-status-step span {font-weight:500}
.diagnostic-status-step strong {font-weight:600}
.diagnostic-status-step.ok {background:#e3f2ea;border-color:#cce4d7}
.diagnostic-status-step.bad {background:#fbe9e5;border-color:#f1d1ca}
.diagnostic-status-step.warn {background:#fff7e6;border-color:#eedbb3}
.ads-mcc-card {padding:22px 24px;border-color:#c9dce2;background:#fff}
.ads-mcc-main h2 {font-size:22px;font-weight:600}
.ads-mcc-main p {color:#71838c;font-size:12px}
.ads-count {font-size:12px;font-weight:500;color:#637780}
.modal-backdrop {background:rgba(15,35,44,.4);z-index:1000}
.modal {border:1px solid #e2e8eb;border-radius:18px;box-shadow:0 24px 80px -25px rgba(8,30,40,.4)}
.modal-head,.create-offer-modal .modal-head {padding:24px 26px 18px}
.modal-head h2,.create-offer-modal h2,.modal-head.clean h2 {font-size:22px;font-weight:600;letter-spacing:-.45px}
.modal-body,.create-offer-modal .modal-body {padding:20px 26px}
.modal-foot {padding:18px 26px;background:#f8fafb;border-top-color:var(--line)}
.close {width:30px;height:30px;display:grid;place-items:center;border-radius:7px;font-size:22px;font-weight:400}
.close:hover {background:#edf2f4;color:var(--ink)}
.toast {z-index:2000;background:#13232b;border-radius:11px;font-size:13px;box-shadow:0 12px 30px -14px rgba(8,30,40,.45)}
.offer-action-menu,.bulk-action-menu {z-index:900}
.material-section {padding:24px}
.material-section h2 {margin-bottom:18px}
.material-block p,.material-block li,.info-item strong {font-size:15px;line-height:1.7}
.material-block h3 {font-size:13px;color:#71838c;font-weight:500}
.info-item span {font-size:12px;color:#71838c}
.launch-head {margin-bottom:28px}
.launch-card {border-color:var(--line);box-shadow:var(--ui-shadow)}
.launch-step.active,.launch-step.done {color:var(--ui-primary)}
.launch-step.active strong {border-color:var(--ui-primary);background:#e2eff2}
.launch-step.done strong {border-color:var(--ui-primary);background:var(--ui-primary);color:#fff}
.launch-step span {font-weight:550}
.launch-footer {left:calc(var(--ui-sidebar) + var(--ui-frame));right:var(--ui-frame);bottom:0;background:rgba(251,252,252,.98);border-top-color:var(--line);box-shadow:0 -4px 20px rgba(15,27,33,.04);z-index:500}
.app>main:has(.launch-footer) {padding-bottom:105px}
.progress-panel {box-shadow:0 12px 40px -20px rgba(15,40,52,.25)}
.current-box {background:#edf5f7;border-color:#c9e0e6;font-size:18px;border-radius:12px}
.progress-track div {background:var(--ui-primary)}
.progress-step.running {color:var(--ui-primary);font-weight:600}
.login-card,.setup-card {border:1px solid #dce5e9;border-radius:22px;padding:34px;box-shadow:0 22px 70px -30px rgba(15,40,52,.3)}
body:has(>.login-card),body:has(>.setup-card) {background:radial-gradient(ellipse at 20% 15%,#e1eff2,transparent 55%),#edf2f4;padding:24px}
.auth-brand {gap:8px;font-size:27px;letter-spacing:-.6px}
.auth-brand .brand-icon {width:36px;height:36px}
.login-card p,.setup-card p {font-size:13px}
.login-card .btn.primary,.setup-card .btn.primary {width:100%;min-height:43px;border-radius:10px}
.login-card .field,.setup-card .field {margin:21px 0}
:is(button,a,input,select,textarea):focus-visible {outline:2px solid #0d5c72;outline-offset:3px}
@media(min-width:1600px) {
  :root {--ui-frame:28px;--ui-sidebar:260px}
  .app>main {padding-inline:34px}
  .workspace-topbar {margin-inline:-34px;padding-inline:34px}
  .nav a {min-height:44px}
}
@media(max-width:1180px) and (min-width:761px) {
  :root {--ui-frame:12px;--ui-sidebar:224px}
  .app>aside {padding-inline:12px}
  .brand {font-size:18px;gap:8px}
  .app>aside .brand-icon {width:26px;height:26px;transform:none}
  .nav a {font-size:12px;padding-inline:10px}
  .app>main {padding-inline:20px}
  .workspace-topbar {margin-inline:-20px;padding-inline:20px}
  .workspace-context {display:none}
  .diagnostic-metrics {grid-template-columns:repeat(3,minmax(0,1fr))}
  .diagnostic-schedule-card {grid-template-columns:1fr}
  .cleaner-settings-band {grid-template-columns:1fr 1fr}
  .cleaner-settings-band>div {grid-column:1/-1}
}
@media(max-width:980px) {
  .roi-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .roi-query-card .grid {grid-template-columns:1fr 1fr}
  .offer-filter-card {grid-template-columns:minmax(0,1fr) 150px}
  .offer-filter-card>input {grid-column:1/-1}
  .offer-filter-card>select {min-width:0}
  .diagnostic-task-body,.replacement-task-body {grid-template-columns:1fr}
  .replacement-filter-card,.diagnostic-filter-card {grid-template-columns:1fr 1fr}
  .replacement-filter-card>input,.diagnostic-filter-card>input {grid-column:1/-1}
}
@media(max-width:760px) {
  :root {--ui-frame:0px}
  body:has(>.app) {padding:0}
  .app {display:block;border:0;border-radius:0;min-height:100vh}
  .app>aside {display:block;position:sticky;top:0;z-index:30;width:auto;height:auto;padding:12px 14px 9px;border-radius:0;border-right:0;border-bottom:1px solid var(--line);overflow:visible;background:#fbfcfc;box-shadow:0 2px 8px rgba(15,27,33,.03)}
  .app>aside .brand {font-size:18px;margin:0 2px 8px}
  .app>aside .brand-icon {width:26px;height:26px;transform:none}
  .app>aside .nav {display:flex;flex-direction:row;overflow-x:auto;gap:5px;margin-top:0;padding:1px 0 4px;scrollbar-width:thin}
  .app>aside .nav a {flex:none;min-height:36px;padding:8px 11px;font-size:12px;gap:7px;border-radius:8px}
  .nav-icon {width:16px;height:16px}
  .app>main {padding:0 16px 28px;border-radius:0}
  .workspace-topbar {min-height:48px;margin:0 -16px 22px;padding:0 16px;border-radius:0;background:#f8fafb}
  .workspace-crumbs {font-size:11px;gap:8px}
  .workspace-context {display:none}
  h1,.roi-title-row h1,.diagnostic-title-row h1,.replacement-title-row h1,.offer-detail-title h1 {font-size:23px;letter-spacing:-.5px}
  .sub {font-size:12px}
  .page-head {gap:14px;flex-wrap:wrap;margin-bottom:18px}
  .page-title-row {gap:12px;flex-wrap:wrap}
  .page-head .toolbar {gap:7px}
  .card,.roi-query-card,.material-section {padding:18px;border-radius:15px}
  .offer-filter-card {padding:16px;gap:10px;grid-template-columns:1fr 1fr;border-radius:14px;margin-bottom:16px}
  .offer-table-card {padding:5px 14px 14px;border-radius:15px}
  .roi-table-card,.diagnostic-table-card,.replacement-table-card {padding:16px 14px;border-radius:15px}
  .roi-summary-grid {gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .roi-metric {padding:17px 14px;border-radius:14px}
  .roi-metric strong {font-size:24px}
  .roi-metric span {font-size:11px}
  .roi-query-card .grid {grid-template-columns:1fr 1fr;gap:12px}
  .roi-platform-summary {grid-template-columns:1fr}
  .roi-table-head {align-items:flex-start}
  .roi-table-tools {min-width:0;justify-content:flex-start}
  .diagnostic-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .diagnostic-metrics .metric {padding:16px 14px}
  .diagnostic-filter-card,.replacement-filter-card {padding:16px;gap:10px}
  .diagnostic-status-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagnostic-schedule-controls {grid-template-columns:1fr 1fr}
  .amazon-batch-section,.amazon-batch-import,.amazon-batch-jobs {padding:20px 16px}
  .amazon-batch-submit {padding:20px 16px;grid-template-columns:1fr;gap:16px}
  .amazon-batch-section-head {gap:12px}
  .amazon-batch-section-head h2 {font-size:18px}
  .amazon-keyword-panel {padding:14px}
  .amazon-batch-submit .btn.big {min-height:44px}
  .amazon-entry-switch {width:100%;box-sizing:border-box}
  .amazon-entry-switch button {flex:1;padding-inline:10px;font-size:12px}
  .asin-cpc-input-panel,.asin-cpc-account-panel,.asin-cpc-results,.asin-cpc-history {padding:18px 16px}
  .cleaner-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
  .cleaner-metrics>div {padding:16px;border-bottom:1px solid var(--line)}
  .cleaner-metrics>div:nth-last-child(-n+2) {border-bottom:0}
  .cleaner-head-actions .btn {font-size:12px}
  .ads-mcc-card {padding:20px}
  .modal-backdrop {padding:12px}
  .modal {max-height:92dvh;border-radius:16px}
  .modal-head,.create-offer-modal .modal-head {padding:20px 18px 15px}
  .modal-body,.create-offer-modal .modal-body {padding:18px}
  .modal-foot {padding:16px 18px;flex-wrap:wrap}
  .modal-head h2,.create-offer-modal h2 {font-size:20px}
  .launch-footer {left:0;right:0;gap:10px;padding:12px}
  .launch-steps {grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px}
  .launch-step strong {width:36px;height:36px;font-size:16px;border-width:2px;margin-bottom:7px}
  .launch-step span {font-size:11px}
  .launch-step small {font-size:10px;line-height:1.4}
  .launch-footer .btn {font-size:12px;padding-inline:11px}
  .launch-footer span {font-size:11px}
  .offer-pagination {align-items:flex-start;flex-direction:column;gap:12px}
  .offer-pagination-pages {justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:4px}
  .login-card,.setup-card {padding:28px 24px;width:min(420px,100%)}
  body:has(>.login-card),body:has(>.setup-card) {padding:16px}
  .auth-brand {font-size:25px}
  .auth-brand .brand-icon {width:34px;height:34px}
}
@media(max-width:400px) {
  .workspace-crumbs>span:first-child {display:none}
  .workspace-crumbs>span[aria-hidden] {display:none}
  .roi-query-card .grid {grid-template-columns:1fr}
  .btn {padding:9px 12px;font-size:12px}
  .offer-pagination-meta {flex-wrap:wrap;white-space:normal}
}
@media(prefers-reduced-motion:reduce) {
  .nav a,.btn,input,select,textarea,.progress-track div {transition:none}
}