/* Canine Records Java 1.10.0 UI corrections */
.hero-photo { display:flex; align-items:center; justify-content:center; }
.hero-photo img {
  width:100%; height:100%; max-width:100%; max-height:100%; display:block;
  object-fit:contain !important; object-position:center center !important;
}
.photo-grid .age-card { overflow:hidden; }
.age-photo-trigger {
  width:100%; min-height:190px; height:clamp(190px,22vw,300px); padding:0; margin:0;
  border:0; border-radius:inherit; background:transparent; cursor:zoom-in; display:flex;
  align-items:center; justify-content:center; overflow:hidden;
}
.age-photo-trigger img, .photo-grid .age-card > img {
  width:100%; height:100%; max-width:100%; max-height:100%; display:block;
  object-fit:contain !important; object-position:center center !important;
}
.v110-age-dialog { width:min(94vw,1100px); max-width:1100px; border:0; padding:0; border-radius:18px; background:transparent; }
.v110-age-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(3px); }
.v110-age-dialog-card { background:var(--surface, #fff); color:var(--text, #1b1b1b); border-radius:18px; padding:18px; max-height:92vh; overflow:auto; }
.v110-age-dialog-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.v110-age-image-stage { width:100%; height:min(68vh,760px); display:flex; align-items:center; justify-content:center; margin-top:12px; overflow:hidden; border-radius:14px; background:rgba(127,127,127,.09); }
.v110-age-image-stage img { width:100%; height:100%; object-fit:contain; object-position:center; display:block; }
.v110-age-caption { white-space:pre-wrap; margin:14px 2px 2px; line-height:1.55; }
.v110-facility-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:start; }
.v110-facility-card { min-width:0; }
.v110-facility-card .stack-form { height:100%; }
.v110-facility-card textarea { min-height:76px; }
.v110-backup-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; }
.v110-backup-kpi { padding:14px; border-radius:12px; background:rgba(127,127,127,.08); }
.v110-backup-kpi span { display:block; font-size:.78rem; opacity:.7; text-transform:uppercase; letter-spacing:.06em; }
.v110-backup-kpi strong { display:block; margin-top:6px; overflow-wrap:anywhere; }
@media (max-width:1100px){ .v110-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v110-backup-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px){ .v110-facility-grid,.v110-backup-kpis{grid-template-columns:1fr} .v110-age-dialog{width:96vw} .v110-age-image-stage{height:60vh} }

