/* A quiet, editorial home for measured comparisons. All rules are scoped. */
.ca-app { --ca-coral: var(--accent, #e0583a); --ca-ink: var(--ink, #1d1b18); --ca-muted: var(--muted, #6f6a62); --ca-line: var(--line, #ebe6de); color: var(--ca-ink); font-family: var(--sans, Figtree, sans-serif); padding-bottom: 56px; }
.ca-app button, .ca-app input, .ca-app select { font: inherit; }
.ca-app button, .ca-app a, .ca-app select, .ca-app input { -webkit-tap-highlight-color: transparent; }
.ca-app button:focus-visible, .ca-app a:focus-visible, .ca-app select:focus-visible, .ca-app input:focus-visible, .ca-app summary:focus-visible { outline: 2px solid var(--ca-coral); outline-offset: 4px; }
.ca-app button:disabled { cursor: wait; opacity: .48; }
.ca-app svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.ca-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .13em; line-height: 1.5; color: var(--ca-muted); }
.ca-header-actions { display: flex; align-items: center; gap: 9px; padding-bottom: 3px; }
.ca-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 39px; padding: 9px 16px; border-radius: 999px; border: 1px solid transparent; background: transparent; color: var(--ca-ink); cursor: pointer; font-size: 12px !important; font-weight: 600 !important; white-space: nowrap; transition: background .18s, border-color .18s, transform .18s; text-decoration: none; }
.ca-button:hover:not(:disabled) { transform: translateY(-1px); }
.ca-button svg { width: 16px; height: 16px; }
.ca-button-dark { background: var(--ca-ink); color: white; border-color: var(--ca-ink); }
.ca-button-dark:hover:not(:disabled) { background: #3b3732; }
.ca-button-light { background: white; border-color: var(--ca-line); }
.ca-button-light:hover:not(:disabled) { border-color: #c9c0b5; }
.ca-button-subtle { border-color: var(--ca-line); }
.ca-text-button { padding: 0; min-height: 28px; border-radius: 5px; font-size: 11px !important; color: var(--ca-muted); }
.ca-text-button:hover:not(:disabled) { color: var(--ca-coral); }
.ca-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--ca-line); }
.ca-tabs { display: flex; gap: 25px; align-self: stretch; }
.ca-tabs button { padding: 12px 0 17px; background: none; border: none; border-bottom: 2px solid transparent; border-radius: 0; font-size: 13px; font-weight: 600; color: var(--ca-muted); display: flex; align-items: center; gap: 8px; }
.ca-tabs button[aria-selected="true"] { color: var(--ca-ink); border-bottom-color: var(--ca-coral); }
.ca-tabs button span { display: inline-grid; place-items: center; min-width: 21px; height: 19px; padding: 0 5px; font-size: 10px; background: #eee9e2; border-radius: 6px; color: var(--ca-muted); }
.ca-tabs button[aria-selected="true"] span { background: #fdeae3; color: #b34229; }
.ca-filters { display: flex; align-items: center; gap: 10px; padding-bottom: 9px; }
.ca-app select { border: 1px solid var(--ca-line); background: white; border-radius: 9px; padding: 8px 27px 8px 10px; font-size: 12px; color: var(--ca-ink); max-width: 215px; }
.ca-datebar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0 25px; }
.ca-period { display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: #eee9e2; }
.ca-period button { min-height: 31px; padding: 6px 11px; border-radius: 999px; border: none; background: none; font-size: 11px; font-weight: 600; color: var(--ca-muted); white-space: nowrap; }
.ca-period button[aria-pressed="true"] { background: white; box-shadow: 0 1px 3px #1d1b1810; color: var(--ca-ink); }
.ca-dates { display: flex; gap: 8px; align-items: center; color: var(--ca-muted); font-size: 11px; }
.ca-dates label:not(.ca-zone) { display: flex; align-items: center; gap: 7px; }
.ca-dates input { background: transparent; padding: 5px 1px; border: 0; border-bottom: 1px solid var(--ca-line); color: var(--ca-ink); font-size: 11px; width: 108px; }
.ca-zone select { padding: 7px 6px; font-size: 10px; max-width: 158px; background: none; border: none; color: var(--ca-muted); }
.ca-section-line { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.ca-section-line > span { font-size: 9px; letter-spacing: .12em; font-weight: 700; color: var(--ca-muted); }
.ca-section-line b { margin-left: 5px; font-size: 9px; color: var(--ca-ink); }
.ca-profile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 10px; }
.ca-profile { position: relative; min-width: 0; background: #fdfbf8; border: 1px solid var(--ca-line); border-radius: 14px; padding: 15px 14px 11px; transition: border-color .2s, background .2s; }
.ca-profile.is-selected { border-color: #d9bcb0; background: #fff; }
.ca-profile-select { display: flex; align-items: center; gap: 10px; cursor: pointer; min-width: 0; }
.ca-profile-select input { position: absolute; opacity: 0; width: 18px; height: 18px; }
.ca-checkbox { display: grid; place-items: center; width: 17px; height: 17px; border: 1px solid #d9d1c6; border-radius: 5px; flex-shrink: 0; }
.ca-checkbox svg { width: 12px; height: 12px; opacity: 0; }
.ca-profile-select input:checked + .ca-checkbox { background: var(--ca-coral); border-color: var(--ca-coral); color: white; }
.ca-profile-select input:checked + .ca-checkbox svg { opacity: 1; }
.ca-profile-select input:focus-visible + .ca-checkbox { outline: 2px solid var(--ca-coral); outline-offset: 4px; }
.ca-avatar { display: inline-grid; place-items: center; width: 33px; height: 33px; border-radius: 50%; background: #f3e8df; color: #765642; border: 1px solid #e7ddd1; font-size: 14px; font-weight: 650; line-height: 1; overflow: hidden; flex-shrink: 0; }
.ca-avatar img { height: 100%; width: 100%; object-fit: cover; }
.ca-avatar-large { width: 56px; height: 56px; font-size: 32px; }
.ca-profile-name { display: block; min-width: 0; }
.ca-profile-name strong { display: block; font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ca-profile-name > span { display: block; font-size: 10px; color: var(--ca-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ca-profile-footer { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ca-profile-footer .ca-text-button { font-size: 10px !important; }
.ca-profile-footer svg { width: 13px; }
.ca-chip { display: inline-flex; align-items: center; justify-content: center; padding: 3px 7px; border-radius: 5px; background: #f3f0eb; color: var(--ca-muted); font-size: 9px; font-weight: 500; white-space: nowrap; line-height: 1.6; }
.ca-chip-owned { color: #396854; background: #ebf3eb; }
.ca-profile-alert { display: block; margin-top: 7px; font-size: 10px; color: #b27812; }
.ca-workspace-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 33px 0 14px; }
.ca-workspace-head h2 { font: var(--title-md); letter-spacing: -.02em; }
.ca-workspace-head p { font-size: 11px; color: var(--ca-muted); margin-top: 2px; }
.ca-workspace-head > .ca-chip { background: transparent; border: 1px solid var(--ca-line); border-radius: 999px; padding: 5px 10px; }
.ca-summary { display: grid; grid-template-columns: repeat(3,1fr) 1.2fr; padding: 21px 0; border-top: 1px solid var(--ca-line); border-bottom: 1px solid var(--ca-line); margin-bottom: 20px; }
.ca-stat { padding: 0 24px; border-right: 1px solid var(--ca-line); display: flex; flex-direction: column; }
.ca-stat:first-child { padding-left: 0; }
.ca-stat:last-child { border-right: 0; padding-right: 0; }
.ca-stat > span { font-size: 11px; color: var(--ca-muted); }
.ca-stat > strong { display: block; margin: 5px 0 3px; font-size: 36px; line-height: 1.15; letter-spacing: -.055em; font-weight: 500; font-variant-numeric: tabular-nums; }
.ca-stat > small { font-size: 9px; color: var(--ca-muted); }
.ca-stat-note { justify-content: center; gap: 8px; }
.ca-stat-note .ca-eyebrow { font-size: 9px; color: var(--ca-coral); }
.ca-stat-note p { font-size: 11px; line-height: 1.7; color: var(--ca-muted); max-width: 240px; }
.ca-card { background: white; border: 1px solid var(--ca-line); border-radius: 15px; overflow: hidden; margin-bottom: 18px; }
.ca-card-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 21px 23px 17px; }
.ca-card-head h2 { font-size: 15px; font-weight: 600; letter-spacing: -.02em; }
.ca-card-head p { margin-top: 4px; font-size: 10px; line-height: 1.6; color: var(--ca-muted); }
.ca-trend .ca-card-head { padding-bottom: 7px; }
.ca-chart { padding: 2px 23px 0 2px; width: 100%; }
.ca-chart svg { display: block; width: 100%; height: auto; min-height: 160px; overflow: visible; stroke: none; }
.ca-chart text { font-family: var(--sans, Figtree, sans-serif); font-size: 10px; fill: var(--ca-muted); stroke: none; }
.ca-chart-grid { stroke: #efebe6; stroke-width: 1; stroke-dasharray: 3 5; }
.ca-chart circle { transition: r .15s; }
.ca-chart circle:hover { r: 6px; }
.ca-chart-footer { display: flex; align-items: center; justify-content: space-between; padding: 10px 23px 18px; gap: 18px; font-size: 9px; color: var(--ca-muted); }
.ca-legend { display: flex; align-items: center; gap: 17px; flex-wrap: wrap; }
.ca-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.ca-legend i { width: 6px; height: 6px; border-radius: 50%; }
.ca-chart-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; min-height: 175px; padding: 20px; text-align: center; color: var(--ca-muted); }
.ca-chart-empty svg { margin-bottom: 4px; width: 25px; height: 25px; color: #ad9a89; }
.ca-chart-empty strong { font-size: 13px; color: var(--ca-ink); font-weight: 500; }
.ca-chart-empty span { font-size: 11px; }
.ca-chart-data { padding: 0 23px 8px; font-size: 10px; color: var(--ca-muted); }
.ca-chart-data summary { cursor: pointer; padding: 4px 0; }
.ca-chart-data .ca-table { margin-top: 8px; }
.ca-table-wrap { overflow-x: auto; scrollbar-width: thin; }
.ca-table { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.ca-table thead th { font-size: 9px; font-weight: 500; color: var(--ca-muted); padding: 11px 16px; background: #faf9f6; border-top: 1px solid var(--ca-line); border-bottom: 1px solid var(--ca-line); text-align: right; }
.ca-table thead th:first-child { padding-left: 23px; text-align: left; }
.ca-table thead th button { border: 0; padding: 0; font-size: inherit; background: none; cursor: pointer; white-space: nowrap; }
.ca-table th button > span { opacity: .7; margin-left: 4px; }
.ca-table td { font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; padding: 19px 16px; text-align: right; border-bottom: 1px solid var(--ca-line); }
.ca-table td:last-child { padding-right: 23px; }
.ca-table tbody th { padding: 13px 15px 13px 23px; border-bottom: 1px solid var(--ca-line); font-weight: 500; text-align: left; }
.ca-table tbody tr:last-child > * { border-bottom: none; }
.ca-table-profile { background: none; border: 0; padding: 0; display: flex; align-items: center; gap: 9px; text-align: left; cursor: pointer; }
.ca-table-profile .ca-avatar { width: 29px; height: 29px; font-size: 13px; }
.ca-table-profile strong { font-size: 11px; font-weight: 600; }
.ca-table td small, .ca-table-profile small { display: block; font-size: 9px; font-weight: 400; color: var(--ca-muted); margin-top: 3px; }
.ca-table td .ca-delta { color: #41735a; }
.ca-data-state { display: inline-flex; align-items: center; gap: 5px; font-size: 9px; color: #5c7062; }
.ca-data-state::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #79917e; }
.ca-data-state.needs-attention { color: #a56d16; }
.ca-data-state.needs-attention::before { background: #a56d16; }
.ca-definitions { border-top: 1px solid var(--ca-line); padding: 13px 23px; color: var(--ca-muted); font-size: 10px; }
.ca-definitions summary { cursor: pointer; font-weight: 500; }
.ca-definitions p { padding-top: 9px; max-width: 850px; line-height: 1.8; font-size: 11px; }
.ca-coverage { border-top: 1px solid var(--ca-line); padding: 10px 23px; font-size: 10px; color: #926e37; background: #fffdf9; }
.ca-coverage p + p { margin-top: 4px; }
.ca-post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0 23px 23px; gap: 15px; }
.ca-post { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--ca-line); border-radius: 10px; overflow: hidden; }
.ca-post-image, .ca-post-placeholder { height: 155px; width: 100%; object-fit: cover; background: #f3f0ea; }
.ca-post-placeholder { display: grid; place-items: center; color: #b7a694; }
.ca-post-placeholder svg { width: 26px; height: 26px; }
.ca-post-body { padding: 14px 12px 12px; display: flex; flex-direction: column; flex: 1; }
.ca-post-account { font-size: 10px; font-weight: 600; overflow-wrap: anywhere; }
.ca-post-account span { color: var(--ca-muted); display: block; font-size: 9px; font-weight: 400; margin-top: 2px; }
.ca-post-body > p { font-size: 11px; line-height: 1.6; margin: 10px 0 16px; color: var(--ca-muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 52px; overflow-wrap: anywhere; }
.ca-post-result { margin-top: auto; display: flex; justify-content: space-between; gap: 9px; align-items: center; font-size: 9px; padding-top: 11px; border-top: 1px solid var(--ca-line); }
.ca-post-result strong { font-size: 12px; font-weight: 600; margin-right: 2px; }
.ca-post-result a { display: flex; align-items: center; gap: 4px; color: var(--ca-coral); }
.ca-post-result svg { width: 12px; height: 12px; }
.ca-empty { padding: 50px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px dashed #dcd3c8; border-radius: 15px; text-align: center; margin: 15px 0 22px; }
.ca-empty > svg { width: 32px; height: 32px; color: var(--ca-coral); margin-bottom: 17px; }
.ca-empty h3 { font: var(--title-md); letter-spacing: -.02em; }
.ca-empty p { font-size: 12px; line-height: 1.7; color: var(--ca-muted); margin: 9px 0 18px; max-width: 370px; }
.ca-inline-empty { font-size: 11px; line-height: 1.7; color: var(--ca-muted); padding: 22px; background: #fcfaf7; }
.ca-loading { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 65px 20px; color: var(--ca-muted); font-size: 12px; }
.ca-loading > span { width: 15px; height: 15px; border: 1.5px solid var(--ca-line); border-top-color: var(--ca-coral); border-radius: 50%; animation: ca-spin .8s linear infinite; }
.ca-error { margin: 12px 0; padding: 12px 14px; border: 1px solid #efd4c9; border-radius: 10px; background: #fff5ef; font-size: 12px; color: #9c462e; line-height: 1.6; overflow-wrap: anywhere; }
.ca-error .ca-button { padding: 4px 8px; min-height: 26px; color: inherit; text-decoration: underline; }
.ca-muted { color: var(--ca-muted); }
.ca-overlay { position: fixed; inset: 0; z-index: 49; background: #2620193b; backdrop-filter: blur(3px); display: flex; justify-content: flex-end; padding: 12px; animation: ca-fade .2s ease; }
.ca-panel { width: min(460px,100%); height: 100%; background: var(--bg,#faf8f4); border: 1px solid white; border-radius: 19px; display: flex; flex-direction: column; box-shadow: -15px 5px 60px #1d1b181c; animation: ca-slide .3s cubic-bezier(.22,1,.36,1); overflow: hidden; }
.ca-panel > header { display: flex; align-items: center; justify-content: space-between; padding: 25px 25px 20px; border-bottom: 1px solid var(--ca-line); gap: 15px; }
.ca-panel h2 { font: var(--title-lg); letter-spacing: -.02em; margin-top: 5px; }
.ca-panel-content { padding: 24px 25px 30px; overflow: auto; overscroll-behavior: contain; }
.ca-panel-intro { color: var(--ca-muted); font-size: 13px; line-height: 1.7; margin-bottom: 25px; }
.ca-close { padding: 0; width: 32px; height: 32px; min-height: 32px; border-radius: 50%; background: white; border: 1px solid var(--ca-line); }
.ca-panel-label { font-size: 9px; letter-spacing: .11em; color: var(--ca-muted); font-weight: 700; margin: 21px 0 11px; }
.ca-panel-label:first-child { margin-top: 0; }
.ca-connected { border: 1px solid var(--ca-line); border-radius: 11px; background: white; overflow: hidden; }
.ca-connected > div { display: flex; align-items: center; gap: 10px; padding: 13px; border-bottom: 1px solid var(--ca-line); }
.ca-connected > div:last-child { border-bottom: 0; }
.ca-connected > div > span:nth-child(2) { flex: 1; }
.ca-connected strong { display: block; font-size: 12px; font-weight: 500; }
.ca-connected small { display: block; font-size: 10px; color: var(--ca-muted); }
.ca-connected + .ca-text-button { margin-top: 7px; }
.ca-panel hr { border: 0; border-top: 1px solid var(--ca-line); margin: 23px 0; }
.ca-field { display: flex; flex-direction: column; font-size: 11px; font-weight: 500; gap: 8px; margin-bottom: 17px; }
.ca-field input, .ca-field select { background: white; min-height: 42px; width: 100%; max-width: none; padding: 10px 12px; border: 1px solid #ded7ce; border-radius: 9px; font-size: 12px; font-weight: 400; }
.ca-field input::placeholder { color: #9c9489; }
.ca-field-hint { color: var(--ca-muted); font-size: 11px; line-height: 1.7; margin: -3px 0 18px; }
.ca-full { width: 100%; }
.ca-discovery { padding: 19px; border: 1px solid #d9c8bb; border-radius: 12px; background: white; margin-top: 23px; }
.ca-discovery-profile { display: flex; align-items: center; gap: 12px; }
.ca-discovery-profile strong { display: block; font-weight: 500; font-size: 15px; }
.ca-discovery-profile small { display: block; font-size: 11px; color: var(--ca-muted); }
.ca-discovery-metric { font-size: 11px; color: var(--ca-muted); padding: 16px 0 22px; display: flex; align-items: baseline; gap: 5px; }
.ca-discovery-metric strong { font-size: 24px; color: var(--ca-ink); font-weight: 500; }
.ca-discovery-metric .ca-chip { margin-left: auto; }
.ca-group-members { display: flex; flex-direction: column; margin-bottom: 24px; border: 1px solid var(--ca-line); border-radius: 10px; overflow: hidden; }
.ca-group-members > label { display: flex; gap: 10px; align-items: center; background: white; border-bottom: 1px solid var(--ca-line); padding: 12px; cursor: pointer; }
.ca-group-members > label:last-child { border-bottom: 0; }
.ca-group-members input { accent-color: var(--ca-coral); }
.ca-group-members label > span:last-child { font-size: 12px; }
.ca-group-members small { display: block; color: var(--ca-muted); font-size: 10px; }
.ca-detail-identity { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 7px 0 16px; }
.ca-detail-identity h3 { margin-top: 13px; font: var(--title-lg); letter-spacing: -.02em; }
.ca-detail-identity p { margin: 3px 0 11px; font-size: 11px; color: var(--ca-muted); }
.ca-detail-facts { margin: 13px 0 22px; }
.ca-detail-facts > div { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--ca-line); gap: 12px; font-size: 11px; }
.ca-detail-facts dt { color: var(--ca-muted); flex-shrink: 0; }
.ca-detail-facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.ca-history { overflow: auto; max-height: 280px; border: 1px solid var(--ca-line); border-radius: 10px; background: white; }
.ca-history .ca-table th, .ca-history .ca-table td { font-size: 10px; padding: 11px 12px; text-align: left; }
.ca-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@keyframes ca-spin { to { transform: rotate(360deg); } }
@keyframes ca-slide { from { transform: translateX(25px); opacity: .4; } }
@keyframes ca-fade { from { opacity: 0; } }
@media (min-width:1500px) { .ca-profile-grid { grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); } }
@media (max-width:1100px) { .ca-datebar { align-items: flex-start; flex-direction: column; gap: 12px; } .ca-datebar .ca-dates { align-self: flex-end; } .ca-filters { gap: 6px; } .ca-filters select { max-width: 150px; } .ca-summary { grid-template-columns: repeat(3,1fr); } .ca-stat-note { display: none; } .ca-stat:nth-child(3) { border: 0; padding-right: 0; } .ca-post-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .ca-header-actions { width: 100%; } .ca-header-actions .ca-button-dark { margin-left: auto; } .ca-toolbar { flex-direction: column; align-items: stretch; gap: 12px; padding-bottom: 12px; } .ca-tabs { border-bottom: 1px solid var(--ca-line); } .ca-tabs button { padding-bottom: 12px; } .ca-filters { flex-wrap: wrap; padding: 0; } .ca-filters select { max-width: none; flex: 1; width: 0; min-width: 100px; } .ca-datebar .ca-dates { align-self: flex-start; flex-wrap: wrap; gap: 10px; } .ca-zone { flex-basis: 100%; } .ca-zone select { padding-left: 0; } .ca-profile-grid { grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); } .ca-summary { padding: 18px 0; } .ca-stat { padding: 0 14px; } .ca-stat > strong { font-size: 29px; } .ca-stat > span { font-size: 10px; } .ca-stat > small { font-size: 8px; } .ca-workspace-head { margin-top: 26px; } .ca-workspace-head > .ca-chip { display: none; } .ca-card-head { padding: 18px 16px 15px; } .ca-card-head > .ca-chip { display: none; } .ca-card-head p { max-width: 280px; } .ca-chart { padding-right: 10px; } .ca-chart-footer { align-items: flex-start; flex-direction: column; gap: 9px; padding-inline: 16px; } .ca-chart-data { padding-inline: 16px; } .ca-post-grid { padding: 0 16px 16px; } .ca-definitions { padding-inline: 16px; } }
@media (max-width:440px) { .ca-header-actions .ca-button { font-size: 11px !important; padding: 9px 13px; } .ca-profile-grid { grid-template-columns: 1fr; } .ca-profile { padding: 12px 13px 7px; } .ca-profile-footer { margin-top: 8px; } .ca-stat > strong { font-size: 25px; } .ca-stat { padding: 0 10px; } .ca-stat > small { line-height: 1.7; } .ca-post-grid { grid-template-columns: 1fr; } .ca-post { display: grid; grid-template-columns: 86px 1fr; } .ca-post-image,.ca-post-placeholder { height: 100%; min-height: 155px; } .ca-post-body { padding: 11px; } .ca-post-body > p { margin: 7px 0 11px; } .ca-overlay { padding: 0; } .ca-panel { width: 100%; border-radius: 0; border: 0; } .ca-panel > header { padding-inline: 20px; } .ca-panel-content { padding-inline: 20px; } }
@media (prefers-reduced-motion:reduce) { .ca-app *, .ca-app *::before { animation-duration: .001ms !important; transition-duration: .001ms !important; } }
.ca-archived { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--ca-line); }
.ca-archived summary { display: flex; align-items: center; gap: 7px; cursor: pointer; color: var(--ca-muted); font-size: 11px; }
.ca-archived summary span { background: #eee9e2; padding: 1px 5px; border-radius: 4px; font-size: 9px; }
.ca-archived > p { margin: 9px 0 12px; color: var(--ca-muted); font-size: 10px; line-height: 1.7; }
.ca-field textarea { resize: vertical; min-height: 180px; max-height: 440px; padding: 11px 12px; border: 1px solid #ded7ce; background: white; border-radius: 9px; font-family: var(--mono, monospace); font-size: 10px; line-height: 1.7; }
.ca-field input[type="file"] { font-size: 10px; color: var(--ca-muted); }
.ca-field input[type="file"]::file-selector-button { border: 1px solid var(--ca-line); background: #f7f4ee; border-radius: 6px; padding: 6px 9px; margin-right: 10px; font: inherit; color: var(--ca-ink); cursor: pointer; }
.ca-import-format { margin: -2px 0 20px; color: var(--ca-muted); font-size: 10px; line-height: 1.8; }
.ca-import-format summary { cursor: pointer; font-weight: 500; }
.ca-import-format p { margin-top: 10px; }
.ca-import-format code { padding: 1px 3px; background: #eee9e2; border-radius: 3px; font-size: 9px; }
.ca-import-summary { margin: 15px 0 20px; }
.ca-import-summary p { margin-top: 8px; font-size: 10px; color: var(--ca-muted); line-height: 1.7; overflow-wrap: anywhere; }
.ca-post-observed { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 0 0 9px; font-size: 8px; color: var(--ca-muted); }
.ca-post-observed .ca-chip { font-size: 8px; padding: 1px 5px; }
.ca-csv-fields { margin: 0 0 22px; border-top: 1px solid var(--ca-line); border-bottom: 1px solid var(--ca-line); padding-bottom: 3px; }
.ca-csv-fields .ca-field-hint { font-size: 10px; }
.ca-post-history { align-self: flex-start; min-height: 23px; font-size: 9px !important; margin: -4px 0 8px; }
.ca-history-identity { display: flex; align-items: center; gap: 10px; }
.ca-history-identity strong { display: block; font-size: 13px; font-weight: 500; }
.ca-history-identity small { display: block; font-size: 10px; color: var(--ca-muted); }
.ca-history-caption { font-size: 12px; line-height: 1.7; margin: 17px 0; color: var(--ca-muted); overflow-wrap: anywhere; max-height: 145px; overflow-y: auto; }
.ca-post-history-table { border: 1px solid var(--ca-line); border-radius: 10px; background: white; margin-top: 14px; }
.ca-post-history-table .ca-table th, .ca-post-history-table .ca-table td { font-size: 10px; padding: 12px 10px; }
.ca-post-history-table .ca-table tbody th { white-space: nowrap; font-size: 10px; }