/* PG CCC appearance contract 1.0.0. No external assets. */
:root {
  color-scheme: light;
  --ccc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ccc-bg: #f5f6f8; --ccc-surface: #fff; --ccc-surface-soft: #fafbfc;
  --ccc-ink: #202837; --ccc-muted: #626f81; --ccc-border: #e6e9ee;
  --ccc-accent: #c44b25; --ccc-on-accent: #fff; --ccc-accent-soft: #fcf0e9;
  --ccc-sidebar: #19212e; --ccc-sidebar-text: #b8c1cf;
  --ccc-success: #267052; --ccc-success-bg: #eaf5ef;
  --ccc-warning: #965c0b; --ccc-warning-bg: #fff3dc;
  --ccc-info: #355f9f; --ccc-info-bg: #edf3ff;
  --ccc-danger: #ac3e42; --ccc-danger-bg: #ffeff0;
  --ccc-radius: 13px; --ccc-radius-small: 8px;
  --ccc-shadow: 0 3px 12px rgb(24 35 53 / 3%);
  --ccc-focus: 0 0 0 3px rgb(196 75 37 / 25%);
  --ccc-sidebar-width: 236px; --ccc-control-height: 40px;
  --ccc-page-space: 30px; --ccc-row-space: 18px;
  --ccc-layer-header: 20; --ccc-layer-menu: 60; --ccc-layer-dialog: 100;
  /* Public token aliases for presentation adapters. Not PG CRM UI internals. */
  --pg-ccc-background: var(--ccc-bg); --pg-ccc-surface: var(--ccc-surface);
  --pg-ccc-text: var(--ccc-ink); --pg-ccc-muted: var(--ccc-muted);
  --pg-ccc-primary: var(--ccc-accent); --pg-ccc-border: var(--ccc-border);
  --pg-ccc-radius: var(--ccc-radius); --pg-ccc-font: var(--ccc-font);
}
:root[data-ccc-theme="dark"] {
  color-scheme: dark;
  --ccc-bg: #101722; --ccc-surface: #1a2331; --ccc-surface-soft: #202b3a;
  --ccc-ink: #edf1f7; --ccc-muted: #aeb9cb; --ccc-border: #2c3747;
  --ccc-accent-soft: #372820; --ccc-success: #8cdbb8; --ccc-success-bg: #193a32;
  --ccc-warning: #f2c778; --ccc-warning-bg: #3f311b;
  --ccc-info: #accaff; --ccc-info-bg: #253954;
  --ccc-danger: #ffb6bb; --ccc-danger-bg: #492a33;
  --ccc-shadow: 0 3px 15px rgb(0 0 0 / 7%);
}
:root[data-ccc-density="compact"] { --ccc-page-space: 22px; --ccc-row-space: 12px; --ccc-control-height: 36px; }
.pg-ccc { margin: 0; background: var(--ccc-bg); color: var(--ccc-ink); font: 14px/1.5 var(--ccc-font); -webkit-font-smoothing: antialiased; }
.pg-ccc *, .pg-ccc *::before, .pg-ccc *::after { box-sizing: border-box; }
.pg-ccc [hidden] { display: none !important; }
.pg-ccc a { color: inherit; }
.pg-ccc button, .pg-ccc input, .pg-ccc select, .pg-ccc textarea { font: inherit; }
.pg-ccc button { cursor: pointer; }
.pg-ccc button:disabled { cursor: not-allowed; opacity: .5; }
.pg-ccc :focus-visible { outline: 2px solid var(--ccc-accent); outline-offset: 3px; }
.pg-ccc h1, .pg-ccc h2, .pg-ccc h3, .pg-ccc p { margin-top: 0; }
.pg-ccc .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ccc-skip { position: fixed; left: 16px; top: -90px; z-index: 999999; background: var(--ccc-surface); color: var(--ccc-ink); padding: 12px 20px; border-radius: 8px; }
.ccc-skip:focus { top: 16px; }
.ccc-icon { display: inline-block; flex: 0 0 auto; vertical-align: middle; }
.ccc-show-dark { display: none; }
[data-ccc-theme="dark"] .ccc-show-dark { display: inline-flex; }
[data-ccc-theme="dark"] .ccc-show-light { display: none; }
.ccc-shell { min-height: 100vh; }
.ccc-stage { margin-left: var(--ccc-sidebar-width); min-width: 0; display: flex; flex-direction: column; min-height: 100vh; }
.ccc-sidebar { background: var(--ccc-sidebar); color: var(--ccc-sidebar-text); position: fixed; inset: 0 auto 0 0; width: var(--ccc-sidebar-width); z-index: 40; display: flex; flex-direction: column; padding: 24px 14px 18px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #424d5c transparent; }
.admin-bar .ccc-sidebar { top: 32px; }
.ccc-brand { display: inline-flex; gap: 10px; align-items: center; text-decoration: none; color: #fff !important; }
.ccc-brand strong { font-size: 16px; font-weight: 680; letter-spacing: -.4px; display: block; line-height: 1.45; }
.ccc-brand small { display: block; font-size: 9.5px; color: #b9c1d0; letter-spacing: .1px; }
.ccc-mark { color: #ec8a55; background: #352c2a; display: inline-grid; place-items: center; width: 37px; height: 40px; border-radius: 10px; flex: 0 0 auto; }
.ccc-mark svg { width: 35px; height: 35px; }
.ccc-sidebar-top { padding: 0 7px; display: flex; align-items: center; justify-content: space-between; }
.ccc-tenant { margin: 28px 3px 9px; background: #242e3c; border: 1px solid #34404e; padding: 11px 9px; display: flex; align-items: center; gap: 9px; border-radius: 9px; min-height: 61px; }
.ccc-tenant-avatar { width: 31px; height: 31px; border-radius: 7px; background: #d6dfd8; color: #354940; display: grid; place-items: center; font-size: 11px; font-weight: 700; flex: 0 0 auto; }
.ccc-tenant > div { min-width: 0; }
.ccc-tenant strong { display: block; font-size: 11.5px; color: #f2f5fa; font-weight: 550; overflow-wrap: anywhere; }
.ccc-tenant small { font-size: 9.5px; color: #b5bdc9; }
.ccc-navigation { padding-bottom: 24px; }
.ccc-nav-group { margin: 21px 14px 7px; font-size: 9px; letter-spacing: 1.4px; font-weight: 650; text-transform: uppercase; color: #9ba8ba; }
.ccc-nav-link { display: flex; gap: 11px; align-items: center; padding: 11px 12px; min-height: 40px; border-radius: 7px; margin: 2px 0; text-decoration: none; font-size: 12px; font-weight: 450; color: #c3ccda !important; transition: background .15s, color .15s; }
.ccc-nav-link .ccc-icon { width: 17px; height: 17px; opacity: .86; }
.ccc-nav-link:hover { color: #fff !important; background: #263142; }
.ccc-nav-link.is-active { color: #ffc6a7 !important; background: #50352e; box-shadow: inset 3px 0 0 #ed8a58; }
.ccc-nav-link.is-active .ccc-icon { color: #f79c68; opacity: 1; }
.ccc-nav-count { margin-left: auto; background: #344357; color: #e5edf8; font-size: 10px; line-height: 20px; text-align: center; min-width: 20px; border-radius: 5px; }
.ccc-sidebar-bottom { margin-top: auto; }
.ccc-ava-nav { width: 100%; border: 1px solid #465265; border-radius: 10px; background: #263243; padding: 12px 10px; color: #eff3f9; display: flex; align-items: center; gap: 8px; text-align: left; }
.ccc-ava-nav > .ccc-icon { margin-left: auto; width: 16px; }
.ccc-ava-nav strong { display: block; font-size: 12px; font-weight: 600; }
.ccc-ava-nav small { display: block; font-size: 9px; color: #bdc7d6; margin-top: 3px; }
.ccc-ava-nav-icon { color: #e7b393; display: grid; place-items: center; }
.ccc-sidebar-help { width: 100%; display: flex; align-items: center; gap: 9px; padding: 19px 10px; background: none; border: none; color: #c7d0dd; font-size: 11px !important; }
.ccc-sidebar-help .ccc-icon { width: 17px; }
.ccc-sidebar-help .ccc-icon:last-child { margin-left: auto; width: 14px; }
.ccc-sidebar-signature { border-top: 1px solid #344051; padding: 15px 5px 0; color: #a6b3c5; font-size: 8.5px; display: flex; align-items: center; gap: 7px; }
.ccc-tiny-mark { width: 5px; height: 5px; border-radius: 50%; background: #e8a078; }
.ccc-topbar { height: 73px; background: var(--ccc-surface); border-bottom: 1px solid var(--ccc-border); display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 var(--ccc-page-space); z-index: var(--ccc-layer-header); position: relative; }
.ccc-topbar-left, .ccc-topbar-actions { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ccc-breadcrumb { display: flex; align-items: center; gap: 13px; white-space: nowrap; font-size: 11.5px; }
.ccc-breadcrumb-root { color: var(--ccc-muted); }
.ccc-breadcrumb .ccc-icon { width: 12px; height: 12px; color: var(--ccc-muted); }
.ccc-breadcrumb strong { font-weight: 550; }
.ccc-command-trigger { display: flex; gap: 9px; align-items: center; border: 1px solid var(--ccc-border); background: var(--ccc-surface-soft); color: var(--ccc-muted); padding: 9px 10px; border-radius: 7px; text-align: left; min-width: 252px; font-size: 11px !important; }
.ccc-command-trigger .ccc-icon { width: 16px; height: 16px; }
.ccc-command-trigger kbd { margin-left: auto; font: 9px var(--ccc-font); border: 1px solid var(--ccc-border); padding: 2px 4px; border-radius: 4px; background: var(--ccc-surface); }
.ccc-icon-button { padding: 0; min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; color: var(--ccc-muted); border: 1px solid transparent; background: transparent; border-radius: 7px; text-decoration: none; }
.ccc-icon-button:hover { background: var(--ccc-surface-soft); color: var(--ccc-ink); }
.ccc-icon-button .ccc-icon { width: 18px; height: 18px; }
.ccc-topbar-divider { height: 26px; width: 1px; background: var(--ccc-border); margin: 0 6px; }
.ccc-account { position: relative; }
.ccc-account summary { list-style: none; display: flex; align-items: center; gap: 8px; cursor: pointer; border-radius: 7px; }
.ccc-account summary::-webkit-details-marker { display: none; }
.ccc-avatar { background: #f3e3d4; color: #805431; border: 2px solid var(--ccc-surface); width: 33px; height: 33px; border-radius: 50%; font-weight: 650; display: inline-grid; place-items: center; font-size: 10px; flex: 0 0 auto; }
.ccc-account-name { font-size: 11px; font-weight: 550; }
.ccc-account summary > .ccc-icon { width: 13px; height: 13px; color: var(--ccc-muted); }
.ccc-account-menu { position: absolute; right: 0; top: 44px; min-width: 228px; padding: 14px; background: var(--ccc-surface); border: 1px solid var(--ccc-border); border-radius: 11px; box-shadow: 0 12px 40px rgb(15 23 42 / 16%); z-index: 70; }
.ccc-account-menu > strong, .ccc-account-menu > small { display: block; padding: 0 6px; }
.ccc-account-menu > small { color: var(--ccc-muted); margin: 3px 0 10px; }
.ccc-account-menu a { padding: 9px 6px; border-radius: 6px; display: flex; align-items: center; gap: 9px; font-size: 12px; text-decoration: none; }
.ccc-account-menu a:hover { background: var(--ccc-surface-soft); }
.ccc-account-menu .ccc-icon { width: 16px; height: 16px; }
.ccc-preview-banner { padding: 8px var(--ccc-page-space); font-size: 10px; border-bottom: 1px solid #eedfcd; background: #fbf5ec; color: #755839; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ccc-preview-banner > span, .ccc-preview-banner a { display: flex; align-items: center; gap: 8px; }
.ccc-preview-banner .ccc-icon { width: 13px; height: 13px; }
.ccc-preview-banner a { text-decoration: none; white-space: nowrap; }
.ccc-content { width: 100%; max-width: 1730px; padding: var(--ccc-page-space); margin: 0 auto; flex: 1; }
.ccc-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.ccc-eyebrow { font-size: 9px; font-weight: 650; letter-spacing: 1.5px; color: var(--ccc-muted); margin-bottom: 10px; }
.ccc-page-heading h1 { font-size: clamp(25px, 2.2vw, 32px); font-weight: 620; letter-spacing: -1px; line-height: 1.2; margin: 0 0 10px; }
.ccc-page-heading p { color: var(--ccc-muted); font-size: 12px; margin: 0; }
.ccc-heading-actions { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; gap: 13px; }
.ccc-date { font-size: 10px; color: var(--ccc-muted); display: flex; align-items: center; gap: 6px; }
.ccc-date .ccc-icon { width: 13px; height: 13px; }
.ccc-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--ccc-control-height); padding: 9px 15px; border: 1px solid var(--ccc-border); border-radius: var(--ccc-radius-small); text-decoration: none !important; color: var(--ccc-ink); background: var(--ccc-surface); font-size: 11.5px !important; font-weight: 600; line-height: 1.4; transition: background .15s, box-shadow .15s; }
.ccc-button .ccc-icon { width: 16px; height: 16px; }
.ccc-button:hover { box-shadow: var(--ccc-shadow); background: var(--ccc-surface-soft); }
.ccc-button--primary { background: var(--ccc-accent); border-color: var(--ccc-accent); color: var(--ccc-on-accent) !important; box-shadow: 0 2px 4px rgb(169 67 30 / 10%); }
.ccc-button--primary:hover { background: var(--ccc-accent); filter: brightness(.93); }
.ccc-button--secondary { background: var(--ccc-surface); }
.ccc-button--wide { width: 100%; }
.ccc-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.ccc-stat-card { border: 1px solid var(--ccc-border); border-radius: var(--ccc-radius); padding: 17px 19px; background: var(--ccc-surface); box-shadow: var(--ccc-shadow); }
.ccc-stat-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11.5px; font-weight: 550; }
.ccc-stat-icon { color: #536678; background: #f0f3f6; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; flex: 0 0 auto; }
.ccc-stat-icon .ccc-icon { width: 17px; height: 17px; }
.ccc-stat-icon--1 { color: #a9633b; background: #fcf0e8; }
.ccc-stat-icon--2 { color: #508068; background: #eef5f0; }
.ccc-stat-icon--3 { color: #6e6499; background: #f2f0f8; }
.ccc-stat-value { font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: -1px; margin: 10px 0; }
.ccc-stat-card p { font-size: 10px; color: var(--ccc-muted); margin: 0; }
.ccc-dashboard-grid { display: grid; grid-template-columns: minmax(0, 2.18fr) minmax(260px, 1fr); gap: 23px; }
.ccc-dashboard-primary, .ccc-dashboard-secondary { min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.ccc-card { border: 1px solid var(--ccc-border); border-radius: var(--ccc-radius); background: var(--ccc-surface); box-shadow: var(--ccc-shadow); min-width: 0; }
.ccc-card-heading { padding: 19px 20px 16px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.ccc-card-heading h2 { font-size: 14px; letter-spacing: -.25px; font-weight: 630; line-height: 1.4; margin: 0; }
.ccc-card-heading p { margin: 4px 0 0; font-size: 10.5px; color: var(--ccc-muted); }
.ccc-card-heading > .ccc-icon { color: var(--ccc-muted); width: 16px; height: 16px; }
.ccc-card-body { padding: 22px; }
.ccc-card-body p { font-size: 12px; color: var(--ccc-muted); line-height: 1.8; }
.ccc-card-body h3 { font-size: 13px; font-weight: 600; margin: 24px 0 14px; }
.ccc-inline-heading { display: flex; align-items: center; gap: 8px; }
.ccc-count { display: inline-grid; place-items: center; background: var(--ccc-surface-soft); border: 1px solid var(--ccc-border); min-width: 20px; line-height: 19px; padding: 0 4px; border-radius: 5px; color: var(--ccc-muted); font-size: 10px; }
.ccc-text-link { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px !important; line-height: 1.5; font-weight: 600; color: var(--ccc-ink); border: none; background: transparent; text-decoration: none; padding: 4px 0; white-space: nowrap; }
.ccc-text-link .ccc-icon { width: 14px; height: 14px; }
.ccc-text-link:hover { color: var(--ccc-accent); }
.ccc-attention { border: 1px solid #ecdbc8; background: #fbf5ed; border-radius: 10px; padding: 13px 15px; display: flex; align-items: center; gap: 12px; color: #795435; }
.ccc-attention-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 7px; background: #f5e9d6; flex: 0 0 auto; }
.ccc-attention-icon .ccc-icon { width: 17px; height: 17px; }
.ccc-attention strong { display: block; font-weight: 600; font-size: 11px; }
.ccc-attention span:not(.ccc-attention-icon) { font-size: 10px; }
.ccc-attention .ccc-text-link { margin-left: auto; color: #795435; }
.ccc-table-toolbar { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 0 20px 16px; }
.ccc-segments { display: inline-flex; gap: 2px; background: var(--ccc-surface-soft); padding: 3px; border: 1px solid var(--ccc-border); border-radius: 7px; }
.ccc-segments button { background: transparent; color: var(--ccc-muted); border: 1px solid transparent; border-radius: 5px; padding: 5px 9px; font-size: 9.5px !important; white-space: nowrap; }
.ccc-segments button.is-active { color: var(--ccc-ink); background: var(--ccc-surface); border-color: var(--ccc-border); box-shadow: 0 1px 3px rgb(0 0 0 / 3%); }
.ccc-table-search { max-width: 173px; display: flex; gap: 7px; align-items: center; color: var(--ccc-muted); border: 1px solid var(--ccc-border); border-radius: 7px; padding: 6px 8px; }
.ccc-table-search .ccc-icon { width: 13px; height: 13px; }
.ccc-table-search input { min-width: 0; width: 100%; border: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 10px !important; color: var(--ccc-ink); height: 18px; }
.ccc-table-scroll { position: relative; width: 100%; overflow-x: auto; scrollbar-width: thin; }
.ccc-data-table { border-collapse: collapse; width: 100%; text-align: left; }
.ccc-data-table th { font-size: 8px; font-weight: 600; letter-spacing: .8px; color: var(--ccc-muted); background: var(--ccc-surface-soft); padding: 10px 16px; border-top: 1px solid var(--ccc-border); border-bottom: 1px solid var(--ccc-border); white-space: nowrap; }
.ccc-data-table th:first-child, .ccc-data-table td:first-child { padding-left: 20px; }
.ccc-data-table th:last-child, .ccc-data-table td:last-child { padding-right: 16px; width: 35px; }
.ccc-data-table td { padding: var(--ccc-row-space) 12px; border-bottom: 1px solid var(--ccc-border); font-size: 11px; vertical-align: middle; }
.ccc-data-table tbody tr:last-child td { border-bottom: none; }
.ccc-data-table tbody tr:hover { background: var(--ccc-surface-soft); }
.ccc-request-name { min-width: 175px; }
.ccc-row-title { display: block; color: var(--ccc-ink); text-align: left; font-size: 11px !important; font-weight: 560; background: transparent; border: 0; padding: 0; text-decoration: none; }
.ccc-request-name > span { display: block; font-size: 8.8px; color: var(--ccc-muted); margin-top: 4px; }
.ccc-row-title:hover { text-decoration: underline; text-underline-offset: 3px; }
.ccc-row-arrow { min-width: 22px; width: 22px; }
.ccc-row-arrow .ccc-icon { width: 14px; }
.ccc-table-updated { color: var(--ccc-muted); font-size: 9px !important; white-space: nowrap; }
.ccc-badge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 5px; background: var(--ccc-surface-soft); color: var(--ccc-muted); font-size: 8.8px; line-height: 1.35; font-weight: 550; white-space: nowrap; }
.ccc-status-dot { width: 4px; height: 4px; background: currentColor; border-radius: 50%; }
.ccc-badge--success { color: var(--ccc-success); background: var(--ccc-success-bg); }
.ccc-badge--warning { color: var(--ccc-warning); background: var(--ccc-warning-bg); }
.ccc-badge--info { color: var(--ccc-info); background: var(--ccc-info-bg); }
.ccc-badge--danger { color: var(--ccc-danger); background: var(--ccc-danger-bg); }
.ccc-badge--accent { color: var(--ccc-accent); background: var(--ccc-accent-soft); }
.ccc-table-footer { padding: 11px 20px; border-top: 1px solid var(--ccc-border); color: var(--ccc-muted); font-size: 9px; display: flex; justify-content: space-between; gap: 12px; }
.ccc-table-no-results { padding: 26px; text-align: center; color: var(--ccc-muted); margin: 0; }
.ccc-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 2px 20px 20px; gap: 12px; }
.ccc-service-item { border: 1px solid var(--ccc-border); border-radius: 9px; padding: 15px 12px; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.ccc-service-icon { width: 31px; height: 31px; background: var(--ccc-surface-soft); border-radius: 7px; display: grid; place-items: center; margin-bottom: 11px; color: var(--ccc-muted); }
.ccc-service-icon .ccc-icon { width: 17px; height: 17px; }
.ccc-service-item strong { font-size: 10px; font-weight: 600; overflow-wrap: anywhere; }
.ccc-service-item small { font-size: 9px; margin: 3px 0 13px; color: var(--ccc-muted); }
.ccc-ava-card { position: relative; background: linear-gradient(125deg,#ececf4 0%,#f1e9e3 100%); border: 1px solid #e1dee5; border-radius: var(--ccc-radius); padding: 23px; overflow: hidden; color: #333343; }
.ccc-ava-card > :not(.ccc-ava-orbit) { position: relative; z-index: 1; }
.ccc-ava-card-top { display: flex; align-items: center; gap: 10px; margin-bottom: 17px; }
.ccc-ava-symbol { width: 32px; height: 32px; border-radius: 9px; background: rgb(255 255 255 / 68%); border: 1px solid rgb(255 255 255 / 90%); display: grid; place-items: center; color: #65557c; }
.ccc-ava-symbol .ccc-icon { width: 19px; height: 19px; }
.ccc-ava-label { font-size: 7.7px; letter-spacing: 1px; font-weight: 650; color: #645c70; }
.ccc-ava-card h2 { font-size: 22px; line-height: 1.25; letter-spacing: -.7px; font-weight: 570; margin: 0 0 12px; }
.ccc-ava-card p { font-size: 10.5px; color: #625e6a; line-height: 1.75; margin: 0 0 18px; max-width: 240px; }
.ccc-button--ava { background: rgb(255 255 255 / 88%); width: 100%; border-color: rgb(255 255 255 / 90%); color: #36303d !important; justify-content: space-between; }
.ccc-ava-card > small { display: block; font-size: 8px; color: #625e6a; text-align: center; margin-top: 11px; }
.ccc-ava-orbit { position: absolute; right: -53px; top: -61px; width: 180px; height: 180px; border: 1px solid rgb(120 98 152 / 10%); border-radius: 50%; }
.ccc-ava-orbit span { position: absolute; inset: 17px; border: 1px solid rgb(120 98 152 / 10%); border-radius: 50%; }
.ccc-ava-orbit span:nth-child(2) { inset: 35px; }
.ccc-ava-orbit span:nth-child(3) { inset: 53px; }
.ccc-activity .ccc-card-heading { padding-bottom: 13px; }
.ccc-timeline { list-style: none; padding: 4px 20px 8px; margin: 0; }
.ccc-timeline li { display: flex; gap: 10px; position: relative; padding-bottom: 20px; }
.ccc-timeline li:not(:last-child)::before { content: ""; position: absolute; top: 27px; bottom: 3px; left: 12px; width: 1px; background: var(--ccc-border); }
.ccc-timeline-icon { width: 26px; height: 26px; background: var(--ccc-surface-soft); border: 1px solid var(--ccc-border); color: var(--ccc-muted); border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; }
.ccc-timeline-icon .ccc-icon { width: 12px; height: 12px; }
.ccc-timeline strong { display: block; font-size: 10px; font-weight: 550; margin: 3px 0 4px; }
.ccc-timeline p { font-size: 9px; line-height: 1.5; color: var(--ccc-muted); margin: 0 0 5px; }
.ccc-timeline small { font-size: 8px; color: var(--ccc-muted); }
.ccc-empty { padding: 30px 24px; text-align: center; }
.ccc-empty-symbol { width: 47px; height: 47px; border: 1px solid var(--ccc-border); background: var(--ccc-surface-soft); color: var(--ccc-muted); border-radius: 12px; display: inline-grid; place-items: center; margin-bottom: 16px; }
.ccc-empty-symbol .ccc-icon { width: 23px; height: 23px; }
.ccc-empty h3 { font-size: 15px; font-weight: 560; letter-spacing: -.25px; margin: 0 0 10px; }
.ccc-empty p { color: var(--ccc-muted); font-size: 11px; line-height: 1.8; max-width: 380px; margin: 0 auto 18px; }
.ccc-empty--small { padding: 19px 22px; }
.ccc-empty--small > .ccc-icon { color: var(--ccc-muted); margin-bottom: 10px; }
.ccc-empty--small h3 { font-size: 12px; }
.ccc-empty--small p { font-size: 10px; margin-bottom: 0; }
.ccc-setup-note { display: flex; align-items: center; gap: 14px; padding: 20px; border: 1px dashed var(--ccc-border); border-radius: 10px; margin-top: 24px; color: var(--ccc-muted); }
.ccc-setup-note > .ccc-icon { width: 23px; height: 23px; }
.ccc-setup-note strong { font-size: 12px; color: var(--ccc-ink); }
.ccc-setup-note p { font-size: 10px; margin: 4px 0 0; }
.ccc-setup-note .ccc-button { margin-left: auto; flex-shrink: 0; }
.ccc-footer { display: flex; justify-content: space-between; gap: 12px; margin: 0 var(--ccc-page-space); padding: 18px 0 21px; border-top: 1px solid var(--ccc-border); color: var(--ccc-muted); font-size: 9px; }
.ccc-footer span span { margin: 0 7px; }
.ccc-mobile-menu, .ccc-nav-close, .ccc-nav-backdrop { display: none; }
/* Dialogs use native focus trapping, Escape handling and backdrop semantics. */
.ccc-dialog { background: var(--ccc-surface); color: var(--ccc-ink); border: 1px solid var(--ccc-border); border-radius: 16px; width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 0; box-shadow: 0 24px 90px rgb(0 0 0 / 22%); font: 14px/1.6 var(--ccc-font); }
.ccc-dialog::backdrop { background: rgb(16 24 39 / 52%); backdrop-filter: blur(3px); }
.ccc-dialog-heading { padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--ccc-border); gap: 15px; }
.ccc-dialog-heading h2 { font-size: 15px; font-weight: 600; margin: 0; letter-spacing: -.3px; }
.ccc-dialog-title-icon { display: flex; align-items: center; gap: 9px; }
.ccc-dialog-title-icon > .ccc-icon { color: var(--ccc-accent); }
.ccc-dialog-body { padding: 26px; }
.ccc-dialog-body p { color: var(--ccc-muted); font-size: 13px; margin-bottom: 18px; }
.ccc-dialog-footnote { padding: 13px 20px; border-top: 1px solid var(--ccc-border); font-size: 10px; color: var(--ccc-muted); }
.ccc-command-input { padding: 13px 20px; display: flex; align-items: center; gap: 12px; }
.ccc-command-input .ccc-icon { color: var(--ccc-muted); }
.ccc-command-input input { border: none; width: 100%; background: transparent; color: var(--ccc-ink); outline-offset: 5px; padding: 8px 0; }
.ccc-command-results { max-height: 330px; overflow: auto; padding: 0 10px 10px; }
.ccc-command-results a { display: flex; align-items: center; gap: 12px; text-decoration: none; padding: 11px 12px; border-radius: 8px; font-size: 12px; }
.ccc-command-results a:hover, .ccc-command-results a:focus { background: var(--ccc-surface-soft); }
.ccc-command-results .ccc-icon { color: var(--ccc-muted); width: 17px; height: 17px; }
.ccc-command-empty { padding: 20px; text-align: center; color: var(--ccc-muted); }
.ccc-drawer { margin: 0 0 0 auto; height: 100dvh; max-height: 100dvh; width: min(430px,100vw); border-radius: 16px 0 0 16px; }
.ccc-drawer-body { padding: 26px; }
.ccc-ava-welcome { padding-top: 22px; text-align: center; }
.ccc-ava-large { display: grid; place-items: center; width: 72px; height: 72px; background: var(--ccc-accent-soft); color: var(--ccc-accent); border-radius: 21px; margin: 0 auto 18px; }
.ccc-ava-large .ccc-icon { width: 35px; height: 35px; }
.ccc-ava-welcome h3 { font-size: 22px; letter-spacing: -.5px; margin: 18px 0 12px; }
.ccc-ava-welcome p { color: var(--ccc-muted); font-size: 13px; line-height: 1.8; }
.ccc-notice { background: var(--ccc-info-bg); color: var(--ccc-info); padding: 14px 16px; border-radius: 8px; font-size: 12px; line-height: 1.8; margin-bottom: 20px; }
/* Shared content primitives for plugin adoption. No wp-admin selectors. */
.pg-ccc-ui { font-family: var(--ccc-font); color: var(--ccc-ink); }
.pg-ccc-ui :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),select,textarea) { background: var(--ccc-surface); color: var(--ccc-ink); border: 1px solid var(--ccc-border); border-radius: 7px; padding: 10px 12px; max-width: 100%; }
.pg-ccc-ui :where(input,textarea)::placeholder { color: var(--ccc-muted); opacity: 1; }
.pg-ccc-ui :where(input,select,textarea):focus-visible { box-shadow: var(--ccc-focus); }
.pg-ccc-ui :where(button:not([class*="ccc-"]),input[type="submit"]) { border: 1px solid var(--ccc-border); background: var(--ccc-surface); color: var(--ccc-ink); border-radius: 7px; padding: 9px 14px; }
.pg-ccc-ui :where(img,video,iframe) { max-width: 100%; }
.pg-ccc-ui :where(pre) { max-width: 100%; overflow-x: auto; }
.pg-ccc-ui :where(code) { font-size: .9em; padding: 2px 5px; background: var(--ccc-surface-soft); border-radius: 4px; }
.ccc-plugin-content { overflow-wrap: anywhere; }
.ccc-runtime { min-height: 100vh; }
.ccc-component-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.ccc-demo-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 16px 0; }
.ccc-form label { display: flex; flex-direction: column; gap: 7px; font-size: 11px; font-weight: 550; margin-bottom: 16px; }
.ccc-form input, .ccc-form textarea, .ccc-form select { width: 100%; font-weight: 400; }
.ccc-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.ccc-form .ccc-checkbox { display: flex; flex-direction: row; align-items: center; gap: 8px; font-weight: 400; }
.ccc-checkbox input { accent-color: var(--ccc-accent); width: 16px; height: 16px; }
.ccc-form-actions { display: flex; align-items: center; gap: 14px; }
.ccc-form-actions [role="status"] { color: var(--ccc-success); font-size: 11px; }
.ccc-fine-print { color: var(--ccc-muted); font-size: 10px !important; line-height: 1.8; }
/* Public access landing. It contains no customer records or invented health data. */
.ccc-guest-frame { min-height: 100vh; background: radial-gradient(ellipse at 35% 0%,#3b2d2c 0%,transparent 45%),linear-gradient(135deg,#202632,#141d2b); color: #f5f6f8; padding: 0 max(32px, calc((100vw - 1280px) / 2)); display: flex; flex-direction: column; }
.ccc-guest-header { display: flex; justify-content: space-between; align-items: center; padding: 35px 12px; gap: 20px; }
.ccc-guest-header .ccc-brand strong { font-size: 19px; }
.ccc-guest-header .ccc-brand small { font-size: 10px; }
.ccc-guest-header .ccc-mark { width: 45px; height: 46px; background: #42322c; }
.ccc-guest-support { display: flex; align-items: center; gap: 9px; color: #d6dce6 !important; text-decoration: none; font-size: 12px; }
.ccc-guest-support .ccc-icon { width: 16px; height: 16px; }
.ccc-guest-main { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(340px,.85fr); align-items: center; gap: 90px; width: 100%; max-width: 1200px; margin: auto; padding: 65px 12px 80px; }
.ccc-guest-intro { color: #f2f4f7; }
.ccc-guest-intro .ccc-eyebrow { color: #dca282; display: flex; align-items: center; gap: 10px; font-size: 10px; letter-spacing: 2px; margin-bottom: 25px; }
.ccc-guest-intro .ccc-eyebrow span { display: inline-block; width: 6px; height: 6px; background: #e8a27c; border-radius: 50%; }
.ccc-guest-intro h1 { font-size: clamp(40px,4.7vw,65px); font-weight: 580; letter-spacing: -2.6px; line-height: 1.12; margin: 0 0 25px; }
.ccc-guest-intro h1 em { font-style: normal; color: #eda881; }
.ccc-guest-intro > p { color: #b9c4d2; font-size: 15px; line-height: 1.9; max-width: 430px; margin-bottom: 30px; }
.ccc-guest-pillars { display: grid; gap: 18px; padding: 6px 0 37px; }
.ccc-guest-pillars div { display: flex; align-items: center; gap: 12px; color: #d2d9e2; font-size: 12px; }
.ccc-guest-pillars .ccc-icon { color: #ce9b7d; width: 18px; height: 18px; }
.ccc-guest-line { display: flex; align-items: center; gap: 18px; }
.ccc-guest-line span { width: 56px; height: 1px; background: #5d626d; }
.ccc-guest-line small { font-size: 9px; letter-spacing: 1.8px; color: #b9c4d2; }
.ccc-login-card { background: #fff; border: 1px solid #fff; border-radius: 21px; padding: 38px; box-shadow: 0 20px 90px rgb(0 0 0 / 18%); color: #242c39; }
.ccc-login-symbol { display: grid; place-items: center; width: 46px; height: 46px; background: #fcf0e9; color: #b6512d; border-radius: 13px; margin-bottom: 27px; }
.ccc-login-symbol .ccc-icon { width: 23px; height: 23px; }
.ccc-login-card .ccc-eyebrow { color: #75707b; font-size: 8px; margin-bottom: 11px; }
.ccc-login-card h2 { font-size: 30px; font-weight: 600; letter-spacing: -.9px; margin: 0 0 10px; }
.ccc-login-card > p { color: #697184; font-size: 12px; line-height: 1.8; margin: 0; }
.ccc-login-provider { padding: 28px 0 24px; }
.ccc-login-pending { background: #f7f8fa; border: 1px solid #e8ebef; border-radius: 10px; padding: 18px; margin-bottom: 18px; }
.ccc-login-pending > .ccc-icon { width: 19px; height: 19px; color: #697587; margin-bottom: 10px; }
.ccc-login-pending strong { display: block; font-size: 11px; font-weight: 600; }
.ccc-login-pending p { margin: 7px 0 0; color: #677183; font-size: 10px; line-height: 1.8; }
.ccc-login-support { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 20px; border-top: 1px solid #e8eaee; color: #697184; font-size: 10px; }
.ccc-login-support a { display: inline-flex; align-items: center; gap: 5px; color: #994c2e; font-weight: 600; text-decoration: none; }
.ccc-login-support .ccc-icon { width: 12px; height: 12px; }
.ccc-guest-footer { display: flex; justify-content: space-between; padding: 27px 12px; border-top: 1px solid #34404e; color: #b4becc; font-size: 10px; gap: 15px; }
/* Keep the public login card legible even when the device prefers a dark workspace. */
.ccc-login-card { --ccc-surface:#fff; --ccc-surface-soft:#f7f8fa; --ccc-border:#e6e9ee; --ccc-ink:#202837; --ccc-muted:#626f81; color-scheme:light; }
@media (min-width:1600px) { .ccc-content { padding-top:36px; } .ccc-dashboard-grid { grid-template-columns:minmax(0,2.3fr) minmax(300px,1fr); } .ccc-stat-card { padding:20px 23px; } .ccc-stat-value { font-size:36px; } .ccc-data-table td { padding-top:23px; padding-bottom:23px; } }
@media (max-width:1200px) { :root { --ccc-sidebar-width:220px; --ccc-page-space:24px; } .ccc-command-trigger { min-width:180px; } .ccc-command-trigger span { display:none; } .ccc-command-trigger { min-width:75px; } .ccc-dashboard-grid { grid-template-columns:minmax(0,1.7fr) minmax(245px,1fr); gap:18px; } .ccc-table-toolbar { flex-wrap:wrap; } .ccc-table-search { max-width:none; flex:1; min-width:130px; } .ccc-stat-card { padding:15px; } .ccc-stat-top { font-size:10.5px; } .ccc-service-grid { gap:8px; padding:0 15px 15px; } .ccc-service-item { padding:12px 9px; } .ccc-guest-main { gap:45px; } }
@media (max-width:1023px) {
  :root { --ccc-page-space:24px; }
  .ccc-sidebar { width:260px; z-index:var(--ccc-layer-menu); transform:translateX(-100%); visibility:hidden; transition:transform .2s ease; }
  .ccc-stage { margin-left:0; }
  .ccc-mobile-menu, .ccc-nav-close { display:inline-flex; }
  .ccc-nav-close { color:#cbd4e2; }
  .ccc-nav-close:hover { color:#fff; background:#344052; }
  .ccc-nav-open { overflow:hidden; }
  .ccc-nav-open .ccc-sidebar { transform:translateX(0); visibility:visible; }
  .ccc-nav-open .ccc-nav-backdrop { display:block; position:fixed; inset:0; background:rgb(12 20 34 / 52%); border:none; padding:0; z-index:50; }
  .ccc-guest-main { grid-template-columns:minmax(0,1fr) minmax(310px,.9fr); gap:35px; padding-top:35px; }
  .ccc-login-card { padding:28px; }
  .ccc-guest-intro h1 { font-size:44px; }
  .ccc-guest-intro > p { font-size:13px; }
}
@media (max-width:767px) {
  :root { --ccc-page-space:20px; }
  .ccc-topbar { height:65px; padding:0 16px; }
  .ccc-topbar-actions { gap:3px; }
  .ccc-breadcrumb { gap:7px; font-size:10px; }
  .ccc-breadcrumb-root, .ccc-breadcrumb > .ccc-icon { display:none; }
  .ccc-account-name, .ccc-topbar-divider, .ccc-command-trigger kbd { display:none; }
  .ccc-command-trigger { min-width:32px; padding:8px; border-color:transparent; background:transparent; }
  .ccc-topbar-actions > [data-ccc-density-toggle] { display:none; }
  .ccc-account summary > .ccc-icon { display:none; }
  .ccc-preview-banner { padding:9px 20px; font-size:9px; }
  .ccc-preview-detail { display:none; }
  .ccc-page-heading { align-items:flex-start; margin-bottom:23px; gap:15px; }
  .ccc-page-heading h1 { font-size:26px; }
  .ccc-page-heading p { font-size:11px; line-height:1.8; }
  .ccc-heading-actions .ccc-date { display:none; }
  .ccc-heading-actions { flex-shrink:1; }
  .ccc-heading-actions .ccc-button { white-space:nowrap; padding:9px 11px; font-size:10px !important; }
  .ccc-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .ccc-stat-card { padding:15px; }
  .ccc-stat-value { font-size:30px; }
  .ccc-stat-top { font-size:11px; }
  .ccc-stat-card p { font-size:9px; }
  .ccc-dashboard-grid { grid-template-columns:1fr; gap:22px; }
  .ccc-dashboard-secondary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ccc-ava-card { padding:20px; }
  .ccc-ava-card h2 { font-size:20px; }
  .ccc-ava-card-top { gap:6px; }
  .ccc-ava-label { font-size:7px; }
  .ccc-setup-note { flex-wrap:wrap; }
  .ccc-setup-note .ccc-button { margin-left:0; }
  .ccc-footer { font-size:8px; }
  .ccc-footer > span:last-child { display:none; }
  .ccc-component-grid { grid-template-columns:1fr; }
  .ccc-guest-frame { padding:0 24px; }
  .ccc-guest-header { padding:25px 0; }
  .ccc-guest-header .ccc-brand strong { font-size:16px; }
  .ccc-guest-header .ccc-brand small { font-size:9px; }
  .ccc-guest-support span { display:none; }
  .ccc-guest-main { grid-template-columns:1fr; gap:34px; max-width:480px; padding:28px 0 45px; }
  .ccc-guest-intro h1 { font-size:45px; letter-spacing:-1.8px; }
  .ccc-guest-intro > p { margin-bottom:20px; }
  .ccc-guest-pillars { display:none; }
  .ccc-guest-line { margin-top:24px; }
  .ccc-guest-intro .ccc-eyebrow { font-size:8px; letter-spacing:1.2px; }
  .ccc-login-card { padding:30px; }
  .ccc-guest-footer { padding:23px 0; font-size:8px; }
}
@media (max-width:480px) {
  :root { --ccc-page-space:16px; }
  .ccc-page-heading { flex-direction:column; }
  .ccc-heading-actions { width:100%; align-items:stretch; }
  .ccc-heading-actions .ccc-button { align-self:flex-start; }
  .ccc-stat-top { font-size:10px; }
  .ccc-stat-icon { width:27px; height:27px; }
  .ccc-stat-card { padding:14px 13px; }
  .ccc-stat-card p { line-height:1.7; }
  .ccc-card-heading { padding:17px 16px 14px; }
  .ccc-card-heading h2 { font-size:13px; }
  .ccc-attention { padding:12px; gap:9px; }
  .ccc-attention strong { font-size:10px; }
  .ccc-attention span:not(.ccc-attention-icon) { font-size:9px; }
  .ccc-attention .ccc-text-link { font-size:9px !important; }
  .ccc-table-toolbar { padding:0 16px 15px; gap:10px; }
  .ccc-table-search { flex-basis:100%; padding:9px 10px; }
  .ccc-data-table { min-width:510px; }
  .ccc-data-table td:first-child, .ccc-data-table th:first-child { padding-left:16px; }
  .ccc-service-grid { grid-template-columns:1fr; }
  .ccc-service-item { display:grid; grid-template-columns:31px minmax(0,1fr) auto; column-gap:10px; padding:13px; align-items:center; }
  .ccc-service-icon { grid-row:1/3; margin:0; }
  .ccc-service-item strong { grid-column:2; font-size:11px; }
  .ccc-service-item small { grid-column:2; margin:3px 0 0; }
  .ccc-service-item .ccc-badge { grid-column:3; grid-row:1/3; }
  .ccc-dashboard-secondary { display:flex; }
  .ccc-ava-card { padding:24px; }
  .ccc-ava-label { font-size:8px; }
  .ccc-ava-card h2 { font-size:26px; }
  .ccc-ava-card p { font-size:12px; }
  .ccc-ava-card > small { font-size:9px; }
  .ccc-timeline strong { font-size:11px; }
  .ccc-timeline p { font-size:10px; }
  .ccc-timeline small { font-size:9px; }
  .ccc-dialog-heading { padding:16px; }
  .ccc-dialog-heading h2 { font-size:13px; }
  .ccc-drawer { border-radius:0; }
  .ccc-form-row { grid-template-columns:1fr; gap:0; }
  .ccc-form-actions { align-items:flex-start; flex-direction:column; }
  .ccc-login-card { padding:26px; }
  .ccc-guest-intro h1 { font-size:40px; }
  .ccc-guest-footer { flex-direction:column; gap:7px; }
}
@media (prefers-reduced-motion:reduce) { .pg-ccc *, .pg-ccc *::before, .pg-ccc *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }
@media print { .ccc-sidebar,.ccc-topbar,.ccc-preview-banner,.ccc-heading-actions,.ccc-footer,.ccc-dialog,.ccc-ava-card { display:none !important; } .ccc-stage { margin:0; } .ccc-content { padding:0; } .ccc-dashboard-grid { display:block; } .ccc-card { break-inside:avoid; margin-bottom:15px; box-shadow:none; } }
/* Native Core account and passwordless presentation, version 1.1.0. */
.ccc-native-logout{margin:0}.ccc-native-logout button{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;color:inherit;padding:11px 12px;text-align:left;font:inherit;cursor:pointer}.ccc-native-logout svg{width:18px;height:18px}.pg-ccc .pg-core-auth{width:100%;max-width:480px;margin:26px auto}.pg-ccc .pg-core-auth-card{border:1px solid var(--ccc-border,#dce2e9);border-radius:18px;padding:32px;background:var(--ccc-surface,#fff);box-shadow:0 14px 50px #1423300a}.pg-ccc .pg-core-auth-card h1{font-size:30px;letter-spacing:-.03em}.pg-ccc .pg-core-auth-card p{font-size:14px;line-height:1.65}.pg-ccc .pg-core-auth-card label{display:block;margin:18px 0;font-size:13px;font-weight:600}.pg-ccc .pg-core-auth-card input:not([type=hidden]){display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--ccc-border,#cbd3db);border-radius:8px;font-size:16px;background:inherit;color:inherit}.pg-ccc .pg-core-auth-card button{padding:12px 18px;border:0;border-radius:8px;background:var(--ccc-accent,#c44b25);color:#fff;cursor:pointer;font-weight:650}.pg-ccc .pg-core-auth-error{border-left:3px solid #a52323;padding:10px;color:#a52323}.pg-ccc .pg-core-auth-card :focus-visible{outline:3px solid var(--ccc-accent,#c44b25);outline-offset:3px}[data-ccc-theme=dark] .pg-core-auth-card{background:#17212d;color:#e5ebf1;border-color:#354250}