/* Sellios Process Hub — adaptive operations dashboard prototype */
:root {
  --ph-violet: #6d28d9;
  --ph-violet-dark: #4c1d95;
  --ph-violet-soft: #f5f3ff;
  --ph-blue: #2563eb;
  --ph-blue-soft: #eff6ff;
  --ph-green: #0f9f6e;
  --ph-green-soft: #ecfdf5;
  --ph-amber: #b76e00;
  --ph-amber-soft: #fff7e6;
  --ph-red: #c2414f;
  --ph-red-soft: #fff1f2;
  --ph-pink: #c026d3;
  --ph-orange: #c65d16;
  --ph-border: #e5e7ef;
  --ph-text: #161821;
  --ph-muted: #707383;
  --ph-canvas: #f6f7fb;
}

.ph-command-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  margin-bottom: 18px;
  border: 1px solid #ded8ef;
  border-radius: 18px;
  background: linear-gradient(135deg, #fbfaff 0%, #f4f0ff 100%);
}
.ph-command-bar > div { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 9px; row-gap: 2px; }
.ph-command-bar strong { font-size: 13px; color: var(--ph-violet-dark); }
.ph-command-bar small { grid-column: 2; font-size: 11px; color: #766d89; }
.ph-live-dot { width: 9px; height: 9px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 5px rgba(34,197,94,.12); }

.ph-dashboard-setup { padding: 20px; margin-bottom: 18px; border: 1px solid #ded8ef; border-radius: 20px; background: #fff; box-shadow: 0 16px 40px rgba(57,38,91,.08); }
.ph-setup-heading { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--ph-border); }
.ph-setup-heading strong { display: block; font-size: 15px; color: var(--ph-text); }
.ph-setup-heading p { margin: 4px 0 0; font-size: 12px; color: var(--ph-muted); }
.ph-setup-heading button { width: 34px; height: 34px; border-radius: 10px; color: #6b6780; }
.ph-setup-heading button:hover { background: var(--ph-violet-soft); color: var(--ph-violet); }
.ph-setup-heading svg { width: 17px; }
.ph-setup-grid { display: grid; grid-template-columns: 1fr 1fr 1.1fr; gap: 16px; padding-top: 16px; }
.ph-setup-grid fieldset { margin: 0; padding: 14px; border: 1px solid var(--ph-border); border-radius: 14px; }
.ph-setup-grid legend { padding: 0 6px; font-size: 11px; font-weight: 800; color: #50475f; }
.ph-choice-row { display: flex; flex-wrap: wrap; gap: 7px; }
.ph-choice-row button { padding: 8px 10px; border: 1px solid var(--ph-border); border-radius: 9px; font-size: 11px; font-weight: 700; color: #696474; background: #fff; }
.ph-choice-row button.is-selected { color: var(--ph-violet-dark); border-color: #c4b5fd; background: var(--ph-violet-soft); }
.ph-widget-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.ph-widget-options label { display: flex; gap: 7px; align-items: center; font-size: 11px; color: #575361; }
.ph-widget-options input { accent-color: var(--ph-violet); }

.ph-metric-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; margin-bottom: 18px; }
.ph-metric { display: flex; gap: 13px; min-height: 126px; padding: 18px; border: 1px solid var(--ph-border); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(37,31,56,.035); }
.ph-metric[data-action] { cursor: pointer; text-align: left; }
.ph-metric[data-action]:hover { transform: translateY(-2px); border-color: #cfc3ec; box-shadow: 0 13px 28px rgba(76,29,149,.08); }
.ph-metric-icon { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; }
.ph-metric-icon svg { width: 19px; height: 19px; }
.ph-metric small { display: block; margin-bottom: 7px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .65px; color: var(--ph-muted); }
.ph-metric strong { display: block; font-size: 27px; line-height: 1; letter-spacing: -1px; color: var(--ph-text); }
.ph-metric p { margin: 9px 0 0; font-size: 10.5px; line-height: 1.45; color: var(--ph-muted); }
.ph-tone-violet .ph-metric-icon { color: var(--ph-violet); background: var(--ph-violet-soft); }
.ph-tone-blue .ph-metric-icon { color: var(--ph-blue); background: var(--ph-blue-soft); }
.ph-tone-green .ph-metric-icon { color: var(--ph-green); background: var(--ph-green-soft); }
.ph-tone-amber .ph-metric-icon { color: var(--ph-amber); background: var(--ph-amber-soft); }
.ph-tone-red .ph-metric-icon { color: var(--ph-red); background: var(--ph-red-soft); }

.ph-command-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); gap: 18px; align-items: start; }
.ph-command-main, .ph-command-side { display: grid; gap: 18px; }
.ph-attention-list { display: grid; }
.ph-attention-row { display: grid; grid-template-columns: 42px minmax(0,1fr) auto 17px; align-items: center; gap: 12px; width: 100%; padding: 13px 18px; border-top: 1px solid #f0eff4; text-align: left; background: #fff; }
.ph-attention-row:hover { background: #fbfaff; }
.ph-attention-row > svg { width: 17px; color: #9b96a5; }
.ph-attention-copy { min-width: 0; }
.ph-attention-copy strong, .ph-attention-copy small, .ph-attention-copy em { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ph-attention-copy strong { font-size: 12px; color: var(--ph-text); }
.ph-attention-copy small { margin-top: 3px; font-size: 10.5px; color: var(--ph-muted); }
.ph-attention-copy em { margin-top: 5px; font-size: 10.5px; font-style: normal; font-weight: 700; color: var(--ph-violet); }
.ph-attention-state { display: grid; justify-items: end; gap: 6px; }
.ph-attention-state > small { font-size: 9.5px; color: #8c8796; }
.ph-avatar, .ph-customer-avatar { display: grid; place-items: center; border-radius: 12px; font-size: 11px; font-weight: 850; }
.ph-avatar { width: 38px; height: 38px; }
.ph-avatar-violet, .ph-avatar-purple { color: #5b21b6; background: #ede9fe; }
.ph-avatar-blue { color: #1d4ed8; background: #dbeafe; }
.ph-avatar-green { color: #047857; background: #d1fae5; }
.ph-avatar-amber, .ph-avatar-orange { color: #b45309; background: #ffedd5; }
.ph-avatar-pink { color: #a21caf; background: #fae8ff; }

.ph-status { display: inline-flex; align-items: center; gap: 5px; width: max-content; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.ph-status i { width: 6px; height: 6px; border-radius: 50%; }
.ph-status-active { color: #1d4ed8; background: #eff6ff; }.ph-status-active i { background: #3b82f6; }
.ph-status-waiting_customer { color: #9a5c00; background: #fff7e6; }.ph-status-waiting_customer i { background: #f59e0b; }
.ph-status-waiting_team { color: #6d28d9; background: #f5f3ff; }.ph-status-waiting_team i { background: #8b5cf6; }
.ph-status-completed { color: #047857; background: #ecfdf5; }.ph-status-completed i { background: #10b981; }
.ph-status-new { color: #475569; background: #f1f5f9; }.ph-status-new i { background: #64748b; }
.ph-status-overdue, .ph-status-blocked { color: #b4233b; background: #fff1f2; }.ph-status-overdue i, .ph-status-blocked i { background: #e11d48; }

.ph-type-summary { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding: 0 18px 18px; }
.ph-type-summary button { display: grid; grid-template-columns: 37px 1fr auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid #eceaf1; border-radius: 13px; text-align: left; background: #fff; }
.ph-type-summary button:hover { border-color: #cfc3ec; background: #fbfaff; }
.ph-type-summary strong, .ph-type-summary small { display: block; }
.ph-type-summary strong { font-size: 11px; color: #28242e; }
.ph-type-summary small { margin-top: 2px; font-size: 9.5px; color: #8a8590; }
.ph-type-summary b { font-size: 15px; color: var(--ph-violet-dark); }
.ph-type-icon { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 11px; }
.ph-type-icon svg { width: 18px; }
.ph-bg-violet, .ph-bg-purple { color: #6d28d9; background: #ede9fe; }
.ph-bg-blue { color: #2563eb; background: #dbeafe; }
.ph-bg-green { color: #0f8b64; background: #d1fae5; }
.ph-bg-amber, .ph-bg-orange { color: #b45309; background: #ffedd5; }
.ph-bg-pink { color: #a21caf; background: #fae8ff; }
.ph-bg-red { color: #c2414f; background: #ffe4e6; }

.ph-business-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; padding: 2px 18px 18px; }
.ph-business-metrics > div { padding: 10px 16px; border-left: 1px solid #eceaf1; }
.ph-business-metrics > div:first-child { border-left: 0; padding-left: 0; }
.ph-business-metrics small, .ph-business-metrics strong, .ph-business-metrics span { display: block; }
.ph-business-metrics small { font-size: 9.5px; color: var(--ph-muted); }
.ph-business-metrics strong { margin-top: 6px; font-size: 19px; color: var(--ph-text); }
.ph-business-metrics span { margin-top: 4px; font-size: 9.5px; color: var(--ph-green); }

.ph-task-mini-list, .ph-doc-mini-list { display: grid; padding: 0 14px 12px; }
.ph-task-mini-list button, .ph-doc-mini-list button { display: grid; grid-template-columns: 33px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 4px; border-top: 1px solid #efedf2; text-align: left; }
.ph-task-mini-list button:first-child, .ph-doc-mini-list button:first-child { border-top: 0; }
.ph-task-mini-list button:hover, .ph-doc-mini-list button:hover { color: var(--ph-violet); }
.ph-task-mini-list button > span, .ph-doc-mini-list button > span:first-child { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; color: var(--ph-violet); background: var(--ph-violet-soft); }
.ph-task-mini-list button > span.is-overdue { color: var(--ph-red); background: var(--ph-red-soft); }
.ph-task-mini-list svg, .ph-doc-mini-list svg { width: 15px; }
.ph-task-mini-list strong, .ph-task-mini-list small, .ph-doc-mini-list strong, .ph-doc-mini-list small { display: block; }
.ph-task-mini-list strong, .ph-doc-mini-list strong { font-size: 10.5px; line-height: 1.4; color: #302c35; }
.ph-task-mini-list small, .ph-doc-mini-list small { margin-top: 3px; font-size: 9px; color: #8c8792; }
.ph-doc-mini-list button { grid-template-columns: 33px minmax(0,1fr) auto; }
.ph-copilot-mini { display: flex; gap: 12px; padding: 18px; border: 1px solid #ddd5f1; border-radius: 17px; background: linear-gradient(145deg,#faf8ff,#f2edff); }
.ph-copilot-mini > span { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; color: #fff; background: var(--ph-violet-dark); }
.ph-copilot-mini > span svg { width: 19px; }
.ph-copilot-mini strong { font-size: 12px; color: var(--ph-violet-dark); }
.ph-copilot-mini p { margin: 5px 0 9px; font-size: 10px; line-height: 1.5; color: #706881; }
.ph-copilot-mini button { padding: 0; font-size: 10px; font-weight: 800; color: var(--ph-violet); }

.ph-hub-tabs { display: flex; gap: 6px; padding: 5px; margin-bottom: 16px; width: max-content; border: 1px solid #e1ddec; border-radius: 13px; background: #fff; }
.ph-hub-tabs button { padding: 9px 14px; border-radius: 9px; font-size: 11px; font-weight: 750; color: #77717f; }
.ph-hub-tabs button.is-selected { color: #fff; background: var(--ph-violet-dark); }
.ph-process-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 14px; }
.ph-filter-scroll, .ph-view-switch { display: flex; gap: 6px; padding: 4px; border: 1px solid #e4e1e9; border-radius: 12px; background: #fff; }
.ph-filter-scroll { overflow-x: auto; max-width: calc(100% - 245px); }
.ph-filter-scroll button, .ph-view-switch button { padding: 8px 11px; border-radius: 8px; font-size: 10.5px; font-weight: 750; white-space: nowrap; color: #77717f; }
.ph-filter-scroll button.is-selected, .ph-view-switch button.is-selected { color: var(--ph-violet-dark); background: var(--ph-violet-soft); }
.ph-process-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; margin-bottom: 14px; }
.ph-process-kpis > div { padding: 14px 16px; border: 1px solid var(--ph-border); border-radius: 14px; background: #fff; }
.ph-process-kpis small, .ph-process-kpis strong { display: block; }
.ph-process-kpis small { font-size: 9.5px; color: var(--ph-muted); }
.ph-process-kpis strong { margin-top: 5px; font-size: 20px; color: var(--ph-text); }

.ph-board { display: flex; gap: 13px; padding-bottom: 18px; overflow-x: auto; align-items: flex-start; }
.ph-board-column { flex: 0 0 260px; min-height: 260px; border: 1px solid #e4e2e8; border-radius: 16px; background: #f7f7fa; }
.ph-board-column > header { display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-bottom: 1px solid #e5e3e9; }
.ph-board-column > header strong { font-size: 11px; color: #4c4752; }
.ph-board-column > header span { display: grid; place-items: center; min-width: 23px; height: 23px; padding: 0 6px; border-radius: 8px; font-size: 9px; font-weight: 800; color: #6f6878; background: #fff; }
.ph-board-column > div { display: grid; gap: 9px; padding: 10px; }
.ph-empty-column { margin: 25px 0; text-align: center; font-size: 10px; color: #a09aa5; }
.ph-process-card { display: block; width: 100%; padding: 13px; border: 1px solid #e5e2ea; border-radius: 13px; text-align: left; background: #fff; box-shadow: 0 5px 12px rgba(31,24,45,.03); }
.ph-process-card:hover { border-color: #c9b9eb; box-shadow: 0 9px 22px rgba(76,29,149,.09); }
.ph-process-card.is-overdue { border-color: #f2bdc7; box-shadow: inset 3px 0 0 #e11d48; }
.ph-process-card-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 11px; }
.ph-type-tag { display: inline-flex; width: max-content; padding: 5px 8px; border-radius: 8px; font-size: 8.5px; font-weight: 850; white-space: nowrap; }
.ph-tag-violet, .ph-tag-purple { color: #5b21b6; background: #ede9fe; }
.ph-tag-blue { color: #1d4ed8; background: #dbeafe; }
.ph-tag-green { color: #047857; background: #d1fae5; }
.ph-tag-amber, .ph-tag-orange { color: #b45309; background: #ffedd5; }
.ph-tag-pink { color: #a21caf; background: #fae8ff; }
.ph-process-card > strong { display: block; font-size: 11px; color: #26222a; }
.ph-process-card h4 { margin: 5px 0 0; font-size: 11px; line-height: 1.35; color: #46414b; }
.ph-process-card > p { margin: 7px 0 13px; font-size: 9px; line-height: 1.4; color: #8b8591; }
.ph-process-card-foot { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 7px; padding-top: 10px; border-top: 1px solid #f0eef2; }
.ph-process-card-foot .ph-avatar { width: 28px; height: 28px; border-radius: 9px; font-size: 8px; }
.ph-process-card-foot small, .ph-process-card-foot time { font-size: 8.5px; color: #8a8490; }
.ph-process-card-foot time.is-overdue { color: var(--ph-red); font-weight: 800; }

.ph-process-table { overflow-x: auto; border: 1px solid var(--ph-border); border-radius: 16px; background: #fff; }
.ph-table-row { display: grid; grid-template-columns: minmax(220px,1.4fr) 110px 140px 140px 110px minmax(200px,1.2fr); align-items: center; gap: 12px; width: 100%; min-width: 930px; padding: 13px 15px; border-top: 1px solid #efedf2; text-align: left; }
.ph-table-row:first-child { border-top: 0; }
button.ph-table-row:hover { background: #fbfaff; }
.ph-table-head { min-height: 42px; padding-top: 10px; padding-bottom: 10px; font-size: 8.5px; font-weight: 850; text-transform: uppercase; letter-spacing: .6px; color: #8c8792; background: #faf9fc; }
.ph-table-row strong, .ph-table-row small { display: block; }
.ph-table-row strong { font-size: 10.5px; color: #2e2a33; }
.ph-table-row small { margin-top: 3px; font-size: 8.7px; color: #8c8792; }
.ph-table-row > span { font-size: 9.5px; color: #5f5965; }

.ph-global-timeline { padding: 4px 18px; border: 1px solid var(--ph-border); border-radius: 16px; background: #fff; }
.ph-global-timeline button { display: grid; grid-template-columns: 80px 36px minmax(0,1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 13px 0; border-top: 1px solid #efedf2; text-align: left; }
.ph-global-timeline button:first-child { border-top: 0; }
.ph-global-timeline time { font-size: 9.5px; color: #8c8792; }
.ph-timeline-dot { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; }
.ph-timeline-dot svg { width: 16px; }
.ph-global-timeline strong { font-size: 10.5px; color: #2e2a33; }
.ph-global-timeline p { margin: 3px 0 0; font-size: 9.5px; color: #8c8792; }
.ph-global-timeline em { font-size: 9px; font-style: normal; color: #6d28d9; }

.ph-template-layout { display: grid; grid-template-columns: 290px minmax(0,1fr); gap: 16px; align-items: start; }
.ph-template-list { display: grid; gap: 8px; }
.ph-template-list > button { display: grid; grid-template-columns: 40px minmax(0,1fr) 16px; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--ph-border); border-radius: 13px; text-align: left; background: #fff; }
.ph-template-list > button.is-selected { border-color: #bda7e7; background: #f8f5ff; box-shadow: inset 3px 0 0 var(--ph-violet); }
.ph-template-list > button > svg { width: 15px; color: #a09aa7; }
.ph-template-list strong, .ph-template-list small { display: block; }
.ph-template-list strong { font-size: 10.5px; color: #312d35; }
.ph-template-list small { margin-top: 3px; font-size: 8.7px; color: #918b96; }
.ph-template-editor { overflow: hidden; }
.ph-stage-builder { padding: 4px 18px 18px; }
.ph-stage-editor-row { display: grid; grid-template-columns: 29px minmax(0,1fr) 30px; align-items: center; gap: 10px; position: relative; padding: 10px 0; }
.ph-stage-editor-row:not(:last-of-type)::after { content: ''; position: absolute; left: 14px; top: 39px; height: 21px; border-left: 1px dashed #c7bfd7; }
.ph-stage-editor-row > span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; font-size: 9px; font-weight: 850; color: var(--ph-violet-dark); background: var(--ph-violet-soft); }
.ph-stage-editor-row strong, .ph-stage-editor-row small { display: block; }
.ph-stage-editor-row strong { font-size: 10.5px; color: #332e37; }
.ph-stage-editor-row small { margin-top: 2px; font-size: 8.5px; color: #98929c; }
.ph-stage-editor-row button { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; color: #aaa4ad; }
.ph-stage-editor-row button:hover { color: var(--ph-red); background: var(--ph-red-soft); }
.ph-stage-editor-row button:disabled { opacity: .3; }
.ph-stage-editor-row button svg { width: 14px; }
.ph-add-stage { display: flex; align-items: center; gap: 7px; padding: 9px 12px; margin: 5px 0 0 39px; border: 1px dashed #bda7e7; border-radius: 10px; font-size: 10px; font-weight: 750; color: var(--ph-violet); background: #fbfaff; }
.ph-add-stage svg { width: 14px; }
.ph-template-config-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 17px 18px 18px; border-top: 1px solid #eeeaf3; background: #fbfafc; }
.ph-template-config-grid section { display: grid; gap: 9px; padding: 13px; border: 1px solid #e8e5ec; border-radius: 12px; background: #fff; }
.ph-template-config-grid strong { font-size: 10.5px; color: #3b3540; }
.ph-template-config-grid label { font-size: 9.5px; color: #6f6874; }
.ph-template-config-grid input { margin-right: 6px; accent-color: var(--ph-violet); }

.ph-doc-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 15px; }
.ph-doc-stat { display: flex; gap: 12px; padding: 17px; border: 1px solid var(--ph-border); border-radius: 15px; background: #fff; }
.ph-doc-stat > span { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px; color: var(--ph-violet); background: var(--ph-violet-soft); }
.ph-doc-stat svg { width: 18px; }
.ph-doc-stat small, .ph-doc-stat strong, .ph-doc-stat p { display: block; }
.ph-doc-stat small { font-size: 9.5px; color: var(--ph-muted); }
.ph-doc-stat strong { margin-top: 3px; font-size: 22px; color: var(--ph-text); }
.ph-doc-stat p { margin: 3px 0 0; font-size: 9px; color: #918b96; }
.ph-document-table { overflow-x: auto; }
.ph-doc-table-row { display: grid; grid-template-columns: minmax(190px,1.2fr) minmax(190px,1fr) 110px 130px 120px 80px; align-items: center; gap: 12px; min-width: 880px; padding: 12px 17px; border-top: 1px solid #efedf2; }
.ph-doc-table-row strong, .ph-doc-table-row small { display: block; }
.ph-doc-table-row strong { font-size: 10px; color: #312d35; }
.ph-doc-table-row small { margin-top: 3px; font-size: 8.5px; color: #928c97; }
.ph-doc-table-row > span { font-size: 9px; color: #68616d; }
.ph-doc-table-row button { font-size: 9px; font-weight: 750; color: var(--ph-violet); }
.ph-doc-status { display: inline-flex; width: max-content; padding: 5px 7px; border-radius: 7px; font-size: 8px; font-weight: 800; white-space: nowrap; }
.ph-doc-draft, .ph-doc-locked { color: #64748b; background: #f1f5f9; }
.ph-doc-approval, .ph-doc-review { color: #9a5c00; background: #fff7e6; }
.ph-doc-sent { color: #1d4ed8; background: #eff6ff; }
.ph-doc-opened, .ph-doc-downloaded, .ph-doc-verified { color: #047857; background: #ecfdf5; }
.ph-doc-waiting { color: #b4233b; background: #fff1f2; }

.ph-process-detail { display: grid; gap: 14px; }
.ph-back-button { width: max-content; padding: 0; font-size: 10px; font-weight: 750; color: var(--ph-violet); }
.ph-process-detail-head { display: flex; justify-content: space-between; gap: 20px; padding: 19px 21px; border: 1px solid var(--ph-border); border-radius: 17px; background: #fff; }
.ph-detail-labels { display: flex; align-items: center; gap: 8px; }
.ph-process-detail-head h2 { margin: 10px 0 5px; font-size: 21px; letter-spacing: -.5px; color: var(--ph-text); }
.ph-process-detail-head p { margin: 0; font-size: 10.5px; color: var(--ph-muted); }
.ph-detail-actions { display: flex; gap: 8px; align-items: center; }
.ph-detail-actions .button { height: 38px; padding: 0 13px; font-size: 10px; }
.ph-stepper { display: flex; overflow-x: auto; padding: 15px 16px; border: 1px solid var(--ph-border); border-radius: 16px; background: #fff; }
.ph-stepper button { display: grid; justify-items: center; position: relative; flex: 1 0 92px; min-width: 92px; padding: 0 7px; color: #a19ba5; }
.ph-stepper button:not(:last-child)::after { content: ''; position: absolute; top: 14px; left: calc(50% + 17px); width: calc(100% - 34px); height: 2px; background: #ebe8ef; }
.ph-stepper button.is-done:not(:last-child)::after { background: #a78bfa; }
.ph-stepper span { display: grid; place-items: center; position: relative; z-index: 1; width: 29px; height: 29px; border: 2px solid #e2dee8; border-radius: 50%; font-size: 8.5px; font-weight: 850; background: #fff; }
.ph-stepper small { margin-top: 7px; max-width: 84px; font-size: 8px; line-height: 1.25; text-align: center; }
.ph-stepper button.is-done span { color: #fff; border-color: var(--ph-violet); background: var(--ph-violet); }
.ph-stepper button.is-current { color: var(--ph-violet-dark); font-weight: 800; }
.ph-stepper button.is-current span { color: var(--ph-violet); border-color: var(--ph-violet); box-shadow: 0 0 0 5px var(--ph-violet-soft); }
.ph-detail-tabs { display: flex; gap: 4px; overflow-x: auto; padding: 5px; border: 1px solid var(--ph-border); border-radius: 13px; background: #fff; }
.ph-detail-tabs button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px; border-radius: 8px; font-size: 9.5px; font-weight: 750; white-space: nowrap; color: #7c7681; }
.ph-detail-tabs button.is-selected { color: var(--ph-violet-dark); background: var(--ph-violet-soft); }
.ph-detail-tabs b { display: grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 6px; font-size: 7.5px; color: #fff; background: var(--ph-violet); }
.ph-detail-summary { display: grid; grid-template-columns: 235px minmax(0,1fr) 285px; gap: 14px; align-items: start; }
.ph-customer-card { padding: 19px; text-align: center; }
.ph-customer-avatar { width: 58px; height: 58px; margin: 0 auto 10px; font-size: 16px; }
.ph-customer-card h3 { margin: 0; font-size: 14px; color: var(--ph-text); }
.ph-customer-card > p { margin: 5px 0 12px; font-size: 9.5px; line-height: 1.55; color: var(--ph-muted); }
.ph-tag-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; }
.ph-tag-list span { padding: 5px 7px; border-radius: 7px; font-size: 8px; color: #654f89; background: #f5f3ff; }
.ph-customer-card hr { margin: 16px 0; border: 0; border-top: 1px solid #efedf2; }
.ph-customer-card dl { display: grid; gap: 9px; margin: 0 0 15px; text-align: left; }
.ph-customer-card dl div { display: flex; justify-content: space-between; gap: 10px; }
.ph-customer-card dt, .ph-customer-card dd { margin: 0; font-size: 8.8px; }
.ph-customer-card dt { color: #958f99; }.ph-customer-card dd { font-weight: 750; color: #47414b; text-align: right; }
.ph-customer-card .button { width: 100%; height: 36px; font-size: 9.5px; }
.ph-summary-timeline { min-width: 0; }
.ph-detail-timeline { padding: 0 17px 15px; }
.ph-detail-timeline > div { display: grid; grid-template-columns: 60px 30px minmax(0,1fr); gap: 9px; position: relative; padding: 10px 0; }
.ph-detail-timeline > div:not(:last-child)::after { content: ''; position: absolute; left: 74px; top: 38px; bottom: -4px; border-left: 1px solid #e4e0e9; }
.ph-detail-timeline time { padding-top: 7px; font-size: 8.5px; color: #908a95; }
.ph-detail-timeline > div > span { display: grid; place-items: center; z-index: 1; width: 28px; height: 28px; border: 1px solid #e6e2ea; border-radius: 9px; color: var(--ph-violet); background: #fff; }
.ph-detail-timeline svg { width: 14px; }
.ph-detail-timeline p { margin: 0; }
.ph-detail-timeline strong, .ph-detail-timeline small { display: block; }
.ph-detail-timeline strong { font-size: 9.8px; line-height: 1.4; color: #353039; }
.ph-detail-timeline small { margin-top: 3px; font-size: 8.2px; color: #98919b; }
.ph-next-column { display: grid; gap: 14px; }
.ph-next-action { padding: 18px; }
.ph-next-action h3 { margin: 8px 0 7px; font-size: 15px; line-height: 1.35; color: var(--ph-text); }
.ph-next-action > p:not(.eyebrow) { margin: 0; font-size: 9.5px; line-height: 1.55; color: var(--ph-muted); }
.ph-next-action dl { display: grid; gap: 8px; margin: 14px 0; }
.ph-next-action dl div { display: flex; justify-content: space-between; gap: 10px; }
.ph-next-action dt, .ph-next-action dd { margin: 0; font-size: 8.8px; }
.ph-next-action dt { color: #98919b; }.ph-next-action dd { font-weight: 750; color: #48414c; text-align: right; }.ph-next-action dd.is-overdue { color: var(--ph-red); }
.ph-next-action .button { width: 100%; height: 38px; font-size: 9.5px; }
.ph-output-row { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 9px 14px; border-top: 1px solid #efedf2; }
.ph-output-row > span:first-child { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: var(--ph-violet); background: var(--ph-violet-soft); }
.ph-output-row svg { width: 14px; }
.ph-output-row strong, .ph-output-row small { display: block; }
.ph-output-row strong { font-size: 9.5px; color: #39343d; }.ph-output-row small { margin-top: 2px; font-size: 8px; color: #96909a; }

.ph-detail-full { min-height: 260px; }
.ph-detail-two, .ph-detail-documents { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.ph-process-doc-list, .ph-form-list { display: grid; padding: 0 16px 15px; }
.ph-process-doc-list > div, .ph-form-list > div { display: grid; grid-template-columns: 34px minmax(0,1fr) auto auto; align-items: center; gap: 10px; padding: 11px 0; border-top: 1px solid #efedf2; }
.ph-process-doc-list > div:first-child, .ph-form-list > div:first-child { border-top: 0; }
.ph-process-doc-list > div > span:first-child, .ph-form-list > div > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: var(--ph-violet); background: var(--ph-violet-soft); }
.ph-process-doc-list svg, .ph-form-list svg { width: 15px; }
.ph-process-doc-list strong, .ph-process-doc-list small, .ph-form-list strong, .ph-form-list small { display: block; }
.ph-process-doc-list strong, .ph-form-list strong { font-size: 10px; color: #37323b; }.ph-process-doc-list small, .ph-form-list small { margin-top: 3px; font-size: 8.3px; color: #97919b; }
.ph-process-doc-list button, .ph-form-list button { font-size: 8.5px; font-weight: 800; color: var(--ph-violet); }
.ph-empty-state { padding: 25px; text-align: center; font-size: 10px; color: #96909a; }
.ph-conversation-placeholder { display: grid; grid-template-columns: 43px minmax(0,1fr) auto; align-items: center; gap: 12px; margin: 0 18px 18px; padding: 15px; border: 1px solid #e7e2ec; border-radius: 13px; background: #fbfaff; }
.ph-conversation-placeholder > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: var(--ph-violet); background: #ede9fe; }.ph-conversation-placeholder svg { width: 20px; }
.ph-conversation-placeholder strong { font-size: 10.5px; color: #332e37; }.ph-conversation-placeholder p { margin: 4px 0 0; font-size: 9px; line-height: 1.45; color: #817a86; }.ph-conversation-placeholder button { font-size: 9px; font-weight: 800; color: var(--ph-violet); }
.ph-data-list { display: grid; gap: 0; margin: 0; padding: 0 17px 17px; }
.ph-data-list div { display: grid; grid-template-columns: 140px 1fr; gap: 12px; padding: 10px 0; border-top: 1px solid #efedf2; }.ph-data-list div:first-child { border-top: 0; }
.ph-data-list dt, .ph-data-list dd { margin: 0; font-size: 9.5px; }.ph-data-list dt { color: #918b95; }.ph-data-list dd { font-weight: 650; color: #454049; }
.ph-transaction-card { display: flex; gap: 13px; padding: 0 18px 18px; }.ph-transaction-card > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: var(--ph-violet); background: var(--ph-violet-soft); }.ph-transaction-card svg { width: 20px; }.ph-transaction-card small, .ph-transaction-card strong, .ph-transaction-card p { display: block; }.ph-transaction-card small { font-size: 9px; color: #8f8993; }.ph-transaction-card strong { margin-top: 3px; font-size: 20px; color: var(--ph-text); }.ph-transaction-card p { margin: 3px 0 0; font-size: 9px; color: #817b85; }
.ph-payment-line { display: grid; gap: 8px; padding: 0 18px 18px; }.ph-payment-line strong { font-size: 18px; color: var(--ph-text); }.ph-payment-line small { font-size: 9px; color: #918b95; }
.ph-feedback-state { display: flex; gap: 13px; align-items: center; margin: 0 18px 18px; padding: 18px; border: 1px dashed #d7d0df; border-radius: 14px; background: #fbfafc; }.ph-feedback-state > span { font-size: 30px; color: #c5bdcc; }.ph-feedback-state strong { font-size: 11px; color: #39343d; }.ph-feedback-state p { margin: 4px 0 0; font-size: 9px; color: #8e8792; }
.ph-task-list { display: grid; padding: 0 17px 17px; }
.ph-task-row { display: grid; grid-template-columns: 29px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 11px 0; border-top: 1px solid #efedf2; }.ph-task-row:first-child { border-top: 0; }
.ph-task-row > button { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #dcd6e3; border-radius: 8px; color: #fff; }.ph-task-row > button svg { width: 14px; }.ph-task-row.is-done > button { border-color: var(--ph-green); background: var(--ph-green); }.ph-task-row.is-done strong { text-decoration: line-through; color: #97909b; }
.ph-task-row strong, .ph-task-row small { display: block; }.ph-task-row strong { font-size: 10px; color: #37323a; }.ph-task-row small { margin-top: 3px; font-size: 8.3px; color: #97909b; }.ph-task-row > span { font-size: 8.7px; font-weight: 750; color: #6d6570; }.ph-task-row > span.is-overdue { color: var(--ph-red); }

.ph-task-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 15px; }
.ph-task-kpis .ph-metric { min-height: 105px; }
.ph-task-page { overflow: hidden; }
.ph-task-filter { display: flex; gap: 5px; padding: 0 17px 13px; border-bottom: 1px solid #efedf2; }
.ph-task-filter button { padding: 7px 10px; border-radius: 8px; font-size: 9.5px; font-weight: 750; color: #7d7682; }.ph-task-filter button.is-selected { color: var(--ph-violet-dark); background: var(--ph-violet-soft); }
.ph-task-page-list { display: grid; }
.ph-task-page-row { display: grid; grid-template-columns: 29px minmax(220px,1.5fr) 120px 130px 100px 28px; align-items: center; gap: 11px; padding: 12px 17px; border-top: 1px solid #efedf2; }.ph-task-page-row:first-child { border-top: 0; }
.ph-task-page-row.is-overdue { box-shadow: inset 3px 0 0 #e11d48; background: #fffafa; }
.ph-task-page-row > button:first-child { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #dcd6e3; border-radius: 8px; }.ph-task-page-row > button:first-child svg { width: 14px; }.ph-task-page-row.is-done > button:first-child { color: #fff; border-color: var(--ph-green); background: var(--ph-green); }.ph-task-page-row.is-done strong { text-decoration: line-through; color: #99929d; }
.ph-task-page-row strong, .ph-task-page-row small { display: block; }.ph-task-page-row strong { font-size: 10px; color: #353039; }.ph-task-page-row small { margin-top: 3px; font-size: 8.4px; color: #96909a; }.ph-task-page-row > span, .ph-task-page-row time, .ph-task-page-row em { font-size: 9px; font-style: normal; color: #6f6874; }.ph-task-page-row em { font-weight: 750; }.ph-task-page-row.is-overdue em { color: var(--ph-red); }.ph-task-page-row > button:last-child { color: #9c95a0; }.ph-task-page-row > button:last-child svg { width: 15px; }

/* Canonical follow-up queue: derived from the shared Customer 360 fixture, not Process Hub prototype tasks. */
.ph-task-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, .38fr); gap: 16px; align-items: start; }
.ph-task-workspace .ph-task-page { min-width: 0; }
.ph-task-result-count { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; color: #675c75; background: #f6f3fb; font-size: 11px; font-weight: 750; white-space: nowrap; }
.ph-task-controls { display: grid; gap: 10px; padding: 0 17px 15px; border-bottom: 1px solid #efedf2; }
.ph-task-controls .ph-task-filter { padding: 0; border: 0; flex-wrap: wrap; }
.ph-task-search { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; }
.ph-task-search input { width: 100%; min-width: 0; height: 38px; padding: 0 12px; border: 1px solid #dfd9e8; border-radius: 10px; color: #302b38; background: #fff; font: inherit; font-size: 12px; }
.ph-task-search input:focus { outline: 0; border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(124,58,237,.10); }
.ph-task-search .button { min-height: 38px; padding: 0 13px; font-size: 11px; }
.ph-task-search .text-button { padding: 7px 4px; font-size: 11px; white-space: nowrap; }
.ph-task-queue { display: grid; overflow-x: auto; }
.ph-task-queue-head, .ph-task-record { display: grid; grid-template-columns: minmax(185px, 1.3fr) minmax(180px, 1.2fr) minmax(115px, .7fr) minmax(130px, .78fr) minmax(82px, .5fr) minmax(88px, .55fr); gap: 12px; min-width: 865px; align-items: center; padding: 12px 17px; }
.ph-task-queue-head { border-bottom: 1px solid #efedf2; color: #8a8392; font-size: 10px; font-weight: 850; letter-spacing: .02em; text-transform: uppercase; }
.ph-task-record { width: 100%; border-top: 1px solid #f0edf4; text-align: left; background: #fff; }
.ph-task-record:hover, .ph-task-record.is-selected { background: #fbfaff; }
.ph-task-record.is-selected { box-shadow: inset 3px 0 0 var(--ph-violet); }
.ph-task-record.is-overdue { box-shadow: inset 3px 0 0 #e11d48; }
.ph-task-record.is-overdue.is-selected { box-shadow: inset 3px 0 0 #e11d48; }
.ph-task-record > span, .ph-task-record time { min-width: 0; color: #655f6c; font-size: 11px; line-height: 1.45; }
.ph-task-record strong, .ph-task-record small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ph-task-record strong { color: #302b38; font-size: 12px; font-weight: 800; }
.ph-task-record small { margin-top: 3px; color: #938c9b; font-size: 10.5px; }
.ph-task-priority, .ph-task-status { display: inline-flex; align-items: center; width: max-content; max-width: 100%; padding: 5px 8px; border-radius: 999px; font-size: 10.5px !important; font-weight: 800; white-space: nowrap; }
.ph-task-priority-high { color: #b45309; background: #fff4df; }.ph-task-priority-normal { color: #5b21b6; background: #f1edff; }.ph-task-priority-low { color: #475569; background: #f1f5f9; }
.ph-task-status-open, .ph-task-status-in_progress { color: #1d4ed8; background: #eff6ff; }.ph-task-status-done { color: #047857; background: #ecfdf5; }.ph-task-status-cancelled { color: #64748b; background: #f1f5f9; }
.ph-task-detail { position: sticky; top: 18px; overflow: hidden; }
.ph-task-detail-heading { padding: 19px 18px 15px; border-bottom: 1px solid #efedf2; }
.ph-task-detail-heading .eyebrow { margin: 0 0 7px; }
.ph-task-detail-heading h2 { margin: 0 0 12px; color: #2f2937; font-size: 17px; line-height: 1.3; }
.ph-task-detail-list { margin: 0; padding: 4px 18px; }
.ph-task-detail-list > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 11px 0; border-bottom: 1px solid #f1eef4; }
.ph-task-detail-list dt { color: #908899; font-size: 10.5px; font-weight: 700; }.ph-task-detail-list dd { margin: 0; color: #49414f; font-size: 11.5px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; }.ph-task-detail-list dd.is-overdue { color: #c2414f; }
.ph-task-detail-list .ph-task-detail-note { display: block; }.ph-task-detail-note dt { margin-bottom: 5px; }.ph-task-detail-note dd { font-weight: 500; }
.ph-task-detail-actions { display: grid; gap: 8px; padding: 16px 18px 18px; }.ph-task-detail-actions .button { justify-content: center; font-size: 11px; }
.ph-task-empty-detail { display: grid; justify-items: center; gap: 9px; padding: 42px 24px; text-align: center; color: #91899a; }.ph-task-empty-detail > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: var(--ph-violet); background: var(--ph-violet-soft); }.ph-task-empty-detail span svg { width: 21px; }.ph-task-empty-detail strong { color: #49414f; font-size: 12px; }.ph-task-empty-detail p { margin: 0; font-size: 11px; line-height: 1.5; }

@media (max-width: 1280px) {
  .ph-metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ph-command-grid { grid-template-columns: minmax(0,1.45fr) minmax(280px,.75fr); }
  .ph-detail-summary { grid-template-columns: 220px minmax(0,1fr); }
  .ph-next-column { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .ph-template-layout { grid-template-columns: 250px minmax(0,1fr); }
}
@media (max-width: 1020px) {
  .ph-command-grid { grid-template-columns: 1fr; }
  .ph-command-side { grid-template-columns: 1fr 1fr; }
  .ph-copilot-mini { grid-column: 1 / -1; }
  .ph-business-metrics { grid-template-columns: repeat(2,1fr); row-gap: 12px; }
  .ph-business-metrics > div:nth-child(3) { border-left: 0; padding-left: 0; }
  .ph-setup-grid { grid-template-columns: 1fr 1fr; }.ph-widget-options { grid-column: 1 / -1; }
  .ph-template-layout { grid-template-columns: 1fr; }.ph-template-list { grid-template-columns: repeat(2,1fr); }
  .ph-detail-two, .ph-detail-documents { grid-template-columns: 1fr; }
  .ph-task-page { overflow-x: auto; }.ph-task-page-row { min-width: 800px; }
  .ph-task-workspace { grid-template-columns: 1fr; }.ph-task-detail { position: static; }.ph-task-queue { overflow-x: auto; }
}
@media (max-width: 760px) {
  .ph-command-bar { align-items: flex-start; }.ph-command-bar small { max-width: 190px; }
  .ph-command-bar .button { width: 38px; padding: 0; font-size: 0; }.ph-command-bar .button svg { margin: 0; }
  .ph-metric-grid, .ph-task-kpis { grid-template-columns: 1fr 1fr; gap: 9px; }
  .ph-metric { min-height: 112px; padding: 14px; }.ph-metric strong { font-size: 22px; }.ph-metric-icon { width: 34px; height: 34px; }
  .ph-command-side { grid-template-columns: 1fr; }.ph-copilot-mini { grid-column: auto; }
  .ph-attention-row { grid-template-columns: 38px minmax(0,1fr) 16px; padding: 12px 14px; }.ph-attention-state { grid-column: 2; justify-items: start; }.ph-attention-row > svg { grid-column: 3; grid-row: 1; }
  .ph-type-summary { grid-template-columns: 1fr; }
  .ph-business-metrics { grid-template-columns: 1fr 1fr; }.ph-business-metrics > div { padding: 9px; }.ph-business-metrics > div:nth-child(odd) { border-left: 0; }
  .ph-process-toolbar { align-items: stretch; flex-direction: column; }.ph-filter-scroll { max-width: 100%; }.ph-view-switch { width: max-content; }
  .ph-process-kpis { grid-template-columns: 1fr 1fr; }
  .ph-template-list { grid-template-columns: 1fr; }
  .ph-template-config-grid { grid-template-columns: 1fr; }
  .ph-doc-overview { grid-template-columns: 1fr; }
  .ph-process-detail-head { flex-direction: column; }.ph-detail-actions { width: 100%; }.ph-detail-actions .button { flex: 1; }
  .ph-detail-summary { grid-template-columns: 1fr; }.ph-next-column { grid-column: auto; grid-template-columns: 1fr; }
  .ph-customer-card { text-align: left; }.ph-customer-avatar { margin-left: 0; }.ph-tag-list { justify-content: flex-start; }
  .ph-stepper button { flex-basis: 82px; min-width: 82px; }
  .ph-setup-grid { grid-template-columns: 1fr; }.ph-widget-options { grid-column: auto; }
  .ph-task-search { grid-template-columns: 1fr auto; }.ph-task-search .text-button { grid-column: 1 / -1; justify-self: start; }
}

.ph-document-template-panel { margin-bottom: 15px; overflow: hidden; }
.ph-document-template-panel .panel-heading > button { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #8c8592; }
.ph-document-template-panel .panel-heading > button:hover { color: var(--ph-violet); background: var(--ph-violet-soft); }
.ph-document-template-panel .panel-heading > button svg { width: 15px; }
.ph-document-template-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 0 17px 17px; }
.ph-document-template-grid > button { display: grid; grid-template-columns: 36px minmax(0,1fr) 16px; align-items: start; gap: 10px; padding: 13px; border: 1px solid #e7e3eb; border-radius: 12px; text-align: left; background: #fff; }
.ph-document-template-grid > button:hover { border-color: #c9b9eb; background: #fbfaff; }
.ph-document-template-grid > button > span { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; color: var(--ph-violet); background: var(--ph-violet-soft); }
.ph-document-template-grid > button > span svg { width: 16px; }
.ph-document-template-grid > button > svg { width: 14px; color: #a09aa5; margin-top: 8px; }
.ph-document-template-grid strong, .ph-document-template-grid small, .ph-document-template-grid p { display: block; }
.ph-document-template-grid strong { font-size: 10px; color: #312d35; }
.ph-document-template-grid small { margin-top: 3px; font-size: 8.4px; color: #8f8993; }
.ph-document-template-grid p { margin: 6px 0 0; font-size: 8px; line-height: 1.4; color: #9b95a0; }
@media (max-width: 1020px) { .ph-document-template-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 760px) { .ph-document-template-grid { grid-template-columns: 1fr; } }

/* Keep dense operational data readable at normal desktop and mobile zoom. */
.ph-command-bar small,.ph-setup-grid legend,.ph-choice-row button,.ph-widget-options label{font-size:12px}
.ph-metric small,.ph-metric p,.ph-attention-copy small,.ph-attention-copy em,.ph-attention-state>small,.ph-type-summary small,.ph-business-metrics small,.ph-business-metrics span{font-size:12px}
.ph-attention-copy strong,.ph-type-summary strong,.ph-task-mini-list strong,.ph-doc-mini-list strong,.ph-copilot-mini strong,.ph-board-column>header strong,.ph-process-card>strong,.ph-process-card h4{font-size:13px}
.ph-status,.ph-type-tag,.ph-table-head,.ph-doc-status,.ph-stepper span,.ph-tag-list span{font-size:11px}
.ph-task-mini-list small,.ph-doc-mini-list small,.ph-copilot-mini p,.ph-copilot-mini button,.ph-filter-scroll button,.ph-view-switch button,.ph-empty-column{font-size:11.5px}
.ph-process-kpis small,.ph-global-timeline time,.ph-global-timeline p,.ph-global-timeline em,.ph-template-list small,.ph-stage-editor-row small,.ph-template-config-grid label{font-size:11.5px}
.ph-process-card>p,.ph-process-card-foot small,.ph-process-card-foot time,.ph-table-row small,.ph-table-row>span,.ph-doc-stat small,.ph-doc-stat p,.ph-doc-table-row small,.ph-doc-table-row>span,.ph-doc-table-row button{font-size:11px}
.ph-table-row strong,.ph-global-timeline strong,.ph-template-list strong,.ph-stage-editor-row strong,.ph-template-config-grid strong,.ph-doc-table-row strong{font-size:12.5px}
.ph-detail-actions .button,.ph-back-button,.ph-detail-tabs button,.ph-customer-card>p,.ph-customer-card .button,.ph-next-action>p:not(.eyebrow),.ph-next-action .button{font-size:11.5px}
.ph-stepper small,.ph-detail-timeline time,.ph-output-row small,.ph-process-doc-list small,.ph-form-list small,.ph-process-doc-list button,.ph-form-list button,.ph-conversation-placeholder p,.ph-conversation-placeholder button,.ph-data-list dt,.ph-data-list dd,.ph-transaction-card small,.ph-transaction-card p,.ph-payment-line small,.ph-feedback-state p,.ph-task-row small,.ph-task-page-row small,.ph-task-page-row>span,.ph-task-page-row time,.ph-task-page-row em{font-size:11px}
.ph-output-row strong,.ph-process-doc-list strong,.ph-form-list strong,.ph-conversation-placeholder strong,.ph-task-row strong,.ph-task-page-row strong,.ph-document-template-grid strong{font-size:12.5px}
.ph-document-template-grid small,.ph-document-template-grid p{font-size:11px}