/* PawCard 31.4 — quiet surfaces, readable care tags and a shared safe header. */
:root { --request-gold: #d8b76a; }
.status-pill.st-groomer-request, .sp-req { color: var(--request-gold) !important; border-color: #594b2d !important; background: #201b10 !important; gap: 5px; }
.st-groomer-request .icon { width: 12px; height: 12px; fill: currentColor; stroke: currentColor; stroke-width: 1.2; flex: 0 0 12px; }
.st-groomer-request .request-name { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.item-badges-left { min-width: 0; }
.client-item .status-pill { max-width: 100%; }
.nav-item.active .home-symbol { fill: currentColor; }
.nav-item.active .home-symbol .home-door { stroke: #000; fill: #000; }
.care-section { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-raised); min-width: 0; }
.care-section-heading, .service-section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 12px; }
.care-section-heading .field-label, .service-section-heading .field-label { margin: 0; color: var(--text); letter-spacing: 0; text-transform: none; }
.care-count { font-size: 13px; color: var(--muted); white-space: nowrap; }
.care-selected-terms, .care-quick-terms, .service-shortcuts { display: flex; gap: 7px; flex-wrap: wrap; min-width: 0; }
.care-selected-terms:not([hidden]) { margin-bottom: 12px; }
.care-section .quick-chip, .service-shortcut { max-width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; text-align: center; justify-content: center; line-height: 1.4; padding: 8px 12px; min-height: 44px; }
.care-selected, .care-suggestion.is-selected { color: var(--accent) !important; background: #10251d !important; border-color: #2d5745 !important; }
.care-selected .icon { width: 14px; height: 14px; flex-shrink: 0; }
.care-suggestion:disabled { opacity: .45; }
.care-input-row { display: flex; align-items: stretch; gap: 8px; margin-top: 12px; }
.care-input-row .text-input { flex: 1; min-width: 0; width: 0; }
.care-input-row .care-add-button { flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 12px; color: var(--accent); background: var(--surface); display: grid; place-items: center; }
.care-add-button .icon { width: 20px; height: 20px; }
.care-detailed-notes { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 12px; }
.care-detailed-notes > summary { color: var(--muted); font-size: 14px; cursor: pointer; padding: 4px 0; }
.care-detailed-notes[open] > summary { margin-bottom: 12px; }
.care-detailed-notes .care-note-field + .care-note-field { margin-top: 14px; }
.care-detailed-notes .field-label { text-transform: none; letter-spacing: 0; }
.care-alert-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; min-width: 0; }
.client-item > .care-alert-grid { margin-top: 10px; width: 100%; }
.care-alert-tag { display: flex; align-items: center; justify-content: flex-start; min-width: 0; padding: 5px 9px; font-size: 14px; line-height: 20px; color: #cbd6d1; border: 1px solid #29342f; border-radius: 7px; background: #0d1411; white-space: normal; overflow-wrap: anywhere; }
.detail-care-alerts { margin: 10px 0 18px; max-width: 520px; }
.same-as-last { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 44px; padding: 7px 11px; font-size: 14px; font-weight: 650; line-height: 1.3; text-align: center; color: var(--accent); background: #102019; border: 1px solid #2d5745; border-radius: 999px; }
.same-as-last[hidden], .same-as-last-notice[hidden] { display: none; }
.same-as-last-notice { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; font-size: 13px; line-height: 1.4; color: var(--muted); }
.same-as-last-notice button { color: var(--accent); min-height: 36px; font-weight: 650; padding: 6px 8px; }
@media (max-width: 768px) {
  .workspace-header { --header-top-gap: 10px; min-height: calc(54px + env(safe-area-inset-top,0px) + var(--header-top-gap)); height: calc(54px + env(safe-area-inset-top,0px) + var(--header-top-gap)); padding: calc(5px + env(safe-area-inset-top,0px) + var(--header-top-gap)) 12px 5px; }
  .mobile-brand { top: calc(env(safe-area-inset-top,0px) + var(--header-top-gap) + 9px); bottom: auto; }
  .client-name-line { flex-wrap: wrap; gap: 3px 10px; }
  .client-list-price { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
  .client-meta-line { flex-wrap: wrap; }
  .care-section { padding: 12px; }
  .service-section-heading .field-label { font-size: 15px; line-height: 1.4; }
  .service-shortcuts .quick-chip, .care-quick-terms .quick-chip, .care-selected-terms .quick-chip { font-size: 15px; }
}