body:has(#clients-page.trust-room-root:not([hidden])) .utility-footer { display: none; }
body:has(#clients-page.trust-room-root:not([hidden])) { padding-bottom: 0; }
body:has(#clients-page.trust-room-root:not([hidden])) main { padding-bottom: var(--space-4); scroll-padding-bottom: var(--space-4); }

.clients-trust-room-entry { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 20px; border: 1px solid color-mix(in srgb, var(--gold) 36%, var(--border)); border-radius: 12px; background: var(--surface-raised); }
.clients-trust-room-entry-copy { display: flex; min-width: 0; align-items: flex-start; gap: 12px; }
.clients-trust-room-entry-copy > .ui-icon { width: 22px; height: 22px; flex: 0 0 auto; margin-top: 2px; filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(638%) hue-rotate(358deg) brightness(95%) contrast(91%); }
.clients-trust-room-entry-copy > div { display: grid; min-width: 0; gap: 5px; }
.clients-trust-room-entry-copy h2 { color: var(--text); font-size: 0.96rem; font-weight: 600; }
.clients-trust-room-entry-copy p { max-width: 72ch; color: var(--muted); font-size: 0.78rem; line-height: 1.45; }
.clients-trust-room-entry > button { flex: 0 0 auto; }

.trust-room-root {
  --trust-room-gold: var(--gold);
  gap: 16px;
  max-width: 1440px;
  padding-bottom: 24px;
}

.trust-room-root > :is(.trust-room-breadcrumb, .trust-room-hero, .trust-room-layout, .trust-room-systems, .trust-room-footer) { width: 100%; }

.trust-room-breadcrumb { display: flex; align-items: center; min-height: 24px; }
.trust-room-breadcrumb-action { min-height: 32px; padding: 0; border: 0; background: transparent; color: var(--text); font-size: 0.86rem; }
.trust-room-breadcrumb-action:hover { background: transparent; color: var(--trust-room-gold); }
.trust-room-breadcrumb-action > .action-icon { width: 17px; height: 17px; }

.trust-room-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 720px); align-items: center; gap: 24px; padding: 3px 14px 8px; }
.trust-room-hero-title { display: flex; min-width: 0; align-items: flex-start; gap: 14px; }
.trust-room-hero-title > .ui-icon { width: 52px; height: 52px; flex: 0 0 auto; padding: 10px; border: 2px solid var(--trust-room-gold); border-radius: 50%; filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(638%) hue-rotate(358deg) brightness(95%) contrast(91%); }
.trust-room-hero-title h1 { color: var(--text); font-size: clamp(1.7rem, 2.3vw, 2.1rem); font-weight: 600; letter-spacing: -0.035em; line-height: 1.05; }
.trust-room-hero-title p { margin-top: 7px; color: var(--muted); font-size: 0.92rem; }
.trust-room-meta { display: grid; width: 100%; max-width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(225px, 1.5fr); align-items: stretch; gap: 0; }
.trust-room-meta-item, .trust-room-security { display: grid; min-height: 46px; align-content: center; gap: 4px; padding: 0 20px; border-left: 1px solid var(--border); }
.trust-room-meta-item:first-child { border-left: 0; }
.trust-room-meta-item span, .trust-room-security span { color: var(--muted); font-size: 0.72rem; }
.trust-room-meta-item strong { color: var(--text); font-size: 0.87rem; font-weight: 600; white-space: nowrap; }
.trust-room-security { display: flex; min-width: 170px; align-items: center; gap: 9px; border-left-color: var(--trust-room-gold); }
.trust-room-security > .ui-icon { width: 20px; height: 20px; flex: 0 0 auto; filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(638%) hue-rotate(358deg) brightness(95%) contrast(91%); }
.trust-room-security strong { display: block; color: var(--trust-room-gold); font-size: 0.84rem; font-weight: 600; }

.trust-room-layout { display: grid; grid-template-columns: minmax(0, 1.43fr) minmax(350px, 0.97fr); overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-raised); }
.trust-room-quote, .trust-room-timeline-panel { min-width: 0; }
.trust-room-quote { padding: 30px 34px 26px; border-right: 1px solid var(--border); }
.trust-room-timeline-panel { padding: 30px 34px 26px; }
.trust-room-panel-heading { display: grid; gap: 9px; }
.trust-room-panel-heading > span { display: inline-flex; width: fit-content; align-items: center; gap: 9px; color: var(--trust-room-gold); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.trust-room-panel-heading > span::before { width: 8px; height: 8px; border-radius: 50%; background: var(--trust-room-gold); content: ""; }
.trust-room-panel-heading h2, .trust-room-timeline-panel h2 { color: var(--text); font-size: clamp(1.2rem, 1.9vw, 1.48rem); font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; }
.trust-room-panel-heading p { max-width: 62ch; color: var(--muted); font-size: 0.88rem; line-height: 1.55; }
.trust-room-quote-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 242px); align-items: start; gap: 28px; margin-top: 16px; }
.trust-room-details { display: grid; grid-template-columns: minmax(100px, 0.72fr) minmax(0, 1.28fr); margin: 0; border-top: 1px solid var(--border); }
.trust-room-details dt, .trust-room-details dd { min-width: 0; margin: 0; padding: 6px 0; border-bottom: 1px solid color-mix(in srgb, var(--border) 72%, transparent); font-size: 0.83rem; line-height: 1.3; }
.trust-room-details dt { color: var(--muted); }
.trust-room-details dd { color: var(--text); font-weight: 500; text-align: right; overflow-wrap: anywhere; }
.trust-room-details .trust-room-total-label, .trust-room-details .trust-room-total-value { padding-top: 12px; border-bottom: 0; color: var(--text); font-size: 1.05rem; font-weight: 600; }
.trust-room-details .trust-room-total-value { color: var(--trust-room-gold); }
.trust-room-product-visual { display: grid; min-width: 0; min-height: 230px; margin: 0; place-items: center; overflow: hidden; border: 1px solid var(--border); border-radius: 10px; background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--surface-control) 68%, transparent), var(--surface)); }
.trust-room-product-visual img { display: block; width: 100%; height: 205px; object-fit: contain; }
.trust-room-product-visual figcaption { align-self: end; padding: 0 8px 11px; color: var(--muted); font-size: 0.72rem; text-align: center; }
.trust-room-validity { display: flex; align-items: center; gap: 8px; margin: 15px 0 17px; color: var(--muted); font-size: 0.77rem; line-height: 1.45; }
.trust-room-validity > .ui-icon { width: 16px; height: 16px; flex: 0 0 auto; filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(638%) hue-rotate(358deg) brightness(95%) contrast(91%); }
.trust-room-validity strong { color: var(--green-bright); font-weight: 600; }
.trust-room-actions { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr); gap: 12px; }
.trust-room-actions > button { min-height: 52px; justify-content: center; font-size: 0.92rem; }
.trust-room-actions .primary-action { color: var(--text-on-accent); }
.trust-room-actions .primary-action .action-icon { order: 2; }
.trust-room-approval-confirmation { display: flex; min-height: 64px; align-items: center; gap: 12px; grid-column: 1 / -1; padding: 12px 15px; border: 1px solid color-mix(in srgb, var(--green-bright) 48%, var(--border)); border-radius: 10px; background: color-mix(in srgb, var(--green-bright) 10%, var(--surface)); }
.trust-room-approval-confirmation > .ui-icon { width: 25px; height: 25px; flex: 0 0 auto; filter: brightness(0) saturate(100%) invert(71%) sepia(47%) saturate(728%) hue-rotate(95deg) brightness(92%) contrast(90%); }
.trust-room-approval-confirmation > div { display: grid; gap: 3px; }
.trust-room-approval-confirmation strong { color: var(--text); font-size: 0.84rem; }
.trust-room-approval-confirmation span { color: var(--muted); font-size: 0.75rem; }
.trust-room-question { display: grid; gap: 10px; margin-top: 16px; padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
.trust-room-question h3 { color: var(--text); font-size: 0.94rem; }
.trust-room-question p { color: var(--muted); font-size: 0.78rem; line-height: 1.45; }
.trust-room-question .platform-field { gap: 6px; }
.trust-room-question textarea { min-height: 76px; }
.trust-room-question-actions { display: flex; justify-content: flex-end; gap: 8px; }
.trust-room-question-actions button { min-height: 40px; }
.trust-room-question-sent { display: flex; align-items: center; gap: 7px; margin-top: 14px; color: var(--green-bright); font-size: 0.78rem; }
.trust-room-question-sent .ui-icon { width: 16px; height: 16px; }

.trust-room-timeline-panel h2 { margin-bottom: 24px; }
.trust-room-timeline { position: relative; display: grid; gap: 24px; margin: 0; padding: 0; list-style: none; }
.trust-room-timeline::before { position: absolute; top: 25px; bottom: 25px; left: 19px; width: 1px; background: var(--border-strong); content: ""; }
.trust-room-timeline-item { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 15px; min-width: 0; }
.trust-room-timeline-marker { z-index: 1; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--border-strong); border-radius: 50%; background: var(--surface); }
.trust-room-timeline-item.warning .trust-room-timeline-marker { border-color: var(--trust-room-gold); }
.trust-room-timeline-item.success .trust-room-timeline-marker { border-color: var(--green-bright); }
.trust-room-timeline-marker .ui-icon { width: 19px; height: 19px; }
.trust-room-timeline-item.warning .trust-room-timeline-marker .ui-icon { filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(638%) hue-rotate(358deg) brightness(95%) contrast(91%); }
.trust-room-timeline-item.success .trust-room-timeline-marker .ui-icon { filter: brightness(0) saturate(100%) invert(71%) sepia(47%) saturate(728%) hue-rotate(95deg) brightness(92%) contrast(90%); }
.trust-room-timeline-copy { display: grid; min-width: 0; gap: 6px; padding-top: 2px; }
.trust-room-timeline-title-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }
.trust-room-timeline-title-row h3 { min-width: 0; color: var(--text); font-size: 0.96rem; font-weight: 600; }
.trust-room-timeline-title-row .platform-status { flex: 0 0 auto; }
.trust-room-timeline-copy time { color: var(--muted); font-size: 0.77rem; }
.trust-room-timeline-copy p { color: var(--muted); font-size: 0.78rem; line-height: 1.35; overflow-wrap: anywhere; }

