html:has(dialog.ui-details-dialog[open]){overflow:hidden}
dialog.ui-details-dialog{width:min(800px,calc(100vw - 40px));max-height:calc(100dvh - 64px);padding:0;border:1px solid var(--clr-border);border-radius:20px;background:var(--clr-surface);color:var(--clr-text);box-shadow:0 28px 100px #0006;overflow:hidden;margin:auto}
dialog.ui-details-dialog[open]{display:flex;flex-direction:column;animation:detail-modal-enter .18s ease-out}
dialog.ui-details-dialog::backdrop{background:rgba(2,6,23,.72);backdrop-filter:blur(4px)}
.ui-details-dialog .ui-details-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:24px 28px;border-bottom:1px solid var(--clr-border);flex-shrink:0}
.detail-modal-identity{display:flex;align-items:center;gap:16px;min-width:0}.detail-modal-identity>div{min-width:0}.detail-modal-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid var(--clr-border);border-radius:14px;background:var(--clr-primary-dim);color:var(--clr-primary)}
.detail-modal-eyebrow{display:block;font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--clr-text-muted);margin-bottom:6px}.ui-details-dialog .ui-details-heading h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.025em;font-weight:700;overflow-wrap:anywhere}
.ui-details-dialog .detail-modal-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--clr-border);border-radius:12px;background:var(--clr-surface-2);color:var(--clr-text-dim);font-size:26px;line-height:1;box-shadow:none;cursor:pointer}.ui-details-dialog .detail-modal-close:hover{background:var(--clr-primary-dim);color:var(--clr-primary)}
.detail-modal-content{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:28px;scrollbar-gutter:stable}.detail-modal-content dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}.detail-field{min-width:0;padding:16px 18px;border:1px solid var(--clr-border-subtle);border-radius:12px;background:var(--clr-surface-2)}.detail-field-wide{grid-column:1 / -1}
.ui-details-dialog .detail-field dt{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--clr-text-muted);margin:0 0 8px}.ui-details-dialog .detail-field dd{margin:0;font-size:14px;font-weight:500;line-height:1.7;color:var(--clr-text);white-space:pre-wrap;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ui-details-dialog .detail-field .detail-value-positive{color:var(--clr-normal)}.ui-details-dialog .detail-field .detail-value-danger{color:var(--clr-danger)}.ui-details-dialog .detail-field .detail-value-warning{color:var(--clr-warning)}
.ui-details-dialog .detail-modal-content pre{margin:20px 0 0;padding:20px;background:var(--clr-surface-2);border:1px solid var(--clr-border-subtle);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono,monospace);font-size:12px;line-height:1.8;max-width:100%}.ui-details-dialog .detail-modal-content h3{font-size:18px;line-height:1.4;margin:0 0 16px;overflow-wrap:anywhere}.ui-details-dialog .detail-modal-content p{font-size:13px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.ui-details-dialog .detail-modal-content a{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;padding:8px 14px;border:1px solid var(--clr-border);border-radius:8px;text-decoration:underline;text-underline-offset:3px;color:var(--clr-primary)}
.detail-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-top:1px solid var(--clr-border);flex-shrink:0}.detail-modal-footer>span{font-size:11px;color:var(--clr-text-muted)}.detail-modal-footer .btn{min-width:100px;border-radius:10px}.ui-details-dialog :is(button,a):focus-visible{outline:3px solid var(--clr-primary);outline-offset:3px}
@keyframes detail-modal-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){dialog.ui-details-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.ui-details-dialog .ui-details-heading{padding:18px;gap:12px}.detail-modal-identity{gap:12px}.detail-modal-icon{flex-basis:38px;width:38px;height:38px;border-radius:10px}.ui-details-dialog .ui-details-heading h2{font-size:17px}.detail-modal-content{padding:18px}.detail-modal-content dl{grid-template-columns:1fr;gap:12px}.detail-field{padding:14px}.detail-modal-footer{padding:14px 18px}.detail-modal-footer>span{display:none}.detail-modal-footer .btn{width:100%}.ui-details-dialog .detail-modal-content pre{padding:14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){dialog.ui-details-dialog[open]{animation:none}}