/* terra-customer-css-phase2a-20260814
 * TERRA INDUSTRIES WEBSITE 2.0
 * Central customer-workspace styling owner.
 *
 * PHASE 2A STATUS: BRIDGE ONLY — NO VISUAL RULES YET.
 *
 * Future ownership:
 * - My Terra Account workspace/navigation
 * - account pricing / bulk pricing
 * - quote history
 * - profile/preferences/security
 * - customer forms/tables/cards
 *
 * Preserve existing functional JS selectors/classes.
 */

/* ==========================================================
   terra-final-sitewide-design-system-phase2j-v1-20260814
   CUSTOMER ACCOUNT — FINAL CLEAN WORKSPACE
========================================================== */
html body:has(.terra-workspace-shell--customer) > main.container{
  width:min(var(--terra-content-max),calc(100% - 48px)) !important;
  max-width:var(--terra-content-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

html body:has(.terra-workspace-shell--customer) > main.container :is(
  .customer-dashboard-hero,
  .terra-workspace-shell--customer,
  .terra-customer-quick-actions,
  .customer-dashboard-grid,
  .customer-dashboard-permissions,
  .customer-marketing-preferences,
  .customer-rfq-history
){
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

html body:has(.terra-workspace-shell--customer) .customer-dashboard-hero{
  margin:24px 0 18px !important;
  padding:22px 24px !important;
  border:1px solid var(--terra-line) !important;
  border-top:3px solid var(--terra-orange) !important;
  border-radius:var(--terra-radius) !important;
  background:#fff !important;
  box-shadow:var(--terra-shadow) !important;
}

html body:has(.terra-workspace-shell--customer) .customer-dashboard-hero h1{
  margin:0 0 7px !important;
  color:var(--terra-navy) !important;
  font-size:clamp(30px,3.4vw,42px) !important;
  line-height:1.07 !important;
}

html body:has(.terra-workspace-shell--customer) .terra-workspace-shell--customer{
  margin-bottom:18px !important;
}

html body:has(.terra-workspace-shell--customer) .terra-customer-quick-actions{
  margin:0 0 18px !important;
  padding:16px !important;
  border:1px solid var(--terra-line) !important;
  border-top:3px solid var(--terra-orange) !important;
  border-radius:var(--terra-radius) !important;
  background:#fff !important;
  box-shadow:var(--terra-shadow) !important;
}

html body:has(.terra-workspace-shell--customer) .terra-customer-quick-actions-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
}

html body:has(.terra-workspace-shell--customer) .terra-customer-quick-actions-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}

html body:has(.terra-workspace-shell--customer) .terra-customer-action{
  display:grid !important;
  gap:5px !important;
  min-height:92px !important;
  padding:15px !important;
  border:1px solid var(--terra-line) !important;
  border-radius:8px !important;
  background:var(--terra-soft) !important;
  color:var(--terra-navy) !important;
  text-decoration:none !important;
  transition:border-color .15s ease,background .15s ease,transform .15s ease !important;
}

html body:has(.terra-workspace-shell--customer) .terra-customer-action:hover{
  border-color:var(--terra-orange) !important;
  background:var(--terra-soft-orange) !important;
  transform:translateY(-1px) !important;
}

html body:has(.terra-workspace-shell--customer) .terra-customer-action small{
  color:var(--terra-muted) !important;
  line-height:1.4 !important;
}

html body:has(.terra-workspace-shell--customer) .customer-dashboard-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 0 18px !important;
}

html body:has(.terra-workspace-shell--customer) :is(
  .customer-dashboard-card,
  .customer-dashboard-permissions,
  .customer-marketing-preferences,
  .customer-rfq-history
){
  margin:0 !important;
  padding:20px 22px !important;
  border:1px solid var(--terra-line) !important;
  border-radius:var(--terra-radius) !important;
  background:#fff !important;
  box-shadow:var(--terra-shadow) !important;
}

html body:has(.terra-workspace-shell--customer) .customer-dashboard-grid .customer-dashboard-card:first-child{
  border-top:3px solid var(--terra-orange) !important;
}

html body:has(.terra-workspace-shell--customer) .customer-profile-list{
  margin:12px 0 0 !important;
}

html body:has(.terra-workspace-shell--customer) .customer-profile-list > div{
  display:grid !important;
  grid-template-columns:minmax(130px,170px) minmax(0,1fr) !important;
  gap:14px !important;
  padding:9px 0 !important;
  border-bottom:1px solid var(--terra-line) !important;
}

html body:has(.terra-workspace-shell--customer) .customer-profile-list > div:last-child{
  border-bottom:0 !important;
}

html body:has(.terra-workspace-shell--customer) .customer-profile-list dt{
  color:var(--terra-muted) !important;
  font-size:12px !important;
  font-weight:900 !important;
}

html body:has(.terra-workspace-shell--customer) .customer-profile-list dd{
  margin:0 !important;
  color:var(--terra-navy) !important;
}