/* v1.10.0 UI refinement bundle */
.pet-avatar img { object-fit:contain !important; object-position:center !important; background:rgba(127,127,127,.06); }
.photo-grid { grid-template-columns:repeat(auto-fill,minmax(120px,160px)); align-items:start; }
.photo-grid .age-card { width:100%; }
.age-photo-trigger { min-height:90px; height:90px; }
.facility-edit-link,.v110-show-more { border:0; background:transparent; padding:3px 0; min-height:0; cursor:pointer; color:var(--blue); font-weight:700; }
.v110-facility-card { padding:20px; }
.v110-form-dialog { width:min(94vw,650px); border:0; padding:0; border-radius:22px; background:transparent; color:var(--text); }
.v110-form-dialog::backdrop { background:rgba(19,29,42,.45); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.v110-form-dialog-card { padding:25px; max-height:90vh; overflow:auto; border-radius:22px; background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.v110-dialog-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; margin-bottom:18px; }
.v110-show-more { display:block; margin:14px auto 4px; }
body[data-theme="glass"] .v110-form-dialog-card { background:rgba(255,255,255,.72); }
body[data-theme="midnight"] .v110-form-dialog-card { background:#18202d; }


.v110-show-less { border:0; background:transparent; padding:3px 0; min-height:0; cursor:pointer; color:var(--blue); font-weight:700; display:block; margin:8px auto 4px; }
.v110-show-less[hidden]{display:none!important}
.v110-profile-photo-trigger{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}
.v110-profile-photo-trigger img{width:100%;height:100%;object-fit:contain;object-position:center}
.v110-profile-dialog{width:min(94vw,1100px);max-width:1100px;border:0;padding:0;border-radius:18px;background:transparent;color:var(--text)}
.v110-profile-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.v110-profile-dialog-card{background:var(--surface,#fff);border-radius:18px;padding:18px;max-height:92vh;overflow:auto}
.v110-profile-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}
.v110-profile-image-stage{width:100%;height:min(72vh,800px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:rgba(127,127,127,.09)}
.v110-profile-image-stage img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}


/* Canine Records Java 1.10.1 */
/* Main Animals page: preserve every photo without crop/stretch. */
.pet-avatar{overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4px;background:linear-gradient(145deg,#eef4fb,#dde8f5)}
.pet-avatar img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:14px}

/* Veterinary facility cards: equal height per row and stable field layout. */
.v110-facility-grid{align-items:stretch!important;grid-auto-rows:1fr}
.v110-uniform-facility{height:300px;min-height:300px;display:flex;flex-direction:column;overflow:hidden}
.v110-uniform-facility .facility-card-head{min-height:92px}
.v110-uniform-facility dl{margin-top:auto;width:100%}
.v110-uniform-facility dd{max-width:62%;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Destructive record action is visually separate from normal editing controls. */
.v110-delete-record{margin-top:22px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.v110-delete-record h2{margin-bottom:6px}.v110-delete-record p.muted{margin:0;max-width:720px}

/* Application-wide responsive hardening. */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
.table-shell{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
dialog{max-width:calc(100vw - 24px)}
.v110-form-dialog-card,.v110-age-dialog-card,.v110-profile-dialog-card{max-width:100%}
@media(max-width:850px){
  .topbar{flex-wrap:wrap}.brand{min-width:0}.page-heading{flex-wrap:wrap}.page-heading>*{min-width:0}
  .pet-card{min-width:0}.pet-card>div:last-child{min-width:0}.pet-card h2,.pet-card p{overflow-wrap:anywhere}
  .v110-delete-record{align-items:stretch;flex-direction:column}.v110-delete-record form,.v110-delete-record .danger{width:100%}
  .v110-form-dialog{width:calc(100vw - 20px)}.v110-form-dialog-card{padding:18px}
  .v110-age-dialog,.v110-profile-dialog{width:calc(100vw - 16px)}
}
@media(max-width:520px){
  .page{padding-left:10px;padding-right:10px}.surface{max-width:100%}
  .pet-card{gap:12px;padding:13px}.pet-avatar{width:68px;height:68px;flex-basis:68px}
  .profile-hero{grid-template-columns:76px 1fr;gap:14px}.hero-photo{width:76px;height:76px}.hero-copy h1{font-size:28px}
  .form-actions{display:flex;flex-wrap:wrap;gap:8px}.form-actions>*{flex:1 1 140px}
  .v110-uniform-facility{height:300px;min-height:300px}
}

.medication-administration{margin-top:1rem;padding:1rem;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:14px}
.administration-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:end}
.administration-actions{grid-column:1/-1;justify-content:flex-start;margin:0}.medication-given-action{min-width:220px}.administration-form>small{grid-column:1/-1}.administration-history{margin-top:1rem}
@media(max-width:700px){.administration-form{grid-template-columns:1fr}}
.vet-report-dialog{width:min(96vw,1180px);height:min(92vh,900px);padding:0;border:0;border-radius:var(--radius,18px);background:transparent;color:var(--text)}
.vet-report-dialog::backdrop{background:rgba(19,29,42,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.vet-report-dialog-card{height:100%;display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:var(--radius,18px);background:var(--surface);box-shadow:var(--shadow)}
.vet-report-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.vet-report-dialog-head h2,.vet-report-dialog-head .eyebrow{margin-bottom:0}
.maintenance-actions{gap:10px;flex-wrap:wrap;justify-content:flex-start}.maintenance-actions form{margin:0}
.vet-report-dialog-actions{display:flex;flex-wrap:wrap;gap:8px}
.vet-report-email{display:flex;align-items:end;gap:8px;max-width:560px;margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}
.vet-report-email label{flex:1;margin:0;font-size:11px;font-weight:700;letter-spacing:.02em}.vet-report-email input{min-height:34px;margin-top:4px;padding:6px 9px;font:inherit;font-size:12px}.vet-report-email button{min-height:34px;padding:6px 12px;font-family:inherit;font-size:12px;white-space:nowrap}
.vet-report-loading{margin:0 0 10px;text-align:center}
.vet-report-frame{width:100%;min-height:0;flex:1;border:1px solid var(--line);border-radius:calc(var(--radius,18px) - 6px);background:var(--surface2,#fff)}
@media(max-width:700px){.vet-report-dialog{width:calc(100vw - 12px);height:calc(100vh - 12px)}.vet-report-dialog-card{padding:12px}.vet-report-dialog-head{align-items:flex-start;flex-direction:column}.vet-report-dialog-actions{width:100%}.vet-report-dialog-actions>*{flex:1}.vet-report-email{align-items:stretch;flex-direction:column}.vet-report-email button{width:100%}}

/* Shared themed control states. Keep application actions visually consistent. */
header{background:var(--surface);border-color:var(--line)}
nav>a,.nav-button{color:var(--text)}
nav>a:hover,.nav-button:hover{background:var(--surface2);color:var(--blue)}
label{color:var(--text)}
input,select,textarea,.theme-tile{background:var(--surface2);color:var(--text);border-color:var(--line)}
th{background:var(--surface2);color:var(--muted)}
.pet-card,.modal-card{background:var(--surface);color:var(--text);border-color:var(--line)}
.modal-x{background:var(--surface2);color:var(--text)}
.doctor,.text-link{color:var(--blue)}
.text-link:is(button){min-height:auto;padding:5px 2px;border:0;background:transparent;cursor:pointer}
.text-link:is(button):hover{text-decoration:underline;color:var(--blue2)}
.button,.primary,.danger,.nav-button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.button.primary,.primary{background:var(--blue);color:#fff}
.button.primary:hover,.primary:hover{background:var(--blue2)}
.button.ghost{background:var(--surface2);color:var(--text);border-color:var(--line)}
.button.ghost:hover{background:var(--surface);color:var(--blue);border-color:var(--blue)}
.danger{background:var(--danger);color:#fff}
.button.small,.primary.small,.danger.small{min-height:34px;padding:7px 12px;font-size:13px}
button:disabled,.button[aria-disabled="true"]{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}
.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 38%,transparent);outline-offset:2px}
body[data-theme="glass"] .button.ghost{background:rgba(255,255,255,.48);border-color:rgba(255,255,255,.78)}
body[data-theme="midnight"] .button.ghost{background:#202a39;color:var(--text);border-color:var(--line)}
body[data-theme="sunos"] .button.ghost,body[data-theme="sunos-lavender"] .button.ghost{background:var(--surface2);color:var(--text);border-color:var(--line);box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),inset -1px -1px 0 rgba(0,0,0,.25)}
@media(max-width:700px){.administration-actions,.medication-given-action{width:100%}}

/* 1.12.4 streamlined health summary. */
.health-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.health-summary-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:calc(var(--radius) - 5px);background:var(--surface2)}
.health-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.health-summary-head h3{margin:0}.health-summary-head .eyebrow{margin-bottom:4px}
.health-compact-list{display:grid;gap:8px}.health-entry{border:1px solid var(--line);border-radius:11px;background:var(--surface)}.health-entry>summary{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;list-style:none}.health-entry>summary::-webkit-details-marker{display:none}.health-entry>summary span{color:var(--muted);font-size:11px;text-transform:capitalize}.health-entry-body{padding:0 12px 12px;border-top:1px solid var(--line)}.health-entry-body>small{display:block;margin-top:9px;color:var(--muted)}
.health-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.health-facts>div{padding:8px;border-radius:8px;background:rgba(127,145,167,.08)}.health-facts dd{text-align:left;overflow-wrap:anywhere}
.health-none{margin:0;padding:14px;text-align:center;color:var(--muted)}.health-add{margin-top:10px;border:1px dashed var(--line);border-radius:11px}.health-add>summary{padding:9px 11px;cursor:pointer;color:var(--blue);font-size:12px;font-weight:700}.health-add>form{padding:12px}.health-resolved-history{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.health-resolved-history>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.health-history-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}
body[data-theme="sunos"] .health-summary-card,body[data-theme="sunos-lavender"] .health-summary-card{border-radius:1px}
@media(max-width:850px){.health-summary-grid{grid-template-columns:1fr}}@media(max-width:520px){.health-facts{grid-template-columns:1fr}}

/* 1.12.4 administration action layouts. */
.backup-management-actions,.backup-selection-actions,.maintenance-action-grid,.cache-action-grid{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.inline-action-form,.backup-selection-actions form{margin:0}.backup-selection-actions{justify-content:flex-end;padding:14px 16px;border-top:1px solid var(--line)}.backup-selection-actions>div{display:grid;gap:2px;margin-right:auto}.backup-selection-actions small{color:var(--muted)}
.maintenance-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-action-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:calc(var(--radius) - 6px);background:var(--surface2)}.maintenance-action-card p{margin:0}.maintenance-action-card button{justify-self:start}.cache-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cache-action-grid form{margin:0}.cache-action-grid button{width:100%;font-family:inherit;font-size:13px}
@media(max-width:700px){.backup-management-actions>*{width:100%}.backup-management-actions form,.backup-management-actions button{width:100%}.backup-selection-actions{align-items:stretch;flex-direction:column}.backup-selection-actions>div{margin:0}.backup-selection-actions form,.backup-selection-actions button{width:100%}.maintenance-action-grid,.cache-action-grid{grid-template-columns:1fr}}

/* 1.12.4 compact Health Summary and backup selection controls. */
.health-summary-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:12px}
.health-summary-card{padding:11px;border-radius:calc(var(--radius) - 7px)}
.health-summary-head{gap:8px;margin-bottom:8px}.health-summary-head h3{font-size:15px}.health-summary-head .eyebrow{margin-bottom:2px;font-size:9px}
.health-compact-list{gap:6px}.health-entry{border-radius:9px}.health-entry>summary{gap:8px;padding:7px 8px;font-size:12px}.health-entry>summary span{font-size:10px}.health-entry-body{padding:0 8px 8px;font-size:12px}.health-entry-body>small{margin-top:7px}
.health-entry-body .record-editor{margin-top:8px}.health-entry-body .record-editor>form{padding:9px}.health-entry-body .record-editor>form:last-child{padding-top:0}.health-form-actions{gap:6px}.health-delete-action{min-height:34px;padding:7px 12px;font-size:12px}
.health-none{padding:9px;font-size:12px}.health-add{margin-top:8px;border-radius:9px}.health-add>summary{padding:7px 9px;font-size:11px}.health-add>form{padding:9px}
.backup-select-radio{width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;margin:0;vertical-align:middle;accent-color:var(--blue)}

/* 1.12.4 accessible application-wide form fields. */
body{--field-bg:#fff;--field-border:#aeb9c8;--field-placeholder:#768297}
body[data-theme="emr"]{--field-bg:#f8fffe;--field-border:#91aaa6;--field-placeholder:#667d79}
body[data-theme="glass"]{--field-bg:rgba(255,255,255,.82);--field-border:#98a9ce;--field-placeholder:#64708c}
body[data-theme="midnight"]{--field-bg:#101722;--field-border:#52627a;--field-placeholder:#929fb2}
body[data-theme="sunos"]{--field-bg:#f0eddf;--field-border:#69675f;--field-placeholder:#5f625e}
body[data-theme="sunos-lavender"]{--field-bg:#f2ecf5;--field-border:#6e6577;--field-placeholder:#665d6f}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{background:var(--field-bg)!important;color:var(--text)!important;border:1px solid var(--field-border)!important;box-shadow:inset 0 1px 2px rgba(24,33,47,.06)}
input::placeholder,textarea::placeholder{color:var(--field-placeholder);opacity:1}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 22%,transparent)!important}
input:disabled,select:disabled,textarea:disabled{opacity:.62;cursor:not-allowed;background:color-mix(in srgb,var(--field-bg) 78%,var(--muted) 22%)!important}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"],input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--danger)!important}
input[type="file"]::file-selector-button{font:inherit;font-size:12px;font-weight:700;margin-right:10px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--text);cursor:pointer}
[data-dose-slot][hidden]{display:none!important}

/* Distinct maintenance panels and compact record actions. */
.maintenance-accordion{margin-block:24px}.maintenance-accordion+.surface,.surface+.maintenance-accordion{margin-top:24px}.maintenance-accordion>.accordion-body{padding:20px}.maintenance-accordion .table-shell{border:1px solid var(--line);border-radius:calc(var(--radius) - 6px)}
.age-photo-actions,.weight-actions{gap:8px;align-items:center}.age-photo-delete-form,.weight-delete-form{padding-top:0!important;margin-top:0}.age-photo-delete-form .danger,.weight-delete-form .danger{width:100%}.weight-photo-form{margin-top:10px;padding-top:12px!important;border-top:1px solid var(--line)}
@media(max-width:520px){.age-photo-actions,.weight-actions{align-items:stretch;flex-direction:column}.age-photo-actions>*,.weight-actions>*{width:100%}}

/* 1.12.4 compact, orderly actions and consistent accordion affordances. */
.button,.primary,.danger{min-height:34px;padding:7px 12px;font-size:12px;line-height:1.2}
.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}
.form-actions>*,.modal-action-row>*,.backup-management-actions>*,.backup-selection-actions>*{flex:0 0 auto}
.document-inline-editor{min-width:min(320px,80vw)}.document-editor-actions{padding-top:4px}.document-delete-form,.modal-delete-row{margin-top:8px;padding:10px 12px!important;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
.record-editor>form+form,.inline-editor>form+form{margin-top:0;padding-top:8px!important;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.record-editor>form+form button,.inline-editor>form+form button{width:auto}
.age-photo-edit-link{font-size:12px}.age-photo-edit-dialog{width:min(94vw,560px)}
.record-accordion>summary{position:relative;padding-right:46px}.record-accordion>summary::after{content:'›';position:absolute;right:18px;top:50%;font-size:24px;line-height:1;color:var(--muted);transform:translateY(-50%) rotate(90deg);transition:transform .16s ease}.record-accordion[open]>summary::after{transform:translateY(-50%) rotate(-90deg)}
.maintenance-action-card button,.cache-action-grid button{width:auto;justify-self:start}.cache-action-grid form{display:flex;justify-content:flex-start}
.admin-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-launch-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);background:var(--surface);box-shadow:var(--shadow);transition:border-color .16s ease,transform .16s ease}.admin-launch-card:hover{border-color:var(--blue);transform:translateY(-1px)}.admin-launch-card h2{margin:0 0 5px;font-size:17px}.admin-launch-card p{margin:0;font-size:12px}.admin-launch-arrow{color:var(--blue);font-size:20px}
@media(max-width:700px){.admin-launch-grid{grid-template-columns:1fr}.form-actions>*{flex:0 0 auto}.document-inline-editor{min-width:min(280px,78vw)}}

/* 1.12.5 simplified medication editor. */
.medication-editor{
  gap:14px;
}

.medication-editor-section{
  padding:14px;
  border:1px solid var(--line);
  border-radius:calc(var(--radius) - 5px);
  background:var(--surface);
}

.medication-editor-section-title{
  margin:0 0 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
}

.medication-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.medication-dose-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.medication-editor-help{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}

.medication-additional{
  border:1px solid var(--line);
  border-radius:calc(var(--radius) - 5px);
  background:var(--surface);
}

.medication-additional>summary{
  padding:11px 14px;
  cursor:pointer;
  font-size:12px;
  font-weight:600;
}

.medication-additional-body{
  padding:2px 14px 14px;
}

@media(max-width:700px){
  .medication-editor-grid,
  .medication-dose-grid{
    grid-template-columns:1fr;
  }

  .medication-editor-section{
    padding:12px;
  }
}

/* 1.12.5 compact medication action panels. */
.medication-action-panel{
  margin-top:1rem;
  padding:0;
  border:1px solid var(--line,rgba(127,127,127,.25));
  border-radius:12px;
  overflow:hidden;
}
.medication-action-panel>summary{
  padding:10px 12px;
  cursor:pointer;
  list-style:none;
  font-size:12px;
  font-weight:700;
  color:var(--text);
  background:var(--surface2);
}
.medication-action-panel>summary::-webkit-details-marker{display:none}
.medication-action-panel>summary::after{
  content:"›";
  float:right;
  color:var(--muted);
  font-size:18px;
  line-height:12px;
  transition:transform .15s ease;
}
.medication-action-panel[open]>summary::after{transform:rotate(90deg)}
.medication-action-panel-body{
  padding:12px;
  border-top:1px solid var(--line);
}

[data-generic-dose][hidden]{display:none!important}

/* 1.12.7: keep ended medications from overwhelming the active list. */
.ended-medications-group{margin-top:14px;border:1px solid var(--field-border,#cbd5e1);border-radius:10px;padding:8px 12px}
.ended-medications-group>summary{cursor:pointer;font-weight:700}
.ended-medications-list{display:grid;gap:6px;margin-top:8px}
.ended-medication-compact{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:8px;background:rgba(127,127,127,.08)}
.ended-medication-compact span{opacity:.72;font-size:.9em}
.ended-medications-inline{margin-top:12px}
/* 1.12.7 patch: ended medications remain grouped, with expandable detail rows. */
.ended-medication-item{border-radius:8px;background:rgba(127,127,127,.08);overflow:hidden}
.ended-medication-item>summary{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;cursor:pointer;align-items:center}
.ended-medication-item>summary span{opacity:.72;font-size:.9em}
.ended-medication-details{padding:2px 11px 11px;border-top:1px solid var(--field-border,#cbd5e1)}
.ended-medication-details dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 14px;margin:10px 0}
.ended-medication-details dl div{min-width:0}
.ended-medication-details dt{font-size:.78em;font-weight:700;opacity:.7;text-transform:uppercase}
.ended-medication-details dd{margin:2px 0 0}
.ended-medication-notes{margin-top:8px;padding-top:8px;border-top:1px solid var(--field-border,#cbd5e1)}
.ended-medication-notes p{margin:4px 0 0;white-space:pre-wrap}

/* 1.12.9 Vanguard mobile-clinic schedule */
.vanguard-schedule{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#d7dde5)}
.vanguard-schedule-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:8px}
.vanguard-schedule-head a{font-size:.86rem;white-space:nowrap}
.vanguard-clinic-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(170px,1.2fr);gap:12px;padding:9px 0;border-top:1px solid rgba(127,127,127,.18)}
.vanguard-clinic-row>span{font-weight:700}
.vanguard-clinic-row div{display:flex;flex-direction:column;gap:2px}
.vanguard-clinic-row small,.vanguard-clinic-row em{opacity:.78}
.vanguard-status{margin:8px 0 0}
@media(max-width:620px){.vanguard-schedule-head{align-items:flex-start;flex-direction:column}.vanguard-clinic-row{grid-template-columns:1fr}}
/* 1.12.9 Vanguard compact schedule */
.v110-facility-card:has(.vanguard-schedule){min-height:auto;height:auto;align-self:start}
.vanguard-schedule{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#d7dde5)}
.vanguard-schedule-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:10px}
.vanguard-schedule-head strong{font-size:.95rem}.vanguard-schedule-head .button{white-space:nowrap}
.vanguard-next{display:grid;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.vanguard-next>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:9px 10px;align-items:center}.vanguard-next>div+div{border-top:1px solid var(--line)}
.vanguard-next span{font-weight:700;font-size:.82rem}.vanguard-next strong,.vanguard-next em{font-size:.78rem;font-style:normal;font-weight:600;text-align:right}
.vanguard-dialog .v110-form-dialog-card{width:min(760px,92vw)}.vanguard-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vanguard-dialog-grid h3{margin:0 0 8px}.vanguard-date{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--line)}.vanguard-date span,.vanguard-date small{font-size:.85rem}
@media(max-width:620px){.vanguard-next>div{grid-template-columns:1fr}.vanguard-next strong,.vanguard-next em{text-align:left}.vanguard-dialog-grid{grid-template-columns:1fr}}

/* 1.12.12 facility spacing and application-wide theme consistency. */
body{
  --panel-soft:color-mix(in srgb,var(--surface2) 88%,transparent);
}
body[data-theme="glass"]{
  --surface2:rgba(255,255,255,.58);
  --panel-soft:rgba(255,255,255,.42);
}

/* Facility cards size to their content; no forced 300px empty space. */
.v110-facility-grid{
  align-items:start!important;
  grid-auto-rows:auto!important;
  gap:10px!important;
}
.v110-uniform-facility{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.v110-uniform-facility .facility-card-head{min-height:0!important}
.v110-uniform-facility dl{margin-top:10px!important;width:100%}
@media(max-width:520px){.v110-uniform-facility{height:auto!important;min-height:0!important}}

/* Shared surfaces now honor every selected theme instead of falling back to white. */
.profile-hero,.login-card,.modal-card,.admin-box,.vet-preview div,
.settings-category,.refill-history,.recovery-grid code,.document-choice,
.document-preview-frame,.document-preview-image,.theme-tile,
.record-accordion>summary,.add-panel>details{
  color:var(--text);
  border-color:var(--line);
}
.profile-hero,.login-card,.modal-card,.admin-box,.theme-tile{
  background:var(--surface);
}
.vet-preview div,.settings-category,.refill-history,.recovery-grid code,
.document-choice,.record-accordion>summary,.add-panel>details{
  background:var(--surface2);
}
.info-card dl>div,.facility-card dl>div,td{border-color:var(--line)}
th{background:var(--surface2);color:var(--muted)}
label,.eyebrow,.meta-line,.powered{color:var(--muted)}
.hero-chips span,.visit-date,.date-chip,.summary-meta,.field-note,
.medication-section-key span,.status-strip span{
  background:color-mix(in srgb,var(--blue) 9%,var(--surface2));
  color:var(--text);
}
body[data-theme="glass"] header,
body[data-theme="glass"] .profile-hero,
body[data-theme="glass"] .login-card,
body[data-theme="glass"] .modal-card,
body[data-theme="glass"] .v110-facility-card,
body[data-theme="glass"] .admin-launch-card{
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}
body[data-theme="glass"] .profile-hero{
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.42));
}
body[data-theme="midnight"] .profile-hero,
body[data-theme="midnight"] .login-card,
body[data-theme="midnight"] .modal-card{background:var(--surface)}


/* 1.12.13 Health Summary subsection accordions. */
#health-summary .health-summary-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:12px;
}
#health-summary .health-summary-section{
  min-width:0;
  padding:0;
  overflow:hidden;
}
#health-summary .health-summary-section>.health-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:11px 13px;
  cursor:pointer;
  list-style:none;
}
#health-summary .health-summary-section>.health-summary-head::-webkit-details-marker{
  display:none;
}
#health-summary .health-summary-section>.health-summary-head::after{
  content:"›";
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
  color:var(--muted);
  transform:rotate(0deg);
  transition:transform .16s ease;
}
#health-summary .health-summary-section[open]>.health-summary-head::after{
  transform:rotate(90deg);
}
#health-summary .health-summary-section>.health-summary-head .summary-meta{
  margin-left:auto;
  margin-right:2px;
}
#health-summary .health-summary-section-body{
  padding:0 11px 11px;
  border-top:1px solid var(--line);
}
#health-summary .health-summary-section-body>.health-compact-list{
  margin-top:10px;
}

/* 1.12.14 Health Summary entry dates. */
.health-entry-meta {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    margin-left: auto;
    white-space: nowrap;
}

.health-entry-meta > span:first-child {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 640px) {
    .health-entry-meta {
        gap: .4rem;
        white-space: normal;
        text-align: right;
    }
}

/* 1.13.0-DEV diagnostics: preserve medical unit and severity capitalization */
#diagnostics .health-entry > summary span {
    text-transform: none;
}

/* =========================================================
   1.13.0-DEV — Diagnostic presentation
   Human-readable diagnostic reports and measurements
   ========================================================= */

#diagnostics .diagnostic-report-card {
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: hidden;
    background: var(--surface2);
}

#diagnostics .diagnostic-report-card + .diagnostic-report-card {
    margin-top: 12px;
}

