.root { display: flex; flex-direction: column; gap: 0.875rem; padding: var(--pds-spacing-m, 1rem); background: var(--pds-color-surface-default, #fff); border: 1px solid var(--pds-color-border-default, oklch(0.925 0 0)); border-radius: var(--pds-border-radius-container, 0.375rem); box-shadow: var(--pds-elevation-popover, 0 2px 4px rgba(0,0,0,.06), 0 10px 24px -2px rgba(0,0,0,.1), 0 28px 64px -8px rgba(0,0,0,.14)); font-family: var(--pds-typography-ff-default, 'Inter', sans-serif); }
.header { display: flex; align-items: center; justify-content: space-between; }
.title { font-weight: var(--pds-typography-fw-semibold, 600); font-size: var(--pds-typography-size-m, 1rem); }
.section { font-weight: var(--pds-typography-fw-semibold, 600); font-size: 0.6875rem; letter-spacing: 0.06em; color: var(--pds-color-foreground-default-secondary, oklch(0.55 0 0)); }
.row { font-size: var(--pds-typography-size-s, 0.875rem); }
.statusRow { display: flex; align-items: center; gap: 0.375rem; }
.statusDot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--pds-color-foreground-success, oklch(0.5 0.15 150)); flex-shrink: 0; }
.statusDotMuted { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--pds-color-foreground-default-secondary, oklch(0.55 0 0)); flex-shrink: 0; }
.statusText { color: var(--pds-color-foreground-default, oklch(0.2 0 0)); }
.statusMuted { color: var(--pds-color-foreground-default-secondary, oklch(0.55 0 0)); }
.statusError { color: var(--pds-color-foreground-critical, oklch(0.5 0.2 25)); }
.errorHeader { display: flex; align-items: center; gap: 0.5rem; }
.errorHeader .title { flex: 1; }
.errorIcon { color: var(--pds-color-foreground-critical, oklch(0.5 0.2 25)); flex-shrink: 0; }
.errorBody { margin: 0; font-size: var(--pds-typography-size-s, 0.875rem); color: var(--pds-color-foreground-default-secondary, oklch(0.55 0 0)); }
.urlRow { display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.5rem; background: var(--pds-color-surface-default-secondary, oklch(0.9731 0 0)); border: 1px solid var(--pds-color-border-default, oklch(0.925 0 0)); border-radius: var(--pds-border-radius-card, 0.5rem); }
.url { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--pds-typography-size-s, 0.875rem); color: var(--pds-color-foreground-default, oklch(0.2 0 0)); }
.reviewRow { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.5rem; background: transparent; border: 1px solid var(--pds-color-border-default, oklch(0.925 0 0)); border-radius: var(--pds-border-radius-card, 0.5rem); text-align: left; cursor: pointer; font: inherit; font-size: var(--pds-typography-size-s, 0.875rem); }
.reviewRow:hover { background: var(--pds-color-surface-default-secondary, oklch(0.96 0 0)); }
.reviewRowLabel { display: flex; align-items: center; gap: 0.5rem; }
.actions { display: flex; flex-direction: column; align-items: stretch; gap: 0.5rem; }
.viewSite { display: block; text-decoration: none; }
.viewSite :global(.pds-button) { width: 100%; justify-content: center; }
.linkButton { background: transparent; border: 0; cursor: pointer; font: inherit; font-size: var(--pds-typography-size-s, 0.875rem); color: var(--pds-color-foreground-default-secondary, oklch(0.55 0 0)); text-decoration: none; }