.demo-intro { padding-top: 48px; padding-bottom: 24px; }
.demo-intro h1 { max-width: 760px; margin: 8px 0 14px; }
.demo-intro .lede { max-width: 790px; font-size:15px; line-height:1.6; }
.demo-safety { display:grid; grid-template-columns:auto auto minmax(0,1fr); align-items:center; gap:12px; margin:0 0 28px; padding:14px 16px; border:1px solid #c4dad3; border-radius:12px; background:linear-gradient(135deg,#f2f8f5,#fbfdfc); color:#163f3d; box-shadow:0 6px 18px rgba(23,63,62,.05); }
.demo-safety::before { content:"✓"; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#d9eee5; color:#28634e; font-size:14px; font-weight:900; }
.demo-safety strong { white-space:nowrap; font-size:12px; }
.demo-safety span { color:#526d68; font-size:11px; line-height:1.5; }
.demo-shell { display:grid; gap:28px; padding-bottom:90px; }
.demo-shell[hidden],.demo-entry[hidden] { display:none; }
.demo-entry { margin-bottom:90px; padding:30px; border:1px solid var(--card-border); border-radius:18px; background:#edf7f3; box-shadow:var(--card-shadow); }
.demo-entry-heading { max-width:760px; }
.demo-entry-heading h2 { margin:5px 0 8px; font-size:34px; }
.demo-entry-heading>p:last-child { margin:0; color:#526d68; font-size:15px; line-height:1.6; }
.demo-entry-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:26px; }
.demo-entry-card { display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; min-height:190px; padding:24px; text-align:left; border:1px solid #c8d8d1; border-radius:15px; background:#fff; color:#173f3e; box-shadow:0 7px 20px rgba(21,53,52,.07); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.demo-entry-card:hover,.demo-entry-card:focus-visible { transform:translateY(-3px); border-color:#2f766e; box-shadow:0 14px 30px rgba(21,53,52,.12); }
.demo-entry-card.selected { border-color:#2f766e; box-shadow:inset 5px 0 0 #2f766e,0 12px 28px rgba(21,53,52,.12); }
.demo-entry-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#e6f1ed; color:#2f766e; font-weight:900; }
.demo-entry-card>span:last-child { display:flex; flex-direction:column; align-items:flex-start; }
.demo-entry-card strong { font-family:Georgia,serif; font-size:25px; }
.demo-entry-card small { margin-top:9px; color:#586e6a; font-size:14px; font-weight:400; line-height:1.55; }
.demo-entry-card b { margin-top:auto; padding-top:20px; color:#276a63; font-size:13px; }
.demo-entry-actions { display:flex; justify-content:flex-end; margin-top:18px; }
.demo-entry-actions button { min-width:240px; min-height:48px; padding:11px 18px; border:1px solid #173f3e; border-radius:8px; background:#173f3e; color:#fff; font-size:14px; font-weight:850; }
.demo-entry-actions button:disabled { border-color:#b8c8c2; background:#dfe6e2; color:#465a5d; cursor:not-allowed; }
.persona-panel,.demo-stage { border:1px solid var(--card-border); border-radius:16px; background:#fff; box-shadow:var(--card-shadow); overflow:hidden; }
.persona-panel { padding:24px; align-self:start; position:sticky; top:90px; }
.persona-panel h2 { font-size:22px; margin:0 0 16px; }
.persona-choice { width:100%; text-align:left; background:#f4f6f3; color:#183f3e; border:1px solid #e1e7e2; border-radius:10px; margin-bottom:10px; padding:14px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.persona-choice:hover,.persona-choice:focus-visible { transform:translateY(-2px); border-color:#b8cec4; box-shadow:0 7px 18px rgba(21,53,52,.08); }
.persona-choice strong,.persona-choice span { display:block; }
.persona-choice span { margin-top:4px; font-size:12px; font-weight:400; color:#667673; }
.persona-choice.active { background:#173f3e; color:#fff; border-color:#173f3e; }
.persona-choice.active span { color:#d6e7e3; }
.persona-panel .button { margin-top:16px; }
.role-demos { padding:32px; border:1px solid var(--card-border); border-radius:16px; background:#fff; box-shadow:var(--card-shadow); }
.role-demos[hidden] { display:none; }
.demo-stage>.role-demos { border-width:0 0 1px; box-shadow:none; }
.role-demos-heading { max-width:760px; margin:0 auto; text-align:center; }
.role-demos-heading h2 { margin:5px 0 8px; }
.role-demos-heading p:last-child { color:#647370; }
.role-demos-heading>p:not(.eyebrow) { margin:0 auto; color:#647370; font-size:11px; line-height:1.5; }
.main-demo-link { display:block; margin:14px auto 0; background:#edf0ec; color:#173f3e; }
.main-demo-link[hidden] { display:none; }
.role-demo-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; width:100%; max-width:900px; margin:24px auto 0; }
.role-demo-list .persona-choice { min-height:126px; margin:0; }
.role-demo-list .persona-choice strong { font-size:17px; }
.demo-cta { display:flex; align-items:center; justify-content:center; gap:24px; padding-top:6px; }
.demo-stage { min-width:0; }
.demo-screen h3 { scroll-margin-top:84px; }
.demo-context { padding:22px; border-bottom:1px solid #c8d8d1; background:#edf7f3; }
.demo-context-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:14px; }
.demo-context-head h2 { margin:4px 0 5px; font-size:27px; }
.demo-context-head p { margin:0; color:#506662; }
.demo-context-account { flex:none; padding:8px 11px; background:#fff; border:1px solid #c7d9d1; color:#315d58; font-size:12px; }
.demo-context-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.context-choice { position:relative; width:100%; min-height:132px; padding:16px 18px; text-align:left; border:1px solid #c8d7d0; border-radius:12px; background:#fff; color:#173f3e; box-shadow:0 5px 16px rgba(21,53,52,.06); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.context-choice strong,.context-choice span,.context-choice small { display:block; }
.context-choice .choice-number { width:max-content; margin-bottom:8px; padding:4px 7px; background:#f4eee2; color:#7a5924; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.context-choice strong { padding-right:78px; font-size:17px; line-height:1.25; }
.context-choice span { margin-top:8px; color:#506460; font-weight:500; line-height:1.45; }
.context-choice small { margin-top:12px; color:#37726c; font-weight:800; }
.context-choice[aria-pressed="true"] { border-color:#2f766e; box-shadow:inset 5px 0 #2f766e; }
.context-choice[aria-pressed="true"]:after { content:'Selected'; position:absolute; top:14px; right:14px; padding:5px 7px; background:#dff3e8; color:#24604e; font-size:10px; font-weight:900; text-transform:uppercase; }
.context-choice:hover,.context-choice:focus-visible { transform:translateY(-2px); border-color:#d27a54; box-shadow:0 12px 25px rgba(21,53,52,.11); outline:2px solid #fff; outline-offset:-5px; }
.demo-context-compact { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.demo-context-compact>div:first-child span,.demo-context-compact>div:first-child strong { display:block; }
.demo-context-compact>div:first-child span { margin-bottom:3px; color:#60726f; font-size:11px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.demo-context-compact>div:first-child strong { font-size:17px; }
.demo-context-compact>div:first-child small { display:block; max-width:620px; margin-top:5px; color:#506864; font-size:11px; line-height:1.4; }
.demo-context-switch { display:flex; gap:6px; padding:4px; border-radius:10px; background:#dfeae5; }
.demo-context-switch button { min-height:36px; padding:7px 13px; border:0; border-radius:7px; background:transparent; color:#365a56; font-size:13px; }
.demo-context-switch button[aria-pressed="true"] { background:#fff; color:#173f3e; box-shadow:0 2px 8px rgba(21,53,52,.1); }
.demo-context-change { min-height:44px; padding:8px 13px; border:1px solid #aac5bb; border-radius:8px; background:#fff; color:#285b56; font-size:12px; }
.context-current { margin:12px 0 0; color:#254f4b; }
.stage-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 20px; padding:20px 22px 16px; border-bottom:1px solid #e0e5df; }
.stage-head>div { display:contents; }
.stage-head #persona-category { grid-column:1; grid-row:1; }
.stage-head #persona-title { grid-column:1; grid-row:2; }
.stage-head #persona-summary { grid-column:1 / -1; grid-row:3; }
.stage-head h2 { margin:4px 0 6px; font-size:29px; }
.stage-head p:last-child { margin:0; color:#647370; }
.synthetic-badge { grid-column:2; grid-row:1 / 3; align-self:start; padding:7px 10px; background:#f5ead2; color:#73541d; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.demo-product-nav { border-bottom:1px solid #cfd8d1; background:#173f3e; }
.demo-product-nav-bar { display:flex; align-items:center; gap:16px; padding:8px 18px; overflow-x:auto; }
.demo-primary-nav,.demo-utility-nav { display:flex; flex:0 0 auto; align-items:center; gap:6px; }
.demo-utility-nav { margin-left:auto; padding-left:16px; border-left:1px solid rgba(217,238,229,.35); }
.demo-product-nav-label { flex:0 0 auto; margin-right:6px; color:#c5ded6; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.demo-product-nav button { flex:0 0 auto; min-width:44px; min-height:44px; padding:9px 12px; border:1px solid transparent; border-radius:7px; background:transparent; color:#eff7f3; font-size:12px; font-weight:800; }
.demo-product-nav button:hover,.demo-product-nav button:focus-visible,.demo-product-nav button.active { border-color:#92bdb2; background:#285b58; outline:2px solid #d27a54; outline-offset:2px; }
.demo-product-more { padding:13px 18px 15px; border-top:1px solid rgba(255,255,255,.2); background:#214b49; color:#eef7f3; }
.demo-product-more p { margin:0 0 10px; font-size:12px; line-height:1.45; }
.demo-product-more>div { display:flex; flex-wrap:wrap; gap:7px; }
.demo-product-more button { background:#fff; color:#173f3e; }
.demo-care-path { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.9fr); gap:20px; align-items:center; margin-top:2px; padding:20px; border:1px solid #b9d9d1; border-left:5px solid #3a7771; border-radius:12px; background:#eef7f3; }
.demo-care-path h4,.demo-care-path p { margin:0; }
.demo-care-path h4 { margin-top:4px; color:#173f3e; font-size:16px; }
.demo-care-path p:last-child { margin-top:7px; color:#506863; font-size:12px; line-height:1.5; }
.demo-care-path ol { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.demo-care-path .demo-data-action { width:100%; text-align:left; background:#fff; }
.demo-path-action { display:flex; align-items:center; gap:10px; }
.demo-path-number { display:grid; flex:0 0 auto; place-items:center; width:24px; height:24px; border-radius:50%; background:#286d65; color:#fff; font:800 11px Arial,sans-serif; }
.demo-tour-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:13px 18px 5px; border-bottom:1px solid #cfd8d1; background:#f4f6f2; color:#526764; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.demo-tour-heading strong { color:#173f3e; font-size:11px; }
.demo-ai-navigation-note { display:flex; align-items:start; gap:12px; margin-bottom:16px; padding:13px 15px; border-left:4px solid #87703b; background:#fff7e6; color:#5a512d; }
.demo-ai-navigation-note strong { flex:0 0 auto; font-size:11px; }
.demo-ai-navigation-note span { font-size:11px; line-height:1.5; }
.process-steps { display:flex; flex-wrap:wrap; align-items:flex-end; gap:6px; padding:8px 18px 0; margin:0; border-bottom:1px solid #cfd8d1; background:#f4f6f2; overflow:visible; list-style:none; }
.process-steps li { flex:1 1 145px; }
.process-steps button { width:100%; min-height:44px; white-space:normal; border:1px solid #d2dad3; border-bottom:3px solid #c4cec6; background:#e7ece7; color:#526764; border-radius:8px 8px 0 0; padding:9px 10px 8px; font-size:12px; line-height:1.25; }
.process-steps button:hover { background:#f8faf7; color:#173f3e; }
.process-steps button.active { position:relative; z-index:1; color:#173f3e; background:#fff; border-color:#bfcac2; border-bottom-color:#d27a54; box-shadow:0 -3px 10px rgba(21,53,52,.06); }
.process-steps li.secondary-step { display:none; }
.process-steps.expanded li.secondary-step { display:block; }
.demo-more-row { display:flex; justify-content:flex-end; padding:8px 18px; background:#f4f6f2; border-bottom:1px solid #dce3dd; }
.demo-more-row button { min-height:44px; padding:9px 14px; border:1px solid #a9bbb4; border-radius:7px; background:#fff; color:#173f3e; font-size:13px; font-weight:750; }
.demo-home-section { margin:0 0 24px; }
.demo-home-section-heading { margin:0 0 12px; }
.demo-home-section-heading .eyebrow { margin:0 0 5px; }
.demo-home-section-heading h4 { margin:0; color:#173f3e; font-size:16px; }
.demo-home-section-heading p:last-child { margin:5px 0 0; color:#5d706d; font-size:12px; line-height:1.45; }
.home-information-section { padding-top:20px; border-top:1px solid #d9e2dc; }
.demo-home-actions,.demo-add-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; }
.demo-home-actions button,.demo-add-grid button { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-height:128px; padding:18px; text-align:left; color:#173f3e; background:#fff; border:1px solid #cddbd3; border-radius:14px; box-shadow:0 8px 22px rgba(21,53,52,.06); }
.demo-home-actions button:hover,.demo-add-grid button:hover { border-color:#398079; transform:translateY(-1px); }
.demo-home-actions button>span,.demo-add-grid button>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#246b66; background:#e9f4f0; font-size:20px; }
.demo-home-actions strong,.demo-add-grid strong { font-size:17px; }
.demo-home-actions small,.demo-add-grid small { color:#5d706d; font-size:13px; line-height:1.45; }
.demo-calm-note { margin:0; padding:13px 16px; color:#465f5c; background:#f3f7f4; border-left:4px solid #70a89e; border-radius:8px; }
.demo-date-dialog { width:min(460px,calc(100% - 32px)); padding:0; border:0; border-radius:16px; box-shadow:0 24px 70px rgba(18,59,60,.28); }
.demo-date-dialog::backdrop { background:rgba(10,35,35,.48); }
.demo-date-dialog form { display:grid; gap:16px; padding:26px; }
.demo-date-dialog h3,.demo-date-dialog p { margin:0; }
.demo-date-dialog label { display:grid; gap:7px; font-weight:700; }
.demo-date-dialog input { min-height:44px; padding:8px 10px; }
.demo-memo-recorder { display:grid; gap:14px; padding:18px; border:1px solid #c9d8d1; border-radius:14px; background:#f4f8f5; }
.demo-record-status { display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:10px; background:#fff; }
.demo-record-status time { margin-left:auto; font-variant-numeric:tabular-nums; font-weight:800; }
#demo-record-light { width:12px; height:12px; border-radius:50%; background:#9aa7a4; }
#demo-record-light.active { background:#d65345; box-shadow:0 0 0 5px rgba(214,83,69,.14); animation:demo-record-pulse 1.3s infinite; }
#demo-memo-preview { display:grid; gap:6px; }
#demo-memo-preview audio { width:100%; }
#demo-memo-message { margin:0; color:#9a3f32; font-weight:700; }
@keyframes demo-record-pulse { 50% { opacity:.55; } }
.platform-search { padding:14px 18px; border-bottom:1px solid #d5ded7; background:#edf2ee; }
.platform-search-form { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:14px; }
.platform-search-form>label { margin:0; color:#274946; font-size:11px; font-weight:900; }
.platform-search-form>div { display:flex; gap:8px; min-width:0; }
.platform-search-form input { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:9px 12px; border:1px solid #b8c8c2; border-radius:7px; background:#fff; color:#173f3e; font:500 12px Arial,sans-serif; }
.platform-search-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid #ccd8d2; }
.platform-search-results>div,.platform-search-results>p { grid-column:1/-1; margin:0; color:#5d706c; font-size:11px; }
.platform-search-results button { display:grid; grid-template-columns:auto minmax(0,1fr); gap:3px 10px; padding:10px 12px; text-align:left; border:1px solid #d3ddd7; border-radius:8px; background:#fff; color:#274946; }
.platform-search-results button>span { grid-row:1/3; align-self:center; padding:4px 6px; border-radius:999px; background:#edf3ef; color:#52706b; font-size:8px; font-weight:900; text-transform:uppercase; }
.platform-search-results button>strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.platform-search-results button>small { color:#71817e; font-size:9px; }
.record-search-workspace { padding:20px; border:1px solid #d3ddd7; border-radius:12px; background:#f8faf8; }
.record-search-form label { display:block; margin-bottom:8px; color:#173f3e; font-size:12px; font-weight:900; }
.record-search-form>div { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; }
.record-search-form input { box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px; border:1px solid #afc2bb; border-radius:8px; background:#fff; font:500 13px Arial,sans-serif; }
.record-search-summary { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-top:22px; padding-bottom:12px; border-bottom:1px solid #d6dfda; }
.record-search-summary>div { display:flex; align-items:baseline; gap:7px; }
.record-search-summary strong { color:#173f3e; font-size:22px; }
.record-search-summary span,.record-search-summary p { margin:0; color:#60716e; font-size:11px; }
.record-search-results { display:grid; gap:10px; margin-top:12px; }
.record-search-results article { display:grid; grid-template-columns:100px minmax(0,1fr) auto; align-items:center; gap:14px; padding:14px; border:1px solid #d4ded8; border-radius:10px; background:#fff; }
.record-search-results article>span { color:#c65f4b; font-size:9px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.record-search-results h4,.record-search-results p { margin:0; }
.record-search-results h4 { font-size:13px; }
.record-search-results p { margin-top:3px; color:#657572; font-size:10px; }
.record-search-empty { padding:36px 20px; text-align:center; color:#60716e; }
.record-search-empty h4 { margin:0 0 6px; color:#173f3e; }
.report-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.report-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #cfdad4; border-radius:12px; background:#fff; box-shadow:0 8px 22px rgba(23,63,62,.07); }
.report-card>header { display:flex; align-items:center; gap:12px; padding:18px 18px 14px; border-bottom:1px solid #e1e7e3; background:#f7faf8; }
.report-file-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:9px; background:#fbe7df; color:#a74835; font-size:10px; font-weight:900; letter-spacing:.06em; }
.report-file-icon.archive { background:#e5eee9; color:#286454; }
.report-format { display:block; margin-bottom:3px; color:#6a7a76; font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.report-card h4,.report-card p { margin:0; }
.report-card h4 { color:#173f3e; font-size:15px; }
.report-card>p { padding:15px 18px 5px; color:#526966; font-size:11px; line-height:1.55; }
.report-card dl { display:grid; gap:10px; margin:0; padding:12px 18px 18px; }
.report-card dl>div { display:grid; grid-template-columns:70px minmax(0,1fr); gap:10px; }
.report-card dt { color:#73817e; font-size:9px; font-weight:900; text-transform:uppercase; }
.report-card dd { margin:0; color:#294a47; font-size:10px; line-height:1.5; }
.report-card>footer { margin-top:auto; padding:14px 18px 16px; border-top:1px solid #e1e7e3; background:#fbfcfb; }
.report-card>footer>span { display:block; margin-bottom:10px; color:#687975; font-size:9px; }
.security-settings-card { overflow:hidden; margin-bottom:18px; border:1px solid #cbd9d2; border-radius:13px; background:#fff; box-shadow:0 8px 22px rgba(23,63,62,.07); }
.security-settings-card>header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:14px; padding:20px; background:linear-gradient(135deg,#f5faf7,#fff); }
.security-shield { display:grid; place-items:center; width:46px; height:46px; border-radius:12px; background:#173f3e; color:#fff; font-size:11px; font-weight:900; }
.security-kicker { display:block; margin-bottom:4px; color:#6b7e79; font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.security-settings-card h4,.security-settings-card p { margin:0; }
.security-settings-card h4 { color:#173f3e; font-size:16px; }
.security-settings-card header p { max-width:650px; margin-top:6px; color:#576d69; font-size:11px; line-height:1.55; }
.security-status { padding:6px 9px; border-radius:999px; font-size:9px; font-weight:900; text-transform:uppercase; }
.security-status.active { background:#dff2e8; color:#28664f; }
.security-status.inactive { background:#f4ead7; color:#805b25; }
.security-account { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border-top:1px solid #e0e7e3; border-bottom:1px solid #e0e7e3; background:#e0e7e3; }
.security-account>div { padding:14px 20px; background:#fbfcfb; }
.security-account span,.security-account strong { display:block; }
.security-account span { margin-bottom:4px; color:#71807d; font-size:9px; font-weight:800; text-transform:uppercase; }
.security-account strong { overflow-wrap:anywhere; color:#294a47; font-size:11px; }
.security-settings-card>footer { padding:15px 20px; }
.security-settings-card>footer>div { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.security-settings-card footer span { color:#6c7c79; font-size:9px; }
.security-activity { border:1px solid #d1ddd6; border-radius:13px; background:#fff; box-shadow:0 7px 18px rgba(23,63,62,.05); }
.security-activity-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:18px 20px; border-bottom:1px solid #e0e7e3; }
.security-activity-heading h4,.security-activity-heading p { margin:0; }
.security-activity-heading h4 { font-size:15px; }
.security-activity-heading p { color:#657773; font-size:10px; }
.security-activity-list article { display:grid; grid-template-columns:125px 10px minmax(0,1fr) auto; align-items:center; gap:12px; padding:15px 20px; border-bottom:1px solid #e4e9e6; }
.security-activity-list article:last-child { border-bottom:0; }
.security-activity-list time { color:#6e7e7b; font-size:10px; }
.activity-marker { width:8px; height:8px; border-radius:50%; background:#d9785d; box-shadow:0 0 0 4px #f9ece7; }
.security-activity-list h5,.security-activity-list p { margin:0; }
.security-activity-list h5 { color:#173f3e; font-size:12px; }
.security-activity-list p { margin-top:3px; color:#6b7b78; font-size:9px; }
.activity-type { padding:5px 8px; border-radius:999px; background:#e5f0f2; color:#2d6570; font-size:8px; font-weight:900; text-transform:uppercase; }
.support-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.support-summary>div { padding:15px 16px; border:1px solid #d2ddd7; border-radius:11px; background:#fff; box-shadow:0 5px 15px rgba(23,63,62,.04); }
.support-summary span,.support-summary strong,.support-summary small { display:block; }
.support-summary span,.support-kicker { color:#71807d; font-size:8px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.support-summary strong { margin:5px 0 3px; color:#173f3e; font-size:13px; }
.support-summary small { color:#70807d; font-size:9px; }
.support-request-list { overflow:hidden; border:1px solid #d1ddd6; border-radius:13px; background:#fff; box-shadow:0 7px 18px rgba(23,63,62,.05); }
.support-section-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid #e0e7e3; }
.support-section-heading h4,.support-section-heading p { margin:0; }
.support-section-heading h4 { margin-top:3px; font-size:15px; }
.support-section-heading p { color:#687975; font-size:10px; }
.support-ticket-card { border-bottom:1px solid #e1e8e4; background:#fff; }
.support-ticket-card:last-child { border-bottom:0; }
.support-ticket-card>summary { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:15px 20px; cursor:pointer; list-style:none; }
.support-ticket-card>summary::-webkit-details-marker { display:none; }
.support-ticket-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:#e9f0ec; color:#285b52; font-weight:900; }
.support-ticket-card summary strong,.support-ticket-card summary small { display:block; }
.support-ticket-card summary strong { color:#173f3e; font-size:12px; }
.support-ticket-card summary small { margin-top:3px; color:#74817f; font-size:9px; }
.support-ticket-status { padding:5px 8px; border-radius:999px; background:#f2ead8; color:#7b5b27; font-size:8px; font-weight:900; text-transform:uppercase; }
.support-ticket-status.answered { background:#dff1e7; color:#28634e; }
.support-ticket-body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border-top:1px solid #e2e8e5; background:#e2e8e5; }
.support-ticket-body section { padding:15px 20px; background:#fafcfb; }
.support-ticket-body section>span { color:#71807d; font-size:8px; font-weight:900; text-transform:uppercase; }
.support-ticket-body p { margin:6px 0 0; color:#415b57; font-size:10px; line-height:1.55; }
.support-ticket-body .support-reply { background:#f3f8f5; }
.support-export-card { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:14px; padding:17px 18px; border:1px solid #d2ddd7; border-radius:12px; background:#fff; }
.support-export-card>div { display:flex; align-items:center; gap:12px; }
.support-export-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:9px; background:#e5eef1; color:#2d6570; font-size:9px; font-weight:900; }
.support-export-card h4,.support-export-card p { margin:0; }
.support-export-card h4 { margin:3px 0 4px; font-size:13px; }
.support-export-card p { color:#657672; font-size:9px; }
.support-boundary { margin-top:14px; padding:14px 16px; border:1px solid #e9c7b9; border-left:4px solid #cf7158; border-radius:9px; background:#fff7f3; }
.support-boundary strong { color:#713c2f; font-size:11px; }
.support-boundary p { margin:4px 0 0; color:#76584f; font-size:9px; line-height:1.5; }
.data-control-overview { overflow:hidden; margin-bottom:15px; border:1px solid #cedad4; border-radius:13px; background:#fff; box-shadow:0 7px 18px rgba(23,63,62,.05); }
.data-control-overview>header { display:flex; align-items:start; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid #e0e7e3; background:#f8faf8; }
.data-control-kicker { display:block; color:#71807d; font-size:8px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.data-control-overview h4,.data-control-overview p { margin:0; }
.data-control-overview h4 { margin-top:4px; font-size:16px; }
.data-control-overview p { margin-top:5px; color:#657672; font-size:10px; }
.data-control-status { padding:5px 9px; border-radius:999px; background:#dff1e7; color:#28634e; font-size:8px; font-weight:900; text-transform:uppercase; }
.data-control-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.data-control-counts>div { padding:14px 18px; border-right:1px solid #e2e8e5; }
.data-control-counts>div:last-child { border-right:0; }
.data-control-counts strong,.data-control-counts span { display:block; }
.data-control-counts strong { color:#173f3e; font-size:17px; }
.data-control-counts span { margin-top:3px; color:#6d7d79; font-size:9px; }
.data-control-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.data-control-card { display:flex; flex-direction:column; border:1px solid #d1ddd6; border-radius:12px; background:#fff; box-shadow:0 6px 16px rgba(23,63,62,.05); }
.data-control-card>header { display:flex; align-items:center; gap:12px; padding:16px 18px 11px; }
.data-control-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:9px; background:#e5eef1; color:#2d6570; font-size:8px; font-weight:900; }
.data-control-card.transfer .data-control-icon { background:#eee8f2; color:#684f79; }
.data-control-card h4,.data-control-card p { margin:0; }
.data-control-card h4 { margin-top:3px; font-size:13px; }
.data-control-card>p { padding:0 18px 15px; color:#61736f; font-size:10px; line-height:1.55; }
.data-control-card>footer { margin-top:auto; padding:13px 18px 16px; border-top:1px solid #e3e9e6; background:#fbfcfb; }
.data-control-card>footer>span { color:#687975; font-size:9px; line-height:1.45; }
.data-danger-zone { overflow:hidden; margin-top:15px; border:1px solid #e2b9ae; border-radius:12px; background:#fff; }
.data-danger-zone>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; border-bottom:1px solid #efd2ca; background:#fff5f1; }
.data-danger-zone h4 { margin:3px 0 0; color:#6f352b; font-size:14px; }
.data-danger-zone>header>span { color:#9a493c; font-size:8px; font-weight:900; text-transform:uppercase; }
.data-danger-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.data-danger-actions article { display:flex; align-items:start; justify-content:space-between; gap:12px; padding:16px 18px; }
.data-danger-actions article+article { border-left:1px solid #ecd4cd; }
.data-danger-actions h5,.data-danger-actions p { margin:0; }
.data-danger-actions h5 { color:#713b31; font-size:11px; }
.data-danger-actions p { margin-top:5px; color:#765a53; font-size:9px; line-height:1.5; }
.data-danger-actions article>span { flex:0 0 auto; padding:4px 7px; border-radius:999px; background:#f7e5df; color:#91483b; font-size:7px; font-weight:900; text-transform:uppercase; }
.data-retention-note { margin-top:12px; padding:13px 15px; border-left:4px solid #b0793e; background:#fff8eb; }
.data-retention-note strong { color:#755022; font-size:10px; }
.data-retention-note p { margin:4px 0 0; color:#765f42; font-size:9px; line-height:1.5; }
.demo-reset-card { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:12px; padding:16px 18px; border:1px dashed #b9c8c2; border-radius:11px; background:#f8faf8; }
.demo-reset-card h4,.demo-reset-card p { margin:0; }
.demo-reset-card h4 { margin-top:3px; font-size:12px; }
.demo-reset-card p { margin-top:4px; color:#687975; font-size:9px; }
.data-confirmation { margin-top:14px; padding:18px; border:1px solid #c8d9d1; border-left:4px solid #477c73; border-radius:10px; background:#f3f8f5; }
.data-confirmation.danger { border-color:#e0b0a5; border-left-color:#b84e41; background:#fff5f2; }
.data-confirmation h4,.data-confirmation p { margin:0; }
.data-confirmation h4 { margin-top:4px; font-size:14px; }
.data-confirmation p { margin-top:6px; color:#5f716d; font-size:10px; line-height:1.5; }
.data-confirmation form { display:grid; gap:10px; margin-top:14px; }
.data-confirmation form>label { margin:0; color:#304e4a; font-size:10px; font-weight:800; }
.data-confirmation input[type="text"],.data-confirmation input:not([type]) { box-sizing:border-box; width:100%; margin-top:6px; }
.data-confirmation input[type="checkbox"] { width:auto; margin-right:6px; }
.data-control-result { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:15px; padding:22px; border:1px solid #b9d9d2; border-radius:13px; background:#edf7f3; }
.data-control-result>span { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#d5ecdf; color:#24604e; font-weight:900; }
.data-control-result h4,.data-control-result p { margin:0; }
.data-control-result h4 { margin-top:4px; font-size:14px; }
.data-control-result p { margin-top:5px; color:#5c716d; font-size:10px; }
.demo-screen { display:flex; flex-direction:column; min-height:360px; padding:24px; background:#f7f7f3; }
.screen-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }
.screen-toolbar h3 { margin:0; font-size:25px; }
.metric-grid { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:14px; margin-bottom:22px; }
.metric { padding:18px; border:1px solid var(--card-border); border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(21,53,52,.06); }
.metric strong { display:block; font:600 24px Georgia,serif; color:#173f3e; }
.metric span { color:#6a7875; font-size:11px; }
.home-record-areas { grid-template-columns:repeat(5,minmax(0,1fr)); grid-auto-flow:initial; grid-auto-columns:auto; margin-bottom:0; }
.home-record-areas .metric { text-align:left; }
.home-record-areas .metric strong { font:800 18px Arial,sans-serif; color:#286d65; }
.home-record-areas .metric small { display:block; margin-top:8px; color:#71817e; font-size:10px; }
.metric-action { text-align:left; cursor:pointer; color:inherit; border-radius:12px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.metric-action small { display:block; margin-top:12px; color:#3a7771; font-weight:800; }
.metric-action:hover,.metric-action:focus-visible { border-color:#3a7771; background:#edf7f3; box-shadow:0 12px 26px rgba(21,53,52,.1); outline:2px solid #d27a54; outline-offset:2px; transform:translateY(-2px); }
.demo-card { background:#fff; border:1px solid var(--card-border); border-radius:12px; padding:20px; margin-bottom:14px; box-shadow:0 5px 18px rgba(21,53,52,.06); }
.demo-card h4 { margin:0 0 7px; font-size:16px; }
.demo-card p { margin:5px 0; font-size:14px; line-height:1.55; color:#516260; }
.demo-card small { color:#77827f; }
.demo-row { display:grid; grid-template-columns:120px 1fr auto; gap:18px; align-items:start; }
.status-action { align-self:center; padding:8px 13px; border:1px solid #b9c9c2; background:#edf5f1; color:#173f3e; font-size:12px; }
.status-action:hover,.status-action:focus-visible { background:#173f3e; color:#fff; outline:2px solid #d27a54; outline-offset:2px; }
.demo-data-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.demo-data-grid .demo-card { margin:0; }
.selected-record { border-color:#3a7771; box-shadow:inset 4px 0 #3a7771; }
.demo-search { display:flex; align-items:end; gap:10px; padding:14px; margin-bottom:16px; border:1px solid #d6ded7; background:#fff; }
.demo-search label { flex:1; font-weight:700; color:#173f3e; }
.demo-search input { width:100%; margin-top:6px; padding:10px; border:1px solid #bfcac2; }
.demo-data-action { min-height:40px; padding:9px 14px; border:1px solid #a9bbb4; border-radius:6px; background:#fff; color:#173f3e; font-size:11px; font-weight:750; line-height:1.25; }
.demo-data-action:hover,.demo-data-action:focus-visible { border-color:#173f3e; background:#edf5f1; outline:2px solid #d27a54; outline-offset:2px; }
.demo-data-action.primary { border-color:#173f3e; background:#173f3e; color:#fff; box-shadow:0 4px 10px rgba(23,63,62,.14); }
.demo-data-action.primary:hover,.demo-data-action.primary:focus-visible { background:#285b58; color:#fff; }
.demo-data-action.quiet { border-color:transparent; background:#f1f4f1; color:#405c59; }
.demo-data-action.danger { border-color:transparent; background:transparent; color:#9a3f37; }
.demo-data-action.danger:hover,.demo-data-action.danger:focus-visible { border-color:#d8a5a0; background:#fff0ee; color:#7d2e28; }
.demo-data-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.demo-action-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:end; margin-top:20px; padding-top:16px; border-top:1px solid #e1e7e2; }
.demo-action-group.manage { text-align:right; }
.demo-action-label { color:#70807c; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.demo-action-group .demo-data-actions { margin-top:7px; }
.demo-action-group.manage .demo-data-actions { justify-content:flex-end; }
.demo-calendar-controls { display:grid; gap:12px; padding:16px; margin-bottom:16px; border:1px solid #d6ded7; background:#fff; }
.demo-calendar-controls>div { display:flex; flex-wrap:wrap; gap:8px; }
.demo-calendar-controls .active { background:#173f3e; color:#fff; }
.demo-calendar-search { display:flex; flex-wrap:wrap; align-items:end; gap:8px; }
.demo-calendar-search label { display:grid; flex:1 1 220px; gap:5px; color:#405c59; font-size:12px; font-weight:700; }
.demo-calendar-search input { min-height:40px; padding:9px 10px; border:1px solid #a9bbb4; border-radius:6px; font:inherit; }
.demo-calendar-filters { border-top:1px solid #e0e5df; padding-top:12px; }
.demo-calendar-results { overflow-x:auto; }
.demo-calendar-viewbar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:760px; padding:10px 12px; border:1px solid #ccd8d2; border-bottom:0; background:#173f3e; color:#fff; }
.demo-calendar-viewbar h4 { margin:0; font-size:22px; }
.demo-calendar-viewbar>div { display:flex; flex-wrap:wrap; gap:7px; }
.demo-calendar-navigation { margin-left:auto; }
.demo-calendar-viewbar .demo-data-action { border-color:#b8cbc4; background:#fff; }
.demo-calendar-viewbar .demo-data-action.active { border-color:#fff; background:#d27a54; color:#fff; }
.demo-calendar-weekdays { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-width:760px; border:1px solid #ccd8d2; border-bottom:0; background:#e8efeb; font-weight:700; text-align:center; }
.demo-calendar-weekdays span { padding:9px 5px; border-right:1px solid #ccd8d2; }
.demo-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-width:760px; border:1px solid #ccd8d2; background:#fff; }
.demo-calendar-day { min-height:150px; padding:8px; border-right:1px solid #dce4df; border-bottom:1px solid #dce4df; }
.demo-calendar-day h4 { display:flex; justify-content:space-between; gap:6px; margin:0 0 8px; font-size:13px; }
.demo-calendar-day.outside-month { background:#f4f5f2; color:#687774; }
.demo-calendar-grid.month .weekday-inline { display:none; }
.demo-calendar-day.today { background:#edf8f4; box-shadow:inset 0 0 0 2px #d27a54; }
.demo-calendar-event { display:grid; gap:4px; margin:7px 0; padding:10px; border:1px solid #dce5df; border-left:4px solid #3a7771; border-radius:8px; background:#f8faf8; box-shadow:0 3px 10px rgba(21,53,52,.05); font-size:12px; }
.demo-calendar-event.communication { border-color:#d27a54; }
.demo-calendar-event.followup { border-color:#98732c; }
.demo-calendar-event.overdue { border-color:#a13b32; background:#fff0ee; }
.demo-calendar-event b,.demo-calendar-event span,.demo-calendar-event time { display:block; }
.demo-calendar-event .demo-data-action { min-height:32px; padding:5px 7px; }
.demo-calendar-grid.month .demo-calendar-day { padding:6px; }
.demo-calendar-grid.month .demo-calendar-day h4 { font-size:11px; }
.demo-calendar-grid.month .demo-calendar-event { gap:3px; margin:6px 0; padding:8px 7px; font-size:10px; line-height:1.35; }
.demo-calendar-grid.month .demo-calendar-event small { font-size:9px; }
.demo-calendar-grid.month .demo-calendar-event b { overflow-wrap:anywhere; font-size:11px; line-height:1.3; }
.demo-calendar-grid.month .demo-calendar-event time,.demo-calendar-grid.month .demo-calendar-event span { overflow-wrap:anywhere; font-size:9px; line-height:1.35; }
.demo-calendar-grid.month .demo-calendar-event .demo-data-action { width:100%; min-height:28px; padding:4px 5px; font-size:9px; white-space:normal; }
.demo-calendar-agenda section { margin-bottom:22px; }
.demo-calendar-agenda section>h4 { padding-bottom:8px; border-bottom:1px solid #d6ded7; }
.demo-calendar-agenda .demo-calendar-event { grid-template-columns:minmax(130px,.35fr) 1fr; align-items:center; }
.demo-record { margin-bottom:12px; border:1px solid #d6ded7; border-radius:10px; background:#fff; overflow:hidden; box-shadow:0 5px 18px rgba(21,53,52,.05); }
.demo-record summary { cursor:pointer; padding:16px 18px; color:#173f3e; font-weight:800; }
.demo-record[open] { border-color:#b7cbc2; box-shadow:0 12px 30px rgba(21,53,52,.09); }
.demo-record[open] summary { border-bottom:1px solid #d9e4de; background:#edf5f1; }
.demo-record>div { padding:0 18px 18px; }
.demo-record p { color:#516260; }
.contact-summary { display:inline-flex; align-items:center; gap:12px; width:calc(100% - 12px); vertical-align:middle; }
.contact-summary>span:last-child,.contact-summary strong,.contact-summary small { display:block; }
.contact-summary strong { font-size:15px; line-height:1.3; }
.contact-summary small { margin-top:3px; color:#647572; font-size:11px; font-weight:600; }
.contact-avatar { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:#dfeee8; color:#28645e; font-size:13px; font-weight:900; }
.contact-card { padding-top:16px; }
.contact-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.contact-facts>div { min-width:0; padding:14px 16px; border:1px solid #e0e6e1; border-radius:8px; background:#fff; }
.contact-facts dt,.contact-notes span { color:#73817e; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.contact-facts dd { margin:6px 0 0; color:#274946; font-size:13px; font-weight:750; overflow-wrap:anywhere; }
.contact-notes { margin-top:12px; padding:15px 16px; border-left:4px solid #3a7771; border-radius:0 8px 8px 0; background:#f1f7f4; }
.contact-notes p { margin:6px 0 0; font-size:13px; line-height:1.5; }
.contact-actions { margin-top:16px; }
.document-summary { display:inline-grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; width:calc(100% - 12px); vertical-align:middle; }
.document-summary>span:nth-child(2),.document-summary strong,.document-summary small { display:block; min-width:0; }
.document-summary strong { overflow:hidden; font-size:14px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.document-summary small { margin-top:3px; color:#647572; font-size:11px; font-weight:600; }
.document-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid #bfd4cc; border-radius:8px; background:#edf6f2; color:#347068; font-size:8px; font-weight:900; letter-spacing:.06em; }
.document-status { width:max-content; padding:5px 9px; border-radius:999px; background:#dff3e8; color:#24604e; font-size:9px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.document-card { padding-top:16px; }
.document-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; }
.document-facts>div { min-width:0; padding:13px 14px; border:1px solid #e0e6e1; border-radius:8px; background:#fafbf9; }
.document-facts dt,.document-notes span { color:#73817e; font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.document-facts dd { margin:5px 0 0; color:#274946; font-size:12px; font-weight:750; overflow-wrap:anywhere; }
.document-notes { margin-top:12px; padding:15px 16px; border-left:4px solid #5c7f9b; border-radius:0 8px 8px 0; background:#f1f6f9; }
.document-notes p { margin:6px 0 0; font-size:13px; line-height:1.5; }
.document-actions { margin-top:16px; }
.voice-summary { display:inline-grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; width:calc(100% - 12px); vertical-align:middle; }
.voice-summary>span:nth-child(2),.voice-summary strong,.voice-summary small { display:block; min-width:0; }
.voice-summary strong { font-size:14px; line-height:1.3; }
.voice-summary small { margin-top:3px; color:#647572; font-size:11px; font-weight:600; }
.voice-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#f4e8dc; color:#a75538; font-size:11px; }
.voice-duration { padding:5px 9px; border-radius:999px; background:#edf1ef; color:#405e5a; font-size:10px; font-weight:900; font-variant-numeric:tabular-nums; }
.voice-card { padding-top:16px; }
.voice-player { padding:15px 16px; border:1px solid #e0e6e1; border-radius:10px; background:#fafbf9; }
.voice-player>span,.voice-notes span { display:block; color:#73817e; font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.voice-player audio { display:block; width:100%; margin:10px 0 7px; height:40px; }
.voice-player small { color:#6c7b78; font-size:10px; }
.voice-notes { margin-top:12px; padding:15px 16px; border-left:4px solid #b67251; border-radius:0 8px 8px 0; background:#fff6ed; }
.voice-notes p { margin:6px 0 0; font-size:13px; line-height:1.5; }
.voice-actions { margin-top:16px; }
.communication-summary { display:inline-flex; width:calc(100% - 12px); align-items:center; justify-content:space-between; gap:18px; vertical-align:middle; }
.communication-summary strong,.communication-summary small { display:block; }
.communication-summary strong { font-size:15px; line-height:1.3; }
.communication-summary small { margin-top:4px; color:#647572; font-weight:600; }
.communication-status { display:inline-flex; align-items:center; width:max-content; padding:5px 9px; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.communication-status.open { background:#fff0d2; color:#79551d; }
.communication-status.done { background:#dff3e8; color:#24604e; }
.communication-card { padding-top:18px; }
.communication-intro { padding:18px 20px; border-left:4px solid #3a7771; border-radius:0 8px 8px 0; background:#f1f7f4; }
.communication-intro p { margin:7px 0 0; font-size:15px; line-height:1.55; color:#294c49; white-space:pre-wrap; overflow-wrap:anywhere; }
.email-source-preview { margin:16px 0; padding:18px 20px; border:1px solid #bdd7cf; border-radius:10px; background:#f1f7f4; }
.email-source-preview h4 { margin:2px 0 6px; color:#153f3d; font-size:17px; }
.email-source-preview>div>p:not(.eyebrow) { margin:0; color:#526e6a; font-size:14px; }
.email-source-preview pre { max-height:420px; margin:14px 0 0; padding:14px; overflow:auto; border:1px solid #d7e5df; border-radius:7px; background:#fff; color:#294c49; font:14px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.email-thread-choice,.email-conversation-link{margin-top:14px;padding:14px;border:1px solid #bdd7cf;border-radius:9px;background:#f6fbf9}.email-thread-choice label{display:block;margin:9px 0}.email-conversation-link span,.email-conversation-link strong{display:block}.email-conversation-link span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2d7068}.email-conversation-link p{margin:5px 0 0}
.communication-kind { color:#3a716b; font-size:10px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.communication-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
.communication-facts>div { padding:14px 16px; border:1px solid #e0e6e1; border-radius:8px; background:#fff; }
.communication-facts dt,.communication-notes span,.follow-up-card span { color:#73817e; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.communication-facts dd { margin:6px 0 0; color:#274946; font-size:14px; font-weight:800; overflow-wrap:anywhere; }
.communication-facts dd small { display:block; margin-top:4px; color:#667673; font-weight:600; }
.communication-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.communication-notes section { padding:16px; border-radius:8px; }
.communication-notes section p { margin:7px 0 0; font-size:14px; line-height:1.5; }
.communication-notes .concern { background:#fff6ed; border:1px solid #efd7be; }
.communication-notes .promise { background:#eef6fa; border:1px solid #cfe2ea; }
.communication-notes .concern span { color:#8a5b2f; }
.communication-notes .promise span { color:#32677a; }
.follow-up-card { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:12px; padding:14px 16px; border:1px solid #d7e4dc; border-radius:8px; background:#f7faf8; }
.follow-up-card strong { display:block; margin-top:3px; color:#173f3e; font-size:15px; }
.linked-data-panel { margin-top:18px; padding:18px; border:1px solid #b9d9d2; border-radius:12px; background:#edf7f3; box-shadow:0 5px 18px rgba(21,53,52,.06); }
.linked-data-panel h3 { margin:4px 0; }
.linked-data-panel .metric-grid { margin:14px 0 0; }
.role-access-note { margin:0 0 16px; padding:12px 14px; border-left:4px solid #3a7771; background:#edf7f3; color:#315d58; }
.role-access-note.readonly { border-left-color:#d27a54; background:#fff7ee; color:#664d37; }
.demo-tag { display:inline-block; padding:5px 8px; background:#dceef2; color:#286678; font-size:10px; font-weight:800; text-transform:uppercase; }
.demo-tag.green { background:#dff3e8; color:#24604e; }
.demo-tag.gold { background:#f6e9cf; color:#795520; }
.demo-tag.purple { background:#eee4f3; color:#684e7e; }
.progress-box { padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#173f3e; color:#fff; box-shadow:0 10px 28px rgba(21,53,52,.16); }
.demo-screen>.progress-box { order:-1; margin:0 0 22px; }
.progress-box p { color:#d7e6e3; }
.check-list { list-style:none; padding:0; margin:12px 0 0; }
.check-list li { padding:9px 0 9px 28px; position:relative; border-bottom:1px solid rgba(255,255,255,.12); }
.check-list li:before { content:'✓'; position:absolute; left:0; color:#e5b991; font-weight:900; }
.role-table { width:100%; border-collapse:collapse; background:#fff; }
.role-table th,.role-table td { text-align:left; padding:13px; border-bottom:1px solid #e0e5df; }
.role-table th { color:#61706d; font-size:11px; text-transform:uppercase; }
.member-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.member-card { min-width:0; padding:18px; border:1px solid var(--card-border); border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(21,53,52,.06); }
.member-card header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid #e2e8e3; }
.member-card header>div { min-width:0; }
.member-avatar { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#dfeee8; color:#28645e; font-size:13px; font-weight:900; }
.member-card h4 { margin:0; font-size:15px; }
.member-card header p { overflow:hidden; margin:3px 0 0; color:#667673; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.member-role { width:max-content; padding:5px 8px; border-radius:999px; background:#edf1ef; color:#45615d; font-size:9px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.member-role.manager { background:#dff3e8; color:#24604e; }
.member-role.pending { background:#fff0d2; color:#79551d; }
.member-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0 0; }
.member-card dl>div { min-width:0; padding:12px 13px; border:1px solid #e2e8e3; border-radius:8px; background:#fafbf9; }
.member-card dt,.invitation-card header span:first-child { color:#74827f; font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.member-card dd { margin:5px 0 0; color:#274946; font-size:12px; font-weight:750; }
.member-card footer,.invitation-card footer { display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap; margin-top:14px; padding-top:13px; border-top:1px solid #e2e8e3; }
.member-card footer>span { margin-right:auto; color:#687875; font-size:11px; }
.member-card footer .demo-data-action,.invitation-card footer .demo-data-action { min-height:40px; }
.invitation-list { display:grid; gap:10px; margin-top:20px; }
.invitation-list>h4 { margin:0 0 2px; font-size:14px; }
.invitation-card { padding:16px 18px; border:1px solid #ead9b8; border-radius:12px; background:#fffaf0; }
.invitation-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.invitation-card h4 { margin:4px 0 0; font-size:14px; overflow-wrap:anywhere; }
.invitation-card>p { margin:9px 0 0; color:#687875; font-size:12px; }
.invite-screen { width:min(680px,100%); margin:0 auto; padding:24px; border:1px solid var(--card-border); border-radius:14px; background:#fff; box-shadow:var(--card-shadow); }
.invite-back { min-height:40px; padding:0; border:0; background:transparent; color:#39736d; font-size:12px; }
.invite-back:hover,.invite-back:focus-visible { color:#173f3e; text-decoration:underline; outline:none; }
.invite-screen .eyebrow { margin:18px 0 5px; }
.invite-screen h3 { margin:0; font-size:22px; }
.invite-screen>p:not(.eyebrow) { margin:7px 0 18px; color:#60716e; font-size:13px; }
.invite-screen form { display:grid; gap:14px; }
.invite-screen form>label { margin:0; color:#274946; font-size:12px; font-weight:800; }
.invite-screen input[type="email"],.invite-screen input[type="text"] { width:100%; margin-top:6px; padding:11px 12px; border:1px solid #bccbc5; border-radius:7px; font:inherit; }
.invite-screen fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; border:0; }
.invite-screen legend { width:100%; margin-bottom:7px; color:#274946; font-size:12px; font-weight:800; }
.access-choice { display:flex; gap:10px; margin:0; padding:13px; border:1px solid #d6e0db; border-radius:9px; background:#fafbf9; cursor:pointer; }
.access-choice:has(input:checked) { border-color:#477c73; background:#edf6f2; box-shadow:inset 3px 0 #477c73; }
.access-choice input { flex:0 0 auto; margin:3px 0 0; accent-color:#477c73; }
.access-choice span,.access-choice strong,.access-choice small { display:block; }
.access-choice strong { font-size:12px; }
.access-choice small { margin-top:4px; color:#667673; font-size:10px; font-weight:500; line-height:1.4; }
.invite-safety { padding:13px 14px; border-left:4px solid #b67251; background:#fff6ed; }
.invite-safety strong { font-size:11px; }
.invite-safety p { margin:4px 0 0; color:#67594e; font-size:11px; }
.invite-form-actions { display:flex; justify-content:flex-end; gap:8px; padding-top:4px; }
.create-item-screen { width:min(760px,100%); overflow:hidden; padding:0; }
.create-item-screen>.invite-back { margin:18px 26px 0; }
.create-item-header { padding:14px 28px 22px; border-bottom:1px solid #e1e7e3; }
.create-item-header .eyebrow { margin:0 0 6px; }
.create-item-header h3 { margin:0; font-size:24px; }
.create-item-header>p:last-child { margin:7px 0 0; color:#60716e; font-size:12px; }
.create-item-screen>form { display:grid; gap:18px; padding:24px 28px 26px; background:#fbfcfa; }
.appointment-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.form-field { display:grid; gap:7px; margin:0; color:#274946; font-size:11px; font-weight:850; }
.form-field.field-full { grid-column:1 / -1; }
.create-item-screen input,.create-item-screen select,.create-item-screen textarea { box-sizing:border-box; width:100%; min-height:44px; margin:0; padding:10px 12px; border:1px solid #b8c8c2; border-radius:8px; background:#fff; color:#173f3e; font:500 13px/1.4 Arial,sans-serif; box-shadow:0 1px 2px rgba(21,53,52,.04); }
.create-item-screen textarea { min-height:104px; resize:vertical; }
.create-item-screen input:focus,.create-item-screen select:focus,.create-item-screen textarea:focus { border-color:#477c73; outline:3px solid rgba(71,124,115,.16); }
.create-item-screen input::placeholder,.create-item-screen textarea::placeholder { color:#8a9895; }
.create-item-actions { margin-top:2px; padding-top:18px; border-top:1px solid #e1e7e3; }
.create-item-actions .demo-data-action { min-width:128px; }
.create-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.create-form-grid label { margin:0; }
.synthetic-form-note { margin:0; padding:11px 13px; border-left:4px solid #5c7f9b; background:#f1f6f9; color:#536b78; font-size:11px; }
.email-import-tools { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end; padding:12px; border:1px solid #d9e4df; border-radius:10px; background:#fff; }
.email-import-tools label { margin:0; }
.email-import-tools input[type="file"] { min-height:40px; padding:7px; font-size:12px; }
.email-import-tools .demo-data-actions { gap:8px; }
.email-import-tools .demo-data-action { min-width:auto; white-space:nowrap; }
.billing-card { overflow:hidden; border:1px solid var(--card-border); border-radius:14px; background:#fff; box-shadow:var(--card-shadow); }
.billing-card>header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px; border-bottom:1px solid #e0e7e2; background:#f9fbf9; }
.billing-label { color:#73817e; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.billing-card h4 { margin:5px 0 0; font-size:20px; }
.billing-card>header p { max-width:560px; margin:6px 0 0; color:#657572; font-size:10px; }
.billing-status { width:max-content; padding:6px 10px; border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.billing-status.active { background:#dff3e8; color:#24604e; }
.billing-status.ending { background:#fff0d2; color:#79551d; }
.billing-summary { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:18px; padding:20px 22px; }
.billing-price { padding:18px; border-radius:10px; background:#173f3e; color:#fff; }
.billing-price span,.billing-price strong,.billing-price small { display:block; }
.billing-price span { color:#bcd6d1; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.billing-price strong { margin-top:8px; font:700 19px/1.3 Georgia,serif; }
.billing-price strong small { display:inline; margin:0; color:#bcd6d1; font:800 9px Arial,sans-serif; }
.billing-price p { margin:2px 0 0; color:#fff; font-size:10px; }
.billing-price small { margin-top:7px; color:#d5e5e2; font-size:10px; }
.billing-card dl { display:grid; gap:10px; margin:0; }
.billing-card dl>div { padding:13px 14px; border:1px solid #e1e7e3; border-radius:9px; background:#fafbf9; }
.billing-card dt { color:#74827f; font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.billing-card dd { margin:5px 0 0; color:#274946; font-size:12px; font-weight:750; }
.billing-reassurance { display:flex; align-items:flex-start; gap:10px; margin:0 22px 20px; padding:13px 15px; border-left:4px solid #477c73; background:#edf6f2; }
.billing-reassurance>span { color:#347068; font-weight:900; }
.billing-reassurance p { margin:0; color:#4c6360; font-size:11px; line-height:1.5; }
.billing-card>footer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; padding:20px 22px; border-top:1px solid #e0e7e2; background:#fafbf9; }
.billing-card>footer>div { display:block !important; min-width:0; }
.billing-card>footer>div:last-child { text-align:right; }
.billing-card>footer>div:last-child .demo-data-actions { justify-content:flex-end; }
.billing-card>footer p { max-width:410px; margin:5px 0 10px; color:#667773; font-size:9px; line-height:1.45; }
.billing-card>footer .demo-action-label { display:block; }
.billing-card>footer .demo-data-actions { display:flex; align-items:stretch; margin-top:10px; }
.billing-card>footer .demo-data-action { width:auto; min-width:150px; white-space:normal; }
.billing-boundary { margin-top:14px; padding:14px 16px; border:1px solid #d3ddd7; border-left:4px solid #477c73; border-radius:9px; background:#f3f8f5; }
.billing-boundary strong { color:#285a52; font-size:11px; }
.billing-boundary p { margin:4px 0 0; color:#58706b; font-size:9px; line-height:1.5; }
.setup-demo-card { padding:22px; border:1px solid var(--card-border); border-radius:14px; background:#fff; box-shadow:var(--card-shadow); }
.setup-step-heading>span { color:#3a716b; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.setup-step-heading h4 { margin:5px 0 0; font-size:20px; }
.setup-step-heading p { margin:6px 0 18px; color:#647572; font-size:12px; }
.setup-demo-card form { display:grid; gap:14px; }
.setup-demo-card fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; border:0; }
.setup-demo-card legend { width:100%; margin-bottom:7px; color:#274946; font-size:11px; font-weight:900; }
.setup-choice { display:flex; gap:10px; margin:0; padding:14px; border:1px solid #d6e0db; border-radius:9px; background:#fafbf9; cursor:pointer; }
.setup-choice:has(input:checked) { border-color:#477c73; background:#edf6f2; box-shadow:inset 3px 0 #477c73; }
.setup-choice input { flex:0 0 auto; margin:3px 0 0; accent-color:#477c73; }
.setup-choice span,.setup-choice strong,.setup-choice small { display:block; }
.setup-choice strong { font-size:12px; }
.setup-choice small { margin-top:4px; color:#667673; font-size:10px; font-weight:500; line-height:1.4; }
.setup-demo-card form>label,.setup-demo-card #setup-caregiver-fields>label { display:grid; gap:7px; margin:0; color:#274946; font-size:11px; font-weight:800; }
.setup-demo-card form>label input,.setup-demo-card #setup-caregiver-fields>label input,.setup-demo-card #setup-caregiver-fields>label select { box-sizing:border-box; width:100%; min-height:42px; margin:0; padding:9px 11px; border:1px solid #b8c8c2; border-radius:8px; background:#fff; color:#173f3e; font:500 13px/1.4 Arial,sans-serif; }
#setup-caregiver-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:15px; border:1px solid #e1e7e3; border-radius:10px; background:#fafbf9; }
#setup-caregiver-fields[hidden] { display:none; }
#setup-caregiver-fields .setup-authority { display:flex; grid-column:1/-1; align-items:flex-start; gap:8px; padding-top:3px; }
.setup-authority input { flex:0 0 auto; margin:2px 0 0; accent-color:#477c73; }
.setup-boundary { padding:13px 14px; border-left:4px solid #5c7f9b; background:#f1f6f9; }
.setup-boundary strong { font-size:11px; }
.setup-boundary p { margin:4px 0 0; color:#536b78; font-size:11px; }
.setup-complete { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; padding:20px 22px; border:1px solid #b9d9d2; border-radius:14px; background:#edf7f3; box-shadow:var(--card-shadow); }
.setup-complete-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#d4ebdf; color:#24604e; font-size:18px; font-weight:900; }
.setup-complete>div>span { color:#347068; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.setup-complete h4 { margin:4px 0 0; font-size:17px; }
.setup-complete p { margin:4px 0 0; color:#58706d; font-size:11px; }
.demo-controls { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:18px 30px; border-top:1px solid #e0e5df; }
.demo-controls button { min-width:120px; }
.demo-controls .secondary { background:#edf0ec; color:#173f3e; }
#step-position { font-size:12px; font-weight:700; color:#667572; }
@media(max-width:780px){
  .demo-intro { padding-top:30px; }
  .demo-safety { grid-template-columns:auto minmax(0,1fr); align-items:start; }
  .demo-safety span { grid-column:2; margin-top:-6px; }
  .role-demos { padding:24px 18px; }
  .demo-entry { margin-bottom:60px; padding:22px 18px; }
  .demo-entry-heading h2 { font-size:28px; }
  .demo-entry-options { grid-template-columns:1fr; }
  .demo-entry-card { min-height:0; }
  .role-demo-list { grid-template-columns:1fr; }
  .role-demo-list .persona-choice { min-height:0; }
  .demo-cta { align-items:stretch; flex-direction:column; text-align:center; }
  .persona-panel { position:static; }
  .stage-head { display:block; padding:18px; }
  .demo-context { padding:18px; }
  .demo-context-head { display:block; }
  .demo-context-account { display:inline-block; margin-top:10px; }
  .demo-context-grid { grid-template-columns:1fr; }
  .demo-context-compact { align-items:stretch; flex-direction:column; }
  .demo-context-switch { display:grid; grid-template-columns:1fr 1fr; }
  .synthetic-badge { display:inline-block; margin-top:13px; }
  .demo-tour-heading { padding:12px 12px 5px; }
  .process-steps { gap:5px; padding:8px 8px 0; }
  .process-steps li { flex-basis:calc(50% - 5px); }
  .demo-product-nav-bar { gap:10px; padding:7px 10px; }
  .demo-utility-nav { margin-left:0; padding-left:10px; }
  .demo-product-nav-label { display:none; }
  .demo-product-nav button { min-width:44px; min-height:44px; padding:9px 11px; }
  .demo-care-path { grid-template-columns:1fr; gap:14px; padding:16px; }
  .demo-home-actions,.demo-add-grid { grid-template-columns:1fr; }
  .demo-home-actions button,.demo-add-grid button { min-height:0; }
  .platform-search-form { grid-template-columns:1fr; gap:7px; }
  .platform-search-results { grid-template-columns:1fr; }
  .record-search-form>div,.record-search-results article { grid-template-columns:1fr; }
  .report-card-grid { grid-template-columns:1fr; }
  .security-settings-card>header,.security-activity-list article { grid-template-columns:1fr; }
  .security-account { grid-template-columns:1fr; }
  .security-settings-card>footer>div,.security-activity-heading { display:block; }
  .security-settings-card footer .demo-data-actions { margin-top:10px; }
  .activity-marker { display:none; }
  .support-summary,.support-ticket-body { grid-template-columns:1fr; }
  .support-section-heading,.support-export-card { display:block; }
  .support-export-card>.demo-data-action { margin-top:12px; }
  .data-control-counts,.data-control-grid,.data-danger-actions { grid-template-columns:1fr; }
  .data-control-counts>div { border-right:0; border-bottom:1px solid #e2e8e5; }
  .data-control-counts>div:last-child { border-bottom:0; }
  .data-danger-actions article+article { border-left:0; border-top:1px solid #ecd4cd; }
  .demo-reset-card { display:block; }
  .demo-reset-card>.demo-data-action { margin-top:12px; }
  .data-control-result { grid-template-columns:auto minmax(0,1fr); }
  .data-control-result>.demo-data-action { grid-column:1/-1; }
  .record-search-summary { display:block; }
  .record-search-summary p { margin-top:5px; }
  .demo-screen { padding:18px; min-height:380px; }
  .metric-grid { grid-auto-flow:row; grid-template-columns:1fr; grid-auto-columns:auto; }
  .home-record-areas { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .demo-row { grid-template-columns:1fr; gap:8px; }
  .demo-data-grid { grid-template-columns:1fr; }
  .demo-search { align-items:stretch; flex-direction:column; }
  .demo-action-bar { grid-template-columns:1fr; gap:16px; }
  .demo-action-group.manage { text-align:left; }
  .demo-action-group.manage .demo-data-actions { justify-content:flex-start; }
  .demo-action-group.manage .demo-data-action.primary { flex-basis:100%; }
  .communication-facts,.communication-notes,.contact-facts,.document-facts { grid-template-columns:1fr; }
  .document-summary { grid-template-columns:auto minmax(0,1fr); }
  .document-summary .document-status { grid-column:2; }
  .voice-summary { grid-template-columns:auto minmax(0,1fr); }
  .voice-summary .voice-duration { grid-column:2; width:max-content; }
  .communication-summary { align-items:flex-start; }
  .demo-calendar-agenda .demo-calendar-event { grid-template-columns:1fr; }
  .demo-calendar-viewbar { min-width:0; align-items:flex-start; }
  .demo-calendar-viewbar>div { width:100%; }
  .demo-calendar-navigation { margin-left:0; }
  .demo-calendar-grid.month,.demo-calendar-weekdays { min-width:760px; }
  .role-table { display:block; overflow-x:auto; }
  .member-grid { grid-template-columns:1fr; }
  .member-card header { grid-template-columns:auto minmax(0,1fr); }
  .member-card header .member-role { grid-column:2; }
  .invite-screen { padding:19px; }
  .invite-screen fieldset { grid-template-columns:1fr; }
  .invite-form-actions .demo-data-action { flex:1; }
  .create-form-grid { grid-template-columns:1fr; }
  .create-item-screen>.invite-back { margin:16px 20px 0; }
  .create-item-header { padding:12px 20px 18px; }
  .create-item-screen>form { padding:20px; }
  .appointment-form-grid { grid-template-columns:1fr; }
  .form-field.field-full { grid-column:auto; }
  .create-item-actions .demo-data-action { flex:1; min-width:0; }
  .email-import-tools { grid-template-columns:1fr; align-items:stretch; }
  .email-import-tools .demo-data-actions { display:grid; grid-template-columns:1fr 1fr; }
  .billing-card>header { align-items:flex-start; flex-direction:column; }
  .billing-summary,.billing-card>footer { grid-template-columns:1fr; }
  .billing-card>footer>div:last-child { text-align:left; }
  .billing-card>footer>div:last-child .demo-data-actions { justify-content:flex-start; }
  .setup-demo-card fieldset,#setup-caregiver-fields { grid-template-columns:1fr; }
  .setup-complete { grid-template-columns:auto minmax(0,1fr); }
  .setup-complete>.demo-data-action { grid-column:1/-1; }
  .demo-controls { padding:16px 18px; flex-wrap:wrap; }
  .demo-controls button { min-width:0; }
}
.care-plan-note{display:flex;gap:10px;margin:0 0 14px;padding:13px 15px;border-left:4px solid #3c8075;background:#edf6f2;font-size:13px}.care-plan-note span{color:#596c6a}.care-plan-demo-list{display:grid;gap:16px}.care-plan-demo-card{overflow:hidden;border:1px solid #cfdcd7;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(14,54,51,.06)}.care-plan-demo-card>header{display:flex;justify-content:space-between;gap:20px;padding:19px 21px;background:#f3f8f6}.care-plan-demo-card>header span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#2c7064}.care-plan-demo-card h4{margin:4px 0 5px}.care-plan-demo-card p{margin:0;font-size:13px}.care-plan-demo-card>header>strong{font:600 27px Georgia,serif;text-align:center}.care-plan-demo-card>header>strong small{display:block;font:700 10px Arial,sans-serif;text-transform:uppercase;color:#657774}.care-plan-demo-card>section{padding:16px 21px;border-top:1px solid #e0e7e3}.care-plan-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.care-plan-heading h5{margin:0;font-size:14px}.care-plan-heading span{font-size:11px;color:#657774}.care-plan-action{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf0ee}.care-plan-action:first-of-type{border-top:0}.care-plan-action>div{display:grid;flex:1 1 auto;min-width:0;gap:3px}.care-plan-action>.demo-data-action{display:inline-flex;flex:0 0 116px;align-items:center;justify-content:center;margin:0}.care-plan-action strong{font-size:13px}.care-plan-action span{font-size:11px;color:#657774}.care-plan-action.done{opacity:.65}.care-plan-action.done strong{text-decoration:line-through}.care-plan-sources{display:flex;flex-wrap:wrap;gap:7px}.care-plan-sources>span{display:grid;gap:2px;padding:8px 10px;border:1px solid #dae3df;border-radius:8px;font-size:11px}.care-plan-sources b{font-size:9px;text-transform:uppercase;color:#2c7064}
.care-plan-sources>span{grid-template-columns:1fr auto;align-items:center;gap:3px 12px}.care-plan-sources b{grid-column:1/-1}.care-plan-sources .demo-data-action{grid-column:2;grid-row:2;margin:0;padding:6px 9px;min-height:0}
.care-plan-header-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.care-plan-header-actions .demo-data-action,.care-plan-heading .demo-data-action{min-height:36px;margin:0;padding:8px 12px}.care-plan-heading{align-items:center}.plan-link-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.plan-link-options label{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px;border:1px solid #d5e0db;border-radius:9px;background:#fff;font-size:12px}.plan-link-options input{flex:0 0 auto;width:auto!important;min-height:0!important;margin:3px 0 0!important}.plan-link-options span,.plan-link-options strong{display:block}.plan-link-options strong{margin-bottom:3px;color:#2c7064;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.viewer-access-notice{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;padding:13px 16px;border:1px solid #c9ddd6;border-left:4px solid #39786f;border-radius:9px;background:#edf6f2;color:#173f3e}.viewer-access-notice strong{flex:0 0 auto;font-size:12px}.viewer-access-notice span{font-size:12px;line-height:1.45;color:#536b67}
@media(max-width:700px){.care-plan-note,.care-plan-demo-card>header,.care-plan-action,.viewer-access-notice{display:block}.viewer-access-notice span{display:block;margin-top:4px}.care-plan-action>.demo-data-action{display:inline-flex;width:auto;min-width:112px;margin:8px 8px 0 0}.plan-link-options{grid-template-columns:1fr}}
.demo-starting-point {
  display: grid;
  gap: 14px;
  margin: 20px 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f4f8f6;
}

.demo-starting-point legend {
  padding: 0 6px;
  color: var(--ink);
  font-weight: 800;
}

.demo-starting-point legend small { color: var(--muted); font-weight: 600; }
.demo-starting-point p { margin: 0; color: var(--muted); }
.demo-starting-point textarea { min-height: 76px; }

.starting-point-home {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid var(--line);
  border-left: 5px solid var(--coral);
  border-radius: 14px;
  background: #f4f8f6;
}

.starting-point-home h4 { margin: 4px 0 8px; }
.starting-point-home p { margin: 6px 0 0; color: var(--muted); }

/* Keep small labels readable on the demo's light cards. */
.platform-search-results button > small,
.report-format,
.report-card dt,
.report-card > footer > span,
.security-kicker,
.security-account span,
.security-settings-card footer span,
.security-activity-list time,
.security-activity-list p,
.support-summary span,
.support-kicker,
.support-summary small,
.support-ticket-card summary small,
.support-ticket-body section > span,
.data-control-kicker,
.data-control-counts span,
.demo-card small,
.demo-action-label,
.contact-facts dt,
.contact-notes span,
.document-facts dt,
.document-notes span,
.voice-player > span,
.voice-notes span,
.voice-player small,
.communication-facts dt,
.communication-notes span,
.follow-up-card span,
.member-card dt,
.invitation-card header span:first-child,
.billing-label,
.billing-card dt {
  color: var(--muted);
}

.record-search-results article > span {
  color: var(--coral);
}

.create-item-screen input::placeholder,
.create-item-screen textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}

.demo-calendar-viewbar .demo-data-action.active {
  background: var(--coral);
}

/* Important demo controls remain easy to tap on a phone. */
.demo-context-switch button,
.demo-context-change,
.process-steps button,
.demo-more-row button,
.platform-search-form input,
.platform-search-results button,
.demo-search input,
.demo-data-action,
.demo-calendar-event .demo-data-action,
.demo-calendar-grid.month .demo-calendar-event .demo-data-action,
.member-card footer .demo-data-action,
.invitation-card footer .demo-data-action,
.invite-back,
.invite-screen input[type="email"],
.invite-screen input[type="text"],
.create-item-screen input,
.create-item-screen select,
.email-import-tools input[type="file"],
.setup-demo-card form > label input,
.setup-demo-card #setup-caregiver-fields > label input,
.setup-demo-card #setup-caregiver-fields > label select,
.demo-controls button,
.care-plan-sources .demo-data-action,
.care-plan-header-actions .demo-data-action,
.care-plan-heading .demo-data-action {
  min-height: 44px;
}

.demo-data-action {
  padding-block: 9px;
}

.demo-controls button {
  min-width: 120px;
  padding: 9px 14px;
  border: 1px solid #a9bbb4;
  border-radius: 7px;
  background: var(--deep);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.demo-controls .secondary {
  background: #edf0ec;
  color: #173f3e;
}

.demo-cta > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

@media (max-width: 780px) {
  .demo-entry-actions button {
    width: 100%;
    min-width: 0;
  }
}

.demo-date-note { padding:10px 14px; border-left:3px solid #ab4b38; background:#fff8ea; color:#304b49; font-size:14px; line-height:1.5; }
.demo-next-steps-board,.demo-next-step-group { display:grid; gap:12px; }
.demo-next-step-group { margin-bottom:18px; }
.demo-next-step-group h4 { margin:10px 0 0; }
.demo-next-step { display:grid; gap:6px; width:100%; min-height:44px; padding:16px; text-align:left; color:#163e3c; background:#fff; border:1px solid #cfddd6; border-radius:10px; cursor:pointer; font:inherit; }
.demo-next-step:hover { border-color:#ab4b38; }
.demo-next-step span { color:#596c68; font-size:12px; }
.demo-next-step strong { font-size:16px; line-height:1.4; }
.demo-next-step small { font-size:13px; line-height:1.5; }
@media(max-width:600px) { .demo-next-toolbar { flex-wrap:wrap; align-items:flex-start; } .demo-next-toolbar>div:first-child { flex-basis:100%; } }