#diagnostics .diagnostic-report-card > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 16px;
    cursor: pointer;
    list-style: none;
}

#diagnostics .diagnostic-report-card > summary::-webkit-details-marker {
    display: none;
}

#diagnostics .diagnostic-report-title {
    display: grid;
    gap: 3px;
    min-width: 0;
}

#diagnostics .diagnostic-report-title strong {
    font-size: 15px;
    line-height: 1.25;
}

#diagnostics .diagnostic-report-title small {
    color: var(--muted);
    font-size: 11px;
}

#diagnostics .diagnostic-report-body {
    padding: 16px;
    border-top: 1px solid var(--line);
}

#diagnostics .diagnostic-section-label {
    margin: 18px 0 9px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

#diagnostics .diagnostic-section-label:first-child {
    margin-top: 0;
}

#diagnostics .diagnostic-measurements {
    display: grid;
    gap: 9px;
}

#diagnostics .diagnostic-measurement {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(127,145,167,.045);
}

#diagnostics .diagnostic-measurement-name {
    min-width: 0;
}

#diagnostics .diagnostic-measurement-name strong {
    display: block;
    font-size: 13px;
    line-height: 1.3;
}

#diagnostics .diagnostic-measurement-name small {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 10px;
}

#diagnostics .diagnostic-measurement-value {
    text-align: right;
    white-space: nowrap;
}

