/* Keep the native site picker readable when its option list opens. */
[data-theme="dark"] .mr-create select {
  color-scheme: dark;
  background-color: #151a2d;
  color: #f1f5f9;
}

[data-theme="dark"] .mr-create select option {
  background-color: #151a2d;
  color: #f1f5f9;
}

[data-theme="light"] .mr-create select {
  color-scheme: light;
  background-color: #fff;
  color: #111827;
}

[data-theme="light"] .mr-create select option {
  background-color: #fff;
  color: #111827;
}

.mr-page .mr-grid:has(.mr-client-group) { display: flex; flex-direction: column; }
.mr-client-group { overflow: hidden; border: 1px solid var(--border); border-radius: 15px; background: var(--surface); }
.mr-client-group > summary { min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 0 16px; cursor: pointer; list-style: none; color: var(--text); }
.mr-client-group > summary::-webkit-details-marker { display: none; }
.mr-client-group > summary:hover { background: var(--surface2); }
.mr-client-count { margin-left: auto; font-size: 11px; color: var(--text3); }
.mr-group-chevron { color: var(--text3); transition: transform .16s; }
.mr-client-group[open] .mr-group-chevron { transform: rotate(180deg); }
.mr-client-reports { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 0 14px 14px; }
.mr-client-reports .mr-card { background: var(--surface2); }
.mr-card-top { align-items: flex-start; }
.mr-delete { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; margin-left: 2px; padding: 0; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text3); cursor: pointer; }
.mr-delete:hover { border-color: var(--red); background: rgba(239,68,68,.1); color: var(--red); }
.mr-delete .material-symbols-rounded { font-size: 17px; }
@media(max-width:950px){.mr-client-reports{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mr-client-reports{grid-template-columns:1fr;padding:0 9px 9px}.mr-client-group>summary{padding:0 12px}}