html body:has(.terra-workspace-shell--customer) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea
){
  min-height:var(--terra-control-height) !important;
  border:1px solid var(--terra-line-strong) !important;
  border-radius:7px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

html body:has(.terra-workspace-shell--customer) :is(button,.button-link,.terra-workspace-collapse-button){
  min-height:42px !important;
  border-radius:7px !important;
  font-weight:900 !important;
}

html body:has(.terra-workspace-shell--customer) .table-scroll{
  border:1px solid var(--terra-line) !important;
  border-radius:8px !important;
  overflow:auto !important;
}

html body:has(.terra-workspace-shell--customer) .table-scroll th{
  background:var(--terra-soft) !important;
  color:var(--terra-muted) !important;
}

@media(max-width:900px){
  html body:has(.terra-workspace-shell--customer) > main.container{
    width:calc(100% - 44px) !important;
  }

  html body:has(.terra-workspace-shell--customer) .terra-customer-quick-actions-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  html body:has(.terra-workspace-shell--customer) > main.container{
    width:calc(100% - 28px) !important;
  }

  html body:has(.terra-workspace-shell--customer) :is(.terra-customer-quick-actions-grid,.customer-dashboard-grid){
    grid-template-columns:1fr !important;
  }

  html body:has(.terra-workspace-shell--customer) .customer-profile-list > div{
    grid-template-columns:1fr !important;
    gap:3px !important;
  }

  html body:has(.terra-workspace-shell--customer) .terra-customer-action{
    min-height:78px !important;
  }
}

/* ==========================================================
   terra-sitewide-button-colour-system-v1-20260823
   CUSTOMER / MY ACCOUNT ACTION COLOUR STANDARD

   Current Customer workspace surfaces are light:
   Terra navy -> Terra orange.
   Header/nav/footer and WhatsApp actions remain untouched.
========================================================== */

html body:has(.terra-workspace-shell--customer)
> main.container
:is(
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-link,
  a.small-button,
  a.terra-action,
  a.btn,
  [role="button"]
):not(.whatsapp-button):not(.terra-action--whatsapp):not(.terra-whatsapp-confirm-button):not([class*="whatsapp"]):not([href*="wa.me"]):not([href*="whatsapp.com"]){
  border-color:#1b283a!important;
  background:#1b283a!important;
  background-color:#1b283a!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body:has(.terra-workspace-shell--customer)
> main.container
:is(
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-link,
  a.small-button,
  a.terra-action,
  a.btn,
  [role="button"]
):not(.whatsapp-button):not(.terra-action--whatsapp):not(.terra-whatsapp-confirm-button):not([class*="whatsapp"]):not([href*="wa.me"]):not([href*="whatsapp.com"]):hover:not(:disabled),
html body:has(.terra-workspace-shell--customer)
> main.container
:is(
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-link,
  a.small-button,
  a.terra-action,
  a.btn,
  [role="button"]
):not(.whatsapp-button):not(.terra-action--whatsapp):not(.terra-whatsapp-confirm-button):not([class*="whatsapp"]):not([href*="wa.me"]):not([href*="whatsapp.com"]):focus-visible:not(:disabled){
  border-color:#ff834f!important;
  background:#ff834f!important;
  background-color:#ff834f!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body:has(.terra-workspace-shell--customer)
> main.container
:is(.is-dark,.terra-dark,[class*="--dark"]) 
:is(
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-link,
  a.small-button,
  a.terra-action,
  a.btn,
  [role="button"]
):not(.whatsapp-button):not(.terra-action--whatsapp):not(.terra-whatsapp-confirm-button):not([class*="whatsapp"]):not([href*="wa.me"]):not([href*="whatsapp.com"]){
  border-color:#ff834f!important;
  background:#ff834f!important;
  background-color:#ff834f!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body:has(.terra-workspace-shell--customer)
> main.container
:is(.is-dark,.terra-dark,[class*="--dark"]) 
:is(
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-link,
  a.small-button,
  a.terra-action,
  a.btn,
  [role="button"]
):not(.whatsapp-button):not(.terra-action--whatsapp):not(.terra-whatsapp-confirm-button):not([class*="whatsapp"]):not([href*="wa.me"]):not([href*="whatsapp.com"]):hover:not(:disabled),
html body:has(.terra-workspace-shell--customer)
> main.container
:is(.is-dark,.terra-dark,[class*="--dark"]) 
:is(
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-link,
  a.small-button,
  a.terra-action,
  a.btn,
  [role="button"]
):not(.whatsapp-button):not(.terra-action--whatsapp):not(.terra-whatsapp-confirm-button):not([class*="whatsapp"]):not([href*="wa.me"]):not([href*="whatsapp.com"]):focus-visible:not(:disabled){
  border-color:#1b283a!important;
  background:#1b283a!important;
  background-color:#1b283a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body:has(.terra-workspace-shell--customer)
> main.container input[type="file"]::file-selector-button,
html body:has(.terra-workspace-shell--customer)
> main.container input[type="file"]::-webkit-file-upload-button{
  border-color:#1b283a!important;
  background:#1b283a!important;
  color:#ffffff!important;
}

html body:has(.terra-workspace-shell--customer)
> main.container input[type="file"]::file-selector-button:hover,
html body:has(.terra-workspace-shell--customer)
> main.container input[type="file"]::-webkit-file-upload-button:hover{
  border-color:#ff834f!important;
  background:#ff834f!important;
  color:#ffffff!important;
}

/* ==========================================================
   terra-workspace-modern-consistency-v2-20260823
   CUSTOMER / MY ACCOUNT — UNIFIED CURRENT-ERA SURFACE SYSTEM

   ORANGE IS AN ACCENT, NOT A DECORATIVE RAIL.
========================================================== */

html body:has(.terra-workspace-shell--customer){
  --terra-ui-surface:#ffffff;
  --terra-ui-soft:#f7f9fa;
  --terra-ui-line:#dce4e8;
  --terra-ui-line-strong:#c8d3d8;
  --terra-ui-radius:14px;
  --terra-ui-radius-sm:10px;
  --terra-ui-shadow:0 10px 30px rgba(27,40,58,.055);
  --terra-ui-shadow-soft:0 5px 18px rgba(27,40,58,.04);
  --terra-ui-gap:20px;
}

html body:has(.terra-workspace-shell--customer) > main.container{
  padding-top:28px!important;
  padding-bottom:44px!important;
}

html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-shell,
  .customer-dashboard-wrap,
  .customer-account-shell,
  .customer-profile-shell,
  .terra-customer-profile-workspace,
  .customer-pricing-shell,
  .bulk-pricing-shell
){
  margin-top:0!important;
  margin-bottom:0!important;
}

html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-shell,
  .customer-dashboard-wrap,
  .customer-account-shell,
  .customer-profile-shell,
  .terra-customer-profile-workspace,
  .customer-pricing-shell,
  .bulk-pricing-shell
) > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-shell,
  .customer-dashboard-wrap,
  .customer-account-shell,
  .customer-profile-shell,
  .terra-customer-profile-workspace,
  .customer-pricing-shell,
  .bulk-pricing-shell
) > * + *{
  margin-top:var(--terra-ui-gap)!important;
}

/* All Customer utility heroes, including Single/Bulk Pricing. */
html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-hero,
  .customer-pricing-shell > section.hero,
  .bulk-pricing-shell > section.hero,
  section.hero
){
  box-sizing:border-box!important;
  margin:0!important;
  padding:24px 26px!important;
  border:1px solid var(--terra-ui-line)!important;
  border-top:3px solid var(--terra-orange)!important;
  border-left:1px solid var(--terra-ui-line)!important;
  border-radius:var(--terra-ui-radius)!important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfcfd 100%)!important;
  box-shadow:var(--terra-ui-shadow)!important;
}