#diagnostics .diagnostic-measurement-value strong {
    display: block;
    font-size: 20px;
    line-height: 1.05;
    font-weight: 800;
}

#diagnostics .diagnostic-measurement-value small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 10px;
}

#diagnostics .diagnostic-findings {
    display: grid;
    gap: 8px;
}

#diagnostics .diagnostic-finding {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(127,145,167,.045);
}

#diagnostics .diagnostic-finding strong {
    font-size: 12px;
}

#diagnostics .diagnostic-finding-value {
    color: var(--muted);
    font-size: 11px;
    text-align: right;
}

#diagnostics .diagnostic-status {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .04em;
}

#diagnostics .diagnostic-status-verified {
    background: rgba(34,197,94,.12);
    color: #15803d;
}

#diagnostics .diagnostic-status-pending {
    background: rgba(234,179,8,.14);
    color: #854d0e;
}

#diagnostics .diagnostic-status-rejected {
    background: rgba(239,68,68,.11);
    color: #b91c1c;
}

#diagnostics .diagnostic-source {
    margin-top: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
}

#diagnostics .diagnostic-source > summary {
    padding: 9px 11px;
    cursor: pointer;
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
}

#diagnostics .diagnostic-source-body {
    padding: 11px;
    border-top: 1px solid var(--line);
    font-size: 11px;
}

