.org-page {
    max-width:1440px;
    margin-inline:auto;
    padding-bottom:3rem
}
.org-page h2 {
    font:600 1.9rem/1.15 var(--font-display)
}
.org-page h3 {
    font-size:1.1rem;
    font-weight:650;
    line-height:1.4
}
.org-page p {
    color:var(--color-muted);
    line-height:1.55
}
.org-panel {
    background:var(--color-surface);
    border:1px solid var(--color-line);
    border-top:3px solid var(--color-action);
    margin-block:1.5rem
}
.org-panel>header {
    padding:1.5rem;
    border-bottom:1px solid var(--color-line)
}
.org-panel>header p {
    margin:.4rem 0 0
}
.org-panel__toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2rem
}
.org-panel__toolbar .mud-input-control {
    flex:0 1 320px
}
.org-overview {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-block:1px solid var(--color-line);
    background:var(--color-surface-subtle);
    margin-block:1.5rem
}
.org-overview>div {
    display:flex;
    flex-direction:column;
    gap:.3rem;
    padding:1.25rem 1.5rem;
    border-right:1px solid var(--color-line)
}
.org-overview>div:last-child {
    border-right:0
}
.org-overview strong {
    font:500 1.6rem var(--font-data);
    color:var(--color-ink)
}
.org-overview span {
    font-size:.9rem;
    color:var(--color-muted)
}
.org-register {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));
    gap:1px;
    background:var(--color-line)
}
.org-company {
    display:flex;
    flex-direction:column;
    gap:1.3rem;
    padding:1.5rem;
    background:var(--color-surface);
    color:var(--color-ink);
    text-decoration:none;
    min-width:0;
    transition:background .15s
}
.org-company:hover {
    background:var(--color-canvas)
}
.org-company:focus-visible {
    outline:3px solid var(--color-focus);
    outline-offset:-3px
}
.org-company__identity {
    display:flex;
    align-items:center;
    gap:1rem
}
.org-company h3,.org-person h3,.org-request h3 {
    overflow-wrap:anywhere;
    margin:0 0 .3rem
}
.org-avatar {
    display:grid;
    place-items:center;
    background:var(--color-action-soft);
    color:var(--color-action-strong);
    width:3rem;
    height:3rem;
    flex-shrink:0;
    font:500 1rem var(--font-data);
    border:1px solid var(--color-line-strong);
    border-radius:var(--radius-control)
}
.org-status {
    display:inline-flex;
    font-size:.8rem;
    padding:.15rem .5rem;
    color:var(--color-action-strong);
    background:var(--color-action-soft);
    border-radius:3px;
    white-space:nowrap
}
.org-status--paused {
    color:var(--color-critical);
    background:var(--color-critical-soft)
}
.org-status--archive {
    color:var(--color-muted);
    background:var(--color-surface-inset)
}
.org-company dl {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:.75rem;
    margin:0
}
.org-company dt {
    font-size:.75rem;
    color:var(--color-muted)
}
.org-company dd {
    margin:.3rem 0 0;
    font-family:var(--font-data);
    font-size:.95rem
}
.org-company__attention {
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:var(--color-action);
    font-weight:600;
    font-size:.9rem;
    padding-top:.8rem;
    border-top:1px solid var(--color-line)
}
.org-actions {
    display:flex;
    align-items:center;
    gap:.75rem;
    flex-wrap:wrap
}
.org-actions form {
    margin:0
}
.org-request,.org-person {
    display:flex;
    align-items:center;
    gap:1.5rem;
    padding:1.15rem 1.5rem;
    border-bottom:1px solid var(--color-line)
}
.org-request>div:first-child,.org-person>div:first-child {
    flex:1;
    min-width:0
}
.org-person p,.org-request p {
    margin:0;
    overflow-wrap:anywhere
}
.org-person time,.org-audit time {
    font:400 .75rem var(--font-data);
    color:var(--color-muted);
    white-space:nowrap
}
.org-form {
    display:flex;
    flex-direction:column;
    gap:1.25rem
}
.org-form__pair {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem
}
.org-form--inline {
    padding:1.5rem;
    background:var(--color-canvas)
}
.org-form--inline label {
    display:grid;
    gap:.5rem
}
.org-form--inline select {
    padding:.65rem;
    border:1px solid var(--color-line-strong);
    border-radius:var(--radius-control);
    background:white;
    max-width:100%
}
.org-note {
    display:flex;
    align-items:flex-start;
    gap:.75rem;
    padding:1rem;
    background:var(--color-action-soft);
    border-left:3px solid var(--color-action);
    font-size:.9rem;
    line-height:1.5;
    overflow-wrap:anywhere
}
.org-note svg {
    flex-shrink:0;
    margin-top:.1rem
}
.org-hint {
    font-size:.85rem;
    line-height:1.5;
    color:var(--color-muted)
}
.org-empty {
    padding:2.5rem;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.7rem
}
.org-empty p {
    max-width:35rem;
    margin:0
}
.org-empty svg {
    color:var(--color-action)
}
.org-memberships {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.5rem
}
.org-memberships>.org-panel {
    padding:1.5rem
}
.org-welcome {
    max-width:620px;
    padding:2.5rem;
    margin:2rem auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1.4rem;
    box-shadow:0 8px 28px rgb(24 34 37 / 4%)
}
.org-welcome h1 {
    font:600 clamp(2.2rem,5vw,3.5rem)/1.05 var(--font-display);
    overflow-wrap:anywhere;
    margin:0
}
.org-welcome h2 {
    font-size:2.7rem
}
.org-welcome p {
    margin:0
}
.org-welcome .org-form {
    width:100%
}
.org-welcome__icon {
    display:grid;
    place-items:center;
    width:64px;
    height:64px;
    border:1px solid var(--color-line-strong);
    color:var(--color-action);
    background:var(--color-canvas)
}
.org-join {
    max-width:720px;
    padding:2rem 1rem
}
.org-join__brand {
    display:flex;
    gap:.7rem;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:1.2rem
}
.org-join__brand svg {
    width:36px;
    height:36px
}
.org-join__brand small {
    display:block;
    font-size:.7rem;
    font-weight:400;
    color:var(--color-muted)
}
.org-invitation-link {
    display:grid;
    gap:1rem;
    padding:1.5rem;
    background:var(--color-action-soft);
    border:1px solid var(--color-action);
    margin:1.5rem 0
}
.org-invitation-link label {
    display:grid;
    gap:.4rem;
    font-size:.85rem
}
.org-invitation-link input {
    width:100%;
    min-width:0;
    padding:.75rem;
    background:white;
    border:1px solid var(--color-line-strong);
    font-family:var(--font-data);
    font-size:.8rem
}
.org-invitation-link .org-actions span {
    font-size:.85rem;
    color:var(--color-ink-soft)
}
.org-tabs {
    display:flex;
    gap:.35rem;
    flex-wrap:wrap;
    border-bottom:1px solid var(--color-line);
    padding-bottom:.75rem
}
.org-tabs button {
    padding:.55rem 1rem;
    border:1px solid transparent;
    background:transparent;
    border-radius:var(--radius-control);
    cursor:pointer;
    color:var(--color-muted);
    font-weight:600
}
.org-tabs button.is-active {
    color:var(--color-action-strong);
    background:var(--color-action-soft);
    border-color:var(--color-line-strong)
}
.org-trial>.org-form,.org-suspension {
    padding:1.5rem;
    max-width:650px
}
.org-suspension {
    border-top:1px solid var(--color-line)
}
.org-audit {
    display:flex;
    justify-content:space-between;
    gap:1rem;
    padding:1rem 1.5rem;
    border-bottom:1px solid var(--color-line);
    overflow-wrap:anywhere
}
.org-audit p {
    margin:.2rem 0
}
.org-back {
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    color:var(--color-action);
    font-size:.9rem;
    margin-bottom:1rem
}
.org-message {
    padding:.8rem 1rem;
    background:var(--color-action-soft);
    color:var(--color-action-strong)!important
}
.org-page button:focus-visible,.org-page a:focus-visible {
    outline:3px solid var(--color-focus);
    outline-offset:3px
}
.org-form button {
    align-self:flex-start
}
@media(max-width:850px) {
    .org-register,.org-memberships {
        grid-template-columns:1fr
    }
    .org-overview {
        grid-template-columns:repeat(2,1fr)
    }
    .org-overview>div {
        border-bottom:1px solid var(--color-line)
    }
    .org-panel__toolbar {
        align-items:stretch;
        flex-direction:column;
        gap:1rem
    }
    .org-panel__toolbar .mud-input-control {
        flex:1
    }
    .org-person,.org-request {
        flex-wrap:wrap;
        gap:.75rem
    }
    .org-person>div:first-child,.org-request>div:first-child {
        flex-basis:100%
    }
    .org-audit {
        flex-direction:column
    }
    .org-company dl {
        gap:.5rem
    }
    .org-welcome {
        padding:1.5rem
    }
    .org-form__pair {
        grid-template-columns:1fr
    }
    .org-note {
        font-size:.85rem
    }
    .org-page .button {
        white-space:normal
    }
    .org-invitation-link {
        padding:1rem
    }
    .org-overview>div {
        padding:1rem
    }
}
@media(prefers-reduced-motion:reduce) {
    .org-company {
        transition:none
    }
}