/* Settings, Sales Team Report data (#salesdata): a dry run of the calendar and mailbox reading. No inline styles: CSP. */
.sdpage .sdcard { margin-bottom: 16px; }
.sdhead { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 4px; }
.sdhead .sechead { margin: 0; margin-right: auto; }
.sdcard > .sechead { margin-top: 0; }
.sdcard > .small.muted { margin: 4px 0 12px; }
.sdlist { list-style: none; margin: 12px 0 4px; padding: 0; display: flex; flex-direction: column; }
.sdlist > li { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 4px 12px; align-items: start; padding: 10px 0; border-top: 1px solid var(--divider); }
.sdlist > li:first-child { border-top: 0; }
.sdlist > li > span:not(.kind) { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.sdlist > li > .kind { justify-self: start; }
.sderr { margin: 10px 0 0; padding: 10px 12px; border-radius: var(--r-ctl); background: var(--tint-red); color: var(--red); font-size: var(--fs-14); line-height: 1.45; overflow-wrap: anywhere; }
.sdpick { margin: 8px 0 0; }
.sdpick .chkl { margin: 6px 0; }
.sdopts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin: 8px 0 12px; }
.sdopts .chkl { margin: 0; align-items: flex-start; }
.sdopts .chkl small { display: block; }
.sdkam { margin-top: 14px; padding-top: 8px; border-top: 1px solid var(--divider); }
.sdkam > summary { cursor: pointer; min-height: 32px; line-height: 1.5; }
.sdkam > summary .small { margin: 0; }
.sdkam .sdtable { margin-top: 6px; }
.sdkam > .small { margin: 8px 0 0; }
.sdres > .small + .formact, .sdres > .formact { margin-top: 14px; }
.sdtt { overflow-wrap: anywhere; }
.sdres { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--divider); }
.sdres .minihead { margin: 22px 0 6px; }
.sdres > .minihead:first-child { margin-top: 0; }
.sdres .small { margin: 8px 0 0; line-height: 1.5; }
.sdres code, .sdcard code { font-size: var(--fs-13); padding: 1px 6px; border-radius: 6px; background: var(--chip-bg); overflow-wrap: anywhere; }
.sdtiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin: 8px 0 12px; }
.sdtile { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-ctl); background: var(--surface2); font-size: var(--fs-14); line-height: 1.35; }
.sdtile .sdnum { font-size: var(--fs-24, 24px); line-height: 1.1; font-weight: 700; font-variant-numeric: tabular-nums; }
.sdtile small { font-size: var(--fs-13); }
.sdtable { display: flex; flex-direction: column; }
.sdrow { display: grid; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--divider); font-size: var(--fs-14); }
.sdt7 .sdrow { grid-template-columns: minmax(0, 1.5fr) repeat(6, minmax(0, 1fr)); }
.sdt3 .sdrow { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr); }
.sdt5 .sdrow { grid-template-columns: minmax(0, 2.6fr) minmax(0, 0.6fr) minmax(0, 0.9fr) minmax(0, 1.5fr) minmax(0, 0.9fr); }
.sdt9 .sdrow { grid-template-columns: minmax(0, 1.5fr) repeat(8, minmax(0, 1fr)); gap: 8px; }
.sdsub .sdrow { grid-template-columns: minmax(0, 3fr) minmax(0, 0.7fr) minmax(0, 0.7fr); }
.sdrow.sdhd { border-top: 0; padding-top: 0; color: var(--muted); font-weight: 600; }
.sdrow > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.sdrow > span.sdn { font-variant-numeric: tabular-nums; }
.sdweeks .sdrow > span.sdn { flex-direction: row; align-items: center; gap: 8px; }
.sdweeks .sdbar { width: 100%; max-width: 180px; height: 8px; accent-color: var(--blue-btn); }
.sdprivacy { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 0 4px 24px; color: var(--muted); font-size: var(--fs-14); line-height: 1.45; }
.sdprivacy .ic { width: 16px; height: 16px; flex: none; margin-top: 2px; }
/* Tables with many columns stack into pairs before the page gets narrow */
@media (max-width: 1100px) {
  .sdwide .sdrow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; }
  .sdwide .sdrow.sdhd { display: none; }
  .sdwide .sdrow > span:first-child { grid-column: 1 / -1; }
  .sdwide .sdrow > span.sdn { display: block; }
  .sdwide .sdrow > span.sdn::before { content: attr(data-l) ": "; color: var(--muted); }
  .sdwide .sdrow > span.sdn small { margin-left: 6px; }
}
@media (max-width: 760px) {
  .sdlist > li { grid-template-columns: 1fr; }
  .sdrow, .sdt7 .sdrow, .sdt3 .sdrow { grid-template-columns: 1fr; gap: 2px; }
  .sdrow.sdhd { display: none; }
  .sdrow > span.sdn { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
  .sdrow > span.sdn::before { content: attr(data-l) ":"; color: var(--muted); }
  .sdweeks .sdbar { max-width: 120px; }
  .sdt5 .sdrow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; }
  .sdt5 .sdrow > span:first-child { grid-column: 1 / -1; font-weight: 600; }
  .sdsub .sdrow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; }
  .sdsub .sdrow > span:first-child { grid-column: 1 / -1; font-weight: 600; }
  .sdt5 .sdrow > span.sdn, .sdsub .sdrow > span.sdn { display: block; }
  .sdt5 .sdrow > span.sdn::before, .sdsub .sdrow > span.sdn::before { content: attr(data-l) ": "; }
}