/* Web workspace. Native keeps the existing shared templates and theme. */
.member-ui .member-workspace-shell,
.member-ui .website-detail-shell {
  margin: 0;
  border: 1px solid var(--member-line);
  border-radius: 3px;
  background: var(--member-paper);
  box-shadow: none;
}
.member-ui .website-workspace { background: var(--member-paper); }
.member-ui .workspace-sidebar,
.member-ui .website-inspector,
.member-ui .website-list-panel,
.member-ui .website-detail-main { background: var(--member-paper); border-color: var(--member-line); }
.member-ui .workspace-sidebar > div:first-child { height: auto; min-height: 88px; padding: 24px 20px; border: 0; }
.member-ui .workspace-sidebar > div:first-child p { display: none; }
.member-ui .workspace-sidebar h2 { margin: 0; font-size: 19px; font-weight: 650; }
.member-ui .workspace-group-list { gap: 4px; padding: 0 12px 20px; }
.member-ui .workspace-group-list > a {
  min-width: 0;
  padding: 15px 12px;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: var(--member-ink);
}
.member-ui .workspace-group-list > a:hover,
.member-ui .workspace-group-list > a[aria-current="page"] { background: var(--member-surface); }
.member-ui .workspace-group-list > a > span:first-child { border: 0; background: transparent; }
.member-ui .workspace-sidebar > div:last-child { border-color: var(--member-line); padding: 20px; }
.member-ui .workspace-list-header { padding: 28px 28px 24px; border: 0; }
.member-ui .workspace-project-context > div { display: none; }
.member-ui #workspace-title { margin: 0; font-size: 32px; font-weight: 650; letter-spacing: -.025em; }
.member-ui .workspace-project-context > p { margin-top: 8px; font-size: 14px; }
.member-ui .workspace-filters { margin-top: 28px; gap: 10px; }
.member-ui .website-list-heading,
.member-ui .website-preview-link { grid-template-columns: minmax(10rem, 1fr) 6rem 5rem 5rem 5rem 6rem; gap: 12px; }
.member-ui .website-list-heading { margin: 0 28px; padding: 14px 0; background: transparent; border-color: var(--member-line); color: var(--member-muted); font-size: 13px; font-weight: 400; letter-spacing: 0; }
.member-ui #websites { margin: 0 28px; }
.member-ui .website-row { position: relative; border-bottom: 1px solid var(--member-line); }
.member-ui .website-row:last-child { border-bottom: 0; }
.member-ui .website-preview-link { padding: 20px 0; border: 0; color: var(--member-ink); }
.member-ui .website-preview-link:hover,
.member-ui .website-preview-link[aria-current="true"] { background: var(--member-surface); }
.member-ui .website-preview-link > span:first-child { gap: 12px; padding-left: 12px; }
.member-ui .website-preview-link img { border: 0; border-radius: 3px; padding: 3px; }
.member-ui .website-preview-link > span:first-child > span > span:first-child { font-size: 15px; font-weight: 600; }
.member-ui .website-preview-link [aria-label] { font-weight: 500; }
.member-ui .website-row-details { display: flex; min-height: 44px; align-items: center; justify-content: flex-end; padding: 0 12px; font-size: 13px; font-weight: 500; white-space: nowrap; color: var(--member-ink); }
.member-ui .website-row-details:hover { text-decoration: underline; }
.member-ui .website-list-panel > footer { margin: 0 28px; padding: 20px 0; border-color: var(--member-line); font-size: 13px; }
.member-ui .inspector-heading { padding: 28px 24px 24px; border-color: var(--member-line); }
.member-ui .inspector-heading > img { display: none; }
.member-ui .inspector-heading h2 { font-size: 24px; font-weight: 650; overflow-wrap: anywhere; white-space: normal; }
.member-ui .inspector-content { padding: 0 24px; }
.member-ui .inspector-section { margin: 0; padding: 22px 0; border: 0; border-bottom: 1px solid var(--member-line); border-radius: 0; }
.member-ui .inspector-section > .flex:first-child { display: block; }
.member-ui .inspector-section h3 { color: var(--member-muted); font-size: 14px; font-weight: 400; }
.member-ui .inspector-section > .flex:first-child > span { display: block; margin-top: 8px; font-size: 30px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; color: var(--member-ink); }
.member-ui .inspector-certificate > [data-certificate-countdown] { display: none; }
.member-ui .inspector-certificate p:first-child { font-size: 22px; line-height: 1.4; }
.member-ui .inspector-status { margin: 0 24px; padding-top: 22px; border: 0; }
.member-ui #inspector-public-status { padding: 0; border: 0; border-radius: 0; background: transparent; }
.member-ui #inspector-public-status h3 { font-size: 14px; font-weight: 400; color: var(--member-muted); }
.member-ui #inspector-public-status :is(a, svg) { color: var(--member-ink); }
.member-ui #inspector-public-status > p { font-size: 13px; }
.member-ui .inspector-detail-action { padding: 24px; }
.member-ui .website-detail-header { padding: 28px 32px; border-color: var(--member-line); }
.member-ui #back-to-website-group { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--member-muted); font-weight: 400; }
.member-ui .website-detail-header > div { margin-top: 28px; }
.member-ui .website-detail-header img { height: 40px; width: 40px; padding: 4px; border: 0; border-radius: 3px; box-shadow: none; }
.member-ui #website-detail-title { font-size: 30px; font-weight: 650; }
.member-ui .website-detail-content { padding: 0 32px 24px; }
.member-ui .website-detail-content > * { margin-top: 0; }
.member-ui .website-detail-summary { gap: 0; padding: 28px 0; }
.member-ui .website-detail-summary > article { padding: 0 24px; border: 0; border-right: 1px solid var(--member-line); border-radius: 0; background: transparent; }
.member-ui .website-detail-summary > article:first-child { padding-left: 0; }
.member-ui .website-detail-summary > article:last-child { border-right: 0; }
.member-ui .website-detail-summary > article > p:first-child,
.member-ui .website-detail-summary #certificate-summary p:first-child { font-size: 13px; font-weight: 400; letter-spacing: 0; }
.member-ui .website-detail-summary > article:nth-child(2) > p:nth-child(2) { color: var(--member-ink); }
.member-ui .website-detail-summary [data-certificate-countdown] { display: none; }
.member-ui .website-detail-content > section:not(.website-detail-summary),
.member-ui .website-detail-content > details { padding: 28px 0; border: 0; border-top: 1px solid var(--member-line); border-radius: 0; background: transparent; }
.member-ui .website-detail-content h2 { font-size: 21px; font-weight: 650; }
.member-ui .website-detail-lower { display: flex; flex-direction: column; gap: 0; }
.member-ui .website-detail-lower > section { padding: 28px 0; border: 0; border-top: 1px solid var(--member-line); border-radius: 0; background: transparent; }
.member-ui .website-detail-lower > div { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--member-line); }
.member-ui .website-detail-lower > div > section { margin: 0; padding: 28px 24px; border: 0; border-radius: 0; background: transparent; }
.member-ui .website-detail-lower > div > section:first-child { padding-left: 0; border-right: 1px solid var(--member-line); }
.member-ui #certificate-detail [data-certificate-countdown] { display: none; }
.member-ui #certificate-detail > div { display: block; }
.member-ui #certificate-detail dl > div { padding-bottom: 10px; border-bottom: 1px solid var(--member-line); }
.member-ui #certificate-detail dd { overflow-wrap: anywhere; }
.member-ui .website-detail-trends > div:first-child { align-items: flex-start; gap: 20px; }
.member-ui .website-detail-trends > div:first-child > div:last-child > span { padding: 8px 12px; border: 0; border-left: 1px solid var(--member-line); border-radius: 0; background: transparent; color: var(--member-ink); font-size: 13px; }
.member-ui .probe-trend-tab { padding: 12px 16px; border-radius: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--member-muted); font-size: 14px; }
.member-ui .probe-trend-choice:checked + .probe-trend-tab { background: transparent; color: var(--member-ink); border-color: var(--member-ink); box-shadow: none; }
.member-ui .probe-trend-choice:focus-visible + .probe-trend-tab { outline-color: var(--member-ink); }
.member-ui .probe-trend-reading p,
.member-ui .probe-trend-context time,
.member-ui .probe-trend-reading small,
.member-ui .probe-trend-hint,
.member-ui .probe-trend-chart > span,
.member-ui .probe-trend-empty,
.member-ui .probe-region-events :is(p, time, h3 span) { color: var(--member-muted); font-size: 13px; }
.member-ui .probe-latest-nodes label { border-color: var(--member-line); border-radius: 3px; padding: 10px 12px; font-size: 13px; }
.member-ui .probe-region-events { border-color: var(--member-line); font-size: 13px; }
.member-ui .response-time-chart,
.member-ui .probe-trend-chart svg { color: var(--member-data); }
.member-ui .response-time-threshold { color: var(--member-muted); }
.member-ui .website-detection-status { background: var(--member-surface); border-color: var(--member-line); color: var(--member-muted); }
@media (min-width: 1024px) {
  body.member-ui .website-workspace { height: calc(100dvh - 134px); }
  .member-ui .workspace-sidebar { width: 240px; }
  .member-ui .website-row-details { position: absolute; top: 0; right: 0; bottom: 0; width: 96px; }
  .member-ui .website-list-heading,
  .member-ui .website-preview-link { display: grid; }
}
@media (min-width: 1200px) {
  .member-ui .website-detail-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .member-ui .website-inspector { width: 352px; }
  .member-ui .website-list-heading,
  .member-ui .website-preview-link { grid-template-columns: minmax(8rem, 1fr) 5.5rem 4.5rem 4rem 4.5rem 6rem; gap: 8px; }
  .member-ui .workspace-list-header { padding: 28px 24px 24px; }
  .member-ui #websites,
  .member-ui .website-list-heading,
  .member-ui .website-list-panel > footer { margin-left: 24px; margin-right: 24px; }
}
@media (max-width: 1199px) {
  .member-ui .website-detail-summary { grid-template-columns: 1fr 1fr; row-gap: 24px; }
  .member-ui .website-detail-summary > article:nth-child(odd) { padding-left: 0; }
  .member-ui .website-detail-summary > article:nth-child(even) { border-right: 0; }
}
@media (max-width: 1023px) {
  .member-ui .workspace-sidebar > div:first-child { min-height: 72px; padding: 16px 20px; }
  .member-ui .workspace-group-list { padding: 0 12px 16px; }
  .member-ui .workspace-group-list > a { min-width: 176px; }
  .member-ui .website-list-heading { display: none; }
  .member-ui .website-row-details { padding-bottom: 12px; }
  .member-ui .website-preview-link { padding-bottom: 4px; }
  .member-ui .website-preview-link > span:first-child { padding-left: 0; }
  .member-ui .website-preview-link > span:last-child > span { background: transparent; }
}
@media (max-width: 639px) {
  .member-ui .workspace-list-header,
  .member-ui .website-detail-header { padding: 24px 20px; }
  .member-ui #workspace-title { font-size: 28px; }
  .member-ui #websites,
  .member-ui .website-list-panel > footer { margin-left: 20px; margin-right: 20px; }
  .member-ui .website-detail-content { padding: 0 20px 20px; }
  .member-ui #website-detail-title { font-size: 26px; overflow-wrap: anywhere; white-space: normal; }
  .member-ui .website-detail-summary > article { padding: 0 16px; }
  .member-ui .website-detail-summary > article:nth-child(odd) { padding-left: 0; }
  .member-ui .website-detail-lower > div { grid-template-columns: 1fr; }
  .member-ui .website-detail-lower > div > section { padding: 24px 0; }
  .member-ui .website-detail-lower > div > section:first-child { border-right: 0; border-bottom: 1px solid var(--member-line); }
}