.browser-detail-dialog{box-sizing:border-box;width:min(920px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 24px 80px #06141a55;overflow:auto}
.browser-detail-dialog::backdrop{background:#06141a99}.browser-detail-heading{display:flex;justify-content:space-between;gap:18px;padding:22px 24px 12px}.browser-detail-heading h2{margin:0;font-size:23px;overflow-wrap:anywhere}.browser-detail-heading .eyebrow{margin:0 0 5px;font-size:11px;color:var(--accent)}.browser-detail-heading [data-detail-subtitle]{margin:7px 0 0;font-size:13px;color:var(--muted)}.browser-detail-heading [data-detail-close]{flex:none;width:40px;height:40px;padding:0;font-size:23px}
.browser-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}.browser-detail-toolbar label{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--muted)}.browser-detail-toolbar select{max-width:540px;min-width:0;min-height:38px}.browser-detail-toolbar [hidden]{display:none!important}.browser-detail-toolbar button{margin-left:auto;white-space:nowrap}.browser-detail-dialog [data-detail-message]{margin:8px 24px;font-size:12px;min-height:18px;color:var(--muted)}.browser-detail-dialog .is-error,.browser-detail-warning{color:var(--danger,#a52d2b)}
.browser-detail-body{padding:0 24px 16px}.browser-detail-section{margin:14px 0 0;padding:0 0 14px;border-bottom:1px solid var(--line)}.browser-detail-section h3{font-size:14px;margin:0 0 10px}.browser-detail-section dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;margin:0}.browser-detail-section dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;min-width:0}.browser-detail-section dt{color:var(--muted);font-size:12px}.browser-detail-section dd{margin:0;color:var(--ink);font-size:13px;font-weight:550;overflow-wrap:anywhere;white-space:pre-wrap}.browser-detail-section button{margin-top:9px;min-height:34px;padding:5px 10px;font-size:12px}.browser-detail-warning{font-size:12px}.browser-detail-body>.browser-more,.browser-detail-body>.browser-file-library,.browser-detail-body>.browser-vps-details{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px}.browser-detail-body summary{cursor:pointer;font-size:13px;font-weight:600}.browser-detail-body .help{font-size:12px;line-height:1.6}.browser-detail-body .actions{flex-wrap:wrap}.browser-detail-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:var(--panel);border-top:1px solid var(--line)}.browser-detail-footer>div{display:flex;gap:8px;flex-wrap:wrap}.browser-detail-footer button,.browser-detail-footer a{min-height:40px}
.browser-inventory-table .inventory-edit-name{font:inherit;font-weight:650;color:var(--ink);text-align:left;border:0;box-shadow:none;padding:0!important;background:transparent;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;margin:0;max-width:100%;overflow-wrap:anywhere}.browser-inventory-table .inventory-edit-name:hover{color:var(--accent)}
.browser-detail-toolbar label{white-space:nowrap}.browser-detail-footer a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:7px;text-decoration:none;font-size:13px}
.browser-detail-footer [data-detail-primary]{flex:1;min-width:0}.browser-detail-footer .browser-access-routes{width:100%}.browser-detail-footer [data-detail-back]{flex:none}.browser-detail-body>.browser-copy-details{margin-top:12px}
@media(max-width:700px){.browser-detail-heading{padding:18px 16px 10px}.browser-detail-toolbar{padding:0 16px;align-items:stretch;flex-direction:column}.browser-detail-toolbar label{display:grid;gap:4px}.browser-detail-toolbar select{max-width:100%;width:100%;font-size:16px}.browser-detail-toolbar button{align-self:flex-end}.browser-detail-dialog [data-detail-message]{margin:8px 16px}.browser-detail-body{padding:0 16px 14px}.browser-detail-section dl{grid-template-columns:1fr}.browser-detail-heading h2{font-size:20px}.browser-detail-footer{padding:12px 16px;flex-wrap:wrap}.browser-detail-footer button,.browser-detail-footer a{min-height:44px}.browser-detail-dialog{max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}}

/* The detail footer uses the same compact action bar as the list. */
.browser-detail-footer [data-detail-primary]{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.browser-detail-footer .browser-access-routes{display:flex;align-items:center;flex:0 1 auto;flex-wrap:wrap;gap:6px;width:auto;min-width:0}
.browser-detail-footer .browser-access-route{display:block;flex:0 0 auto;min-width:0}
.browser-detail-footer .browser-access-route>a,.browser-detail-footer .browser-access-route>button,.browser-detail-footer .browser-detail-copy-actions button{width:auto;min-width:0;min-height:36px;padding:7px 10px;font-size:12px;white-space:nowrap}
.browser-detail-footer .browser-access-route>a:not(.primary),.browser-detail-footer .browser-access-route>button,.browser-detail-footer .browser-detail-copy-actions button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);text-decoration:none}
.browser-detail-footer .browser-access-route>a.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.browser-detail-footer .browser-detail-copy-actions{display:contents}
@media(max-width:700px){
  .browser-detail-footer [data-detail-primary]{align-items:stretch}
  .browser-detail-footer .browser-access-routes{flex:1 1 100%;width:100%}
  .browser-detail-footer .browser-access-route>a,.browser-detail-footer .browser-access-route>button,.browser-detail-footer .browser-detail-copy-actions button{min-height:42px}
}