html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-hero,
  .customer-pricing-shell > section.hero,
  .bulk-pricing-shell > section.hero,
  section.hero
) h1{
  margin:0 0 8px!important;
  color:var(--terra-navy)!important;
  font-size:clamp(32px,3.4vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}

html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-hero,
  .customer-pricing-shell > section.hero,
  .bulk-pricing-shell > section.hero,
  section.hero
) > p:last-child{
  max-width:760px!important;
  margin-bottom:0!important;
  color:#5d737c!important;
}

/* Customer Account nav. */
html body:has(.terra-workspace-shell--customer) .terra-workspace-shell--customer{
  border:1px solid var(--terra-ui-line)!important;
  border-radius:var(--terra-ui-radius)!important;
  background:#fff!important;
  box-shadow:var(--terra-ui-shadow-soft)!important;
}

html body:has(.terra-workspace-shell--customer) .terra-workspace-link,
html body:has(.terra-workspace-shell--customer) .terra-workspace-group > summary{
  border-radius:9px!important;
}

/* Quick Actions is a neutral utility surface — no orange rail. */
html body:has(.terra-workspace-shell--customer) .terra-customer-quick-actions{
  margin:0!important;
  padding:20px 22px!important;
  border:1px solid var(--terra-ui-line)!important;
  border-top:1px solid var(--terra-ui-line)!important;
  border-left:1px solid var(--terra-ui-line)!important;
  border-radius:var(--terra-ui-radius)!important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfcfd 100%)!important;
  box-shadow:var(--terra-ui-shadow-soft)!important;
}

/* One ordinary Customer card system. */
html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-card,
  .customer-dashboard-permissions,
  .customer-marketing-preferences,
  .customer-rfq-history,
  .customer-profile-card,
  .customer-access-card,
  .customer-pricing-card,
  .bulk-pricing-card,
  .card
){
  box-sizing:border-box!important;
  margin:0!important;
  padding:22px 24px!important;
  border:1px solid var(--terra-ui-line)!important;
  border-top:1px solid var(--terra-ui-line)!important;
  border-left:1px solid var(--terra-ui-line)!important;
  border-radius:var(--terra-ui-radius)!important;
  background:var(--terra-ui-surface)!important;
  box-shadow:var(--terra-ui-shadow-soft)!important;
}

html body:has(.terra-workspace-shell--customer) .customer-dashboard-grid{
  gap:var(--terra-ui-gap)!important;
  margin:0!important;
}

/* Eyebrow is the orange accent. */
html body:has(.terra-workspace-shell--customer) .eyebrow,
html body:has(.terra-workspace-shell--customer) .terra-workspace-eyebrow{
  margin:0 0 7px!important;
  color:var(--terra-orange)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

html body:has(.terra-workspace-shell--customer) .section-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 16px!important;
}

html body:has(.terra-workspace-shell--customer)
:is(
  .customer-dashboard-card,
  .customer-dashboard-permissions,
  .customer-marketing-preferences,
  .customer-rfq-history,
  .customer-profile-card,
  .customer-access-card,
  .customer-pricing-card,
  .bulk-pricing-card,
  .card
) h2{
  margin-top:0!important;
  margin-bottom:8px!important;
  color:var(--terra-navy)!important;
  font-size:clamp(21px,2vw,25px)!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
}

/* Permission/address subsurfaces. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-dashboard-permissions,.customer-address-list) > *{
  border-color:var(--terra-ui-line)!important;
  border-radius:var(--terra-ui-radius-sm)!important;
  background:#fbfcfd!important;
}

/* Tables. */
html body:has(.terra-workspace-shell--customer)
:is(.table-scroll,.terra-customer-rfq-scroll,.bulk-pricing-table-wrap){
  border:1px solid var(--terra-ui-line)!important;
  border-radius:var(--terra-ui-radius-sm)!important;
  background:#fff!important;
  overflow:auto!important;
}

html body:has(.terra-workspace-shell--customer) table thead th{
  background:var(--terra-ui-soft)!important;
  color:#49616c!important;
  border-bottom-color:var(--terra-ui-line-strong)!important;
}

html body:has(.terra-workspace-shell--customer) table tbody tr:hover td{
  background:#fbfcfd!important;
}

/* Runtime Show/Hide presentation remains retired. */
html body:has(.terra-workspace-shell--customer) .terra-workspace-collapse-button{
  display:none!important;
}

@media(max-width:720px){
  html body:has(.terra-workspace-shell--customer) > main.container{
    padding-top:20px!important;
    padding-bottom:32px!important;
  }

  html body:has(.terra-workspace-shell--customer)
  :is(
    .customer-dashboard-hero,
    .customer-pricing-shell > section.hero,
    .bulk-pricing-shell > section.hero,
    section.hero
  ){
    padding:20px!important;
  }

  html body:has(.terra-workspace-shell--customer)
  :is(
    .customer-dashboard-card,
    .customer-dashboard-permissions,
    .customer-marketing-preferences,
    .customer-rfq-history,
    .customer-access-card,
    .customer-pricing-card,
    .bulk-pricing-card,
    .card
  ){
    padding:18px!important;
  }

  html body:has(.terra-workspace-shell--customer) .section-heading{
    display:grid!important;
    gap:12px!important;
  }
}/* V2.3 SURGICAL — CUSTOMER DASHBOARD + PRICING RHYTHM */
html body:has(.terra-workspace-shell--customer):has(.customer-dashboard-hero)
> main.container > * + *{
  margin-top:20px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-dashboard-hero{
  border-top:3px solid var(--terra-orange)!important;
}
html body:has(.terra-workspace-shell--customer):has(.customer-dashboard-hero)
.customer-dashboard-grid > .customer-dashboard-card,
html body:has(.terra-workspace-shell--customer):has(.customer-dashboard-hero)
> main.container > .customer-dashboard-card,
html body:has(.terra-workspace-shell--customer):has(.customer-dashboard-hero)
.customer-access-card,
html body:has(.terra-workspace-shell--customer):has(.customer-dashboard-hero)
.customer-marketing-preferences,
html body:has(.terra-workspace-shell--customer):has(.customer-dashboard-hero)
.customer-rfq-history{
  border-top:1px solid var(--terra-ui-line)!important;
}
html body:has(.terra-workspace-shell--customer) .terra-customer-quick-actions{
  border-top:1px solid var(--terra-ui-line)!important;
}
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs{
  margin:0!important;
}
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs + :is(.customer-pricing-card,.bulk-pricing-card){
  margin-top:20px!important;
}
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-card,.bulk-pricing-card){
  border-top:1px solid var(--terra-ui-line)!important;
}

