/* The site kit (php/utils/site-kit.php): what portal.damageport.com and console.damageport.com add to the app's own
   stylesheets - the site label beside the brand, the person + Sign out in the header, the sign-in card. */
.site-kit-label { font-weight: 600; font-size: var(--net-font-size-xs); text-transform: uppercase; letter-spacing: 0.08em; padding: 0.1rem 0.45rem; margin-left: 0.35rem;
    border: 1px solid currentColor; border-radius: var(--net-border-radius-xl); opacity: 0.85; vertical-align: middle; }
.site-kit-user { font-size: var(--net-font-size-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 16rem; }
.site-header .site-kit-out { color: inherit; flex: 0 0 auto; }
.site-kit .sign-in-box { max-width: 26rem; margin: 10vh auto 0; }
.site-kit .sign-in-box h1 { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; }
.site-kit .small { font-size: var(--net-font-size-sm); }
.site-kit dl.kit-facts { display: grid; grid-template-columns: max-content 1fr; gap: 0.35rem 1.25rem; margin: var(--net-spacing-md) 0 0; }
.site-kit dl.kit-facts dt { color: var(--net-text-muted); }
.site-kit dl.kit-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .site-kit-user { display: none; }
    .site-kit dl.kit-facts { grid-template-columns: 1fr; }
    .site-kit dl.kit-facts dd { margin-bottom: 0.4rem; }
}