/* Sticky headers must paint above table data, including after row animations. */
.tablewrap{position:relative;isolation:isolate;max-height:460px;overflow:auto;scroll-padding-top:46px;border-radius:4px}
.tablewrap table{border-collapse:separate;border-spacing:0;min-width:1080px}
.tablewrap thead{position:sticky;top:0;z-index:10;background:#f2f6fa}
.tablewrap th{position:static;background:#f2f6fa;box-shadow:0 1px 0 #dfe7ef;line-height:1.5;padding:13px 12px}
.tablewrap tbody tr{transform:none!important;animation-name:row-opacity}
.tablewrap td{position:static;line-height:1.5}
@keyframes row-opacity{from{opacity:0}to{opacity:1}}
.business-summary{margin-top:16px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 24px}.summary-grid>div{display:grid;gap:8px}.summary-grid span{font-size:12px;color:#7a8ca4}.summary-grid b{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.summary-foot{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px solid #edf2f6;color:#7d8fa5;font-size:11px}.summary-foot b{color:#00a18b;margin-left:6px}.entry-preview{display:flex;flex-wrap:wrap;gap:18px;background:#f0faf6;padding:17px;margin:15px 0 20px;border-radius:5px;color:#698278;font-size:12px}.entry-preview b{color:#079981;margin-left:6px}.edit-record{min-height:30px;padding:5px 12px;font-size:12px}.targetmeta+.targetmeta{margin-top:5px}.tablewrap .empty{text-align:center}.summary-grid>div{animation:appear .4s ease both}
@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-grid b{font-size:17px}.summary-foot{gap:12px}}
@media(max-width:650px){.summary-grid{gap:20px 12px}.summary-grid b{font-size:16px}.business-summary .panelhead{align-items:flex-start;flex-wrap:wrap}.business-summary h3{font-size:14px}.business-summary .tag{font-size:9px}.tablewrap{max-height:400px}.entry-preview{display:grid;grid-template-columns:1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){.summary-grid>div,.tablewrap tbody tr{animation:none!important}}

.cards{padding:0;overflow:hidden}
.cards .card[role="button"]{padding:24px 26px;cursor:pointer;outline:none;transition:background .2s,box-shadow .2s}
.cards .card[role="button"]:hover{background:#f0faf8}
.cards .card.period-selected{background:#eaf8f5;box-shadow:inset 0 -3px #00aa94}
.cards .card[role="button"]:focus-visible{outline:2px solid #00aa94;outline-offset:-5px}
.cards .card small{display:block;line-height:1.6}
@media(max-width:1200px){.cards .card[role="button"]{padding:24px 17px}}
@media(max-width:1000px){.cards .card[role="button"]{padding:20px}}
@media(max-width:650px){.cards .card[role="button"]{padding:18px 14px}}
.business-summary .summary-grid{animation:summaryReveal .3s ease-out}
@keyframes summaryReveal{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.business-summary .summary-grid{animation:none}}
