/* Dedicated intake workspace. HIS search owns case-search-results.css. */
.ci-page { max-width:2200px; color:#28364d; font-size:14px; line-height:1.5; }
.app-content:has(.ci-page) { background:#f7f8fb; padding:18px 18px 26px; }
.ci-layout { display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:16px; align-items:start; }
.ci-main { min-width:0; }
.ci-page :is(h2,h3,p,ol) { margin:0; }
.ci-page :is(button,input,select) { font:inherit; }
.ci-page button { cursor:pointer; }
.ci-page button:disabled { opacity:.45; cursor:not-allowed; }
.ci-page :is(button,input,select,[tabindex]):focus-visible { outline:2px solid #4287dd; outline-offset:3px; }
.ci-card { background:#fff; border:1px solid #e9edf4; border-radius:12px; box-shadow:0 2px 8px #263c5b05; }
.ci-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:6px 14px; border:1px solid #d5dfea; border-radius:6px; background:#fff; color:#315a8e; white-space:nowrap; }
.ci-button:hover { background:#f0f6ff; border-color:#a0bbe1; }
.ci-button.ci-primary { background:#0b60c9; border-color:#0b60c9; color:white; }
.ci-button.ci-primary:hover { background:#084fa9; }
.ci-button.ci-text-button { background:transparent; border-color:transparent; padding-inline:6px; }
.ci-filter { padding:18px 20px; margin-bottom:16px; }
.ci-filter form { display:grid; grid-template-columns:minmax(180px,1.4fr) repeat(2,minmax(140px,1fr)); gap:14px 18px; }
.ci-field { display:flex; flex-direction:column; gap:7px; min-width:0; color:#536075; }
.ci-field :is(input,select) { width:100%; min-width:0; height:38px; padding:7px 10px; border:1px solid #dce3ed; border-radius:6px; color:#334760; background:#fff; }
.ci-field input::placeholder { color:#929eaf; }
.ci-search > div { position:relative; }
.ci-search input { padding-left:34px; }
.ci-search svg { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#899bb4; pointer-events:none; }
.ci-dates { grid-column:span 2; min-width:0; border:0; margin:0; padding:0; }
.ci-dates legend { padding:0; margin-bottom:7px; color:#536075; }
.ci-dates > div { display:flex; align-items:center; gap:12px; max-width:440px; }
.ci-dates input { flex:1; width:0; min-width:0; height:38px; padding:6px 9px; color:#334760; border:1px solid #dce3ed; border-radius:6px; background:#fff; }
.ci-dates span { color:#8591a2; }
.ci-filter-actions { display:flex; gap:10px; align-items:end; justify-content:flex-end; }
.ci-filter-actions .ci-button { min-height:38px; min-width:72px; }
.ci-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.ci-metric { display:flex; align-items:center; gap:14px; min-width:0; min-height:124px; padding:17px 16px; border:1px solid #e3e9f2; border-radius:10px; background:#fff; text-align:left; color:#243850; box-shadow:none; transition:background .15s,border-color .15s; }
.ci-metric:hover { background:#f7faff; border-color:#b7cff0; }
.ci-metric.is-active { background:#edf4ff; border-color:#91b8ec; box-shadow:none; }
.ci-metric.is-active .ci-metric-label { color:#0758c4; font-weight:600; }
.ci-metric > span:last-child { min-width:0; }
.ci-metric-icon { flex-shrink:0; display:grid; place-items:center; width:50px; height:54px; border-radius:18px; background:#edf5ff; color:#1267cf; }
.ci-purple .ci-metric-icon { background:#f4efff; color:#7c50cb; }
.ci-orange .ci-metric-icon { background:#fff5e9; color:#df841b; }
.ci-green .ci-metric-icon { background:#ebf8f2; color:#15986d; }
.ci-metric-label { display:block; font-size:14px; }
.ci-metric strong { display:block; font-size:32px; line-height:1.4; font-weight:650; font-variant-numeric:tabular-nums; color:#142d4c; }
.ci-metric.ci-orange strong { color:#e88320; }
.ci-metric small { display:block; color:#8190a3; font-size:12px; line-height:1.5; }
.ci-results { overflow:hidden; }
.ci-results-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px; padding:17px 18px; }
.ci-results-heading h2 { font-size:16px; color:#20344f; }
.ci-results-heading h2 span { margin-left:7px; font-size:13px; font-weight:400; color:#8391a3; }
.ci-results-heading p { color:#8793a4; font-size:12px; }
.ci-table-wrap { width:100%; overflow:auto; }
.ci-table { border-collapse:collapse; width:100%; min-width:1070px; text-align:left; }
.ci-table th { background:#f6f8fb; color:#66758b; font-weight:500; padding:12px 10px; white-space:nowrap; font-size:13px; }
.ci-table td { padding:15px 10px; border-top:1px solid #edf1f6; color:#475974; font-size:13px; vertical-align:middle; }
.ci-table tr:hover td { background:#f8fbff; }
.ci-table tr:is(.is-focused,.cl-focused) td { background:#eff6ff; }
.ci-table tr:is(.is-focused,.cl-focused) td:first-child { box-shadow:inset 3px 0 #347cdc; }
.ci-table :is(th,td):first-child { padding-left:16px; width:34px; }
.ci-table td:nth-child(2) { min-width:190px; }
.ci-table td:nth-child(3) { min-width:150px; max-width:230px; }
.ci-table td:nth-child(4) { min-width:124px; }
.ci-table td:nth-child(5) { min-width:100px; }
.ci-table td:nth-child(6) { min-width:135px; }
.ci-table td:nth-child(7) { min-width:150px; max-width:210px; }
.ci-table small { display:block; font-size:12px; color:#8490a2; margin-top:5px; }
.ci-page input[type=checkbox] { width:16px; height:16px; vertical-align:middle; accent-color:#176bce; cursor:pointer; }
.ci-patient { display:flex; align-items:center; gap:10px; }
.ci-avatar { display:grid; place-items:center; flex-shrink:0; width:38px; height:38px; border-radius:50%; background:#edf3fc; color:#3f76c1; font-size:20px; }
.ci-name { display:inline; border:0; padding:0; background:transparent; color:#203751; font-size:15px!important; font-weight:600!important; }
.ci-name:hover { color:#0b60c9; }
.ci-demographic { display:block; color:#7a8aa0; font-size:12px; margin-top:2px; }
.ci-table .ci-overdue { color:#c77917; }
.ci-muted { color:#8693a6; }
.ci-status { display:inline-flex; align-items:center; border-radius:5px; padding:2px 9px; font-size:12px; }
.ci-status.ci-blue { background:#edf4ff; color:#1264c4; }
.ci-status.ci-purple { background:#f2edfc; color:#8153c5; }
.ci-status.ci-green { background:#eaf7f1; color:#218761; }
.ci-progress { display:block; margin-top:7px; height:4px; width:96px; border-radius:3px; background:#ebe5f4; overflow:hidden; }
.ci-progress i { display:block; height:100%; background:#a187ce; }
.ci-issues { overflow-wrap:anywhere; }
.ci-row-actions { display:flex; align-items:center; gap:4px; }
.ci-row-actions .ci-button { padding:5px 10px; min-height:33px; font-size:13px; }
@media(min-width:701px) {
  .ci-table :is(th,td):last-child { position:sticky; right:0; background:#fff; box-shadow:-6px 0 10px #26406406; }
  .ci-table th:last-child { background:#f6f8fb; }
  .ci-table tr:hover td:last-child { background:#f8fbff; }
  .ci-table tr:is(.is-focused,.cl-focused) td:last-child { background:#eff6ff; }
}
.ci-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:14px 18px; border-top:1px solid #edf1f6; }
.ci-batch,.ci-pager { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; color:#7d8b9e; }
.ci-batch b { color:#175faa; }
.ci-pager button { display:grid; place-items:center; width:30px; height:30px; border:1px solid #dde4ed; background:white; border-radius:5px; font-size:20px; color:#476188; }
.ci-pager select { border:1px solid #dde4ed; border-radius:5px; height:30px; color:#586b85; background:#fff; }
.ci-empty { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; padding:65px 16px; color:#8896a8; }
.ci-table:has(.ci-empty) { min-width:0; }
.ci-table:has(.ci-empty) thead { display:none; }
.ci-table:has(.ci-empty) td { position:static; box-shadow:none; }
.ci-assistant { min-width:0; background:var(--assistant-background,#f7f2ff); border:1px solid var(--assistant-border,#cbb4ef); border-radius:12px; padding:18px 16px; }
.ci-ai-heading { display:flex; align-items:center; gap:10px; margin:0 0 19px; }
.ci-ai-heading h2 { font-size:20px; color:#453364; }
.ci-ai-heading p { margin-top:3px; color:#9b8dad; font-size:12px; }
.ci-ai-card { padding:16px; border:1px solid #e7def1; border-radius:10px; background:#fff; margin-bottom:14px; }
.ci-ai-card h3 { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:15px; color:#433356; margin-bottom:10px; }
.ci-ai-number { display:grid; place-items:center; width:21px; height:21px; border-radius:6px; background:#efe8f9; color:#8161b0; font-size:12px; }
.ci-ai-count { margin-left:auto; border-radius:12px; padding:1px 8px; background:#f6f1fd; color:#8d70b4; font-size:12px; font-weight:400; }
.ci-ai-caption { color:#988ba7; font-size:12px; line-height:1.7; }
.ci-priority { list-style:none; padding:0; }
.ci-priority li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px 10px; padding:14px 0; border-bottom:1px solid #f0eaf7; }
.ci-priority li:last-child { border-bottom:0; padding-bottom:3px; }
.ci-priority li > div { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ci-priority strong { font-size:14px; color:#4d3b65; }
.ci-priority li > div > span { color:#9b8cad; font-size:12px; }
.ci-priority p { align-self:center; font-size:13px; color:#897690; overflow-wrap:anywhere; }
.ci-assistant .ci-button { border-color:#d9cce9; color:#7954a7; font-size:12px; min-height:31px; padding:5px 11px; }
.ci-assistant .ci-button:hover { background:#f6f0fc; border-color:#b69ad6; }
.ci-ai-empty { color:#a598b2; font-size:13px; }
.ci-wide { width:100%; margin-top:12px; }
.ci-current { position:relative; border:1px solid #eadff6; background:#faf7ff; border-radius:7px; padding:11px 12px; margin-bottom:10px; }
.ci-current > span { display:block; font-size:11px; color:#a18eb8; }
.ci-current strong { display:block; color:#624780; margin-top:3px; }
.ci-current small { display:block; color:#9a87ae; font-size:12px; margin-top:2px; }
.ci-current .ci-button { position:absolute; right:6px; top:5px; }
.ci-advice { display:flex; flex-direction:column; align-items:flex-start; gap:9px; padding:12px 0; border-bottom:1px solid #f0eaf7; }
.ci-advice:last-child { border-bottom:0; padding-bottom:0; }
.ci-advice p { color:#79698c; line-height:1.8; font-size:13px; overflow-wrap:anywhere; }
.ci-ai-footnote { display:flex; align-items:flex-start; gap:7px; color:#a697b5; font-size:12px; line-height:1.7; padding-inline:2px; }
.ci-ai-footnote svg { flex-shrink:0; margin-top:2px; }
.ci-modal-patients { margin-bottom:15px; line-height:1.8; color:#516079; }
@media(min-width:1800px) { .ci-layout { grid-template-columns:minmax(0,1fr) 440px; } }
@media(max-width:1500px) { .ci-layout { grid-template-columns:minmax(0,1fr) 380px; gap:12px; } .ci-metric-icon { display:none; } .ci-metric { padding:13px; } .ci-metrics { gap:10px; } .ci-filter { padding-inline:16px; } .ci-filter form { gap:12px; grid-template-columns:minmax(160px,1.3fr) repeat(2,minmax(100px,1fr)); } }
@media(max-width:1200px) { .ci-layout { grid-template-columns:minmax(0,1fr); } .ci-assistant { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .ci-ai-heading,.ci-ai-footnote { grid-column:1 / -1; margin-bottom:0; } .ci-ai-card { margin-bottom:0; } .ci-metric-icon { display:grid; } }
@media(max-width:700px) { .ci-filter form { grid-template-columns:repeat(2,minmax(0,1fr)); } .ci-search,.ci-dates { grid-column:1 / -1; } .ci-filter-actions { grid-column:1 / -1; } .ci-filter-actions .ci-button { flex:1; } .ci-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .ci-metric { min-height:116px; } .ci-metric-icon { display:none; } .ci-assistant { grid-template-columns:minmax(0,1fr); padding:16px 12px; } .ci-results-heading,.ci-bottom { padding:14px 12px; } .ci-pager { gap:8px; } }
