/* Approved Tiffany glass, with immediately opaque readable content. */
.catalog-topline,.catalog-toolbar,.catalog-filters { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.catalog-topline { margin:0 0 22px; }
.catalog-tabs { max-width:100%; flex-wrap:wrap; }
.catalog-tabs .auth-button { border:0; box-shadow:none; }
.catalog-panel { padding:24px; }
.catalog-toolbar { margin-bottom:17px; }
.catalog-toolbar .auth-search { flex:1 1 260px; max-width:600px; margin:0; }
.catalog-filters { justify-content:flex-start; margin-bottom:23px; }
.catalog-records { display:grid; gap:10px; }
.catalog-record,.catalog-change-row { display:flex; align-items:center; gap:18px; width:100%; padding:20px; border:1px solid #d1e6e1; border-radius:20px; background:#ffffffbd; color:#214b50; text-align:left; }
.catalog-change-row { transition:border-color 180ms,background-color 180ms; }
.catalog-change-row:hover { background:#effaf7; border-color:#9bd2c9; }
.catalog-record-copy { flex:1; min-width:0; }
.catalog-record-copy strong { display:block; font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.catalog-record-title { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.catalog-record-copy p,.catalog-record-copy small { display:block; margin-top:6px; font-size:12px; color:#5b7873; line-height:1.6; }
.catalog-price { white-space:nowrap; font-size:16px; font-variant-numeric:tabular-nums; font-weight:650; }
.catalog-row-actions { display:flex; gap:7px; flex-wrap:wrap; }
.catalog-record.is-hidden { background:#f4f7f4c4; }
.catalog-editor { width:min(720px,calc(100vw - 32px)); }
.catalog-detail { width:min(850px,calc(100vw - 32px)); }
.catalog-picker { width:min(480px,calc(100vw - 32px)); }
.catalog-fields { min-width:0; margin:0; padding:0; border:0; }
.catalog-workspace textarea,.catalog-editor textarea,.catalog-detail textarea { width:100%; min-height:84px; padding:12px 14px; border:1px solid #b9d8d1; border-radius:15px; background:#ffffffda; color:#214b50; font:inherit; font-size:14px; line-height:1.5; resize:vertical; }
.catalog-field-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:17px; }
.catalog-select { justify-content:space-between; text-align:left; width:100%; min-height:48px; font-weight:400; background:#ffffffda; overflow-wrap:anywhere; }
.catalog-doctors { border:0; margin:2px 0 21px; padding:0; min-width:0; }
.catalog-doctors legend { padding:0; margin-bottom:7px; font-size:13px; font-weight:550; color:#4b6f69; }
.catalog-doctor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:13px; max-height:250px; overflow:auto; padding:3px; }
.catalog-check { display:flex; align-items:flex-start; gap:11px; padding:13px; border:1px solid #d1e6e1; border-radius:15px; background:#ffffffa8; cursor:pointer; }
.catalog-check input { flex:0 0 auto; width:18px; height:18px; margin:1px 0 0; accent-color:#3a9d93; }
.catalog-check strong { display:block; font-size:13px; font-weight:550; line-height:1.4; overflow-wrap:anywhere; }
.catalog-check small { display:block; font-size:11px; line-height:1.5; color:#5b7873; margin-top:4px; }
.catalog-active { margin:0 0 21px; }
.catalog-muted-warning { color:#87633b; font-size:12px; margin-top:10px !important; }
.catalog-picker-options { display:grid; gap:9px; }
.catalog-picker-options .auth-button { justify-content:flex-start; text-align:left; background:#ffffffb8; }
.catalog-picker-options .is-selected { border-color:#81c9bd; background:#dff4ed; }
.catalog-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:20px 0 12px; }
.catalog-compare > section { padding:19px; border:1px solid #d9e8e1; border-radius:19px; background:#ffffffa8; }
.catalog-compare > .catalog-proposed { background:#eaf8f2b8; border-color:#baddd3; }
.catalog-compare h3 { font-size:14px; font-weight:600; margin-bottom:18px; }
.catalog-snapshot { margin:0; display:grid; gap:15px; }
.catalog-snapshot dt { color:#648078; font-size:11px; margin:0 0 5px; }
.catalog-snapshot dd { font-size:14px; margin:0; line-height:1.5; overflow-wrap:anywhere; white-space:pre-line; }
.catalog-snapshot-note { margin-bottom:21px !important; }
.catalog-original { padding:14px 0; color:#4b7067; font-size:12px; }
.catalog-original summary { cursor:pointer; margin-bottom:12px; }
.catalog-original .catalog-snapshot { padding:16px; border:1px solid #d7e8e0; border-radius:16px; }
.catalog-pagination { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:20px; }
.catalog-detail-status { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.catalog-detail-status small { color:#648078; font-size:11px; }
.catalog-comment { border-top:1px solid #d7e8e0; padding:17px 0; }
.catalog-comment small { color:#648078; font-size:11px; }
.catalog-comment p { margin-top:6px; font-size:13px; overflow-wrap:anywhere; white-space:pre-line; }
.auth-notification { position:relative; width:44px; height:44px; border:1px solid #c4e5dc; border-radius:15px; background:#f5fcf9bf; color:#387f77; display:inline-grid; place-items:center; }
.auth-pending-badge { display:inline-grid; place-items:center; min-width:19px; height:19px; padding:0 5px; border-radius:10px; background:#65bdb2; color:#113f3b; font-size:10px; font-weight:700; }
.auth-notification .auth-pending-badge { position:absolute; right:-5px; top:-5px; border:2px solid #fff; min-width:20px; height:20px; }
.auth-nav-button .auth-pending-badge { margin-left:auto; }
@media (max-width:850px) { .catalog-record { flex-wrap:wrap; } .catalog-row-actions { flex-basis:100%; } .catalog-topline { align-items:flex-start; } }
@media (max-width:560px) {
  .catalog-panel { padding:16px; }
  .catalog-record,.catalog-change-row { padding:15px; gap:12px; }
  .catalog-change-row { flex-wrap:wrap; }
  .catalog-change-row .catalog-record-copy { flex-basis:100%; }
  .catalog-tabs { width:100%; }
  .catalog-tabs .auth-button { padding:9px 10px; font-size:11px; flex:1; }
  .catalog-field-row,.catalog-doctor-grid,.catalog-compare { grid-template-columns:1fr; }
  .catalog-filters .auth-segments { width:100%; }
  .catalog-filters .auth-segments .auth-button { flex:1; padding:8px 10px; }
  .catalog-toolbar > .auth-button { width:100%; }
  .catalog-detail .auth-dialog-footer { flex-wrap:wrap; }
  .catalog-detail .auth-dialog-footer .auth-button { flex:1 1 auto; }
}