/* Familiar board chrome; existing contacts.css retains the form/history primitives. */
.customers-page { --green: #174e3e; --ink: #26362f; --muted: #5f6b64; --line: #d5dcd7; margin: 0; background: #f5f6f5; color: var(--ink); font: 13px/1.45 Arial, Helvetica, sans-serif; }
.customers-page :is(h1,h2,h3,h4) { font-family: inherit; letter-spacing: normal; color: inherit; }
.customers-page h1 { font-size: 15px; margin: 0; }
.customers-page h2 { font-size: 18px; margin: 0 0 12px; }
.customers-page h3 { font-size: 15px; margin: 0 0 8px; }
.customers-page .button { min-height: 32px; padding: 6px 12px; border-radius: 4px; font: 600 12px/1.4 Arial,sans-serif; box-shadow: none; transform: none; text-decoration: none; }
.customers-page .button-primary { background: var(--green); border: 1px solid var(--green); color: #fff; }
.customers-page .button-secondary { border: 1px solid #c7cfca; background: linear-gradient(#fff,#f1f3f1); color: #36453c; }
.customers-page .button:hover { transform: none; filter: brightness(.96); }
.customers-page :is(input,textarea) { width: 100%; min-height: 34px; padding: 7px 9px; border: 1px solid #c8d0ca; border-radius: 3px; background: #fff; color: var(--ink); font: 14px/1.45 Arial,sans-serif; }
.customers-page label { font-size: 12px; margin-bottom: 5px; }
.customers-page .eyebrow { color: var(--muted); font-size: 11px; letter-spacing: .08em; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.customer-header { gap: 0; min-height: 57px; padding: 0 18px; border-bottom: 1px solid #c8d0ca; background: #fff; color: var(--ink); }
.customer-header .brand { display: flex; padding: 0 28px 0 0; gap: 9px; text-decoration: none; }
.customer-header .brand-mark { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 7px; background: var(--green); border: 1px solid #c19850; color: #ebc47e; font: 700 24px Georgia,serif; }
.customer-header .brand strong { color: var(--green); font: 700 23px/1 Arial,sans-serif; letter-spacing: -.7px; }
.customer-header .brand small { display: block; font: 9px/1.5 Arial,sans-serif; letter-spacing: 1.7px; text-transform: uppercase; color: var(--muted); }
.customer-nav { align-self: stretch; gap: 0; }
.customer-nav a { min-height: 56px; padding: 0 17px; font-size: 14px; color: #34473c; border-radius: 0; border-bottom: 3px solid transparent; }
.customer-nav a[aria-current="page"] { background: #f1f4f1; border-bottom-color: #b58a3c; color: #123e2e; box-shadow: none; }
.customer-nav a:hover { background: #f4f6f4; }
.customers-page .new-customer { margin: 10px 16px; border-radius: 20px; padding-inline: 18px; white-space: nowrap; }
.customer-account { padding-block: 8px; font-size: 12px; }
.customer-workspace { padding: 0; margin: 0; max-width: none; }
.board-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding: 12px 18px; border-bottom: 1px solid var(--line); background: #f7f8f7; }
.board-scope { color: var(--muted); font-size: 12px; }
.customer-refresh { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-left: auto; font-size: 11px; }
.customer-refresh .button { margin: 0; }
.customer-columns { grid-template-columns: minmax(0,1fr) 310px; gap: 0; min-height: calc(100vh - 118px); align-items: stretch; }
.dispatch-panel { min-width: 0; background: #fff; }
.board-tabs { display: flex; min-height: 42px; background: #f5f6f5; border-bottom: 1px solid var(--line); }
.board-tabs > * { padding: 12px 18px; color: var(--muted); text-decoration: none; font-size: 12px; }
.board-tab-active { background: #fff; color: var(--green); font-weight: 700; border-bottom: 2px solid var(--green); }
.timeline-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.timeline-date { display: flex; gap: 6px; align-items: center; }
.timeline-date input { width: 158px; }
.day-label { border: 1px solid #bbcec0; color: var(--green); background: #eaf1ec; padding: 6px 18px; border-radius: 4px; font-weight: 600; }
.timeline-caption { margin: 0; padding: 9px 16px; color: var(--muted); font-size: 11px; border-bottom: 1px solid var(--line); }
.timeline-scroll { overflow: auto; max-height: calc(100vh - 285px); min-height: 420px; background: #fafbfa; }
.timeline-grid { min-width: 1510px; }
.timeline-row { display: grid; grid-template-columns: 170px minmax(0,1fr); min-height: 64px; border-bottom: 1px solid #dfe4df; }
.timeline-row:nth-child(odd) { background: #f1f6f1; }
.timeline-row.timeline-hours { min-height: 35px; position: sticky; top: 0; z-index: 2; background: #f7f8f7; color: var(--muted); font-size: 11px; }
.timeline-name { position: sticky; left: 0; z-index: 1; display: flex; align-items: center; padding: 10px 12px; border-right: 1px solid #cbd5cd; background: #f5f7f4; font-size: 12px; overflow-wrap: anywhere; }
.timeline-name a { font-weight: 600; text-decoration: none; }
.timeline-hours .timeline-name { z-index: 3; }
.timeline-track { position: relative; display: grid; grid-template-columns: repeat(24,1fr); align-items: start; background-image: linear-gradient(to right,#dfe5df 1px,transparent 1px); background-size: calc(100% / 24) 100%; }
.timeline-hour { padding: 9px 5px; white-space: nowrap; }
.timeline-event { position: absolute; top: 9px; width: 178px; min-height: 44px; padding: 5px 9px; border: 1px solid #9db7a7; border-left: 4px solid #bd9147; border-radius: 3px; color: #193b2b !important; background: #e2eee4; text-decoration: none; font-size: 11px; box-shadow: 0 1px 2px #172c2110; }
.timeline-event strong { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; }
.timeline-event:hover { background: #cfe2d3; }
.timeline-marker { position: absolute; top: 4px; bottom: 4px; border-left: 2px solid #92670d; pointer-events: none; }
.timeline-empty { margin: 16px; color: var(--muted); font-size: 12px; }
.board-info { max-width: 760px; padding: 42px; font-size: 14px; }
.board-info h2 { font-size: 25px; }
.board-info h3 { margin-top: 32px; }
.board-info p { line-height: 1.7; }
.customer-list-panel { border: 0; border-left: 1px solid #c3cdc5; background: #fafbfa; padding: 0; border-radius: 0; box-shadow: none; }
.customer-panel-heading { align-items: center; gap: 8px; padding: 11px 12px; border-bottom: 1px solid var(--line); background: #f0f3f0; margin: 0; }
.customer-list-panel .customer-panel-heading h2 { font-size: 14px; margin: 0; }
.customer-search { padding: 12px; }
.customer-search-controls { gap: 6px; }
.customer-meta,.customer-help { font-size: 12px; }
#customer-list-summary { padding: 0 12px; margin: 0 0 10px; font-size: 11px; }
#customer-list { display: block; max-height: calc(100vh - 305px); min-height: 300px; overflow: auto; padding: 0; }
.customer-list a { position: relative; padding: 12px 12px 12px 48px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: #fff; min-height: 69px; }
.customer-list a::before { content: "C"; position: absolute; left: 12px; top: 15px; display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #9eb8a6; border-radius: 50%; color: var(--green); background: #eaf1e9; font-size: 12px; }
.customer-list a::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: #a3bea9; }
.customer-list a:hover { background: #f0f5f0; }
.customer-list a[aria-current="true"] { background: #e4efe5; box-shadow: none; }
.customer-list a[aria-current="true"]::after { background: #a97d2f; }
.customer-list strong { font-size: 13px; }
.customer-list span { font-size: 11px; margin-top: 3px; }
.customer-pagination { padding: 12px; margin: 0; border-top: 1px solid var(--line); font-size: 11px; }
.customers-page .customer-pagination .button { padding-inline: 8px; }
.customer-card { width: min(1060px,calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 48px); padding: 0; border: 1px solid #657c6e; border-radius: 5px; color: var(--ink); background: #fff; box-shadow: 0 20px 70px #112a3440; }
.customer-card[open] { display: flex; flex-direction: column; }
.customer-card[data-expanded="true"] { width: calc(100vw - 28px); height: calc(100dvh - 28px); max-height: none; }
.customer-card::backdrop { background: #23342a35; }
.customer-card-titlebar { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 14px; background: #174e3e; color: #fff; border-bottom: 3px solid #c99e51; flex-shrink: 0; }
.customer-card-titlebar > div:first-child { min-width: 0; }
.customer-card-titlebar h2 { font-size: 16px; margin: 0; overflow-wrap: anywhere; }
#customer-detail-eyebrow { font-size: 10px; color: #d3e0d7; }
.card-window-actions { display: flex; gap: 10px; flex-shrink: 0; }
.card-window-actions button { min-height: 32px; color: #fff; background: #ffffff10; border: 1px solid #ffffff50; padding: 4px 10px; border-radius: 3px; cursor: pointer; }
.customer-card-toolbar { display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: linear-gradient(#fff,#f4f5f4); border-bottom: 1px solid var(--line); flex-wrap: wrap; flex-shrink: 0; }
.customer-card-toolbar span { margin-left: auto; color: var(--muted); font-size: 10px; }
.card-notices { max-height: 25vh; overflow: auto; flex-shrink: 0; }
.customer-status:not(:empty) { margin: 0; padding: 10px 14px; border-radius: 0; }
#customer-editor { display: grid; grid-template-columns: 1fr 1fr; min-height: 0; overflow: auto; }
.customer-details-column { padding: 18px 22px 28px; border-right: 1px solid var(--line); min-width: 0; }
.customer-field-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
.customer-section { margin-top: 22px; padding-top: 17px; }
.customer-section summary { cursor: pointer; color: var(--green); font-weight: 600; }
.customer-tag { padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 400; }
.customer-notice,.customer-reference-choice { border-radius: 3px; padding: 12px; }
.card-notices .customer-notice { margin: 0; }
.customer-facts div { grid-template-columns: 80px minmax(0,1fr); font-size: 12px; }
#contact-history-section { padding: 20px 22px 28px; margin: 0; border-top: 0; min-width: 0; background: #fcfdfb; }
.customer-activity { margin-top: 24px; }
.customer-activity > li { padding: 16px 0; }
.customer-activity h4 { font-size: 13px; }
.customer-activity .customer-meta { font-size: 11px; }
.customer-note-text { font-size: 13px; }
@media (max-width: 1150px) { .customer-nav a { padding-inline: 10px; } .customer-account { margin-left: 0; padding-left: 12px; } .customer-columns { grid-template-columns: minmax(0,1fr) 285px; } }
@media (max-width: 760px) {
  .customer-header { padding: 8px 12px 0; gap: 8px; } .customer-header .brand { padding-right: 4px; } .customer-nav { order: 3; width: 100%; overflow-x: auto; flex-wrap: nowrap; } .customer-nav a { min-height: 44px; white-space: nowrap; padding-inline: 12px; } .customers-page .new-customer { margin: 0 0 0 auto; } .customer-account { margin-left: auto; padding-left: 0; } .customer-refresh { width: 100%; margin-left: 0; } .board-scope { display: none; }
  .customer-columns { grid-template-columns: minmax(0,1fr); } .customer-list-panel { grid-row: 1; border-left: 0; border-bottom: 1px solid var(--line); } #customer-list { max-height: 260px; min-height: 0; } .customer-pagination { padding-block: 8px; } .board-tabs { overflow-x: auto; } .board-tabs > * { white-space: nowrap; padding-inline: 10px; } .timeline-scroll { min-height: 260px; max-height: 420px; } .board-info { padding: 25px; }
  .customer-card { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } #customer-editor { display: block; } .customer-details-column { border-right: 0; border-bottom: 1px solid var(--line); padding: 16px; } #contact-history-section { padding: 16px; } .customer-card-toolbar { gap: 6px; padding: 8px; } .customer-card-toolbar span { display: none; } .customers-page :is(input,textarea) { font-size: 16px; } .customers-page .button { min-height: 40px; } .customer-field-grid { grid-template-columns: 1fr; } .customer-card-titlebar { padding: 8px 10px; }
}
@media (forced-colors: active) { .timeline-event { border: 2px solid LinkText; } }

/* Liquid-glass finish: preserve the approved board geometry and opaque work surfaces.
   Solid defaults work without blur support; transparency is a progressive enhancement. */
/* Kingo signature depth: saturated frame, luminous gold accents, floating white work surfaces. */
.customers-page {
  --glass-surface: #f1f7f5;
  --glass-toolbar: #f4f8f6;
  --glass-shadow: 0 8px 24px #021d1a4d, inset 0 1px 0 #ffffff38;
  background-color: #153e35;
  background-image: radial-gradient(ellipse at 12% 2%,#327e6266,transparent 50%),radial-gradient(ellipse at 96% 0%,#c5a04d38,transparent 45%),linear-gradient(140deg,#153e35,#092a24);
  background-attachment: fixed;
}
.customer-header { position: relative; z-index: 4; background: linear-gradient(115deg,#163e33,#0b3028 72%,#1f4938); color: #f6fff9; border-bottom: 1px solid #b99d62; box-shadow: var(--glass-shadow); min-height: 66px; }
.customer-header .brand strong { color: #fff9e9; }
.customer-header .brand small { color: #cbded2; }
.customer-header .brand-mark { background: linear-gradient(145deg,#fff2b9,#d4ac58 55%,#a77c36); color: #163d2b; border-color: #ffedbd; box-shadow: inset 0 1px 2px #fff, 0 3px 0 #6b572e, 0 6px 15px #0005; border-radius: 10px; }
.customer-nav a { transition: background-color 140ms ease, box-shadow 140ms ease; }
.customer-nav a { color: #e1eee5; margin-block: 7px; min-height: 50px; border-radius: 10px; }
.customer-nav a[aria-current="page"] { color: #fff0ba; background: linear-gradient(145deg,#375e48,#254d3b); border-bottom-color: #e8c67e; box-shadow: inset 0 1px 0 #b2c69a70, 0 3px 8px #001b164d; }
.customer-nav a:hover { color: #fff; background: #315a46; }
.board-tools { color: #fff8e4; background: transparent; border-bottom: 0; box-shadow: none; padding: 18px 22px; }
.board-tools h1 { font-size: 19px; font-weight: 700; letter-spacing: -.3px; }
.board-tools .board-scope,.board-tools .customer-refresh { color: #d1e2d8; }
.customer-columns { margin: 0 18px 22px; gap: 16px; min-height: calc(100vh - 165px); }
.dispatch-panel { background: #f5f9f6; border: 1px solid #d7e3d8; border-radius: 17px; box-shadow: 0 12px 30px #001d1a45,inset 0 1px 0 #fff; overflow: clip; }
.board-tabs { background: var(--glass-toolbar); border-bottom-color: #c6d6cd; }
.board-tabs .board-tab-active { color: #174e3e; background: linear-gradient(#fff,#e2eee5); box-shadow: inset 0 2px 0 #ddbd77; }
.timeline-toolbar { background: var(--glass-toolbar); border-bottom-color: #ccdad2; }
.timeline-caption { background: #f8fbf9; }
.timeline-scroll { background: #f8fbf9; }
.timeline-row:nth-child(odd) { background: #eaf3ed; }
.timeline-row.timeline-hours,.timeline-name { background: #f0f6f2; }
.timeline-event { color: #fff !important; background: linear-gradient(145deg,#347259,#19513c); border-color: #37745b; border-left-color: #ebcd87; border-radius: 9px; box-shadow: inset 0 1px 0 #a3c7af80,0 3px 0 #143d2a,0 7px 12px #17482e30; }
.timeline-event strong { font-size: 13px; }
.timeline-event:hover { background: linear-gradient(145deg,#286347,#103f2d); box-shadow: inset 0 1px 0 #fff8,0 3px 0 #143d2a,0 8px 14px #17482e45; }
.day-label { background: linear-gradient(#f9fffa,#deece1); border-color: #acc5b3; border-radius: 9px; box-shadow: inset 0 1px 0 #fff; }
.customer-list-panel { background: var(--glass-surface); border: 1px solid #dfd3af; border-radius: 17px; box-shadow: 0 12px 30px #001d1a45,inset 0 1px 0 #fff; overflow: clip; }
.customer-panel-heading { color: #fdf9eb; background: linear-gradient(120deg,#285b46,#164434); border-bottom: 2px solid #cfaf66; box-shadow: inset 0 1px 0 #96b4a166; min-height: 48px; }
.customer-panel-heading .customer-tag { background: #3b624d; border-color: #97ae95; color: #fff3d0; }
.customer-search,.customer-pagination { background: var(--glass-toolbar); }
.customer-list a { background: #fbfdfb; }
.customer-list a:hover { background: #eff7f0; }
.customer-list a[aria-current="true"] { background: linear-gradient(120deg,#fff8e5,#f1ecd6); box-shadow: inset 0 1px 0 #fff; }
.customer-list a::before { background: linear-gradient(145deg,#397456,#1c4e38); color: #fff2c2; border-color: #698f70; box-shadow: inset 0 1px 0 #b5c7a480,0 2px 0 #123b2a,0 4px 7px #20463220; }
.customers-page .button { border-radius: 9px; transition: background-color 140ms ease, box-shadow 140ms ease; }
.customers-page .button-primary { background: linear-gradient(165deg,#347d58,#175238 65%); border-color: #285d49; box-shadow: inset 0 1px 0 #cfe8cf8f,0 3px 0 #0e3626,0 5px 10px #123e2c33; }
.customers-page .new-customer { border-radius: 20px; color: #183626; background: linear-gradient(165deg,#fff2bb,#e9ca80 60%,#d9b15c); border-color: #efd694; box-shadow: inset 0 1px 0 #fff9de,0 3px 0 #a28543,0 5px 16px #0005; }
.customers-page .button-secondary { background: linear-gradient(165deg,#fff,#eaf2ed); border-color: #b8cbc0; box-shadow: inset 0 1px 0 #fff, 0 1px 3px #2046320c; }
.customers-page .button:hover { filter: none; box-shadow: inset 0 1px 0 #ffffffa6, 0 3px 9px #173f2e26; }
.customers-page .button:disabled { box-shadow: none; }
.customers-page :is(input,textarea) { background: #fff; border-color: #b7c9be; border-radius: 8px; box-shadow: inset 0 1px 3px #173d2810; }
.customers-page :is(button,a,input,textarea,summary,[tabindex]):focus-visible { outline: 3px solid #8b5c08; outline-offset: 2px; }
.customers-page .customer-card-titlebar :is(button,[tabindex]):focus-visible { outline-color: #ffe0a2; }
.customer-card { border: 1px solid #eed69c; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px #738d7180,0 0 0 6px #f5d68714,0 42px 110px #001911b3,0 14px 25px #001b1b66,inset 0 1px 0 #fff; }
.customer-card::backdrop { background: #173d303b; }
.customer-card-titlebar { border-radius: 19px 19px 0 0; background: linear-gradient(120deg,#326b4d,#123f2e 65%,#3e5936); border-bottom: 3px solid #e2c079; box-shadow: inset 0 1px 0 #d8e4c280; padding-block: 15px; }
.customer-card-titlebar h2 { font-size: 22px; letter-spacing: -.35px; }
#customer-detail-eyebrow { font-size: 12px; color: #e0ecd9; }
.card-window-actions button { border-radius: 8px; border-color: #ffffff70; background: linear-gradient(#ffffff24,#ffffff0a); box-shadow: inset 0 1px 0 #ffffff38; }
.card-window-actions button:hover { background: #ffffff2e; }
.customer-card-toolbar { background: var(--glass-toolbar); box-shadow: inset 0 1px 0 #fff; }
.customer-details-column { background: #fff; }
#contact-history-section { background: #fbfdfb; }
.customer-activity > li { padding: 15px; margin-bottom: 12px; border: 1px solid #d3dfd6; border-radius: 12px; background: #fff; box-shadow: 0 3px 9px #123d2d0d,inset 0 1px 0 #fff; }
.customer-activity h4 { color: #1c5239; }
.customers-page .customer-details-column label { font-size: 14px; }
.customer-note-text { font-size: 14px; }
.customers-page .customer-header :is(a,button):focus-visible,.customers-page .board-tools button:focus-visible { outline-color: #ffe0a2; }
.customer-notice,.customer-reference-choice { border-radius: 9px; }
.customer-tag { border-radius: 6px; }

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .customers-page { --glass-surface: #f7fcf8f0; --glass-toolbar: #f5faf6c4; }
  .customer-header,.board-tools,.board-tabs,.timeline-toolbar,.customer-list-panel,.customer-card-toolbar {
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    backdrop-filter: blur(18px) saturate(125%);
  }
  .customer-card-titlebar { background: linear-gradient(120deg,#326b4df5,#123f2ef2 65%,#3e5936ee); -webkit-backdrop-filter: blur(20px) saturate(120%); backdrop-filter: blur(20px) saturate(120%); }
  .customer-card::backdrop { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .customers-page { --glass-surface: #f1f7f5; --glass-toolbar: #f4f8f6; background-image: none; }
  .customer-header,.board-tools,.board-tabs,.timeline-toolbar,.customer-list-panel,.customer-card-toolbar,.customer-card-titlebar,.customer-card::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .customer-card-titlebar { background: linear-gradient(120deg,#326b4d,#123f2e 65%,#3e5936); }
  .customer-card::backdrop { background: #143b31; }
}
@media (max-width: 760px) {
  .customer-columns { margin: 0 8px 16px; gap: 12px; }
  .board-tools { padding: 14px 12px; }
  .customer-nav a { margin-block: 3px; }
  .customer-card-titlebar { padding-block: 10px; }
  .customer-card-titlebar h2 { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .customers-page .customer-nav a,.customers-page .button { transition: none; } }
@media (forced-colors: active) {
  .customers-page { background: Canvas; }
  .customer-header,.board-tools,.board-tabs,.timeline-toolbar,.customer-list-panel,.customer-card-toolbar,.customer-card-titlebar,.customer-card::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; background: Canvas; }
  .customer-card,.timeline-event,.customers-page .button,.card-window-actions button,.dispatch-panel,.customer-list-panel { box-shadow: none; border: 1px solid ButtonText; }
  .customer-header .brand strong,.customer-header .brand small,.customer-nav a,.customer-nav a[aria-current="page"],.board-tools .board-scope,.board-tools .customer-refresh,.customer-panel-heading,.customer-panel-heading .customer-tag { color: CanvasText; background: Canvas; }
  .timeline-event { color: LinkText !important; background: Canvas; }
  .customer-card-titlebar,.card-window-actions button,#customer-detail-eyebrow { color: CanvasText; }
  .customers-page :is(button,a,input,textarea,summary,[tabindex]):focus-visible,.customers-page .customer-card-titlebar :is(button,[tabindex]):focus-visible,.customers-page .customer-header :is(a,button):focus-visible,.customers-page .board-tools button:focus-visible { outline-color: Highlight; }
}
/* First-party intake stays on an opaque, readable editing surface. */
.intake-section fieldset { margin: 1rem 0; padding: 1rem; border: 1px solid #c5d4cb; border-radius: 12px; min-width: 0; }
.intake-section legend { font-weight: 700; color: #174b36; padding: 0 .35rem; }
.intake-section select { width: 100%; min-height: 44px; padding: .65rem; border: 1px solid #a5b6ab; border-radius: 8px; color: #173b2b; background: #fff; font: inherit; }
.intake-section .intake-check { display: flex; align-items: flex-start; gap: .7rem; font-weight: 400; line-height: 1.5; margin-top: .85rem; }
.intake-check input[type="checkbox"] { width: 20px; height: 20px; min-height: 20px; flex: 0 0 20px; margin-top: .15rem; accent-color: #185a3c; }
.privacy-explanation { border-left: 3px solid #b38a32; padding: .5rem 1rem; margin: 1rem 0; background: #f5f8f6; color: #183c2b; }
.privacy-explanation summary { font-weight: 700; cursor: pointer; }
.privacy-explanation p { line-height: 1.6; }
.intake-history { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Customer views remain mounted: tabs change visibility, never the draft. */
.customer-card-titlebar { flex-wrap: wrap; gap: 12px; }
.customer-card-heading { flex: 1 1 190px; }
.customer-view-tabs { display: flex; align-self: stretch; align-items: center; gap: 4px; flex-wrap: wrap; }
.customer-view-tabs [role="tab"] { min-height: 44px; padding: 9px 12px; border: 1px solid transparent; border-radius: 8px; font: 600 14px/1.3 Arial,sans-serif; color: #e5f2e9; background: transparent; cursor: pointer; }
.customer-view-tabs [role="tab"]:hover { background: #ffffff16; }
.customer-view-tabs [aria-selected="true"] { color: #173d2b; background: #f6d88f; border-color: #e6b95a; box-shadow: 0 2px 8px #09291d30; }
.customer-view-tabs [role="tab"]:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.customer-view-tabs [role="tab"]:disabled { opacity: .55; cursor: default; }
#customer-editor { display: block; }
#customer-editor > .customer-view-panel { margin: 0; padding: 24px; border: 0; background: #fff; min-height: 340px; }
.customer-view-panel[hidden] { display: none !important; }
.customer-view-panel .customer-form { max-width: 850px; }
#customer-draft-status { margin-left: 0; font-size: 12px; font-weight: 700; color: #795014; }
.customer-card { border: 2px solid #658878; }
.customer-card[data-premium="true"] { border: 4px solid #d0a044; box-shadow: 0 0 0 2px #755319, 0 0 0 7px #edc96e55, 0 26px 90px #08261cd0; }
.club-badge { display: inline-block; margin-top: 7px; padding: 3px 9px; border: 1px solid #f4d693; border-radius: 20px; color: #163b2a; background: #f6d88f; font-size: 12px; font-weight: 700; }
.club-badge[hidden] { display: none; }
.customer-list a[data-premium="true"] { border: 2px solid #b98521; box-shadow: inset 0 0 0 2px #f6dfa6; background: #fffaf0; border-radius: 8px; margin: 5px; }
.customer-list a[data-premium="true"]::after { display: none; }
.timeline-event[data-premium="true"] { border: 3px solid #eac36a; box-shadow: 0 0 0 1px #815b1b, 0 4px 12px #73501935; }
.club-list-badge { display: block; font-size: 11px; font-weight: 700; }
.customer-list .club-list-badge { color: #715012; }
.timeline-event .club-list-badge { color: #fff1c9; }
.club-list-badge[hidden] { display: none; }
.timeline-row:not(.timeline-hours) { min-height: 82px; }
.club-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; padding: 18px 22px; border-radius: 12px; background: #153e2d; color: #fff; border: 1px solid #be984f; }
.club-panel-heading .eyebrow { color: #e7d1a0; }
.club-emblem { color: #efd18c; font-size: 35px; }
#club-summary { margin-bottom: 16px; }
@media (max-width: 900px) {
  .customer-view-tabs { order: 3; flex: 1 1 100%; }
  .customer-view-tabs [role="tab"] { flex: 1 1 auto; }
  #customer-editor > .customer-view-panel { padding: 18px; }
}
@media (forced-colors: active) {
  .customer-card[data-premium="true"],.customer-list a[data-premium="true"],.timeline-event[data-premium="true"] { border: 4px double Highlight; box-shadow: none; }
  .customer-view-tabs [aria-selected="true"] { border-color: Highlight; }
  .customer-view-tabs [role="tab"]:focus-visible { outline-color: Highlight; }
}