/* Workbench / 2026-09-21: one readable text layer, tactile surfaces, compact controls. */
body[data-theme="blue"] {
  --crm-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --crm-font-display: var(--crm-font-sans);
  --crm-canvas: #eff2f3;
  --crm-text: #203746;
  --crm-text-muted: #5b707c;
  --crm-brand: #236180;
  --crm-brand-hover: #194e69;
  --crm-brand-soft: #e5eff4;
  --crm-border: #cdd9df;
  --crm-shadow-card: 0 1px 2px #1937460d, 0 4px 12px #1937460a;
  --blue-grade-a: linear-gradient(125deg,#bd560d,#a3400c);
  --blue-grade-b: linear-gradient(125deg,#176d9f,#145580);
  --blue-grade-c: linear-gradient(125deg,#10816c,#086552);
  --blue-card-light: linear-gradient(150deg,#ffffff08,transparent 60%);
  font-family: var(--crm-font-sans);
  -webkit-font-smoothing: antialiased;
  background: var(--crm-canvas);
}
body[data-theme="blue"] :is(h1,h2,h3,.brand,.nav-link,.avatar,.price,.grade,.customer-preview-card-head strong,.community-card h2) { font-family:var(--crm-font-sans); }
body[data-theme="blue"] :is(.a,[data-rank="A"],.b,[data-rank="B"],.c,[data-rank="C"]) { --blue-card-ink:#fff; }
body[data-theme="blue"] .sidebar { background:linear-gradient(160deg,#204860,#18384f);border-right:1px solid #17374d;box-shadow:3px 0 12px #1537470a; }
body[data-theme="blue"] .nav-link { border-radius:9px;font-size:16px;font-weight:500;letter-spacing:0; }
body[data-theme="blue"] .nav-link.active { background:#ffffff20;box-shadow:inset 0 1px 0 #ffffff17; }
body[data-theme="blue"] .brand { font-weight:600;letter-spacing:.03em; }
body[data-theme="blue"] .brand small { font-weight:400;letter-spacing:0; }
body[data-theme="blue"] .brand-mark:has(img) { background:#eaf0f2;border-radius:10px;width:42px;height:42px; }
body[data-theme="blue"] .brand-mark img { width:42px;height:42px; }
body[data-theme="blue"] .preview-bar { background:#f6f8f9; }
body[data-theme="blue"] :is(.section,.resource-card,.community-card,.contact-card,.blue-related) { border:1px solid var(--crm-border);box-shadow:var(--crm-shadow-card);border-radius:12px; }
body[data-theme="blue"] :is(.customer-preview-profile,.prop-info,.community-basics) { background:linear-gradient(125deg,#f1f6f8,#e9f0f3);border-color:#bfced7; }
body[data-theme="blue"] :is(.followup-record,.customer-preview-record) { box-shadow:none; }
body[data-theme="blue"] :is(.btn,.icon-btn,.search,.prop-sort select,.text-btn) { border-radius:7px; }
body[data-theme="blue"] .btn { font-weight:500;letter-spacing:0; }
body[data-theme="blue"] .btn.secondary { color:#28556f;background:#f8fafb;border-color:#c3d2da;box-shadow:inset 0 1px 0 #fff; }
body[data-theme="blue"] .blue-back { border:1px solid #b5c8d3;color:#224f68;background:#f8fafb;box-shadow:0 2px 5px #183e5217; }
body[data-theme="blue"] .filters { background:transparent;padding:2px;gap:5px;box-shadow:none;border:0; }
body[data-theme="blue"] .grade { border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff22,0 2px 3px #163a4c12;font:600 15px/22px var(--crm-font-sans); }
body[data-theme="blue"] .grade-indicator { border:2px solid #244c67;box-shadow:none;border-radius:8px; }
body[data-theme="blue"] .grade[aria-pressed=true] { outline:none; }
body[data-theme="blue"] .price-edit-control { text-decoration:none;font-variant-numeric:tabular-nums; }
body[data-theme="blue"] .price-edit-control:hover { text-decoration:underline;text-underline-offset:3px; }
body[data-theme="blue"] .customer-preview-grade-a { --maintenance-surface:linear-gradient(115deg,#ffc28c,#f4ad75); }
body[data-theme="blue"] .customer-preview-grade-b { --maintenance-surface:linear-gradient(115deg,#abd5ee,#89bddf); }
body[data-theme="blue"] .customer-preview-grade-c { --maintenance-surface:linear-gradient(115deg,#93ddc4,#73c8b0); }
body[data-theme="blue"] .customer-preview-card { color:#153546;background:#fff;border-color:#bdcdd6;box-shadow:var(--crm-shadow-card);grid-template-rows:24px 21px 21px;gap:0 10px;padding:9px; }
body[data-theme="blue"] .customer-preview-card::before { background:var(--maintenance-surface);transition:width .2s ease-out; }
body[data-theme="blue"] .customer-preview-card .avatar { align-self:center;border-radius:50%;background:#f2f6f7;color:#285871;border:2px solid #ffffffa6; }
body[data-theme="blue"] .customer-preview-card p { color:#244657;font-weight:400; }
body[data-theme="blue"] .customer-preview-card-head strong { font-weight:600; }
body[data-theme="blue"] .customer-preview-budget { font-weight:600;font-size:15px; }
body[data-theme="blue"] .customer-preview-line span + span { color:inherit; }
body[data-theme="blue"] .customer-more { grid-column:2;min-width:0;margin-top:2px;border-top:1px solid #cddbe2;padding-top:6px; }
body[data-theme="blue"] .customer-more summary { cursor:pointer;font-size:12px;color:#4b6576;line-height:26px; }
body[data-theme="blue"] .customer-more .field-grid { padding:6px 0; }
body[data-theme="blue"] .property-hero-stage.is-empty { flex:none;min-height:110px;max-height:140px;aspect-ratio:auto;background:#e5edf1;border:1px dashed #aebfcb; }
body[data-theme="blue"] .property-hero-stage.is-empty .property-upload-space { min-height:110px;color:#536e7f; }
body[data-theme="blue"] .property-media-footer { margin-top:auto; }
body[data-theme="blue"] :is(input,textarea) { caret-color:#236180; }
body[data-theme="blue"] ::selection { color:#153546;background:#bfdeec; }
body[data-theme="blue"] :focus-visible { outline:2px solid #236180;outline-offset:3px; }
body[data-theme="blue"] .sidebar :focus-visible { outline-color:#e5f4ff; }
body[data-theme="blue"] .prop-card[data-rank="A"] { --blue-card-color:var(--blue-grade-a); }
body[data-theme="blue"] .prop-card[data-rank="C"] { --blue-card-color:var(--blue-grade-c); }
body[data-theme="blue"] .prop-card { border-color:#ffffff33;box-shadow:var(--crm-shadow-card); }
body[data-theme="blue"] .prop-card .prop-cover { background:#ffffff14; }
body[data-theme="blue"] .blue-related-card { border-radius:9px;box-shadow:0 2px 5px #17384912; }
body[data-theme="blue"] .blue-related-card.is-current { outline-offset:1px;outline-width:1px; }
body[data-theme="blue"] :is(.field-grid dt,.community-fields dt) { color:#5b707c;font-weight:400; }
body[data-theme="blue"] :is(.field-grid dd,.community-fields dd) { color:#203746;font-weight:500; }
body[data-theme="blue"] .mobile-nav { background:linear-gradient(160deg,#e5f0f2,#d3e5e9);border:1px solid #b3ccd3;box-shadow:0 -3px 14px #1f495718,inset 0 1px 0 #fff; }
body[data-theme="blue"] .mobile-nav a.active { color:#184d67;background:#ffffff9c;box-shadow:0 1px 3px #214a6012; }
@media (hover:hover) {
  body[data-theme="blue"] :is(.customer-preview-card,.prop-card,.community-card,.contact-card):hover { border-color:#8da8ba;box-shadow:0 4px 14px #1d485619; }
}
@media(max-width:767px) {
  body[data-theme="blue"] .customer-preview-card { grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 20px 20px;padding:7px;gap:0 6px; }
  body[data-theme="blue"] .customer-preview-card .avatar { width:42px;height:42px;font-size:21px;grid-row:1/3; }
  body[data-theme="blue"] .customer-preview-card-head { display:flex;flex-direction:column;align-items:flex-start;gap:0; }
  body[data-theme="blue"] .customer-preview-card-head strong { font-size:13px;line-height:20px;width:100%;flex:none; }
  body[data-theme="blue"] .customer-preview-budget { font-size:12px;line-height:19px;max-width:100%;flex:none; }
  body[data-theme="blue"] .customer-preview-card p { font-size:12px;line-height:20px; }
  body[data-theme="blue"] .customer-preview-community { grid-column:1/-1; }
  body[data-theme="blue"] .customer-preview-line { grid-column:1/-1;gap:5px; }
  body[data-theme="blue"] .customer-more { grid-column:1/-1; }
  body[data-theme="blue"] .customer-more .field-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-theme="blue"] .customer-more .field-grid>div { display:flex;flex-direction:column;gap:0; }
  body[data-theme="blue"] .property-hero-stage.is-empty { min-height:88px;max-height:100px; }
  body[data-theme="blue"] .property-hero-stage.is-empty .property-upload-space { min-height:88px;font-size:12px; }
  body[data-theme="blue"] .toolbar { gap:5px;row-gap:8px; }
  body[data-theme="blue"] .toolbar :is(.grade,.btn,.search,.prop-sort select) { min-height:34px;height:34px; }
  body[data-theme="blue"] .toolbar .grade { font-size:14px; }
  body[data-theme="blue"] .toolbar .grade.all { font-size:12px; }
  body[data-theme="blue"] :is(.blue-back,.customer-preview-profile-actions .text-btn,.customer-preview-profile-actions .btn,.prop-detail-actions .btn,.fullscreen-album-actions .text-btn) { min-height:36px; }
  body[data-theme="blue"] .form-dialog :is(input,textarea,select) { font-size:16px; }
  body[data-theme="blue"] .mobile-nav a { min-height:44px; }
  body[data-theme="blue"] .prop-card-inline,body[data-theme="blue"] .prop-card-school { font-size:11px;line-height:17px; }
}
@media(prefers-reduced-motion:reduce) { body[data-theme="blue"] .customer-preview-card::before { transition:none; } }
.local-data-button { font:500 12px/20px var(--crm-font-sans);color:#27536c;background:#e8f0f4;border:1px solid #bdcfd9;border-radius:6px;padding:3px 8px;cursor:pointer;white-space:nowrap; }
.local-data-body { padding:4px 18px 18px;color:#4d6576;font-size:14px;line-height:1.7; }
.local-data-actions { display:flex;gap:8px;flex-wrap:wrap; }
.local-data-dialog { max-width:540px; }
@media(max-width:767px) { .local-data-button { font-size:11px;min-height:28px;padding:2px 6px; }.preview-bar>a{display:none}.preview-bar .preview-hint{font-size:10px}.local-data-body{font-size:13px;} }
body[data-theme="blue"] .grade:is(.a,.b,.c) { color:#fff; }
@media(max-width:767px) { body[data-theme="blue"] .customer-preview-card { min-height:0;grid-template-rows:39px 20px 20px; }.customer-preview-card .customer-preview-card-head{align-self:start;} }
body[data-theme="blue"] .blue-community-media.is-empty { aspect-ratio:auto;min-height:110px;max-height:140px;background:#e5edf1; }
body[data-theme="blue"] .blue-community-media.is-empty .community-upload-space { min-height:110px;border-color:#aebfcb;color:#536e7f;font-size:13px; }
@media(max-width:767px) { body[data-theme="blue"] .blue-community-media.is-empty,body[data-theme="blue"] .blue-community-media.is-empty .community-upload-space { min-height:88px;max-height:100px; } }
body[data-theme="blue"] .blue-related:has(details:not([open])) { align-self:start;min-height:0;height:auto; }
body[data-theme="blue"] .blue-related:has(details:not([open])) details { min-height:0;height:auto; }