#diagnostics .diagnostic-reference {
    margin-top: 5px;
    color: var(--muted);
    font-size: 10px;
}

/* Midnight theme */
body[data-theme="midnight"] #diagnostics .diagnostic-status-verified {
    color: #86efac;
}

body[data-theme="midnight"] #diagnostics .diagnostic-status-pending {
    color: #fde68a;
}

body[data-theme="midnight"] #diagnostics .diagnostic-status-rejected {
    color: #fca5a5;
}

/* Mobile */
@media(max-width:700px) {
    #diagnostics .diagnostic-measurement {
        grid-template-columns: 1fr;
    }

    #diagnostics .diagnostic-measurement-value {
        text-align: left;
    }

    #diagnostics .diagnostic-finding {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
    }

    #diagnostics .diagnostic-finding-value {
        text-align: left;
    }
}


#diagnostics .diagnostic-report-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}

#diagnostics .diagnostic-report-meta > small {
    color: var(--muted);
    font-size: 10px;
    white-space: nowrap;
}

@media(max-width:520px) {
    #diagnostics .diagnostic-report-card > summary {
        align-items: flex-start;
    }

    #diagnostics .diagnostic-report-meta {
        display: grid;
        justify-items: end;
        gap: 5px;
    }
}

/* =========================================================
   1.13.0-DEV — Readable diagnostic result cards
   ========================================================= */

#diagnostics .diagnostic-result-list {
    display: grid;
    gap: 12px;
}

#diagnostics .diagnostic-result-card {
    padding: 15px 16px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--surface2);
}

#diagnostics .diagnostic-result-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

#diagnostics .diagnostic-result-heading {
    display: grid;
    gap: 3px;
    min-width: 0;
}

#diagnostics .diagnostic-result-heading strong {
    font-size: 14px;
    line-height: 1.3;
}

#diagnostics .diagnostic-result-heading small {
    color: var(--muted);
    font-size: 10px;
}

#diagnostics .diagnostic-result-primary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
}

#diagnostics .diagnostic-result-value {
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.025em;
}

#diagnostics .diagnostic-result-flag {
    max-width: 45%;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(234,179,8,.12);
    color: #854d0e;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .035em;
    text-align: center;
    text-transform: uppercase;
}

#diagnostics .diagnostic-reference {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin-top: 8px;
    color: var(--muted);
    font-size: 10px;
}

#diagnostics .diagnostic-reference span {
    font-weight: 700;
}

#diagnostics .diagnostic-reference strong {
    color: inherit;
    font-size: 10px;
    font-weight: 600;
}

#diagnostics .diagnostic-technical-details {
    margin-top: 13px;
    border-top: 1px solid var(--line);
}

#diagnostics .diagnostic-technical-details > summary {
    padding: 10px 0 2px;
    cursor: pointer;
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
}

#diagnostics .diagnostic-technical-details > .health-facts {
    margin-top: 10px;
}

#diagnostics .diagnostic-result-card > .record-editor {
    margin-top: 12px;
}

#diagnostics .diagnostic-review-actions {
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid var(--line);
}

body[data-theme="midnight"] #diagnostics .diagnostic-result-flag {
    color: #fde68a;
}

@media(max-width:700px) {
    #diagnostics .diagnostic-result-card {
        padding: 13px;
    }

    #diagnostics .diagnostic-result-primary {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #diagnostics .diagnostic-result-flag {
        max-width: 100%;
        width: max-content;
    }
}

@media(max-width:520px) {
    #diagnostics .diagnostic-result-head {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #diagnostics .diagnostic-result-head .diagnostic-status {
        justify-self: start;
    }
}

/* =========================================================
   1.13.0-DEV — Readable diagnostic clinical findings
   ========================================================= */

#diagnostics .diagnostic-findings-list {
    display: grid;
    gap: 12px;
}

#diagnostics .diagnostic-finding-card {
    padding: 15px 16px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--surface2);
}

#diagnostics .diagnostic-finding-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

#diagnostics .diagnostic-finding-heading {
    display: grid;
    gap: 8px;
    min-width: 0;
    width: 100%;
}

#diagnostics .diagnostic-finding-heading > strong {
    font-size: 14px;
    line-height: 1.3;
}

#diagnostics .diagnostic-finding-badges {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

#diagnostics .diagnostic-finding-severity {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(234,179,8,.12);
    color: #854d0e;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

#diagnostics .diagnostic-finding-value {
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 1.5;
}

#diagnostics .diagnostic-finding-card > .record-editor {
    margin-top: 12px;
}

body[data-theme="midnight"] #diagnostics .diagnostic-finding-severity {
    color: #fde68a;
}

@media(max-width:700px) {
    #diagnostics .diagnostic-finding-card {
        padding: 13px;
    }
}

@media(max-width:520px) {
    #diagnostics .diagnostic-finding-badges {
        align-items: flex-start;
    }
}

/* =========================================================
   1.13.0-DEV — Diagnostic longitudinal trends presentation
   ========================================================= */

#diagnostics .diagnostic-trends-empty {
    display: grid;
    gap: 5px;
}

#diagnostics .diagnostic-trends-empty .health-none,
#diagnostics .diagnostic-trends-empty .muted {
    margin: 0;
}

#diagnostics .diagnostic-trend-list {
    display: grid;
    gap: 12px;
}

#diagnostics .diagnostic-trend-series {
    padding: 15px 16px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--surface2);
}

#diagnostics .diagnostic-trend-series-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

#diagnostics .diagnostic-trend-series-head > div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

#diagnostics .diagnostic-trend-series-head strong {
    font-size: 14px;
    line-height: 1.3;
}

#diagnostics .diagnostic-trend-series-head small {
    color: var(--muted);
    font-size: 10px;
}

#diagnostics .diagnostic-trend-values {
    display: grid;
    gap: 7px;
    margin-top: 13px;
}

#diagnostics .diagnostic-trend-value {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 0;
    border-top: 1px solid var(--line);
}

#diagnostics .diagnostic-trend-value time {
    color: var(--muted);
    font-size: 10px;
    white-space: nowrap;
}

#diagnostics .diagnostic-trend-value strong {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    font-size: 13px;
    text-align: right;
}

#diagnostics .diagnostic-trend-value strong span:last-child {
    color: var(--muted);
    font-size: 10px;
    font-weight: 600;
}

@media(max-width:700px) {
    #diagnostics .diagnostic-trend-series {
        padding: 13px;
    }
}

@media(max-width:520px) {
    #diagnostics .diagnostic-trend-series-head,
    #diagnostics .diagnostic-trend-value {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
    }

    #diagnostics .diagnostic-trend-series-head .summary-meta {
        justify-self: start;
    }

    #diagnostics .diagnostic-trend-value strong {
        text-align: left;
    }
}

/* =========================================================
   1.13.0-DEV — Diagnostic longitudinal trend SVG charts
   ========================================================= */

#diagnostics .diagnostic-trend-chart {
    margin: 14px 0 4px;
    padding: 10px 8px 4px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface);
    overflow: hidden;
}

#diagnostics .diagnostic-trend-chart svg {
    display: block;
    width: 100%;
    height: auto;
    max-height: 150px;
    overflow: visible;
}

#diagnostics .diagnostic-trend-axis {
    stroke: var(--line);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

#diagnostics .diagnostic-trend-line {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

#diagnostics .diagnostic-trend-point circle {
    fill: var(--surface);
    stroke: currentColor;
    stroke-width: 2.5;
    vector-effect: non-scaling-stroke;
}

#diagnostics .diagnostic-trend-axis-label {
    fill: var(--muted);
    font-size: 10px;
    font-family: inherit;
}

@media(max-width:520px) {
    #diagnostics .diagnostic-trend-chart {
        margin-top: 12px;
        padding: 7px 4px 2px;
    }

    #diagnostics .diagnostic-trend-chart svg {
        max-height: 125px;
    }

    #diagnostics .diagnostic-trend-axis-label {
        font-size: 9px;
    }
}

/* 1.13.0-DEV — Diagnostic trend visual polish */

#diagnostics .diagnostic-trend-grid-line {
    stroke: var(--line);
    stroke-width: 1;
    stroke-dasharray: 3 5;
    opacity: 0.65;
    vector-effect: non-scaling-stroke;
}

#diagnostics .diagnostic-trend-point-label {
    fill: currentColor;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    pointer-events: none;
}


/* Hide the redundant raw observation list only after the SVG renders.
   If JavaScript fails, the underlying values remain visible. */
#diagnostics
.diagnostic-trend-series.diagnostic-trend-rendered
.diagnostic-trend-values {
    display: none;
}

/* =========================================================
   1.13.0-DEV — Diagnostic reference-range visualization
   ========================================================= */

#diagnostics .diagnostic-reference-range {
    margin-top: 10px;
}

#diagnostics .diagnostic-reference-range-track {
    position: relative;
    height: 8px;
    margin: 0 5px;
    border-radius: 999px;
    background: var(--line);
}

#diagnostics .diagnostic-reference-range-normal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    right: 20%;
    border-radius: inherit;
    background: currentColor;
    opacity: .22;
}

#diagnostics .diagnostic-reference-range-marker {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border: 3px solid var(--surface2);
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 1px var(--line);
    transform: translate(-50%, -50%);
}

#diagnostics .diagnostic-reference-range-labels {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: var(--muted);
    font-size: 9px;
    line-height: 1.2;
}

#diagnostics .diagnostic-reference-range-labels span:nth-child(2) {
    text-align: center;
    font-weight: 600;
}

#diagnostics .diagnostic-reference-range-labels span:last-child {
    text-align: right;
}

@media(max-width:520px) {
    #diagnostics .diagnostic-reference-range {
        margin-top: 9px;
    }

    #diagnostics .diagnostic-reference-range-labels {
        font-size: 8px;
    }
}

/* Reference-range visual refinement:
   show the complete measurement track while emphasizing
   only the recorded reference interval. */
#diagnostics .diagnostic-reference-range-track {
    background: color-mix(in srgb, currentColor 8%, transparent);
    box-shadow: inset 0 0 0 1px var(--line);
}

#diagnostics .diagnostic-reference-range-normal {
    background: currentColor;
    opacity: .20;
}

#diagnostics .diagnostic-reference-range-marker {
    width: 13px;
    height: 13px;
    border-width: 3px;
}

#diagnostics .diagnostic-reference-range-labels {
    grid-template-columns: 20% 60% 20%;
    gap: 0;
}

#diagnostics .diagnostic-reference-range-labels span:first-child {
    text-align: center;
}

#diagnostics .diagnostic-reference-range-labels span:nth-child(2) {
    text-align: center;
}

#diagnostics .diagnostic-reference-range-labels span:last-child {
    text-align: center;
}

/* =========================================================
   1.13.0-DEV — Diagnostic responsive/accessibility polish
   ========================================================= */

/* Keep long imported diagnostic text from forcing horizontal overflow. */
#diagnostics .diagnostic-report-title,
#diagnostics .diagnostic-result-heading,
#diagnostics .diagnostic-finding-heading,
#diagnostics .diagnostic-trend-series-head > div,
#diagnostics .diagnostic-reference,
#diagnostics .diagnostic-result-value,
#diagnostics .diagnostic-finding-value {
    overflow-wrap: anywhere;
}

/* Preserve a clear keyboard focus indicator on native disclosure controls. */
#diagnostics summary:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--blue) 38%, transparent);
    outline-offset: 2px;
    border-radius: 8px;
}

/* Prevent the reference visualization itself from creating horizontal scroll. */
#diagnostics .diagnostic-reference-range,
#diagnostics .diagnostic-reference-range-track {
    min-width: 0;
    max-width: 100%;
}

/* Slightly improve narrow-screen readability without changing hierarchy. */
@media(max-width:520px) {
    #diagnostics .diagnostic-report-card > summary {
        gap: 10px;
        padding: 13px;
    }

    #diagnostics .diagnostic-reference {
        flex-wrap: wrap;
    }

    #diagnostics .diagnostic-reference-range-track {
        margin-left: 3px;
        margin-right: 3px;
    }
}

/* Respect the operating system's reduced-motion preference.
   These are decorative transitions only; functionality is unchanged. */
@media(prefers-reduced-motion:reduce) {
    .button,
    .primary,
    .danger,
    .nav-button,
    .record-accordion > summary::after {
        transition: none;
    }
}


/* =========================================================
   1.13.0-DEV — Diagnostic review readability refinement
   Clinical findings and verification information
   ========================================================= */

/*
 * Give individual findings stronger visual separation.
 * This is intentionally scoped to #diagnostics so no other
 * application cards or forms are affected.
 */
#diagnostics .diagnostic-finding-card {
    padding: 18px 20px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--surface2);
}

#diagnostics .diagnostic-findings-list {
    gap: 16px;
}

/* Finding name */
#diagnostics .diagnostic-finding-heading > strong {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
}

/* Severity and review-state badges */
#diagnostics .diagnostic-finding-badges {
    gap: 8px;
}

#diagnostics .diagnostic-finding-severity,
#diagnostics .diagnostic-finding-card .diagnostic-status {
    padding: 5px 9px;
    font-size: 10px;
    line-height: 1.15;
}

/* Human-readable finding description */
#diagnostics .diagnostic-finding-value {
    margin: 14px 0 0;
    max-width: 78ch;
    color: var(--text);
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
}

/*
 * Technical verification remains secondary information,
 * but should still be comfortably readable when expanded.
 */
#diagnostics .diagnostic-finding-card .diagnostic-technical-details {
    margin-top: 14px;
}

