.main-content:has(#tab-warranty-connect.active) {
  grid-template-columns: minmax(0, 1fr);
}

#tab-warranty-connect {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.warranty-connect-shell {
  --wc-ink: #132238;
  --wc-muted: #667085;
  --wc-line: #e4e9f2;
  --wc-primary: #176b87;
  --wc-primary-dark: #0f526b;
  --wc-soft: #edf8fa;
  min-height: 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 26px;
  overflow-x: hidden;
  color: var(--wc-ink);
  background: #f5f7fb;
}

.warranty-connect-shell *,
.warranty-connect-shell *::before,
.warranty-connect-shell *::after { box-sizing: border-box; }

.warranty-connect-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(125deg, #113b5c 0%, #176b87 55%, #39a59c 100%);
  box-shadow: 0 16px 36px rgba(18, 64, 87, 0.18);
}

.warranty-connect-hero .eyebrow { margin: 0 0 7px; color: #bff8ed; }
.warranty-connect-hero h1 { margin: 0; color: #fff; font-size: clamp(1.55rem, 2.4vw, 2.25rem); }
.warranty-connect-hero p:last-child { max-width: 760px; margin: 10px 0 0; color: rgba(255, 255, 255, 0.84); }
.warranty-connect-hero-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.warranty-connect-hero-actions .secondary-btn { border-color: rgba(255,255,255,.6); color: #fff; background: rgba(255,255,255,.12); }
.warranty-connect-online-pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 999px; font-weight: 700; background: rgba(255,255,255,.15); }
.warranty-connect-online-pill.offline { background: rgba(185, 28, 28, .72); }

.warranty-connect-portal-context {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 20px 0 14px;
  padding: 9px 14px;
  border: 1px solid #b8dce4;
  border-radius: 999px;
  color: #14566c;
  background: #fff;
  font-size: .86rem;
  font-weight: 800;
  box-shadow: 0 4px 14px rgba(15, 82, 107, .07);
}

body.warranty-connect-dealer-session #dashboardSidebar,
body.warranty-connect-dealer-session .app-header-brand,
body.warranty-connect-dealer-session .app-header-search,
body.warranty-connect-dealer-session #downloadCurrentDataBtn,
body.warranty-connect-dealer-session #headerDashboardBtn,
body.warranty-connect-dealer-session #storageQuotaChip {
  display: none !important;
}

body.warranty-connect-dealer-session .page-shell {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.warranty-connect-dealer-session .app-header {
  grid-template-columns: minmax(0, 1fr);
  justify-items: end;
}

body.warranty-connect-dealer-session .main-content {
  grid-column: 1;
  width: 100%;
  max-width: none;
}

.warranty-connect-role-switch {
  display: inline-flex;
  gap: 5px;
  margin: 20px 0;
  padding: 5px;
  border: 1px solid var(--wc-line);
  border-radius: 14px;
  background: #fff;
}
.warranty-connect-role-switch button { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 18px; border: 0; border-radius: 10px; color: var(--wc-muted); background: transparent; font-weight: 750; cursor: pointer; }
.warranty-connect-role-switch button.active { color: #fff; background: var(--wc-primary); box-shadow: 0 5px 12px rgba(23,107,135,.22); }

.warranty-connect-status { min-height: 0; margin-bottom: 14px; padding: 0; color: var(--wc-muted); }
.warranty-connect-status:not(:empty) { min-height: 42px; padding: 11px 14px; border: 1px solid #b8dce4; border-radius: 10px; background: var(--wc-soft); }
.warranty-connect-status.is-error { border-color: #fecaca; color: #991b1b; background: #fff1f2; }
.warranty-connect-status.is-success { border-color: #bbf7d0; color: #166534; background: #f0fdf4; }

.wc-workspace-nav {
  display: flex;
  gap: 7px;
  margin: 0 0 18px;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid var(--wc-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .045);
  scrollbar-width: thin;
}
.wc-workspace-nav button { display: inline-flex; flex: 1 0 auto; min-height: 43px; align-items: center; justify-content: center; gap: 8px; padding: 8px 15px; border: 0; border-radius: 10px; color: #59677a; background: transparent; font-size: .82rem; font-weight: 760; cursor: pointer; white-space: nowrap; }
.wc-workspace-nav button:hover { color: #14566c; background: #f0f8fa; }
.wc-workspace-nav button.is-active { color: #fff; background: var(--wc-primary); box-shadow: 0 5px 13px rgba(23, 107, 135, .22); }
.wc-workspace-nav button i { font-size: .96rem; }
[data-wc-page][hidden] { display: none !important; }

.warranty-connect-workspace { display: grid; min-width: 0; gap: 18px; }
.warranty-connect-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.warranty-connect-stat-grid article { position: relative; overflow: hidden; padding: 18px 20px; border: 1px solid var(--wc-line); border-top: 3px solid #79cbd0; border-radius: 15px; background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); box-shadow: 0 6px 18px rgba(15, 23, 42, .05); }
.warranty-connect-stat-grid article::after { content: ""; position: absolute; right: -18px; bottom: -23px; width: 72px; height: 72px; border-radius: 50%; background: #dff4f5; }
.warranty-connect-stat-grid span { display: block; color: var(--wc-muted); font-size: .85rem; font-weight: 650; }
.warranty-connect-stat-grid strong { display: block; margin-top: 8px; font-size: 1.8rem; line-height: 1; }

.warranty-connect-grid { display: grid; min-width: 0; gap: 18px; }
.warranty-connect-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.warranty-connect-card { min-width: 0; padding: 20px; border: 1px solid var(--wc-line); border-radius: 16px; background: #fff; box-shadow: 0 6px 18px rgba(15, 23, 42, .04); }
.warranty-connect-card-head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 17px; }
.warranty-connect-card-head h2 { margin: 0; font-size: 1.08rem; }
.warranty-connect-card-head p { margin: 4px 0 0; color: var(--wc-muted); font-size: .86rem; }
.warranty-connect-step { display: grid; flex: 0 0 31px; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #fff; background: var(--wc-primary); font-weight: 800; }
.wc-card-head-actions { align-items: center; justify-content: space-between; }
.wc-card-head-actions > .wc-add-dealer-btn { display: inline-flex; flex: 0 0 auto; min-height: 42px; align-items: center; gap: 7px; border-color: var(--wc-primary); color: #fff; background: var(--wc-primary); }
.wc-card-head-actions > .wc-add-dealer-btn:hover { color: #fff; background: var(--wc-primary-dark); }
.wc-card-title-group { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.wc-section-icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #176b87; background: #e6f6f8; font-size: 1.08rem; }
.wc-section-icon.is-assignment { color: #6d45be; background: #f1ecff; }
.wc-network-card { padding: 0; overflow: hidden; }
.wc-network-card > .warranty-connect-card-head { margin: 0; padding: 20px 22px; border-bottom: 1px solid var(--wc-line); }
.wc-network-card > .warranty-connect-table-wrap { padding: 0 10px 10px; }
.wc-network-card .warranty-connect-table-wrap table { min-width: 820px; }
.wc-filter-bar { display: grid; grid-template-columns: minmax(240px, 1.6fr) minmax(150px, .65fr) auto auto; align-items: end; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--wc-line); background: #fbfcfe; }
.wc-filter-bar-contained { margin: -2px 0 15px; padding: 13px; border: 1px solid var(--wc-line); border-radius: 12px; }
.wc-filter-bar-service { grid-template-columns: minmax(240px, 1.45fr) repeat(5, minmax(125px, .65fr)) auto; border-top: 1px solid var(--wc-line); }
.warranty-connect-card .wc-filter-bar label { display: grid; gap: 5px; margin: 0; min-width: 0; color: #536174; font-size: .7rem; font-weight: 750; }
.wc-filter-bar label > span { white-space: nowrap; }
.wc-filter-bar input,
.wc-filter-bar select { min-height: 38px; padding: 7px 10px; font-size: .78rem; }
.wc-filter-search > div { position: relative; }
.wc-filter-search > div i { position: absolute; top: 50%; left: 11px; z-index: 1; color: #7b8799; transform: translateY(-50%); }
.warranty-connect-card .wc-filter-search input { padding-left: 34px; }
.wc-filter-clear { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 6px; padding: 7px 11px; white-space: nowrap; }
.wc-filter-result { align-self: center; color: var(--wc-muted); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.wc-dealer-form-panel { margin: 16px 20px 18px; padding: 18px; border: 1px solid #b8dce4; border-radius: 14px; background: linear-gradient(145deg, #f4fbfc 0%, #fbfdff 65%, #f6f4ff 100%); box-shadow: inset 0 1px 0 #fff; }
.wc-dealer-form-panel[hidden] { display: none; }
.wc-form-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.wc-form-panel-head strong,
.wc-form-panel-head small { display: block; }
.wc-form-panel-head strong { color: #16324a; font-size: .96rem; }
.wc-form-panel-head small { margin-top: 4px; color: var(--wc-muted); font-size: .78rem; }
.wc-form-panel-head .ghost-btn { flex: 0 0 auto; width: 34px; height: 34px; padding: 0; }
.wc-dealer-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.wc-dealer-form-grid .wc-field-wide { grid-column: span 2; }
.wc-dealer-form-grid label { margin: 0; }
.wc-dealer-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 17px; padding-top: 15px; border-top: 1px solid #d8e7eb; }
.wc-dealer-form-footer p { margin: 0; color: #426174; font-size: .8rem; }
.wc-dealer-form-footer p i { margin-right: 6px; color: #17825b; }
.wc-dealer-form-footer > div { display: flex; gap: 9px; }
.wc-network-empty { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 13px; padding: 24px 16px; text-align: left; }
.wc-network-empty > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #176b87; background: #e6f6f8; font-size: 1.05rem; }
.wc-network-empty strong,
.wc-network-empty small { display: block; }
.wc-network-empty small { margin-top: 3px; color: var(--wc-muted); font-size: .76rem; font-weight: 500; }
.wc-assignment-workspace { padding: 0; overflow: hidden; }
.wc-assignment-head { align-items: center; justify-content: space-between; margin: 0; padding: 20px 22px; border-bottom: 1px solid var(--wc-line); }
.wc-workflow-pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 999px; color: #6b3fb1; background: #f1ecff; font-size: .74rem; font-weight: 800; white-space: nowrap; }
.wc-assignment-target-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; margin: 18px 20px 0; padding: 15px; border: 1px solid #cfe5ea; border-radius: 13px; background: #f4fafb; }
.wc-target-step { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 11px; }
.wc-target-step > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: var(--wc-primary); font-size: .76rem; font-weight: 850; }
.wc-target-step label { margin: 0; }
.wc-target-arrow { color: #7ba4b2; font-size: 1.1rem; }
.wc-assignment-workspace > .wc-assignment-method-grid { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); margin: 15px 20px; }
.wc-assignment-workspace .wc-serial-method-card { background: #fff; }
.wc-assignment-workspace .is-stock-picker { border-color: #cfe5ea; }
.wc-assignment-workspace .is-manual-entry { border-color: #ded6f2; background: #fdfcff; }
.wc-assignment-review-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(245px, .3fr); gap: 14px; margin: 0 20px 20px; }
.wc-assignment-review-row .wc-selected-serials { margin: 0; }
.wc-assignment-submit { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 12px; padding: 16px; border-radius: 12px; color: #fff; background: linear-gradient(145deg, #123d5c, #176b87); }
.wc-assignment-submit span { color: rgba(255, 255, 255, .78); font-size: .76rem; line-height: 1.4; }
.wc-assignment-submit span i { margin-right: 5px; }
.wc-assignment-submit .primary-btn { width: 100%; color: #15546b; background: #fff; }
.wc-assignment-submit .primary-btn:hover { background: #e9f8fa; }
.wc-assignment-workspace > .wc-serial-warning { margin: -6px 20px 20px; }
.warranty-connect-card label { display: grid; gap: 6px; margin-bottom: 13px; color: #344054; font-size: .86rem; font-weight: 700; }
.warranty-connect-card input,
.warranty-connect-card select,
.warranty-connect-card textarea { width: 100%; border: 1px solid #d4dbe7; border-radius: 9px; background: #fff; }
.warranty-connect-card textarea { resize: vertical; font-family: inherit; }
.warranty-connect-card .primary-btn { background: var(--wc-primary); }
.warranty-connect-card .primary-btn:hover { background: var(--wc-primary-dark); }
.warranty-connect-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.warranty-connect-preview { margin: 2px 0 14px; padding: 10px 12px; border-radius: 9px; color: #14566c; background: var(--wc-soft); font-size: .84rem; }
.wc-required { display: inline; color: #dc2626; }
.wc-assignment-method-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 2px 0 14px; }
.wc-serial-method-card,
.wc-selected-serials { min-width: 0; padding: 14px; border: 1px solid var(--wc-line); border-radius: 12px; background: #fbfcfe; }
.wc-selected-serials { margin-bottom: 12px; }
.wc-serial-method-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.wc-serial-method-head strong,
.wc-serial-method-head small { display: block; }
.wc-serial-method-head small { margin-top: 3px; color: var(--wc-muted); font-size: .75rem; font-weight: 500; }
.wc-count-pill { display: inline-grid; min-width: 28px; height: 25px; padding: 0 8px; place-items: center; border-radius: 999px; color: #155e75; background: #cffafe; font-size: .76rem; font-weight: 800; }
.warranty-connect-card label.wc-serial-search { position: relative; display: block; margin-bottom: 9px; }
.wc-serial-search i { position: absolute; top: 50%; left: 11px; z-index: 1; color: #7b8799; transform: translateY(-50%); }
.warranty-connect-card .wc-serial-search input { padding-left: 34px; }
.wc-available-serial-list { display: grid; max-height: 220px; overflow-y: auto; border: 1px solid #dbe2ec; border-radius: 9px; background: #fff; }
.wc-available-serial-option { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 9px 11px; border-bottom: 1px solid #edf0f5; cursor: pointer; }
.wc-available-serial-option:last-child { border-bottom: 0; }
.wc-available-serial-option:hover { background: #f0f9fb; }
.warranty-connect-card .wc-available-serial-option input { width: 17px; height: 17px; margin: 0; accent-color: var(--wc-primary); }
.wc-available-serial-option strong,
.wc-available-serial-option small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-available-serial-option small { margin-top: 2px; color: #16803c; font-size: .72rem; }
.wc-inline-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.wc-inline-entry .secondary-btn,
.wc-add-pasted-btn { min-height: 40px; white-space: nowrap; }
.wc-selected-serial-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 34px; }
.wc-selected-serial-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 6px 7px 6px 10px; border: 1px solid #b8dce4; border-radius: 999px; color: #14566c; background: var(--wc-soft); font-size: .78rem; font-weight: 750; }
.wc-selected-serial-chip > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.wc-selected-serial-chip small { display: block; color: #b45309; font-size: .62rem; line-height: 1.1; }
.wc-selected-serial-chip.is-negative { border-color: #fbbf24; color: #92400e; background: #fffbeb; }
.wc-selected-serial-chip button { display: grid; width: 22px; height: 22px; padding: 0; place-items: center; border: 0; border-radius: 50%; color: inherit; background: transparent; cursor: pointer; }
.wc-selected-serial-chip button:hover { background: rgba(15, 23, 42, .08); }
.wc-serial-warning { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 13px; padding: 10px 12px; border: 1px solid #fbbf24; border-radius: 9px; color: #92400e; background: #fffbeb; font-size: .8rem; line-height: 1.4; }
.wc-serial-warning[hidden] { display: none; }
.wc-empty { padding: 16px; color: var(--wc-muted); text-align: center; font-size: .8rem; }

.warranty-connect-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; }
.warranty-connect-table-wrap table { min-width: 650px; }
.warranty-connect-table-wrap th { white-space: nowrap; }
.warranty-connect-table-wrap td { vertical-align: middle; }
.warranty-connect-table-wrap .wc-empty { padding: 24px; text-align: center; color: var(--wc-muted); }
.wc-badge { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; color: #155e75; background: #cffafe; font-size: .76rem; font-weight: 750; }
.wc-badge.active { color: #166534; background: #dcfce7; }
.wc-badge.pending { color: #92400e; background: #fef3c7; }
.wc-badge.replaced { color: #6b21a8; background: #f3e8ff; }
.wc-badge.undone { color: #64748b; background: #e2e8f0; }
.wc-table-subtext { display: block; margin-top: 3px; color: var(--wc-muted); font-size: .72rem; font-weight: 500; }
.wc-dealer-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.wc-dealer-actions .secondary-btn { min-height: 34px; padding: 6px 10px; white-space: nowrap; font-size: .74rem; }
.wc-form-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.wc-form-actions .primary-btn,
.wc-form-actions .secondary-btn { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; }
.wc-activity-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 210px; }
.wc-activity-actions .secondary-btn { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 5px 8px; white-space: nowrap; font-size: .7rem; }
.wc-activity-actions .secondary-btn.is-danger { border-color: #fecaca; color: #b42318; background: #fff7f7; }
.wc-activity-actions .secondary-btn.is-danger:hover { background: #fee2e2; }
.wc-event-undone { opacity: .7; }
.wc-event-undone td:not(:last-child) { text-decoration-color: #94a3b8; }

.warranty-connect-inbox { display: grid; gap: 10px; }
.warranty-connect-inbox-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 13px 14px; border: 1px solid var(--wc-line); border-radius: 11px; background: #fbfcfe; }
.warranty-connect-inbox-row strong,
.warranty-connect-inbox-row small { display: block; }
.warranty-connect-inbox-row small { margin-top: 3px; color: var(--wc-muted); }
.warranty-connect-inbox-row button { white-space: nowrap; }
.warranty-connect-activity-card { margin-top: 0; }

.warranty-connect-service-card { margin-top: 0; padding: 0; overflow: hidden; }
.warranty-connect-service-card > .warranty-connect-card-head { margin: 0; padding: 20px 22px; border-bottom: 1px solid var(--wc-line); }
.wc-section-icon.is-service { color: #9a5b13; background: #fff4d8; }
.wc-service-log-form { padding: 20px 22px; border-bottom: 1px solid var(--wc-line); background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); }
.wc-service-log-meta { grid-template-columns: minmax(220px, 1.35fr) minmax(150px, .7fr) minmax(180px, .8fr); }
.wc-service-line-table { border: 1px solid var(--wc-line); border-radius: 11px; background: #fff; }
.wc-service-line-table table { min-width: 760px; }
.wc-service-line-table th { color: #536174; background: #f7f9fc; font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; }
.wc-service-line-table td { padding: 8px; }
.wc-service-line-table td:nth-child(1) { width: 120px; }
.wc-service-line-table td:nth-child(3),
.wc-service-line-table td:nth-child(4),
.wc-service-line-table td:nth-child(5) { width: 130px; }
.wc-service-line-table td:last-child { width: 48px; text-align: center; }
.warranty-connect-card .wc-service-line-table input,
.warranty-connect-card .wc-service-line-table select { min-height: 36px; margin: 0; padding: 7px 9px; }
.wc-service-line-amount { display: block; color: #143b50; font-weight: 800; text-align: right; white-space: nowrap; }
.wc-service-remove-line { display: inline-grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 1px solid #fecaca; border-radius: 8px; color: #b42318; background: #fff7f7; cursor: pointer; }
.wc-service-line-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 12px 0 15px; }
.wc-service-total { display: flex; align-items: baseline; gap: 10px; color: var(--wc-muted); }
.wc-service-total strong { color: #143b50; font-size: 1.15rem; }
.wc-service-history { display: grid; gap: 12px; padding: 18px 20px 20px; background: #f7f9fc; }
.wc-service-history-entry { overflow: hidden; border: 1px solid #dce3ed; border-radius: 13px; background: #fff; box-shadow: 0 5px 16px rgba(25, 45, 75, .045); }
.wc-service-history-head { display: grid; grid-template-columns: minmax(160px, .8fr) minmax(180px, 1fr) minmax(180px, 1fr) auto; align-items: center; gap: 14px; padding: 13px 15px; border-bottom: 1px solid #e7ebf1; background: #fcfdff; }
.wc-service-history-head strong,
.wc-service-history-head small { display: block; }
.wc-service-history-head small { margin-top: 3px; color: var(--wc-muted); font-size: .72rem; }
.wc-service-history-total { color: #155e75; font-size: 1rem; text-align: right; white-space: nowrap; }
.wc-service-history-lines { width: 100%; border-collapse: collapse; }
.wc-service-history-lines th,
.wc-service-history-lines td { padding: 9px 14px; border-bottom: 1px solid #edf0f4; font-size: .78rem; text-align: left; }
.wc-service-history-lines th { color: #6b7280; background: #fafbfc; font-size: .68rem; text-transform: uppercase; }
.wc-service-history-lines th:nth-last-child(-n+3),
.wc-service-history-lines td:nth-last-child(-n+3) { text-align: right; }
.wc-service-history-notes { margin: 0; padding: 10px 14px; color: #536174; background: #fffdf5; font-size: .76rem; line-height: 1.45; }
.wc-service-history-actions { display: flex; justify-content: flex-end; gap: 7px; padding: 10px 14px; }
.wc-service-history-actions .secondary-btn { min-height: 32px; padding: 5px 9px; font-size: .7rem; }
.wc-service-history-actions .is-danger { border-color: #fecaca; color: #b42318; background: #fff7f7; }

@media (max-width: 980px) {
  .warranty-connect-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warranty-connect-grid-two { grid-template-columns: 1fr; }
  .wc-assignment-method-grid { grid-template-columns: 1fr; }
  .wc-dealer-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wc-assignment-workspace > .wc-assignment-method-grid { grid-template-columns: 1fr 1fr; }
  .wc-service-log-meta { grid-template-columns: 1fr 1fr; }
  .wc-service-log-meta label:first-child { grid-column: 1 / -1; }
  .wc-service-history-head { grid-template-columns: 1fr 1fr; }
  .wc-filter-bar,
  .wc-filter-bar-service { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wc-filter-search { grid-column: span 2; }
  .wc-filter-result { justify-self: end; }
}

@media (max-width: 640px) {
  .warranty-connect-shell { padding: 14px; }
  .warranty-connect-hero { padding: 21px; flex-direction: column; }
  .wc-workspace-nav button { flex: 0 0 auto; justify-content: flex-start; }
  .warranty-connect-stat-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .warranty-connect-stat-grid article { padding: 15px; }
  .warranty-connect-form-grid { grid-template-columns: 1fr; gap: 0; }
  .warranty-connect-role-switch { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .warranty-connect-role-switch button { justify-content: center; padding-inline: 10px; }
  .warranty-connect-inbox-row { grid-template-columns: 1fr; }
  .wc-inline-entry { grid-template-columns: 1fr; }
  .wc-card-head-actions,
  .wc-assignment-head,
  .wc-dealer-form-footer { align-items: stretch; flex-direction: column; }
  .wc-card-head-actions > .wc-add-dealer-btn { width: 100%; justify-content: center; }
  .wc-dealer-form-grid { grid-template-columns: 1fr; }
  .wc-dealer-form-grid .wc-field-wide { grid-column: auto; }
  .wc-dealer-form-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
  .wc-network-empty { grid-template-columns: auto minmax(0, 1fr); }
  .wc-network-empty > button { grid-column: 1 / -1; }
  .wc-assignment-target-grid { grid-template-columns: 1fr; }
  .wc-target-arrow { display: none; }
  .wc-assignment-workspace > .wc-assignment-method-grid,
  .wc-assignment-review-row { grid-template-columns: 1fr; }
  .wc-service-log-meta { grid-template-columns: 1fr; }
  .wc-service-log-meta label:first-child { grid-column: auto; }
  .wc-service-line-footer { align-items: stretch; flex-direction: column; }
  .wc-service-total { justify-content: space-between; }
  .wc-service-history-head { grid-template-columns: 1fr; }
  .wc-service-history-total { text-align: left; }
  .wc-filter-bar,
  .wc-filter-bar-service { grid-template-columns: 1fr; padding: 12px; }
  .wc-filter-search { grid-column: auto; }
  .wc-filter-clear { width: 100%; }
  .wc-filter-result { justify-self: start; }
}