.trust-room-systems { display: grid; grid-template-columns: minmax(220px, 1.12fr) minmax(0, 1.88fr); gap: 25px; padding: 22px 24px; border: 1px solid color-mix(in srgb, var(--trust-room-gold) 37%, var(--border)); border-radius: 13px; background: var(--surface-raised); }
.trust-room-systems-intro { display: flex; align-items: flex-start; gap: 12px; }
.trust-room-systems-intro > .ui-icon { width: 24px; height: 24px; flex: 0 0 auto; margin-top: 2px; filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(638%) hue-rotate(358deg) brightness(95%) contrast(91%); }
.trust-room-systems-intro > div { display: grid; gap: 7px; }
.trust-room-systems-intro h2 { color: var(--trust-room-gold); font-size: 0.98rem; font-weight: 600; }
.trust-room-systems-intro p { color: var(--muted); font-size: 0.78rem; line-height: 1.5; }
.trust-room-systems-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.trust-room-system { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 1px 20px; border-left: 1px solid var(--border); }
.trust-room-system-icon { width: 34px; height: 34px; padding: 8px; border: 1px solid color-mix(in srgb, var(--trust-room-gold) 62%, var(--border)); border-radius: 50%; filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(638%) hue-rotate(358deg) brightness(95%) contrast(91%); }
.trust-room-system > div { min-width: 0; }
.trust-room-system-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.trust-room-system-title h3 { color: var(--text); font-size: 0.9rem; font-weight: 600; }
.trust-room-system p, .trust-room-system small { display: block; color: var(--muted); font-size: 0.76rem; line-height: 1.4; }
.trust-room-system small { margin-top: 3px; }