/* -------------------------------------------------------------------------------------------------
   terra-customer-pricing-subtabs-phase2c-v1-20260827
   CUSTOMER PRICING — TERRA SEGMENTED MODE CONTROL
-------------------------------------------------------------------------------------------------- */

html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs{
  display:inline-grid!important;
  grid-template-columns:minmax(112px,auto) minmax(150px,auto)!important;
  gap:0!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:3px!important;
  border:1px solid var(--terra-ui-line)!important;
  border-radius:9px!important;
  background:#f8f7e5!important;
  box-shadow:none!important;
  overflow:hidden!important;
  vertical-align:top!important;
}

html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease!important;
}

/* Active mode: Terra navy, not solid orange. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active{
  border-color:#1b283a!important;
  background:#1b283a!important;
  background-color:#1b283a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Inactive hover/focus: orange accent with white text. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a:not(.is-active):hover,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a:not(.is-active):focus-visible{
  border-color:#ff834f!important;
  background:#ff834f!important;
  background-color:#ff834f!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  outline:none!important;
}

/* Active hover/focus stays active; subtle orange outline signals interaction without swapping state colour. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active:hover,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active:focus-visible{
  border-color:#ff834f!important;
  background:#1b283a!important;
  background-color:#1b283a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  outline:none!important;
}

/* Keep the first pricing card rhythm consistent beneath the segmented control. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs + :is(.customer-pricing-card,.bulk-pricing-card){
  margin-top:18px!important;
}

@media(max-width:620px){
  html body:has(.terra-workspace-shell--customer)
  :is(.customer-pricing-shell,.bulk-pricing-shell)
  > .customer-pricing-mode-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }

  html body:has(.terra-workspace-shell--customer)
  :is(.customer-pricing-shell,.bulk-pricing-shell)
  > .customer-pricing-mode-tabs > a{
    width:100%!important;
    padding:0 10px!important;
    text-align:center!important;
  }
}

/* -------------------------------------------------------------------------------------------------
   terra-customer-pricing-subtabs-phase2c-v1-1-20260827
   PRICING MODE BUTTONS — MATCH CHECK PRICES BUTTON BEHAVIOUR
-------------------------------------------------------------------------------------------------- */

/* Remove the yellow/off-white segmented-container treatment entirely. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Both mode buttons use the same Terra navy base state as Check Prices. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #1b283a!important;
  border-radius:7px!important;
  background:#1b283a!important;
  background-color:#1b283a!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:
    background-color .16s ease,
    border-color .16s ease,
    color .16s ease!important;
}

/* Active page: subtle orange outline only; base remains navy. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active{
  border-color:#ff834f!important;
}

/* Exact Check Prices interaction: navy -> orange on hover/focus. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a:hover,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a:focus-visible,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active:hover,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active:focus-visible{
  border-color:#ff834f!important;
  background:#ff834f!important;
  background-color:#ff834f!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  outline:none!important;
}

/* Keep the content card tucked cleanly below the buttons. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs + :is(.customer-pricing-card,.bulk-pricing-card){
  margin-top:18px!important;
}

@media(max-width:620px){
  html body:has(.terra-workspace-shell--customer)
  :is(.customer-pricing-shell,.bulk-pricing-shell)
  > .customer-pricing-mode-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  html body:has(.terra-workspace-shell--customer)
  :is(.customer-pricing-shell,.bulk-pricing-shell)
  > .customer-pricing-mode-tabs > a,
  html body:has(.terra-workspace-shell--customer)
  :is(.customer-pricing-shell,.bulk-pricing-shell)
  > .customer-pricing-mode-tabs > a.is-active{
    width:100%!important;
    padding:0 10px!important;
  }
}

/* -------------------------------------------------------------------------------------------------
   terra-customer-pricing-subtabs-phase2c-v1-2-20260827
   PRICING MODE ACTIVE STATE + SPACING
-------------------------------------------------------------------------------------------------- */

/* Give the pricing mode controls breathing room below the main account navigation. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs{
  margin-top:10px!important;
  gap:8px!important;
}

/* Inactive mode = Terra navy. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a:not(.is-active){
  border-color:#1b283a!important;
  background:#1b283a!important;
  background-color:#1b283a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Active mode = Terra orange. Clear, visible state — no outline-only treatment. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active{
  border-color:#ff834f!important;
  background:#ff834f!important;
  background-color:#ff834f!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Inactive hover/focus follows the site button behaviour: navy -> orange. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a:not(.is-active):hover,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a:not(.is-active):focus-visible{
  border-color:#ff834f!important;
  background:#ff834f!important;
  background-color:#ff834f!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  outline:none!important;
}

/* Active stays orange on hover/focus so the selected mode remains unmistakable. */
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active:hover,
html body:has(.terra-workspace-shell--customer)
:is(.customer-pricing-shell,.bulk-pricing-shell)
> .customer-pricing-mode-tabs > a.is-active:focus-visible{
  border-color:#ff834f!important;
  background:#ff834f!important;
  background-color:#ff834f!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  outline:none!important;
}

/* terra-mobile-account-hub-global-nav-layer-v1-20260830
   Keep the customer Account Hub below the global mobile navigation while
   body.nav-open is active. Closed-menu customer layout is unchanged. */
@media (max-width:1024px){
  html body.nav-open:has(.terra-workspace-shell--customer) > main.container{
    position:relative!important;
    z-index:0!important;
  }

  html body.nav-open:has(.terra-workspace-shell--customer) .terra-workspace-shell--customer{
    z-index:0!important;
  }
}

/*
 * terra-customer-my-assets-card-layout-v2-20260910
 * My Assets card layout.
 * Presentation only: no customer data, auth, privacy, navigation or action logic changes.
 */