#diagnostics .diagnostic-finding-card
.diagnostic-technical-details > summary {
    padding: 10px 0 4px;
    font-size: 11px;
    font-weight: 700;
}

/*
 * The generic health-facts component was visually too faint
 * inside diagnostic review cards. Increase hierarchy and
 * contrast without changing its markup.
 */
#diagnostics .diagnostic-finding-card .health-facts {
    gap: 8px;
}

#diagnostics .diagnostic-finding-card .health-facts > div {
    padding: 9px 11px;
}

#diagnostics .diagnostic-finding-card .health-facts dt {
    color: var(--muted);
    font-size: 10px;
    line-height: 1.2;
}

#diagnostics .diagnostic-finding-card .health-facts dd {
    margin-top: 2px;
    color: var(--text);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

/* Make review controls clearly associated with their finding. */
#diagnostics .diagnostic-finding-card .diagnostic-review-actions {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

/*
 * Keep the same information hierarchy on smaller screens
 * without creating oversized cards.
 */
@media(max-width:700px) {
    #diagnostics .diagnostic-finding-card {
        padding: 15px;
    }

    #diagnostics .diagnostic-finding-heading > strong {
        font-size: 15px;
    }

    #diagnostics .diagnostic-finding-value {
        font-size: 13px;
    }
}

/* =========================================================
   1.13.0-DEV — Clinical diagnostic trend presentation
   ========================================================= */

#diagnostics .diagnostic-trend-series {
    padding: 20px;
}

#diagnostics .diagnostic-trend-series-head strong {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
}

/* Latest / Previous / Change */
#diagnostics .diagnostic-trend-clinical-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

#diagnostics .diagnostic-trend-summary-item {
    display: grid;
    align-content: start;
    gap: 3px;
    min-width: 0;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--surface);
}

#diagnostics .diagnostic-trend-summary-item > span {
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#diagnostics .diagnostic-trend-summary-item > strong {
    color: var(--text);
    font-size: 18px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

#diagnostics .diagnostic-trend-summary-item > small {
    color: var(--muted);
    font-size: 10px;
}

/* Clinical chart */
#diagnostics .diagnostic-trend-chart-clinical {
    position: relative;
    margin: 14px 0 0;
    padding: 12px 10px 6px;
    overflow: visible;
}

#diagnostics .diagnostic-trend-chart-clinical svg {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    overflow: visible;
}

/* Quiet clinical grid */
#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-grid-line {
    stroke: var(--line);
    stroke-width: 1;
    stroke-dasharray: none;
    opacity: .7;
}

/* Trend line */
#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-line {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

/* Visible observation */
#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-point-visible {
    fill: var(--surface);
    stroke: currentColor;
    stroke-width: 2.75;
    vector-effect: non-scaling-stroke;
}

/* Latest observation gets stronger visual weight. */
#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-point-latest
.diagnostic-trend-point-visible {
    fill: currentColor;
    stroke: currentColor;
}

/*
 * Large transparent target makes the actual observation easy
 * to hover with a mouse and focus without visually enlarging it.
 */
#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-point-hit {
    fill: transparent;
    stroke: none;
    pointer-events: all;
    cursor: help;
}

#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-point {
    outline: none;
}

#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-point:focus
.diagnostic-trend-point-visible {
    stroke-width: 4;
}

/* Value above each observation. */
#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-point-label {
    fill: var(--text);
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    pointer-events: none;
}

/* Study date below each observation. */
#diagnostics .diagnostic-trend-date-label {
    fill: var(--muted);
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    pointer-events: none;
}

/* Y-axis values */
#diagnostics .diagnostic-trend-chart-clinical
.diagnostic-trend-axis-label {
    fill: var(--muted);
    font-family: inherit;
    font-size: 10px;
}

/* Hover/focus report-date tooltip */
#diagnostics .diagnostic-trend-tooltip {
    position: absolute;
    z-index: 10;
    display: grid;
    gap: 3px;
    min-width: 120px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
    pointer-events: none;
    transform: translate(-50%, calc(-100% - 10px));
    white-space: nowrap;
}

#diagnostics .diagnostic-trend-tooltip[hidden] {
    display: none;
}

#diagnostics .diagnostic-trend-tooltip strong {
    color: var(--text);
    font-size: 11px;
    line-height: 1.25;
}

#diagnostics .diagnostic-trend-tooltip span {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.25;
}

/* Responsive clinical trend layout */
@media(max-width:700px) {
    #diagnostics .diagnostic-trend-series {
        padding: 15px;
    }

    #diagnostics .diagnostic-trend-clinical-summary {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    #diagnostics .diagnostic-trend-summary-item {
        grid-template-columns: 80px 1fr auto;
        align-items: baseline;
        gap: 8px;
    }

    #diagnostics .diagnostic-trend-summary-item > small {
        text-align: right;
    }

    #diagnostics .diagnostic-trend-chart-clinical {
        padding-left: 3px;
        padding-right: 3px;
        overflow-x: auto;
    }

    #diagnostics .diagnostic-trend-chart-clinical svg {
        min-width: 560px;
    }
}



/* 1.13.0-DEV weight history graph. */
.weight-chart-wrap{width:100%;margin:0 0 1rem;overflow:hidden}.weight-history-chart{display:block;width:100%;min-height:260px}

/* 1.13.0-DEV diagnostic at-a-glance MIN / CURRENT / MAX scale. */
#diagnostics .diagnostic-reference-range-labels > span {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#diagnostics .diagnostic-reference-range-labels small {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--muted);
}
#diagnostics .diagnostic-reference-range-labels strong {
    font-size: 11px;
    color: inherit;
}
#diagnostics .diagnostic-reference-current strong {
    font-size: 12px;
}


/* 1.13.0-DEV compact diagnostic trends — at-a-glance presentation. */
#diagnostics .diagnostic-trend-series {
    padding: 16px 18px;
}
#diagnostics .diagnostic-trend-clinical-summary {
    margin: 10px 0 4px;
    gap: 12px;
}
#diagnostics .diagnostic-trend-chart-clinical {
    margin: 2px 0 0;
    min-height: 0;
}
#diagnostics .diagnostic-trend-chart-clinical svg {
    display: block;
    width: 100%;
    height: 126px;
    max-height: 126px;
}
#diagnostics .diagnostic-trend-point-label,
#diagnostics .diagnostic-trend-axis-label,
#diagnostics .diagnostic-trend-grid-line {
    display: none;
}
#diagnostics .diagnostic-trend-date-label {
    font-size: 10px;
}
@media(max-width:600px) {
    #diagnostics .diagnostic-trend-clinical-summary {
        grid-template-columns: repeat(3, 1fr);
    }
    #diagnostics .diagnostic-trend-series { padding: 14px 12px; }
}