.trust-room-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 2px; }
.trust-room-back-action { min-height: 36px; padding-left: 0; border: 0; background: transparent; }
.trust-room-back-action:hover { background: transparent; color: var(--trust-room-gold); }
.trust-room-help { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 0.8rem; }
.trust-room-help > button { min-height: 36px; }

@media (max-width: 1200px) {
  .trust-room-hero { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .trust-room-meta { justify-content: start; }
  .trust-room-meta-item:first-child { padding-left: 0; }
}

@media (max-width: 900px) {
  .trust-room-layout { grid-template-columns: minmax(0, 1fr); }
  .trust-room-quote { border-right: 0; border-bottom: 1px solid var(--border); }
  .trust-room-systems { grid-template-columns: minmax(0, 1fr); }
  .trust-room-system:first-child { padding-left: 0; border-left: 0; }
}

@media (min-width: 621px) and (max-width: 760px) {
  .trust-room-security { grid-column: 1 / -1; min-height: 36px; padding: 9px 0 0; border-top: 1px solid var(--border); border-left: 0; }
}

@media (min-width: 621px) and (max-width: 660px) {
  .trust-room-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 0; }
  .trust-room-meta-item { min-height: 42px; padding: 0 10px; }
  .trust-room-meta-item:nth-child(odd) { padding-left: 0; border-left: 0; }
  .trust-room-meta-item:nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .clients-trust-room-entry { align-items: flex-start; flex-direction: column; gap: 13px; padding: 15px; }
  .clients-trust-room-entry > button { width: 100%; }
  .trust-room-root { gap: 12px; padding-bottom: 14px; }
  .trust-room-hero { padding-inline: 2px; }
  .trust-room-hero-title { gap: 10px; }
  .trust-room-hero-title > .ui-icon { width: 42px; height: 42px; padding: 8px; }
  .trust-room-hero-title h1 { font-size: 1.68rem; }
  .trust-room-hero-title p { font-size: 0.8rem; }
  .trust-room-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 0; }
  .trust-room-meta-item { min-height: 42px; padding: 0 10px; }
  .trust-room-meta-item:nth-child(odd) { padding-left: 0; border-left: 0; }
  .trust-room-meta-item:nth-child(3) { grid-column: 1 / -1; }
  .trust-room-meta-item strong { font-size: 0.77rem; white-space: normal; }
  .trust-room-security { grid-column: 1 / -1; min-height: 36px; padding: 9px 0 0; border-top: 1px solid var(--border); border-left: 0; }
  .trust-room-quote, .trust-room-timeline-panel { padding: 22px 17px 20px; }
  .trust-room-panel-heading h2, .trust-room-timeline-panel h2 { font-size: 1.2rem; }
  .trust-room-panel-heading p { font-size: 0.8rem; }
  .trust-room-quote-body { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .trust-room-product-visual { min-height: 205px; }
  .trust-room-product-visual img { height: 175px; }
  .trust-room-details dt, .trust-room-details dd { font-size: 0.77rem; }
  .trust-room-actions { grid-template-columns: minmax(0, 1fr); }
  .trust-room-actions > button { min-height: 48px; }
  .trust-room-timeline-title-row { align-items: flex-start; flex-direction: column; }
  .trust-room-timeline { gap: 21px; }
  .trust-room-systems { gap: 18px; padding: 18px 17px; }
  .trust-room-systems-list { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .trust-room-system { padding: 14px 0 0; border-top: 1px solid var(--border); border-left: 0; }
  .trust-room-system:first-child { padding-top: 0; border-top: 0; }
  .trust-room-footer { align-items: flex-start; flex-direction: column; gap: 5px; }
  .trust-room-help { width: 100%; justify-content: space-between; }
}