html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-assets-stack{
  grid-template-columns:1fr!important;
  gap:20px!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  margin-top:18px!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card{
  display:grid!important;
  gap:18px!important;
  padding:20px!important;
  border:1px solid #d8e0e5!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(27,40,58,.06)!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid #e4e9ed!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__header h3{
  margin:2px 0 6px!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__machine{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__type{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:260px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  background:#f3f6f7!important;
  color:#1b283a!important;
  font-size:.82rem!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__private h4{
  margin:0 0 10px!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__details{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 14px!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__details > div{
  min-width:0!important;
  padding:12px 13px!important;
  border:1px solid #e3e8eb!important;
  border-radius:8px!important;
  background:#f8fafb!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__details span{
  display:block!important;
  margin-bottom:4px!important;
  color:#61717c!important;
  font-size:.76rem!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__details strong{
  display:block!important;
  min-width:0!important;
  color:#1b283a!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding-top:2px!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__actions > form{
  display:block!important;
  margin:0!important;
}

html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__actions > :is(a.button-link,form > button){
  min-width:120px!important;
  margin:0!important;
  text-align:center!important;
}

@media(max-width:720px){
  html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card{
    padding:16px!important;
  }

  html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__header{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__type{
    justify-self:start!important;
    max-width:100%!important;
  }

  html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__details{
    grid-template-columns:1fr!important;
  }

  html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  html body:has(.terra-workspace-shell--customer) .customer-assets-shell .customer-asset-card__actions > :is(a.button-link,form,form > button){
    width:100%!important;
    max-width:none!important;
  }
}

/*
 * terra-customer-my-assets-v2-1-spacing-footer-polish-20260910
 * My Assets V2 visual polish only.
 * - remove inherited footer divider from asset action footer
 * - restore space before the Privacy card
 * - distribute customer workspace navigation across desktop width
 */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions{
  border:0!important;
  border-top:0!important;
  padding-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-stack + .customer-dashboard-card{
  margin-top:20px!important;
}

@media(min-width:901px){
  html body:has(.terra-workspace-shell--customer)
  .terra-workspace-nav--customer{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
  }

  html body:has(.terra-workspace-shell--customer)
  .terra-workspace-nav--customer > *{
    flex:0 0 auto!important;
  }
}

/* terra-customer-my-assets-v2-3-match-overview-structure-20260910 | no extra My Assets hero/nav spacing override */

/*
 * terra-customer-my-assets-v2-5-true-hero-nav-gap-20260910
 * Move the whole customer workspace card, not the nav content inside it.
 */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell > .customer-dashboard-hero + .terra-workspace-shell--customer{
  margin-top:20px!important;
}


/* ==========================================================
   terra-customer-custom-service-kits-ui-v1-20260910
   Private customer service-kit / parts-list presentation only.
   ========================================================== */
html body:has(.terra-workspace-shell--customer) .customer-service-kits-shell{
  display:grid!important;
  gap:20px!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 44px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kits-shell .customer-service-kit-notice{
  margin:0!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-form{
  display:grid!important;
  grid-template-columns:minmax(0,180px) minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-form label,
html body:has(.terra-workspace-shell--customer) .customer-service-kit-add-part label{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-list{
  display:grid!important;
  gap:18px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-card{
  display:grid!important;
  gap:18px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-card__header{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-card__header h2{
  margin:2px 0 5px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-hours{
  margin:0!important;
  font-weight:800!important;
  color:var(--terra-navy,#1b283a)!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-parts{
  border:1px solid var(--terra-ui-line,#dce4e8)!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-parts__head,
html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-row{
  display:grid!important;
  grid-template-columns:minmax(170px,1.25fr) minmax(150px,1fr) 80px minmax(180px,1.15fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:11px 13px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-parts__head{
  background:#f4f7f8!important;
  color:#1b283a!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-row + .customer-service-kit-part-row{
  border-top:1px solid var(--terra-ui-line,#dce4e8)!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-row small{
  display:block!important;
  margin-top:3px!important;
  color:#61757e!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-status--verified{
  background:#eaf7ee!important;
  color:#126b32!important;
  border:1px solid #addbbb!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-status--pending{
  background:#fff7df!important;
  color:#7b5700!important;
  border:1px solid #e4c66a!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-status--checked{
  background:#eef2f4!important;
  color:#52666f!important;
  border:1px solid #cfd9dd!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-empty{
  margin:0!important;
  padding:14px!important;
}
html body:has(.terra-workspace-shell--customer) .customer-service-kit-add-part{
  display:grid!important;
  grid-template-columns:minmax(170px,1fr) 120px minmax(200px,1.35fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  padding-top:16px!important;
  border-top:1px solid var(--terra-ui-line,#dce4e8)!important;
}
@media(max-width:900px){
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-form,
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-add-part{
    grid-template-columns:1fr 1fr!important;
  }
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-description{
    grid-column:1/-1!important;
  }
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-parts__head{
    display:none!important;
  }
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-row{
    grid-template-columns:1fr 1fr!important;
  }
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-row > div::before{
    content:attr(data-label)!important;
    display:block!important;
    margin-bottom:3px!important;
    color:#6c7f87!important;
    font-size:11px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-action{
    grid-column:1/-1!important;
  }
}
@media(max-width:620px){
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-card__header{
    display:grid!important;
  }
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-form,
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-add-part,
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-row{
    grid-template-columns:1fr!important;
  }
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-description,
  html body:has(.terra-workspace-shell--customer) .customer-service-kit-part-action{
    grid-column:auto!important;
  }
}



/* ==========================================================
   terra-customer-my-assets-accordion-button-polish-v1-20260910
   My Assets large-fleet accordion + soft action button system.
   ========================================================== */

/* Add Asset concertina */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-panel{
  padding:0!important;
  overflow:hidden!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion{
  width:100%!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion > summary{
  list-style:none!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion > summary::-webkit-details-marker{
  display:none!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px 20px!important;
  cursor:pointer!important;
  user-select:none!important;
  background:#fff!important;
  border-radius:10px!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__summary:hover{
  background:#fff7f2!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__summary:focus-visible{
  outline:2px solid #ff834f!important;
  outline-offset:-2px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__summary strong{
  display:block!important;
  color:#1b283a!important;
  font-size:20px!important;
  line-height:1.2!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__state{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  border:1px solid #cfdade!important;
  border-radius:999px!important;
  background:#f4f7f8!important;
  color:#1b283a!important;
  font-size:0!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__state::before{
  content:"+"!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell details[open] > .customer-assets-accordion__summary
.customer-assets-accordion__state::before{
  content:"−"!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__body{
  padding:0 20px 20px!important;
  border-top:1px solid #edf1f3!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-accordion__body > .eyebrow{
  margin-top:18px!important;
}

/* Saved Assets as compact native concertinas */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell details.customer-asset-card{
  display:block!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:78px!important;
  padding:14px 16px!important;
  border:0!important;
  cursor:pointer!important;
  list-style:none!important;
  background:#fff!important;
  transition:background-color .16s ease,box-shadow .16s ease!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary::-webkit-details-marker{
  display:none!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary:hover{
  background:#fff8f4!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary:focus-visible{
  outline:2px solid #ff834f!important;
  outline-offset:-2px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary::after{
  content:"+"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  margin-left:4px!important;
  border:1px solid #cfdade!important;
  border-radius:999px!important;
  background:#f4f7f8!important;
  color:#1b283a!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell details.customer-asset-card[open] > .customer-asset-card__summary::after{
  content:"−"!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell details.customer-asset-card[open] > .customer-asset-card__summary{
  border-bottom:1px solid #e4e9ed!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__expanded{
  display:grid!important;
  gap:16px!important;
  padding:16px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__expanded .customer-asset-card__private{
  margin:0!important;
}

/* Compact header spacing for large fleets */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary h3{
  margin:1px 0 4px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary .eyebrow{
  margin-bottom:4px!important;
}

/* Asset actions — soft status/action language matching the Admin polish */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions > :is(a.button-link,form > button){
  min-height:40px!important;
  padding:8px 13px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:8px!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

/* Service Kits / Parts */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
a.button-link[href*="/customer/asset-service-kits.php"]{
  background:#f1fbf4!important;
  border-color:#9fd8af!important;
  color:#08752d!important;
  -webkit-text-fill-color:#08752d!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
a.button-link[href*="/customer/asset-service-kits.php"]:hover,
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
a.button-link[href*="/customer/asset-service-kits.php"]:focus-visible{
  background:#e2f6e8!important;
  border-color:#198754!important;
  color:#075f27!important;
  -webkit-text-fill-color:#075f27!important;
  box-shadow:0 0 0 3px rgba(25,135,84,.10)!important;
}

/* Edit */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
a.button-link[href*="/customer/assets.php?edit="]{
  background:#f4f7f8!important;
  border-color:#cbd6db!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
a.button-link[href*="/customer/assets.php?edit="]:hover,
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
a.button-link[href*="/customer/assets.php?edit="]:focus-visible{
  background:#e9eef1!important;
  border-color:#7b97a1!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
  box-shadow:0 0 0 3px rgba(123,151,161,.12)!important;
}

/* Archive */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
form:has(input[name="action"][value="archive"]) > button{
  background:#fff2f1!important;
  border-color:#efb4ae!important;
  color:#a61b13!important;
  -webkit-text-fill-color:#a61b13!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
form:has(input[name="action"][value="archive"]) > button:hover,
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
form:has(input[name="action"][value="archive"]) > button:focus-visible{
  background:#ffe6e3!important;
  border-color:#b42318!important;
  color:#85150f!important;
  -webkit-text-fill-color:#85150f!important;
  box-shadow:0 0 0 3px rgba(180,35,24,.10)!important;
}

/* Restore */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
form:has(input[name="action"][value="restore"]) > button{
  background:#f1fbf4!important;
  border-color:#9fd8af!important;
  color:#08752d!important;
  -webkit-text-fill-color:#08752d!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
form:has(input[name="action"][value="restore"]) > button:hover,
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__actions
form:has(input[name="action"][value="restore"]) > button:focus-visible{
  background:#e2f6e8!important;
  border-color:#198754!important;
  color:#075f27!important;
  -webkit-text-fill-color:#075f27!important;
  box-shadow:0 0 0 3px rgba(25,135,84,.10)!important;
}

/* Archived-list utility button */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell a.button-link[href*="?show=archived"],
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell a.button-link[href="/customer/assets.php"]{
  border-radius:8px!important;
}

/* Service Kit form standardisation */
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell
:is(input[name="kit_name"],input[name="customer_part_number"]){
  text-transform:uppercase!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell select[name="customer_description"]{
  min-height:42px!important;
  width:100%!important;
  background:#fff!important;
}

/* Give Service Kit create/add actions the same soft green language */
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell
:is(.customer-service-kit-form,.customer-service-kit-add-part) > button{
  background:#f1fbf4!important;
  border-color:#9fd8af!important;
  color:#08752d!important;
  -webkit-text-fill-color:#08752d!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell
:is(.customer-service-kit-form,.customer-service-kit-add-part) > button:hover,
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell
:is(.customer-service-kit-form,.customer-service-kit-add-part) > button:focus-visible{
  background:#e2f6e8!important;
  border-color:#198754!important;
  color:#075f27!important;
  -webkit-text-fill-color:#075f27!important;
  box-shadow:0 0 0 3px rgba(25,135,84,.10)!important;
  transform:none!important;
}

/* Service Kit archive actions = soft red */
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell
:is(.customer-service-kit-card__header,.customer-service-kit-part-action) button{
  background:#fff2f1!important;
  border-color:#efb4ae!important;
  color:#a61b13!important;
  -webkit-text-fill-color:#a61b13!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell
:is(.customer-service-kit-card__header,.customer-service-kit-part-action) button:hover,
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell
:is(.customer-service-kit-card__header,.customer-service-kit-part-action) button:focus-visible{
  background:#ffe6e3!important;
  border-color:#b42318!important;
  color:#85150f!important;
  -webkit-text-fill-color:#85150f!important;
  box-shadow:0 0 0 3px rgba(180,35,24,.10)!important;
  transform:none!important;
}

@media(max-width:720px){
  html body:has(.terra-workspace-shell--customer)
  .customer-assets-shell .customer-assets-accordion__summary,
  html body:has(.terra-workspace-shell--customer)
  .customer-assets-shell .customer-asset-card__summary{
    align-items:flex-start!important;
  }

  html body:has(.terra-workspace-shell--customer)
  .customer-assets-shell .customer-asset-card__summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  html body:has(.terra-workspace-shell--customer)
  .customer-assets-shell .customer-asset-card__summary .customer-asset-card__type{
    grid-column:1!important;
    justify-self:start!important;
  }

  html body:has(.terra-workspace-shell--customer)
  .customer-assets-shell .customer-asset-card__summary::after{
    grid-column:2!important;
    grid-row:1 / span 2!important;
  }
}


/* ==========================================================
   terra-customer-action-system-v2-20260910
   Final My Assets / Customer Service Kit action styling.
   Dedicated classes intentionally override generic navy buttons.
   ========================================================== */

/* ----- Add Asset closed summary: obvious clickable action ----- */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion > .customer-assets-accordion__summary{
  min-height:92px!important;
  padding:16px 18px!important;
  border:1px solid #d7e2e5!important;
  border-left:4px solid #ff834f!important;
  background:linear-gradient(90deg,#fffaf7 0%,#ffffff 42%)!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion > .customer-assets-accordion__summary:hover{
  background:#fff4ed!important;
  border-color:#ffb08d!important;
  box-shadow:0 0 0 3px rgba(255,131,79,.08)!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-add-summary__copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-add-summary__copy strong{
  font-size:22px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-add-summary__copy small{
  display:block!important;
  margin-top:2px!important;
  color:#5f7480!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-add-summary__cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:7px 9px 7px 14px!important;
  border:1px solid #9fd8af!important;
  border-radius:8px!important;
  background:#f1fbf4!important;
  color:#08752d!important;
  font-weight:900!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-add-summary__cta .customer-assets-accordion__state{
  width:26px!important;
  height:26px!important;
  flex-basis:26px!important;
  border-color:#b7e1c3!important;
  background:#dff3e6!important;
  color:#08752d!important;
}

/* ----- Saved Asset collapsed summary metadata ----- */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary > div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__fleet{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  padding:5px 10px!important;
  border:1px solid #c9dbe1!important;
  border-radius:999px!important;
  background:#f4f8fa!important;
  color:#1b283a!important;
  white-space:nowrap!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__fleet > span{
  color:#7b97a1!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__fleet > strong{
  color:#1b283a!important;
  font-size:13px!important;
  font-weight:950!important;
}

/* ----- Dedicated customer action system ----- */
html body:has(.terra-workspace-shell--customer) .terra-customer-action,
html body:has(.terra-workspace-shell--customer) a.terra-customer-action,
html body:has(.terra-workspace-shell--customer) button.terra-customer-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 14px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:8px!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  text-decoration:none!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1.15!important;
  cursor:pointer!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--primary{
  background:#f1fbf4!important;
  border-color:#9fd8af!important;
  color:#08752d!important;
  -webkit-text-fill-color:#08752d!important;
}
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--primary:hover,
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--primary:focus-visible{
  background:#e2f6e8!important;
  border-color:#198754!important;
  color:#075f27!important;
  -webkit-text-fill-color:#075f27!important;
  box-shadow:0 0 0 3px rgba(25,135,84,.10)!important;
  transform:none!important;
}
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--neutral{
  background:#f4f7f8!important;
  border-color:#cbd6db!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
}
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--neutral:hover,
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--neutral:focus-visible{
  background:#e8eef1!important;
  border-color:#7b97a1!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
  box-shadow:0 0 0 3px rgba(123,151,161,.12)!important;
  transform:none!important;
}
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--danger{
  background:#fff2f1!important;
  border-color:#efb4ae!important;
  color:#a61b13!important;
  -webkit-text-fill-color:#a61b13!important;
}
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--danger:hover,
html body:has(.terra-workspace-shell--customer)
.terra-customer-action--danger:focus-visible{
  background:#ffe6e3!important;
  border-color:#b42318!important;
  color:#85150f!important;
  -webkit-text-fill-color:#85150f!important;
  box-shadow:0 0 0 3px rgba(180,35,24,.10)!important;
  transform:none!important;
}
html body:has(.terra-workspace-shell--customer)
.terra-customer-action:focus-visible{
  outline:2px solid #ff834f!important;
  outline-offset:2px!important;
}

/* Forms should not disturb button alignment. */
html body:has(.terra-workspace-shell--customer)
.terra-customer-action-form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-asset-card__actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-service-kit-card__header form,
html body:has(.terra-workspace-shell--customer)
.customer-service-kit-part-action form{
  margin:0!important;
}

/* Service Kit row buttons: explicit final owner. */
html body:has(.terra-workspace-shell--customer)
.customer-service-kits-shell button.terra-customer-action{
  min-height:40px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-service-kit-form > button.terra-customer-action,
html body:has(.terra-workspace-shell--customer)
.customer-service-kit-add-part > button.terra-customer-action{
  align-self:end!important;
}

/* Edit/Add form button row */
html body:has(.terra-workspace-shell--customer)
.customer-assets-form > div:last-child{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

/* Mobile summary stacking */
@media(max-width:760px){
  html body:has(.terra-workspace-shell--customer)
  .customer-assets-add-accordion > .customer-assets-accordion__summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  html body:has(.terra-workspace-shell--customer)
  .customer-assets-add-summary__cta{
    width:100%!important;
  }
  html body:has(.terra-workspace-shell--customer)
  .customer-asset-card__summary-meta{
    justify-content:flex-start!important;
    margin-left:0!important;
    flex-wrap:wrap!important;
  }
}


/* ==========================================================
   terra-customer-add-asset-smooth-accordion-v2-4-20260910
   One continuous outer border; no mixed/double border when open.
   ========================================================== */

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-panel{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d7e2e5!important;
  border-left:4px solid #ff834f!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion > .customer-assets-accordion__summary{
  width:100%!important;
  min-height:92px!important;
  margin:0!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#fffaf7 0%,#ffffff 42%)!important;
  box-shadow:none!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion > .customer-assets-accordion__summary:hover{
  background:#fff4ed!important;
  border:0!important;
  box-shadow:none!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion[open] > .customer-assets-accordion__summary{
  border-bottom:1px solid #e4e9ed!important;
  border-radius:0!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion > .customer-assets-accordion__body{
  margin:0!important;
  padding:0 18px 18px!important;
  border:0!important;
  border-top:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion > .customer-assets-accordion__body > .eyebrow{
  margin-top:18px!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion:not([open]) > .customer-assets-accordion__summary{
  border-bottom:0!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-accordion > .customer-assets-accordion__summary:focus-visible{
  outline:2px solid #ff834f!important;
  outline-offset:-3px!important;
  box-shadow:none!important;
}


/* ==========================================================
   terra-customer-my-assets-final-ui-polish-v3-20260910
   Final visual hierarchy/alignment for My Assets.
   ========================================================== */

/* OPEN Add Asset:
   The clickable summary is already the section heading.
   Remove the repeated eyebrow + H2 inside the form body. */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell
.customer-assets-add-accordion[open]
> .customer-assets-accordion__body
> .eyebrow,
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell
.customer-assets-add-accordion[open]
> .customer-assets-accordion__body
> h2{
  display:none!important;
}

html body:has(.terra-workspace-shell--customer)
.customer-assets-shell
.customer-assets-add-accordion[open]
> .customer-assets-accordion__body{
  padding-top:18px!important;
}

/* Keep Add Asset summary typography crisp in both states. */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-summary__copy strong{
  margin:0!important;
  font-size:21px!important;
  line-height:1.18!important;
  letter-spacing:-.015em!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-assets-add-summary__copy small{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.35!important;
}

/* Saved Asset right-side controls:
   one aligned group, same soft UI language as Admin status controls. */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary{
  column-gap:12px!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__type{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:6px 12px!important;
  border:1px solid #d8e1e5!important;
  border-radius:999px!important;
  background:#f4f7f8!important;
  color:#1b283a!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__fleet{
  min-height:34px!important;
  padding:6px 11px!important;
  border:1px solid #9fd8af!important;
  background:#f1fbf4!important;
  color:#08752d!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__fleet > span{
  color:#4b8060!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__fleet > strong{
  color:#08752d!important;
}

/* +/- is a proper soft-green control, not a loose icon. */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary::after{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  margin-left:2px!important;
  border:1px solid #9fd8af!important;
  border-radius:999px!important;
  background:#f1fbf4!important;
  color:#08752d!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__summary:hover::after{
  background:#e2f6e8!important;
  border-color:#198754!important;
  color:#075f27!important;
  box-shadow:0 0 0 3px rgba(25,135,84,.08)!important;
}

/* Expanded Asset action row:
   flush with the private detail grid, not indented. */
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__expanded
.customer-asset-card__actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html body:has(.terra-workspace-shell--customer)
.customer-assets-shell .customer-asset-card__expanded
.customer-asset-card__actions > *{
  margin:0!important;
}

/* FINAL button ownership.
   These selectors intentionally outrank legacy generic navy button rules. */
html body .terra-workspace-shell--customer
.customer-assets-shell
a.button-link.terra-customer-action.terra-customer-action--primary,
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--primary,
html body .terra-workspace-shell--customer
.customer-service-kits-shell
button.terra-customer-action.terra-customer-action--primary{
  background:#f1fbf4!important;
  border:1px solid #9fd8af!important;
  color:#08752d!important;
  -webkit-text-fill-color:#08752d!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .terra-workspace-shell--customer
.customer-assets-shell
a.button-link.terra-customer-action.terra-customer-action--primary:hover,
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--primary:hover,
html body .terra-workspace-shell--customer
.customer-service-kits-shell
button.terra-customer-action.terra-customer-action--primary:hover,
html body .terra-workspace-shell--customer
.customer-assets-shell
a.button-link.terra-customer-action.terra-customer-action--primary:focus-visible,
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--primary:focus-visible,
html body .terra-workspace-shell--customer
.customer-service-kits-shell
button.terra-customer-action.terra-customer-action--primary:focus-visible{
  background:#e2f6e8!important;
  border-color:#198754!important;
  color:#075f27!important;
  -webkit-text-fill-color:#075f27!important;
  box-shadow:0 0 0 3px rgba(25,135,84,.10)!important;
}

html body .terra-workspace-shell--customer
.customer-assets-shell
a.button-link.terra-customer-action.terra-customer-action--neutral,
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--neutral{
  background:#f4f7f8!important;
  border:1px solid #cbd6db!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .terra-workspace-shell--customer
.customer-assets-shell
a.button-link.terra-customer-action.terra-customer-action--neutral:hover,
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--neutral:hover,
html body .terra-workspace-shell--customer
.customer-assets-shell
a.button-link.terra-customer-action.terra-customer-action--neutral:focus-visible,
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--neutral:focus-visible{
  background:#e8eef1!important;
  border-color:#7b97a1!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
  box-shadow:0 0 0 3px rgba(123,151,161,.10)!important;
}

html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--danger,
html body .terra-workspace-shell--customer
.customer-service-kits-shell
button.terra-customer-action.terra-customer-action--danger{
  background:#fff2f1!important;
  border:1px solid #efb4ae!important;
  color:#a61b13!important;
  -webkit-text-fill-color:#a61b13!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--danger:hover,
html body .terra-workspace-shell--customer
.customer-service-kits-shell
button.terra-customer-action.terra-customer-action--danger:hover,
html body .terra-workspace-shell--customer
.customer-assets-shell
button.terra-customer-action.terra-customer-action--danger:focus-visible,
html body .terra-workspace-shell--customer
.customer-service-kits-shell
button.terra-customer-action.terra-customer-action--danger:focus-visible{
  background:#ffe6e3!important;
  border-color:#b42318!important;
  color:#85150f!important;
  -webkit-text-fill-color:#85150f!important;
  box-shadow:0 0 0 3px rgba(180,35,24,.10)!important;
}

/* Make all final customer action buttons consistent in size/typography. */
html body .terra-workspace-shell--customer
:is(.customer-assets-shell,.customer-service-kits-shell)
.terra-customer-action{
  min-height:40px!important;
  padding:8px 14px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.1!important;
}

/* Utility View Archived / View Active should no longer look like a primary navy CTA. */
html body .terra-workspace-shell--customer
.customer-assets-shell
a.terra-customer-action--neutral[href*="show=archived"],
html body .terra-workspace-shell--customer
.customer-assets-shell
a.terra-customer-action--neutral[href="/customer/assets.php"]{
  background:#f4f7f8!important;
  border-color:#cbd6db!important;
  color:#1b283a!important;
  -webkit-text-fill-color:#1b283a!important;
}

/* Mobile: keep the metadata group readable instead of crushing the model text. */
@media(max-width:760px){
  html body:has(.terra-workspace-shell--customer)
  .customer-assets-shell .customer-asset-card__summary-meta{
    width:100%!important;
    justify-content:flex-start!important;
    margin-left:0!important;
    flex-wrap:wrap!important;
  }
  html body:has(.terra-workspace-shell--customer)
  .customer-assets-shell .customer-asset-card__expanded
  .customer-asset-card__actions{
    justify-content:flex-start!important;
  }
}