/* 1.13.0-DEV global Priority center. */
.priority-nav{display:inline-flex;align-items:center;gap:2px}.priority-count{font-size:11px;opacity:.7}.priority-count.has-items{color:#b42318;opacity:1;font-weight:800}
.priority-dialog{width:min(94vw,680px);border:0;padding:0;background:transparent;color:var(--text);border-radius:22px}.priority-dialog::backdrop{background:rgba(19,29,42,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.priority-dialog-card{padding:24px;max-height:min(82vh,760px);overflow:auto;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 28px 90px rgba(0,0,0,.24)}.priority-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.priority-dialog-head h2{margin:0}
.priority-list{display:grid;gap:9px}.priority-item{display:grid;grid-template-columns:10px 1fr;gap:11px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.priority-item:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.priority-dot{width:9px;height:9px;border-radius:50%;background:#d69e2e}.priority-copy{min-width:0}.priority-copy strong,.priority-copy small{display:block}.priority-copy strong{font-size:13px}.priority-copy small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.priority-empty{padding:18px 0 6px;margin:0}
body[data-theme="glass"] .priority-dialog-card{background:rgba(255,255,255,.78);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}
@media(max-width:760px){.topbar{align-items:flex-start}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.priority-dialog{width:calc(100vw - 18px)}.priority-dialog-card{padding:18px}}

/* 1.13.0-DEV login screen: use the actual Glass palette and surfaces. */
body.login-page[data-theme="glass"]{
  background:radial-gradient(circle at 10% 10%,#dcecff,transparent 32%),radial-gradient(circle at 90% 25%,#f7e0ef,transparent 30%),#eaf0fb;
}
body.login-page[data-theme="glass"] .login-art{
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.62),transparent 28%),radial-gradient(circle at 82% 72%,rgba(247,224,239,.78),transparent 34%),linear-gradient(145deg,rgba(216,232,255,.94),rgba(199,209,255,.88) 48%,rgba(246,220,236,.9));
  color:var(--text);
}
body.login-page[data-theme="glass"] .login-art .eyebrow,
body.login-page[data-theme="glass"] .login-copy{color:var(--muted)}
body.login-page[data-theme="glass"] .login-art:after{
  border-color:rgba(255,255,255,.58);
  box-shadow:0 0 0 80px rgba(255,255,255,.12),0 0 0 160px rgba(255,255,255,.07);
}
body.login-page[data-theme="glass"] .login-card{
  background:rgba(255,255,255,.58);
  border-left:1px solid rgba(255,255,255,.78);
  box-shadow:-18px 0 48px rgba(67,86,166,.08);
}

/* 1.13 health intelligence */
.health-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;align-items:end}.health-config-grid label{display:flex;flex-direction:column;gap:7px}.health-toggle-list{display:grid;gap:10px}.health-toggle-list form,.health-toggle-grid form{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-toggle-list form{padding:12px;border:1px solid var(--line);border-radius:12px}.health-toggle-list small{display:block;margin-top:3px}.health-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.health-toggle-grid>form,.health-keyword{padding:10px 12px;border:1px solid var(--line);border-radius:12px}.health-table{overflow:auto}.health-table table{width:100%;border-collapse:collapse}.health-table th,.health-table td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}
.health-keyword{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-alert-toolbar,.health-alert-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.health-alert-item{padding:18px 0;border-bottom:1px solid var(--line)}.health-alert-item:last-child{border-bottom:0}.health-alert-item h2{margin:6px 0;font-size:1.15rem}.health-alert-meta{font-size:.88rem;margin:10px 0}.health-severity{display:inline-block;font-weight:800;font-size:.72rem;letter-spacing:.08em;margin-right:8px}.inline-form{display:flex;gap:10px;margin-bottom:14px}.inline-form input{flex:1}

/* 1.13.0-DEV authoritative external alerts. */
nav>a.alerts-nav.has-alerts{background:#b42318!important;color:#fff!important;box-shadow:0 6px 18px rgba(180,35,24,.22)}
nav>a.alerts-nav.has-alerts:hover{background:#912018!important;color:#fff!important}
.official-alerts-card{margin-bottom:18px}.official-alert-item{border-left:3px solid #b42318}
/* 1.13.0-DEV alert administration cleanup. */
.alert-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.alert-admin-stats>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 74%,transparent);display:flex;flex-direction:column;gap:4px}.alert-admin-stats strong{font-size:1.45rem}.alert-admin-stats span{font-size:.82rem;color:var(--muted)}.alert-admin-scope{margin:14px 0 0}.alert-admin-advanced>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}.alert-admin-advanced>summary::-webkit-details-marker{display:none}.alert-admin-advanced>summary span:first-child{display:flex;flex-direction:column;gap:4px}.alert-admin-advanced>summary small{color:var(--muted);font-weight:400}.alert-admin-advanced[open]>summary{padding-bottom:16px;border-bottom:1px solid var(--line)}.alert-admin-advanced-body{display:grid;gap:24px;padding-top:18px}.alert-admin-advanced-body>section+section{border-top:1px solid var(--line);padding-top:20px}

/* 1.13.0-DEV.2 Priority deep-link target. */
.priority-target-highlight{
  outline:3px solid rgba(180,35,24,.62);
  outline-offset:4px;
  box-shadow:0 0 0 8px rgba(180,35,24,.10);
  transition:outline-color .25s ease,box-shadow .25s ease;
}

/* 1.13.0-DEV.10 health-alert monitoring controls. Theme-aware: all surfaces use app variables. */
.monitor-add-panel{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(320px,1.6fr);gap:18px;align-items:end}.monitor-add-panel h2,.health-topics-heading h2{margin:0 0 4px}.monitor-search-form{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr) auto;gap:10px;align-items:end}.health-state-button{min-width:96px}.health-state-button.is-on{font-weight:800}.health-state-button.is-off{opacity:.72}.health-subaccordion{border-top:1px solid var(--line);padding-top:20px}.health-subaccordion>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:2px 0}.health-subaccordion>summary::-webkit-details-marker{display:none}.health-subaccordion>summary span:first-child{display:flex;flex-direction:column;gap:4px}.health-subaccordion>summary small{color:var(--muted);font-weight:400}.health-subaccordion-body{padding-top:16px}.health-row-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.health-table td small{display:block;color:var(--muted);margin-top:2px}.health-topics-panel{border-radius:16px;padding:18px;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--line)}.health-topics-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.health-topic-count{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:var(--surface)}.health-topic-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.health-topic-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:6px 7px 6px 12px;background:var(--surface);color:var(--text)}.health-topic-chip>span{font-weight:700}.health-topic-chip>div{display:flex;align-items:center;gap:3px}.health-topic-chip form{margin:0}.health-chip-action,.health-chip-remove{font:inherit;color:inherit;border:0;cursor:pointer}.health-chip-action{border-radius:999px;padding:5px 9px;background:color-mix(in srgb,var(--surface) 55%,var(--line));font-size:.76rem;font-weight:700}.health-chip-remove{width:26px;height:26px;border-radius:50%;background:transparent;font-size:1.05rem;line-height:1}.health-chip-remove:hover,.health-chip-action:hover{background:color-mix(in srgb,var(--surface) 25%,var(--line))}
@media(max-width:760px){.monitor-add-panel{grid-template-columns:1fr}.monitor-search-form{grid-template-columns:1fr}.health-topics-heading{align-items:center}.health-row-actions{justify-content:flex-start;flex-wrap:wrap}}

/* 1.13.0-DEV.10 unambiguous health-alert source controls. */
.health-source-switch{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}.health-switch{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text);cursor:pointer;padding:4px}.health-switch-track{width:42px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,var(--surface));padding:3px;display:block;transition:.2s}.health-switch-track>span{display:block;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.2s}.health-switch.is-on .health-switch-track{background:color-mix(in srgb,#2f855a 72%,var(--surface))}.health-switch.is-on .health-switch-track>span{transform:translateX(18px)}.health-switch strong{min-width:26px;font-size:.75rem}.health-topic-chip form{margin:0}.health-topic-chip .health-chip-remove{display:grid;place-items:center}.health-toggle-list form{background:var(--surface);color:var(--text)}
/* 1.13.0 health-alert monitoring controls and document workflow maintenance */