/* Category increase shares the overview metric grid. */
.category-change-card {min-width:0;text-align:left; }
.change-categories {display:flex;flex-wrap:wrap;align-items:center;gap:6px; }
.change-categories>span {display:inline-flex;align-items:center;gap:6px; font-size:calc(12px * var(--ui-font-scale,1)); }
.change-categories i {width:8px;height:8px;flex:none;border-radius:3px; }
.change-categories small,.change-empty {color:var(--ui-muted, #718399); }
.analysis-metrics { grid-template-columns: repeat(auto-fit,minmax(min(100%,calc(194px * var(--ui-font-scale,1))),1fr)); }
.analysis-metrics .metric {container-type:inline-size; }
.analysis-metrics .metric-value {white-space:nowrap;overflow-wrap:normal;word-break:normal; font-size:clamp(18px,16cqi,calc(30px * var(--ui-font-scale,1)));letter-spacing:-.5px;font-variant-numeric:tabular-nums; }
.person-tag {display:inline-flex;vertical-align:middle;align-items:center;gap:6px;max-width:100%;padding:4px 9px;border-radius:7px; color:var(--person-ink); background:var(--person-bg); font-size:calc(12px * var(--ui-font-scale,1));font-weight:500;line-height:1.5;white-space:normal; }
.person-tag i {width:5px;height:5px; background:var(--person-ink);border-radius:50%;flex-shrink:0; }
.person-tag>span {min-width:0;overflow-wrap:anywhere; }
.buyer-summary-list button {flex-wrap:wrap; }
.buyer-summary-list .person-tag {flex-shrink:0; }
.detail-title .eyebrow .person-tag {margin:0 5px; }

/* A complete calendar cell has three rows, with no inherited button gap/margins. */
.overview-calendar {padding:24px; }
.overview-calendar .x-calendar-head h3 { font-size:calc(18px * var(--ui-font-scale,1)); }
.overview-calendar .x-calendar-head small,.overview-calendar .x-calendar-note { font-size:calc(13px * var(--ui-font-scale,1));line-height:1.65; }
.overview-calendar .x-calendar-note {margin:18px 0; }
.overview-calendar .x-calendar-grid,.overview-calendar .x-calendar-week {gap:6px; }
.overview-calendar .x-calendar-week { font-size:calc(13px * var(--ui-font-scale,1));text-align:center; }
.overview-calendar .x-calendar-week span {padding:0; }
.overview-calendar:not(.is-annual) .x-calendar-day {display:grid;grid-template-rows:auto 1fr;align-items:start;justify-content:stretch;gap:4px;width:100%;height:auto;min-height:0;aspect-ratio:1;padding:8px;border-radius:10px;border-color:transparent;text-align:left; }
.overview-calendar .x-day-number {margin:0;justify-self:end;align-self:start; font-size:calc(14px * var(--ui-font-scale,1));line-height:1.2;color:inherit; }
.overview-calendar .x-calendar-day strong { font-size:calc(16px * var(--ui-font-scale,1));align-self:end;line-height:1.2;color:inherit;letter-spacing:-.3px;font-weight:600; }
.overview-calendar .x-calendar-day small {margin:0;line-height:1.2; font-size:calc(11px * var(--ui-font-scale,1));color:inherit;opacity:.9; }
.overview-calendar:not(.is-annual) .x-calendar-day small {position:absolute;top:9px;left:8px; font-size:calc(10px * var(--ui-font-scale,1));opacity:.7; }
.overview-calendar .x-calendar-day:disabled {border:1px solid var(--ui-border, #edf1f6); }
.overview-calendar .x-calendar-day:disabled strong,.overview-calendar .x-calendar-day:disabled small {visibility:hidden; }
.overview-calendar .x-calendar-day.is-today .x-day-number {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;border:0;padding:0; }
.overview-calendar .x-calendar-legend {margin-top:20px; font-size:calc(12px * var(--ui-font-scale,1));gap:6px; }
.overview-calendar .x-calendar-legend i {width:16px;height:10px;border:0;border-radius:3px; }
.overview-calendar .x-calendar-legend small { font-size:calc(12px * var(--ui-font-scale,1));line-height:1.6; }
.overview-calendar .calendar-month-grid {grid-template-columns:repeat(4,minmax(0,132px));gap:10px;justify-content:space-between; }
.overview-calendar .calendar-month-tile {container-type:inline-size;white-space:normal;width:100%;aspect-ratio:1;min-height:0;gap:4px;padding:10px;border-color:transparent;justify-content:space-between; }
.overview-calendar .calendar-month-tile strong {white-space:nowrap; font-size:clamp(14px,17cqi,calc(18px * var(--ui-font-scale,1)));color:inherit; }
.overview-calendar .calendar-month-tile small {color:inherit;opacity:.9; }
.overview-calendar .year-month .x-calendar-day {width:100%;height:auto;aspect-ratio:1;min-height:0;padding:0;border-color:transparent; }
.overview-calendar .year-month .x-day-number {align-self:center;margin:0; }

.log-columns,.log-row summary {display:grid;grid-template-columns:12px 145px 76px minmax(0,1fr) minmax(110px,150px);align-items:center;gap:14px; }
.log-columns {padding:12px 16px;color:var(--ui-muted, #718399); font-size:calc(12px * var(--ui-font-scale,1));border:1px solid var(--ui-border, #e3eaf2);border-bottom:0;border-radius:10px 10px 0 0;background:var(--ui-surface, #f8fafd); }
.log-columns+.compact-log {border-top-left-radius:0;border-top-right-radius:0; }
.audit-panel .audit-list.compact-log {padding:0; }
.log-row summary {padding:16px; }
.log-row time {white-space:normal; font-size:calc(13px * var(--ui-font-scale,1));color:var(--ui-text, #5c7189); }
.log-row time small {display:block;color:var(--ui-muted, #8b99aa); font-size:calc(12px * var(--ui-font-scale,1)); }
.log-row .log-subject {display:block; }
.log-row .log-subject strong { font-size:calc(14px * var(--ui-font-scale,1));font-weight:500; }
.log-change {display:block;margin-top:5px;line-height:1.6; }
.audit-entry.log-row summary>.log-actor {display:block;white-space:normal; }
.log-row .log-actor>small {display:none; }
.log-row .event-category {justify-self:start; }
.audit-diff .person-tag {font-size:inherit; }
@media(max-width:850px) {
 .log-columns {display:none; }
 .log-columns+.compact-log {border-radius:10px; }
 .log-row summary {grid-template-columns:12px minmax(0,1fr) auto;gap:9px;padding:14px; }
 .log-row time {grid-column:2;grid-row:1; font-size:calc(12px * var(--ui-font-scale,1)); }
 .log-row time small {display:inline;margin-left:7px;font-size:inherit; }
 .log-row .event-category {grid-column:3;grid-row:1; }
 .log-row .log-subject {grid-column:2/-1;grid-row:2; }
 .audit-entry.log-row summary>.log-actor {grid-column:2/-1;grid-row:3;display:flex;align-items:center;gap:7px; }
 .log-row .log-actor>small {display:inline; font-size:calc(11px * var(--ui-font-scale,1));color:var(--ui-muted, #718399);font-weight:400; }
}
@media(max-width:650px) {
 .analysis-metrics {grid-template-columns:repeat(2,minmax(0,1fr)); }
 .overview-calendar {padding:18px 12px; }
 .overview-calendar .x-calendar-grid,.overview-calendar .x-calendar-week {gap:3px; }
 .overview-calendar:not(.is-annual) .x-calendar-day {min-height:0;padding:3px;gap:1px;border-radius:7px; }
 .overview-calendar .x-calendar-day strong { font-size:calc(12px * var(--ui-font-scale,1)); }
 .overview-calendar .x-day-number { font-size:calc(11px * var(--ui-font-scale,1)); }
 .overview-calendar .x-calendar-day small { font-size:calc(10px * var(--ui-font-scale,1)); }
 .overview-calendar:not(.is-annual) .x-calendar-day small {display:none; }
 .overview-calendar .calendar-month-grid {grid-template-columns:repeat(3,minmax(0,132px));gap:8px; }
 .overview-calendar .calendar-month-tile {padding:8px; }
 .overview-calendar .year-month .x-calendar-day {height:auto; }
 .person-tag {padding:4px 7px; }
}
@media(max-width:360px) {
 .overview-calendar .calendar-month-grid {grid-template-columns:repeat(2,minmax(0,132px)); }
 .overview-calendar:not(.is-annual) .x-calendar-day {padding:2px;gap:0; }
 .overview-calendar .x-day-number { font-size:calc(10.5px * var(--ui-font-scale,1));line-height:1; }
 .overview-calendar .x-calendar-day strong {line-height:1; }
}

/* Bound the reading width rather than stretching cards across wide monitors. */
@media screen {
 .shell {max-width:1320px; }
 .shell>.panel,.x-content>.x-panel {width:100%;max-width:1120px;margin-left:auto;margin-right:auto; }
 .shell>.recent-panel,.shell>.buyer-summary {max-width:1040px; }
 .shell>.appearance-card {max-width:1040px; }
 .dashboard-grid,.overview-followup,.settings-grid {width:100%;max-width:1260px;margin-left:auto;margin-right:auto; }
 .dashboard-grid>.panel {max-width:800px;width:100%;justify-self:center; }
 .dashboard-grid>.category-panel {max-width:480px; }
 .settings-grid>.setting-card {max-width:620px;width:100%;justify-self:center; }
 .overview-growth {max-width:640px; }
 .x-content>.distribution-panel {max-width:1120px; }
 :root[data-font-size=comfortable] .analysis-metrics,:root[data-font-size=large] .analysis-metrics {grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.overview-calendar [data-heat-color="#ffffff"],.overview-calendar .x-calendar-legend .calendar-zero {background:var(--ui-surface, #fff);border:1px solid var(--ui-border, #e1e7ef); }
@media screen and (max-width:1300px) and (min-width:651px) {
 .analysis-metrics {grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media screen and (max-width:650px) {
 :root[data-font-size=comfortable] .analysis-metrics,:root[data-font-size=large] .analysis-metrics {grid-template-columns:repeat(2,minmax(0,1fr)); }
 .overview-metrics>.featured {grid-column:1/-1; }
}
/* Item-level merchants and compact comparison graphics. */
.item-row>.item-merchant {grid-column:2/-2;grid-row:auto;min-width:0;padding-top:8px; }
.item-merchant>label {max-width:420px; }
.item-merchant>label>input {display:block;width:100%;margin-top:5px; }
.item-merchant .merchant-history {margin-top:8px;padding:10px 12px; }
.item-merchant .merchant-history-head {font-size:12px;flex-wrap:wrap; }
.item-merchant .merchant-tags {margin-top:7px; }
.item-merchant .merchant-tag {padding:5px 8px;font-size:12px; }
.comparison-visuals {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:1120px;margin:18px auto; }
.comparison-visuals .x-panel {min-width:0;margin:0; }
.compare-viz {padding:0 20px 20px; font-size:calc(12px * var(--ui-font-scale,1)); }
.compare-viz svg {display:block;width:100%;height:auto; }
.compare-viz-row {display:grid;grid-template-columns:85px minmax(0,1fr) 74px;gap:8px;align-items:center;min-height:64px;border-bottom:1px solid var(--ui-border, #edf1f5); }
.compare-viz-row strong {text-align:right;font-weight:500;white-space:nowrap; }
.compare-unavailable {color:var(--ui-muted, #8493a5);font-size:12px; }
.compare-rate-axis {margin-left:93px;margin-right:82px; }
.compare-rate-axis,.compare-share-axis {display:flex;justify-content:space-between;color:var(--ui-muted, #8493a5);font-size:11px; }
.compare-share-axis {padding:0 3.33%; }
.compare-share-row {min-height:64px;padding-top:8px;border-bottom:1px solid var(--ui-border, #edf1f5); }
.compare-share-caption {display:flex;gap:8px;flex-wrap:wrap;align-items:baseline; }
.compare-share-caption>span:nth-child(2) {margin-left:auto;white-space:nowrap; }
.compare-share-caption small {color:var(--ui-muted, #718399);white-space:nowrap; }
@media(min-width:901px) {
 .compare-viz-row,.compare-share-row {min-height:84px; }
}
@media(max-width:900px) { .comparison-visuals {grid-template-columns:1fr;max-width:640px; } }
@media(max-width:650px) {
 .item-row>.item-merchant {grid-column:2/4;grid-row:4; }
 .item-row>button[data-remove-item] {grid-column:4;grid-row:1; }
 .item-merchant .merchant-history {padding:8px; }
 .item-merchant .merchant-history-head select {max-width:100%; }
 .compare-viz {padding:0 12px 16px; }
 .compare-viz-row {grid-template-columns:70px minmax(0,1fr) 58px;gap:4px; }
 .compare-rate-axis {margin-left:74px;margin-right:62px; }
 .compare-share-caption small {width:100%; }
}
:root[data-font-size=xlarge] .analysis-metrics {grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:650px){
 :root[data-font-size=xlarge] .analysis-metrics {grid-template-columns:repeat(2,minmax(0,1fr)); }
}