/* Approved shared interface.
   Rules stay scoped for the isolated Current/Proposed comparison. */
body.ux-preview {
  --bg: #eef2f5; --panel-2: #f5f7f9; --border: #dce3e9;
  --text: #192b39; --muted: #546777; --accent: #176c81;
  --accent-dim: #12566a; --accent-soft: #e9f4f6;
  grid-template-columns: 204px minmax(0, 1fr);
}
body.ux-preview :is(button,input,select,textarea,summary,a):focus-visible {
  outline: 3px solid #127a96; outline-offset: 3px; box-shadow: 0 0 0 5px #fff;
}
body.ux-preview .snav-group:focus-within .snav-flyout { opacity: 1; visibility: visible; transform: none; }
body.ux-preview .side-nav { padding: 18px 10px; gap: 5px; }
body.ux-preview .snav-item { border-radius: 7px; font-size: 13px; padding: 10px 12px; color: #415564; }
body.ux-preview .snav-item.active { color: #12566a; background: #e7f2f4; box-shadow: inset 3px 0 #176c81; }
body.ux-preview .ux-workspace-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 3px; }
body.ux-preview .ux-workspace-heading h1 { font-size: 25px; letter-spacing: -.6px; line-height: 1.15; font-weight: 680; margin: 0 0 7px; }
body.ux-preview .ux-workspace-heading p { color: var(--muted); font-size: 13px; margin: 0; max-width: 70ch; }
body.ux-preview #scheduling { background: #eef2f5; }
body.ux-preview .sched-pane { padding: 23px 24px 18px; gap: 16px; min-height: 100%; }
body.ux-preview #admMd > .ux-workspace-heading { order: 0; }
body.ux-preview #admMdSummary { order: 1; gap: 0; background: white; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
body.ux-preview #admMd > .adm-controls { order: 2; }
body.ux-preview #admMdRows { order: 3; }

body.ux-preview :is(#admMdSummary,#admFaxSummary,#admIdxSummary) .adm-stat { flex: 1 1 110px; padding: 12px 16px; border: 0; border-right: 1px solid var(--border); border-radius: 0; background: white; }
body.ux-preview :is(#admMdSummary,#admFaxSummary,#admIdxSummary) .adm-stat:last-child { border-right: 0; }
body.ux-preview :is(#admMdSummary,#admFaxSummary,#admIdxSummary) .adm-stat-v { font-size: 24px; line-height: 1.15; color: #1a3949; font-weight: 680; }
body.ux-preview :is(#admMdSummary,#admFaxSummary,#admIdxSummary) .adm-stat-l { margin-top: 6px; font-size: 11px; line-height: 1.4; color: #536877; }
body.ux-preview #admMdSummary .adm-stat:nth-child(3) { background: #eaf4f2; }
body.ux-preview :is(#admMd,#admFax,#admIdx) > .adm-controls { background: #fff; padding: 12px 14px; border: 1px solid var(--border); border-radius: 9px; gap: 10px 14px; color: #344d5e; }
body.ux-preview :is(#admMd,#admFax,#admIdx) .adm-controls label { display: inline-flex; align-items: center; gap: 7px; }
body.ux-preview :is(#admMd,#admFax,#admIdx) .adm-controls :is(input[type=date],select) { padding: 6px 8px; min-height: 33px; border: 1px solid #ccd7df; border-radius: 6px; background: #fff; color: #253d4c; font-size: 12px; }
body.ux-preview :is(#admMd,#admFax,#admIdx) .adm-check { padding: 6px 9px; background: #f2f6f8; border-radius: 6px; }
body.ux-preview :is(#admMd,#admFax,#admIdx) input[type=checkbox] { accent-color: #176c81; width: 15px; height: 15px; }
body.ux-preview #admMdStatus { margin-left: auto; font-size: 11px; white-space: nowrap; }
body.ux-preview .ux-workflow-guide { border: 1px solid #d8e2e9; border-radius: 8px; background: #f8fafb; font-size: 12px; color: #405868; margin: 0; }
body.ux-preview .ux-workflow-guide > summary { padding: 10px 13px; cursor: pointer; font-weight: 650; width: fit-content; }
body.ux-preview .ux-workflow-guide > .ux-guide-body { padding: 0 14px 13px; line-height: 1.6; }
body.ux-preview .ux-workflow-guide .ux-guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
body.ux-preview .ux-workflow-guide .adm-policy { display: block; color: #425b6a; font-size: 12px; }
body.ux-preview .ux-workflow-guide .adm-sub { max-width: 105ch; color: #425b6a; line-height: 1.65; }
body.ux-preview :is(#admMdRows,#admFaxRows,#admIdxRows) { border: 1px solid var(--border); background: white; border-radius: 9px; overflow: auto; scrollbar-gutter: stable; overscroll-behavior: contain; }
body.ux-preview #admMdRows { max-height: max(300px,calc(100dvh - 400px)); }
body.ux-preview :is(#admFaxRows,#admIdxRows) { max-height: 58dvh; }
body.ux-preview :is(#admMdRows,#admFaxRows,#admIdxRows) table.grid { border-collapse: separate; border-spacing: 0; font-size: 12px; }
body.ux-preview #admMdRows table.grid { min-width: 1060px; }
body.ux-preview :is(#admMdRows,#admFaxRows,#admIdxRows) table.grid th { padding: 11px 12px; font-size: 10px; letter-spacing: .055em; text-transform: uppercase; font-weight: 700; color: #536777; background: #f3f6f8; border-bottom: 1px solid #cfd9e1; top: 0; z-index: 5; white-space: nowrap; }
body.ux-preview :is(#admMdRows,#admFaxRows,#admIdxRows) table.grid td { padding: 14px 12px; vertical-align: top; border-bottom: 1px solid #e4eaf0; color: #2d4655; line-height: 1.5; }
body.ux-preview :is(#admMdRows,#admFaxRows,#admIdxRows) table.grid tr:nth-child(even) td { background: #fafcfd; }
body.ux-preview :is(#admMdRows,#admFaxRows,#admIdxRows) table.grid tbody tr:hover > td { background: #f0f7f9; }
body.ux-preview #admMdRows :is(th,td):is(:nth-child(3),:nth-child(6),:nth-child(9)) { display: none; }
body.ux-preview #admMdRows td:nth-child(2) { font-weight: 650; color: #163b4e; min-width: 155px; white-space: normal; max-width: 200px; }
body.ux-preview #admMdRows td:nth-child(4) { max-width: 150px; min-width: 125px; white-space: normal; color: #795319; }
body.ux-preview #admMdRows td:nth-child(5) { min-width: 130px; max-width: 170px; white-space: normal; }
body.ux-preview #admMdRows td:nth-child(7) { white-space: normal; max-width: 125px; }
body.ux-preview #admMdRows td:nth-child(8) { min-width: 130px; white-space: normal; max-width: 155px; }
body.ux-preview #admMdRows td:nth-child(10) { white-space: normal; min-width: 145px; max-width: 230px; color: #556b79; font-size: 11px; }
body.ux-preview .ux-patient-id { display: block; color: #647b89; font-size: 10px; font-weight: 500; letter-spacing: .035em; margin-top: 5px; font-variant-numeric: tabular-nums; }
body.ux-preview .ux-proposed-provider { display: block; margin-top: 5px; padding-top: 5px; color: #125d70; font-weight: 650; }
body.ux-preview .ux-proposed-provider::before { content: '→ '; color: #25849a; }
body.ux-preview .ux-md-gap { display: block; margin-top: 5px; color: #647582; font-size: 11px; }
body.ux-preview #admMdRows :is(th,td):last-child { position: sticky; right: 0; background: #fff; box-shadow: -1px 0 #e0e7ec; min-width: 145px; max-width: 185px; z-index: 2; }
body.ux-preview #admMdRows th:last-child { z-index: 7; background: #f3f6f8; }
body.ux-preview #admMdRows tr.adm-slot-open td { background: #f6fbf9; }
body.ux-preview #admMdRows tr.adm-slot-open td:first-child { box-shadow: inset 3px 0 #63a892; }
body.ux-preview :is(#admMdRows,#admFaxRows,#admIdxRows) tr[data-ux-state=pending] > td { background: #f4f7fb; }
body.ux-preview .adm-md-actions { white-space: normal; }
body.ux-preview .adm-md-actions button { display: block; width: 100%; margin: 0 0 6px; }
body.ux-preview .adm-md-actions :is(.adm-md-warn,span) { display: block; white-space: normal; max-width: 165px; overflow: visible; font-size: 11px; line-height: 1.45; }
body.ux-preview :is(#scheduling,#messages,#admFax,#admIdx) button.primary,
body.ux-preview :is(#scheduling,#messages,#admFax,#admIdx) .btn-go { background: #176c81; color: #fff; border: 1px solid #176c81; border-radius: 6px; padding: 7px 12px; font-weight: 650; min-height: 33px; }
body.ux-preview :is(#scheduling,#messages,#admFax,#admIdx) .minor-btn { border: 1px solid #d0dce4; border-radius: 6px; color: #395768; background: #fff; padding: 6px 10px; min-height: 31px; }
body.ux-preview :is(#scheduling,#admFax,#admIdx) .btn-stop { background: #fff; color: #87515a; border: 1px solid #e1cdd1; border-radius: 6px; padding: 5px 9px; }
body.ux-preview :is(#scheduling,#messages,#admFax,#admIdx) button:disabled { opacity: .7; cursor: default; box-shadow: none; }
body.ux-preview #scheduling .btn-go:disabled { color: #536e7d; border-color: #d6e0e8; background: #eef3f7; }
body.ux-preview #messages .msg-wrap { grid-template-columns: 320px minmax(340px,1fr) 286px; gap: 0; padding: 16px; }
body.ux-preview .msg-left { border: 1px solid var(--border); border-radius: 10px 0 0 10px; background: #f8fafb; }
body.ux-preview .msg-bar { padding: 14px 12px 8px; border: 0; background: transparent; }
body.ux-preview #msgSearch { width: 100%; padding: 9px 10px; border: 1px solid #cfdbe4; background: #fff; border-radius: 7px; min-height: 38px; font-size: 12px; }
body.ux-preview .msg-inbox-head { padding: 8px 13px 12px; border-bottom: 1px solid #e1e8ee; }
body.ux-preview .thr-list { padding: 9px; gap: 7px; }
body.ux-preview .thr-row { border: 1px solid transparent; box-shadow: none; border-radius: 7px; padding: 12px; background: transparent; }
body.ux-preview .thr-row.active { background: #e8f3f5; border-color: #a4cad3; box-shadow: inset 3px 0 #176c81; }
body.ux-preview .thr-row.unread:not(.active) { background: #fff; border-color: #d6e1e9; }
body.ux-preview .thr-who { font-size: 13px; }
body.ux-preview .thr-sub { font-size: 11px; line-height: 1.5; color: #5e7483; }
body.ux-preview .msg-right { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 0 18px; background: #fff; }
body.ux-preview .thrv { margin-top: 0; }
body.ux-preview .thrv-head { padding: 17px 0 13px; margin: 0; border-bottom: 1px solid #e0e8ee; }
body.ux-preview .thrv-head > strong { flex: 1 1 100%; font-size: 19px; line-height: 1.25; letter-spacing: -.25px; }
body.ux-preview .thrv-meta { font-size: 12px; color: #5e7483; }
body.ux-preview .thrv-log { padding: 16px 1px; gap: 12px; min-height: 110px; }
body.ux-preview .thrv-msg { font-size: 13px; line-height: 1.55; padding: 11px 13px; max-width: min(90%,50ch); box-shadow: 0 1px 2px #17354808; }
body.ux-preview .thrv-msg.in { background: #f1f5f8; border: 1px solid #e1e8ee; border-radius: 10px 10px 10px 2px; }
body.ux-preview .thrv-msg.out { background: #e7f2f3; border: 1px solid #cae1e5; border-radius: 10px 10px 2px 10px; }
body.ux-preview .msg-compose { margin: 0 -18px; padding: 13px 18px 15px; background: #f8fafb; border-top: 1px solid #d5e0e7; }
body.ux-preview .msg-body { padding: 11px 12px; border: 1px solid #c6d6df; border-radius: 7px; min-height: 83px; font-size: 13px; line-height: 1.55; }
body.ux-preview .msg-row-end { margin-top: 8px; flex-wrap: wrap; gap: 7px; }
body.ux-preview .msg-fromline { font-size: 10px; color: #506a79; }
body.ux-preview .msg-phone,body.ux-preview .msg-tpl { background: #fff; border-color: #d6e0e7; min-height: 33px; }
body.ux-preview .msg-context { border: 1px solid var(--border); border-left: 0; border-radius: 0 10px 10px 0; padding: 18px 16px; background: #fbfcfd; }
body.ux-preview .msg-context-head { margin-bottom: 16px; color: #66808e; font-size: 10px; letter-spacing: .12em; font-weight: 700; }
body.ux-preview .msg-head { padding-bottom: 14px; }
body.ux-preview .msg-head-name { font-size: 17px; line-height: 1.4; color: #163b4e; }
body.ux-preview .msg-sec { margin-top: 15px; padding-top: 14px; border-top-color: #dce6ec; }
body.ux-preview .msg-sec-h { color: #536b7b; font-size: 10px; font-weight: 700; letter-spacing: .1em; margin-bottom: 10px; }
body.ux-preview .msg-ph { gap: 6px; flex-wrap: wrap; }
body.ux-preview :is(.msg-delivery-issues,#msgCompose) .msg-sec[role=status] { border: 1px solid #d3e3e9; border-left: 3px solid #6296a8; background: #f3f8fa; border-radius: 6px; padding: 9px 11px; margin: 10px 0; font-size: 12px; }
body.ux-preview .msg-sec[role=status] p { margin: 5px 0 0; }
body.ux-preview .msg-sec[role=status] strong { font-size: 12px; }
body.ux-preview #adminModal .admin-window { width: min(1480px,96vw); }
body.ux-preview #adminModal .modal-header { padding: 15px 20px; background: #f7f9fb; border-bottom: 1px solid #d8e3eb; }
body.ux-preview #adminModal .admin-tabs { gap: 5px; }
body.ux-preview #adminModal .adm-tab { padding: 8px 12px; border-radius: 6px; }
body.ux-preview :is(#admFax,#admIdx) { display: flex; flex-direction: column; gap: 12px; }
body.ux-preview :is(#admFax,#admIdx).hidden { display: none; }
body.ux-preview :is(#admFaxSummary,#admIdxSummary) { gap: 0; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
body.ux-preview :is(#admFaxRows,#admIdxRows) .empty { padding: 45px 20px; color: #537080; font-size: 14px; }
body.ux-preview :is(#admFaxRows,#admIdxRows) td :is(.fax-detail-warn,.adm-sub) { line-height: 1.55; }
@media (max-width: 1380px) {
 body.ux-preview #messages .msg-wrap { grid-template-columns: 280px minmax(320px,1fr); grid-template-rows: minmax(0,1fr) auto; }
 body.ux-preview .msg-context { grid-column: 1 / -1; max-height: 26vh; border: 1px solid var(--border); border-top: 0; border-radius: 0 0 10px 10px; }
 body.ux-preview .msg-context .msg-patient { display: grid; grid-template-columns: minmax(170px,1fr) minmax(210px,1fr) minmax(230px,1.2fr); gap: 14px; }
 body.ux-preview .msg-context .msg-sec { margin: 0; padding: 0 0 0 14px; border-top: 0; border-left: 1px solid #dce6ec; }
 body.ux-preview .msg-context-head { margin-bottom: 10px; }
}
@media (max-width: 1000px) {
 body.ux-preview { grid-template-columns: 175px minmax(0,1fr); }
 body.ux-preview .sched-pane { padding: 16px; }
 body.ux-preview #messages .msg-wrap { padding: 10px; grid-template-columns: 240px minmax(280px,1fr); }
 body.ux-preview .msg-context .msg-patient { display: block; }
 body.ux-preview .msg-context .msg-sec { border-left: 0; padding: 10px 0 0; margin-top: 10px; border-top: 1px solid #dce6ec; }
}

/* Shared foundation for every workflow. Specialized matrices, charge warning colors,
   row grouping, column sizing, visibility and business controls retain their own rules. */
body.ux-preview :is(#arwork,#watchlist,#analytics,#grid,#packets,#msgtemplates,#msgautomations,#console) { padding: 18px 20px; gap: 13px; }
body.ux-preview :is(#arwork,#watchlist,#analytics,#packets) > .ux-workspace-heading { flex: 0 0 auto; margin: 0 0 2px; }
body.ux-preview :is(.panel,.modal-window) .console-bar { border: 1px solid var(--border); border-radius: 9px; background: #fff; padding: 12px 14px; gap: 10px 13px; box-shadow: none; }
body.ux-preview :is(.panel,.modal-window) .console-bar > strong { font-size: 16px; font-weight: 680; color: #233f50; letter-spacing: -.15px; }
body.ux-preview .panel .console-bar :is(.ar-summary,.seg-label) { font-size: 12px; color: #506776; line-height: 1.5; }
body.ux-preview :is(.console-bar,.adm-controls,.reimb-controls,.gq-controls) label { font-size: 12px; line-height: 1.5; }
body.ux-preview :is(.console-bar,.adm-controls,.reimb-controls,.gq-controls,.tmpl-edit,.auto-edit,.ann-main) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
 border: 1px solid #cbd8e1; border-radius: 6px; background: #fff; color: #253f4f; font: inherit; font-size: 12px; padding: 6px 8px;
}
body.ux-preview :is(.panel,.modal-window) .search-box { background: #fff; border: 1px solid #cad8e1; border-radius: 7px; min-height: 35px; padding: 7px 10px; }
body.ux-preview :is(.panel,.modal-window) :is(input,textarea)::placeholder { color: #758a98; opacity: 1; }
body.ux-preview :is(.panel,.modal-window) input[type=checkbox] { accent-color: #176c81; }
body.ux-preview :is(.panel,.modal-window) input[type=radio] { accent-color: #176c81; }
body.ux-preview :is(.panel,.modal-window) :is(button.primary,.btn-go) { background: #176c81; border: 1px solid #176c81; color: #fff; border-radius: 6px; font-weight: 650; padding: 7px 12px; box-shadow: 0 1px 2px #1735480d; }
body.ux-preview :is(.panel,.modal-window) :is(button.primary,.btn-go):hover:not(:disabled) { background: #12566a; border-color: #12566a; }
body.ux-preview :is(.panel,.modal-window) :is(.minor-btn,.btn-sm):not(.btn-stop) { border: 1px solid #cfdbe3; color: #3d5868; background: #fff; border-radius: 6px; padding: 6px 10px; font-size: 12px; }
body.ux-preview :is(.panel,.modal-window) :is(.minor-btn,.btn-sm):not(.btn-stop):hover:not(:disabled) { background: #f0f6f8; border-color: #aac5d0; }
body.ux-preview :is(.panel,.modal-window) button:disabled { cursor: default; box-shadow: none; }
body.ux-preview :is(.panel,.modal-window) .seg-toggle { background: #f2f6f8; border: 1px solid #d4dfe7; border-radius: 7px; padding: 3px; box-shadow: none; }
body.ux-preview :is(.panel,.modal-window) .seg-toggle button { color: #506a79; border: 0; border-radius: 5px; padding: 7px 11px; font-size: 12px; line-height: 1.3; background: transparent; }
body.ux-preview :is(.panel,.modal-window) .seg-toggle button.active { color: #12596d; background: #fff; box-shadow: 0 1px 4px #203f521f; font-weight: 650; }
body.ux-preview :is(.result-wrap,.chart-wrap,.balance-card,.stat-tile,.reimb-group,.grid-card,.gq-ins,.gq-grand,.gq-settings) { border-color: #d7e2e9; border-radius: 9px; box-shadow: 0 1px 3px #213d4f08; }
body.ux-preview :is(.result-wrap,.chart-wrap) { background: #fff; }
body.ux-preview .balance-card:not(.aging-card) { background: #fff; padding: 12px 16px; }
body.ux-preview .aging-card { border-color: transparent; box-shadow: none; }
body.ux-preview .stat-tile { padding: 13px 16px; background: #fff; }
body.ux-preview :is(.bc-title,.st-label) { font-size: 10px; letter-spacing: .07em; color: #5d7382; }
body.ux-preview .st-value { font-size: 25px; letter-spacing: -.4px; line-height: 1.2; margin-top: 7px; }
body.ux-preview .bc-v { font-variant-numeric: tabular-nums; }
body.ux-preview .chart-wrap { padding: 15px; }
body.ux-preview .chart-legend { font-size: 12px; gap: 10px 18px; }
body.ux-preview :is(.chart-tip,.reimb-suggest,.gcombo-list) { border-color: #cddce5; border-radius: 8px; box-shadow: 0 8px 22px #1735481a; }
body.ux-preview :is(.panel,.modal-window) table.grid:not(.gc-table):not(.cw-table):not(.grid-fixed) { font-size: 12px; }
body.ux-preview :is(.panel,.modal-window) table.grid:not(.gc-table):not(.cw-table):not(.grid-fixed) th {
 background: #f3f6f8; color: #526b7b; border-bottom-color: #cfdde6; font-size: 10px; font-weight: 700; letter-spacing: .045em; padding-top: 10px; padding-bottom: 10px;
}
body.ux-preview :is(.panel,.modal-window) table.grid:not(.gc-table):not(.cw-table):not(.grid-fixed) td { border-bottom-color: #e2eaf0; padding-top: 10px; padding-bottom: 10px; line-height: 1.5; }
body.ux-preview :is(.panel,.modal-window) table.grid:not(.gc-table):not(.cw-table):not(.grid-fixed) th.num { font-variant-numeric: tabular-nums; }
body.ux-preview :is(.panel,.modal-window) .empty { line-height: 1.6; font-size: 13px; padding: 28px 18px; }
body.ux-preview :is(.panel,.modal-window) :is(.error,.warn-banner,.ann-warn-box,.fax-detail-warn) { border-radius: 7px; line-height: 1.55; }
body.ux-preview :is(.panel,.modal-window) :is(.nec-status,.ar-summary,.muted) { line-height: 1.5; }
body.ux-preview :is(#watchSubToggle,#arModeToggle) { flex-wrap: wrap; row-gap: 3px; }
body.ux-preview :is(.reimb-filterbar,.reimb-backbar,.reimb-enc-head) { padding: 10px 12px; background: #fff; border: 1px solid #dce5eb; border-radius: 8px; }
body.ux-preview .reimb-controls { gap: 10px; padding-bottom: 0; }
body.ux-preview .reimb-group { padding: 7px 9px; }
body.ux-preview .reimb-chip { border-color: #cddfe7; background: #eff6f8; color: #315668; }
body.ux-preview #grid .grid-bar { gap: 10px 14px; }
body.ux-preview #grid :is(.grid-info,.grid-info-panel) { border-color: #d7e2e9; border-radius: 8px; }
body.ux-preview .gc-head { border-bottom-color: #d8e3e9; background: #f7fafb; }
body.ux-preview .gc-head .gc-cpt { font-weight: 700; letter-spacing: -.1px; }
body.ux-preview .gc-head .gc-label { color: #5e7584; }
body.ux-preview .grid-info-title { font-size: 15px; color: #2d4b5c; letter-spacing: -.15px; }
body.ux-preview .grid-info-field textarea { border-color: #cedce4; border-radius: 6px; background: #fff; line-height: 1.5; }
body.ux-preview #packets .ms-dropdown { border-color: #d0dfe7; border-radius: 7px; background: #fff; }
body.ux-preview #packets .ms-dropdown > summary { padding: 7px 10px; color: #365567; }
body.ux-preview #packets :is(.packet-card,.pkt-card,.packet-group) { border-color: #d6e2e9; border-radius: 8px; }
body.ux-preview #msgannounce { padding: 18px 20px; }
body.ux-preview :is(.ann-main,.ann-side,.tmpl-edit,.tmpl-list,.tmpl-side,.auto-list,.auto-edit) { border-color: #d7e2e9; }
body.ux-preview :is(.ann-main,.tmpl-edit,.auto-edit) { background: #fff; }
body.ux-preview :is(.ann-side,.tmpl-side,.tmpl-list,.auto-list) { background: #f8fafb; }
body.ux-preview .ann-wrap { gap: 14px; }
body.ux-preview :is(.ann-main,.ann-side) { border: 1px solid #d7e2e9; border-radius: 9px; padding: 14px; }
body.ux-preview .ann-main .console-bar { border: 0; border-radius: 0; padding: 0 0 12px; border-bottom: 1px solid #dce6ed; margin-bottom: 13px; }
body.ux-preview :is(.tmpl-wrap,.auto-wrap) { border: 1px solid #d7e2e9; border-radius: 9px; overflow: auto; }
body.ux-preview :is(.tmpl-edit,.auto-edit) { padding: 19px; }
body.ux-preview :is(.tmpl-row,.auto-rule) { border-color: #d9e4eb; border-radius: 7px; padding: 11px 12px; }
body.ux-preview :is(.tmpl-row,.auto-rule).active { background: #eaf4f6; border-color: #a9cbd5; box-shadow: inset 3px 0 #176c81; }
body.ux-preview .tmpl-row-name { font-size: 13px; font-weight: 650; color: #2b4b5d; }
body.ux-preview .tmpl-row-body { font-size: 11px; line-height: 1.55; color: #5d7483; }
body.ux-preview .tmpl-preview { border-color: #cee1e8; border-radius: 8px; background: #f0f7f9; }
body.ux-preview .tmpl-preview-body { font-size: 13px; line-height: 1.6; }
body.ux-preview :is(.tmpl-chips,.auto-chip-row) { gap: 6px; }
body.ux-preview :is(.tmpl-chip,.auto-pill) { border-radius: 5px; }
body.ux-preview .modal-overlay:not(#dev-journal) { backdrop-filter: blur(2px); }
body.ux-preview .modal-window { border: 1px solid #cbdbe5; border-radius: 12px; box-shadow: 0 18px 65px #17354830; }
body.ux-preview .modal-header { background: #f7fafb; border-bottom: 1px solid #d8e3eb; padding: 14px 18px; }
body.ux-preview .modal-header :is(h2,h3,.ar-patient-name) { font-size: 19px; line-height: 1.3; font-weight: 680; letter-spacing: -.3px; }
body.ux-preview .modal-close { border: 1px solid #d5e0e8; border-radius: 6px; color: #4d6777; background: #fff; }
body.ux-preview .modal-body { line-height: 1.5; }
body.ux-preview .modal-body > .adm-pane > .ux-workspace-heading { margin: 4px 0 16px; }
body.ux-preview .modal-body > .adm-pane > .ux-workspace-heading h1 { font-size: 22px; }
body.ux-preview #adminModal .adm-controls { border: 1px solid #d7e2e9; border-radius: 8px; padding: 11px 13px; background: #fff; gap: 10px 13px; }
body.ux-preview #adminModal .adm-tab { font-size: 12px; font-weight: 500; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #526c7c; }
body.ux-preview #adminModal .adm-tab.active { border-color: #b5d0db; background: #eaf4f6; color: #145d70; font-weight: 650; }
body.ux-preview #adminModal .adm-summary { gap: 10px; margin: 12px 0; }
body.ux-preview #adminModal .adm-stat { border: 1px solid #dbe5ec; border-radius: 8px; background: #fff; padding: 10px 13px; }
body.ux-preview #adminModal .adm-stat-v { font-size: 23px; font-weight: 680; line-height: 1.2; }
body.ux-preview #adminModal .adm-stat-l { font-size: 10px; color: #5d7483; margin-top: 5px; }
body.ux-preview :is(.proc-subtabs,.lr-tabs,.nec-tabs) button { border-radius: 6px; border-color: #d0dde5; }
body.ux-preview :is(.proc-subtabs,.lr-tabs,.nec-tabs) button.active { color: #145c70; border-color: #a7c8d5; background: #eaf4f6; }
body.ux-preview :is(.gq-panel-head,.proc-section-title,.nec-title) { color: #3c5b6d; font-weight: 650; letter-spacing: .03em; }
body.ux-preview .gq-field :is(input,select) { border-color: #ccdce5; border-radius: 6px; }
body.ux-preview :is(.gq-grand,.gq-settings) { border-color: #c8dfe6; background: #edf6f8; }
body.ux-preview :is(.gq-grand-val,.gq-total,.gq-due) { font-variant-numeric: tabular-nums; }
body.ux-preview #sqlInput { border-color: #d0dce4; border-radius: 8px; padding: 12px; background: #fbfcfd; }
/* Keep safety colors from the original app: no text/background overrides on warning,
   overdue, denial, bad-debt, risk, frequency, support-service or charge-alert classes. */
@media (max-width: 1050px) {
 body.ux-preview :is(#arwork,#watchlist,#analytics,#grid,#packets,#msgtemplates,#msgautomations,#msgannounce,#console) { padding: 13px; }
 body.ux-preview :is(.panel,.modal-window) .console-bar { gap: 9px; padding: 10px; }
 body.ux-preview :is(.tmpl-edit,.auto-edit) { padding: 14px; }
 body.ux-preview #adminModal .modal-header { flex-wrap: wrap; gap: 8px; }
 body.ux-preview #adminModal .admin-tabs { flex-wrap: wrap; margin-left: 0; }
}

/* Scheduling help follows the Grid toolbar help pattern. */
body.ux-preview .ux-guide-trigger { margin-left: auto; }
body.ux-preview .ux-guide-dialog { width: min(780px, calc(100vw - 40px)); max-height: calc(100dvh - 80px); padding: 0; border: 1px solid #cbdbe5; border-radius: 12px; color: var(--text); background: #fff; box-shadow: 0 18px 65px #17354830; }
body.ux-preview .ux-guide-dialog::backdrop { background: #17354855; backdrop-filter: blur(2px); }
body.ux-preview .ux-guide-dialog .modal-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
body.ux-preview .ux-guide-dialog h2 { margin: 0; font-size: 19px; }
body.ux-preview .ux-guide-dialog .ux-guide-body { padding: 18px; font-size: 13px; line-height: 1.65; }
body.ux-preview .ux-guide-dialog .adm-policy { display: block; }
body.ux-preview .ux-guide-dialog .ux-guide-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }