.panel-section {
  --ui-muted: #5e6d81;
  --ui-ink: #172b43;
  --ui-line: #e3e8ee;
}
.panel-section :is(.panel-muted, .command-section-title, .admin-data-freshness) { color: var(--ui-muted); }
.panel-section :is(.module-head, .panel-card-head, .order-detail-page-head) { gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.panel-section .module-head { display: flex; justify-content: space-between; }
.panel-section :is(.module-head, .panel-card-head, .order-detail-page-head) > * { min-width: 0; }
.panel-section :is(h2,h3,h4,h5) { text-align: left; overflow-wrap: break-word; }
.panel-section :is(.module-head, .panel-card-head) p { max-width: 76ch; margin-top: 7px; line-height: 1.65; }
.panel-section :is(.admin-actions, .content-editor-actions) { align-items: center; gap: 10px; flex-wrap: wrap; }
.panel-section .btn { align-items: center; justify-content: center; gap: 8px; min-height: 38px; line-height: 1.35; text-align: center; }
.panel-section [hidden] { display: none !important; }
.panel-section :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid #b58b42; outline-offset: 3px; }
.panel-section :is(input,select,textarea) { line-height: 1.5; }
.panel-section :is(.admin-form-grid,.content-form,.panel-grid) > label { line-height: 1.5; }
.panel-section :is(.auth-tabs,.fleet-tab-bar,.finance-tab-bar,.analytics-tab-bar,.client-detail-tabs):not(.client-360-tab-bar) {
  display: flex; flex-wrap: nowrap; gap: 5px; width: fit-content; max-width: 100%; overflow-x: auto;
  padding: 5px; border: 1px solid var(--ui-line); border-radius: 12px; background: #fff; scrollbar-width: thin;
}
.panel-section :is(.auth-tabs,.fleet-tab-bar,.finance-tab-bar,.analytics-tab-bar,.client-detail-tabs):not(.client-360-tab-bar) > button {
  flex: 0 0 auto; min-height: 38px; padding: 9px 16px; white-space: nowrap; border: 0; border-radius: 8px;
  color: #536277; font-size: 13px; line-height: 1.45; background: transparent; box-shadow: none;
}
.panel-section :is(.auth-tabs,.fleet-tab-bar,.finance-tab-bar,.analytics-tab-bar,.client-detail-tabs):not(.client-360-tab-bar) > button.active {
  color: #674b1e; background: #f6edda; font-weight: 550; box-shadow: none;
}
.panel-section .command-card { min-width: 0; min-height: 156px; grid-template-rows: minmax(48px,auto) 1fr; gap: 16px; }
.panel-section .command-card > span { display: block; max-width: calc(100% - 40px); min-height: 42px; color: var(--ui-muted); line-height: 1.55; font-size: 13px; }
.panel-section .command-card > strong { align-self: end; font-variant-numeric: tabular-nums; line-height: 1.2; overflow-wrap: break-word; }
.panel-section .command-card > em { width: 34px; height: 34px; top: 22px; right: 18px; }
.panel-section :is(.client-summary-card,.clients-report-card,.workspace-kpi,.rental-client-kpi) { min-width: 0; }
.panel-section :is(.client-summary-card,.clients-report-card,.workspace-kpi) strong { font-variant-numeric: tabular-nums; line-height: 1.25; overflow-wrap: break-word; }
.panel-section .rental-client-kpi > span:last-child { min-width: 0; }
.panel-section .rental-client-kpi small { color: var(--ui-muted); line-height: 1.55; }
.panel-section .rental-client-kpi strong { font-variant-numeric: tabular-nums; line-height: 1.3; }
body:is(.admin-mode,.client-mode) .panel-section .data-table th { color: #596a80; font-size: 12px; font-weight: 500; line-height: 1.5; text-transform: none; letter-spacing: 0; }
body:is(.admin-mode,.client-mode) .panel-section .data-table td { overflow-wrap: normal; word-break: normal; line-height: 1.6; }
.panel-section .data-table td :is(small,.admin-client-name) { overflow-wrap: anywhere; }
.panel-section .data-table td small { color: var(--ui-muted); }
.panel-section .status-pill { max-width: 100%; white-space: normal; line-height: 1.4; vertical-align: middle; }
.panel-section .fleet-product-card { min-width: 0; min-height: 0; grid-template-rows: auto minmax(0,1fr); }
.panel-section .fleet-product-image-wrap { min-height: 0; aspect-ratio: 4 / 3; padding: 14px; }
.panel-section .fleet-product-image-wrap img { width: 100%; height: 100%; max-height: 220px; object-fit: contain; }
.panel-section .fleet-product-card-body { display: flex; flex-direction: column; min-width: 0; gap: 12px; padding: 18px; }
.panel-section .fleet-product-title-row { min-width: 0; }
.panel-section .fleet-product-title-row h4 { min-width: 0; min-height: 42px; line-height: 1.5; margin: 0; overflow-wrap: break-word; }
.panel-section .fleet-product-title-row h4 .link-button { line-height: inherit; }
.panel-section .fleet-product-footer { margin-top: auto; min-width: 0; }
.panel-section .fleet-product-footer > * { min-width: 0; }
.panel-section .fleet-product-footer span { color: var(--ui-muted); line-height: 1.5; }
.panel-section .fleet-product-footer strong { font-variant-numeric: tabular-nums; }
.panel-section .fleet-directory-head p { color: var(--ui-muted); font-size: 14px; line-height: 1.65; }
.panel-section .fleet-view-toggle button.active { background: #f6edda; border-color: #e7d2a7; color: #674b1e; box-shadow: none; }
.offer-list-toolbar { display: grid; grid-template-columns: minmax(220px,1fr) minmax(140px,.55fr) minmax(150px,.55fr); gap: 16px; align-items: end; margin: 22px 0; }
.offer-list-toolbar label { display: grid; gap: 8px; color: var(--ui-muted); font-size: 12px; font-weight: 500; }
.offer-list-toolbar :is(input,select) { width: 100%; min-width: 0; min-height: 44px; margin: 0; }
.offer-result-count { flex: 0 0 auto; padding: 7px 10px; border-radius: 7px; background: #f2f5f8; color: #526377; font-size: 12px; font-variant-numeric: tabular-nums; }
.panel-section .offer-cell-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: 5px; }
.panel-section .offer-cell-copy > strong { color: var(--ui-ink); font-size: 13px; font-weight: 500; overflow-wrap: break-word; }
.panel-section .offer-cell-copy > small { display: block; font-size: 12px; line-height: 1.55; }
.panel-section .offer-code { white-space: nowrap; font-weight: 600; }
.panel-section .offer-amount { white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 550; }
.panel-section .offer-amount small { font-weight: 400; }
.panel-section .offer-validity { color: var(--ui-muted); font-size: 11px; }
.panel-section .offer-validity.is-expiring { color: #936012; font-weight: 500; }
.panel-section .admin-offer-list { table-layout: fixed; min-width: 760px; }
.panel-section .admin-offer-list th:nth-child(1) { width: 10%; }
.panel-section .admin-offer-list th:nth-child(2) { width: 20%; }
.panel-section .admin-offer-list th:nth-child(3) { width: 24%; }
.panel-section .admin-offer-list th:nth-child(4) { width: 14%; }
.panel-section .admin-offer-list th:nth-child(5) { width: 20%; }
.panel-section .admin-offer-list th:nth-child(6) { width: 12%; }
body.admin-mode #admin-panel-section .admin-offer-list :is(th,td) { padding: 16px 12px; }
.panel-section .admin-offer-list td:last-child .btn { padding: 8px 10px; font-size: 12px; }
.panel-section .offer-list-pagination { justify-content: flex-end; }
.panel-section .offer-list-pagination > [data-offers-reset] { margin-right: auto; }
.panel-section .offer-list-pagination [hidden] { display: none; }
.panel-section .client-offer-list { min-width: 760px; }
.panel-section .client-offer-list > tbody > tr > td { vertical-align: middle; }
.panel-section .offer-row-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.panel-section .offer-row-actions .link-button { font-size: 12px; font-weight: 500; }
.panel-section .offer-decision-actions { padding-top: 18px; margin-top: 18px; border-top: 1px solid var(--ui-line); }
.panel-section .offer-decision-actions p { color: var(--ui-muted); font-size: 13px; }
.panel-section .offer-detail-tabs { display: flex; flex-wrap: nowrap; gap: 6px; margin: 20px 0 24px; padding: 5px; border: 1px solid var(--ui-line); border-radius: 12px; background: #fff; overflow-x: auto; scrollbar-width: thin; }
.panel-section .offer-detail-tabs button { flex: 0 0 auto; min-height: 40px; border: 0; border-radius: 8px; padding: 10px 16px; background: transparent; color: #526377; font: inherit; font-size: 13px; cursor: pointer; }
.panel-section .offer-detail-tabs button[aria-pressed="true"] { background: #f6edda; color: #674b1e; font-weight: 550; }
.panel-section .offer-detail-panel[hidden] { display: none; }
.panel-section .offer-detail-panel:not([hidden]) { display: grid; gap: 20px; min-width: 0; }
.panel-section .offer-items-table { min-width: 720px; }
.panel-section .offer-items-table th:first-child { width: 32%; }
.panel-section .offer-item-specs { margin-top: 10px; font-size: 12px; }
.panel-section .offer-item-specs summary { color: #76551f; cursor: pointer; line-height: 1.6; }
.panel-section .offer-item-specs dl { display: grid; grid-template-columns: minmax(80px,auto) minmax(0,1fr); gap: 7px 12px; padding: 12px; border-radius: 8px; background: #f6f7f9; }
.panel-section .offer-item-specs dt { color: var(--ui-muted); }
.panel-section .offer-item-specs dd { margin: 0; overflow-wrap: anywhere; }
#admin-offer-detail-view .order-detail-page-head > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#admin-offer-detail-view .order-detail-page-head > div:first-child { flex: 1 1 320px; }
#admin-offer-detail-view .order-detail-page-head p { font-size: 13px; line-height: 1.9; }
#admin-offer-detail-view .order-detail-page-head h4 { font-size: 23px; line-height: 1.4; margin-block: 6px 10px; }
#admin-pane-offers.offer-detail-open > :is(.module-head,.offer-subtabs) { display: none; }
#admin-offer-detail-view .jpm-offer-hero { grid-template-columns: minmax(0,1fr) auto; gap: 24px; }
#admin-offer-detail-view .jpm-offer-logo { display: none; }
#admin-offer-detail-view .jpm-offer-wordmark { width: 240px; max-width: 100%; }
#admin-offer-detail-view .jpm-offer-car-photo { max-height: 300px; }
#admin-offer-detail-view .jpm-offer-car-photo img { max-height: 280px; object-fit: contain; }
body:not(.admin-mode):not(.client-mode) :is(.rental-category-card,.public-info-card,.product-spec-tile) { min-width: 0; }
body:not(.admin-mode):not(.client-mode) .product-spec-tile { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; }
body:not(.admin-mode):not(.client-mode) .product-spec-tile strong { font-variant-numeric: tabular-nums; line-height: 1.4; }
body:not(.admin-mode):not(.client-mode) .rental-category-title { line-height: 1.5; }
@media (max-width: 1000px) {
  .offer-list-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offer-list-toolbar .offer-search-field { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .panel-section :is(.module-head,.panel-card-head,.order-detail-page-head) { gap: 14px; }
  .panel-section .panel-card { padding: 18px; }
  .panel-section .command-card { padding: 18px; min-height: 146px; }
  .panel-section .command-card > span { max-width: calc(100% - 34px); min-height: 48px; font-size: 12px; }
  .panel-section .command-card > em { top: 16px; right: 12px; width: 28px; height: 28px; }
  .panel-section .command-card > strong { font-size: 25px; }
  .panel-section :is(.admin-offer-list,.client-offer-list) { display: block; min-width: 0; }
  .panel-section :is(.admin-offer-list,.client-offer-list) > thead { display: none; }
  .panel-section :is(#admin-offers-body,#client-offers-body) { display: grid; gap: 12px; width: 100%; background: #f6f8fa; }
  .panel-section :is(#admin-offers-body,#client-offers-body) > tr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px 16px; padding: 18px; background: #fff; border-bottom: 1px solid var(--ui-line); }
  body:is(.admin-mode,.client-mode) .panel-section :is(#admin-offers-body,#client-offers-body) > tr > td { display: block; min-width: 0; border: 0; padding: 0; white-space: normal; overflow-wrap: break-word; }
  .panel-section :is(#admin-offers-body,#client-offers-body) > tr > td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 6px; color: #66768a; font-size: 11px; font-weight: 400; }
  .panel-section :is(#admin-offers-body,#client-offers-body) > tr > td:first-child { grid-area: 1 / 1; align-self: center; }
  .panel-section :is(#admin-offers-body,#client-offers-body) > tr > td:first-child::before,
  .panel-section :is(#admin-offers-body,#client-offers-body) > tr > td:last-child::before { display: none; }
  .panel-section :is(#admin-offers-body,#client-offers-body) > tr > td:last-child { grid-area: 1 / 2; justify-self: end; }
  .panel-section #admin-offers-body > tr > td:nth-child(2) { grid-area: 2 / 1 / auto / -1; }
  .panel-section #admin-offers-body > tr > td:nth-child(3) { grid-area: 3 / 1 / auto / -1; }
  .panel-section #admin-offers-body > tr > td:nth-child(4) { grid-area: 4 / 1; }
  .panel-section #admin-offers-body > tr > td:nth-child(5) { grid-area: 4 / 2; }
  .panel-section #client-offers-body > tr > td:nth-child(2) { grid-area: 2 / 1 / auto / -1; }
  .panel-section #client-offers-body > tr > td:nth-child(3) { grid-area: 3 / 1; }
  .panel-section #client-offers-body > tr > td:nth-child(4) { grid-area: 3 / 2; }
  .panel-section #client-offers-body > tr > td:nth-child(5) { grid-area: 4 / 1 / auto / -1; }
  .panel-section :is(#admin-offers-body,#client-offers-body) > tr > td[colspan] { grid-area: 1 / 1 / auto / -1; width: 100%; }
  .panel-section #client-offers-body .offer-row-actions { flex-direction: row; align-items: center; }
  .panel-section .offer-list-pagination { justify-content: center; gap: 20px; }
  .panel-section .offer-list-pagination > [data-offers-reset] { margin: 0; }
  .panel-section .offer-detail-tabs { margin-block: 16px; }
  #admin-offer-detail-view .jpm-offer-hero { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .panel-section :is(.command-card,.fleet-product-card,.rental-client-kpi) { transition: none; transform: none; }
}