.org-ui { color: var(--kilby-white); font: 14px/1.6 Arial, sans-serif; }
.org-ui * { box-sizing: border-box; }
.org-ui [hidden] { display: none !important; }
.org-ui>.org-content { max-width: 760px; }
@media(min-width:900px) {
  #app.org-ui>.org-content,#app.org-ui>.org-status { max-width: 760px; margin-inline: auto; }
}
#app.org-ui>.org-content>.org-search { max-width: none; }
#app.org-ui>.org-content>.org-heading { justify-content: space-between; align-items: flex-start; }
#app.org-ui>.org-content>.org-heading>div { flex: 1; min-width: 0; }
#app.org-ui>.org-content>.org-cards { grid-template-columns: minmax(0,1fr); }
#app.org-ui>.org-content>.org-pagination>span { flex: 1; }
.org-ui h2,.org-ui h3,.org-ui p { margin: 0 0 12px; }
.org-ui h2 { font-size: 24px; } .org-ui h3 { font-size: 18px; }
.org-ui p,.org-ui small { color: var(--kilby-secondary); }
.org-ui button { border: 1px solid var(--kilby-border); background: var(--kilby-panel); color: var(--kilby-white); border-radius: 8px; padding: 9px 14px; cursor: pointer; font: inherit; min-height: 40px; }
.org-ui button:hover { background: var(--kilby-border); }
.org-ui button:disabled { opacity: .45; cursor: default; }
.org-ui :focus-visible { outline: 2px solid var(--kilby-white); outline-offset: 3px; }
.org-ui input:not([type=checkbox]),.org-ui select { width: 100%; border: 1px solid var(--kilby-border); border-radius: 8px; background: var(--kilby-black); color: var(--kilby-white); padding: 11px; font: inherit; margin: 7px 0 0; }
.org-ui label { display: block; margin-bottom: 16px; }
.org-ui .org-heading { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 24px; margin-bottom: 20px; }
.org-ui .org-heading p { margin: 0; }
.org-section { border: 1px solid var(--kilby-border); border-radius: 12px; background: var(--kilby-black); padding: 20px; margin: 24px 0; }
.org-ui .org-search { display: flex; gap: 10px; align-items: center; margin: 16px 0; max-width: 620px; }
.org-ui .org-search input { margin: 0; min-width: 0; }
.org-member { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--kilby-border); }
.org-member>div { flex: 1; min-width: 180px; overflow-wrap: anywhere; }
.org-member span,.org-card span,.org-account span { display: block; color: var(--kilby-secondary); font-size: 13px; }
.org-pagination { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 16px; }
.org-pagination span { color: var(--kilby-secondary); margin-right: 12px; }
.org-section .org-pagination span { flex: 1; }
.org-ui .org-section .org-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 16px; }
.org-ui .org-section .org-heading>button { justify-self: end; }
.org-ui .org-section .org-search { max-width: none; }
.org-ui .org-section .org-search button { margin-left: auto; }
.org-ui .org-section .org-member>button { margin-left: auto; }
.org-cards { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 16px; margin-top: 24px; }
.org-ui .org-card { text-align: left; padding: 20px; }
.org-status,.org-dialog-status { min-height: 1em; margin-bottom: 12px; }
.org-error,.org-ui .org-dialog-status { color: var(--kilby-red); }
.org-name-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; }
.org-name-fields label { min-width: 0; }
.org-name-fields input { width: 100%; box-sizing: border-box; }
.org-optional { color: var(--kilby-faint); font-weight: 400; }
/* Advisory, not blocking: Department is optional. */
.org-same-name { margin: 8px 0 0; padding: 9px 12px; border: 1px solid rgba(245,165,36,.4); border-radius: 9px; background: rgba(245,165,36,.08); color: var(--kilby-amber); font-size: 13px; }
.org-same-name[hidden] { display: none; }
.org-dialog { width: min(580px,calc(100vw - 28px)); max-height: 90dvh; margin: auto; padding: 0; border: 1px solid var(--kilby-border); border-radius: 16px; background: var(--kilby-panel); z-index: 10000; }
.org-dialog::backdrop { background: var(--kilby-scrim, #000b); backdrop-filter: blur(4px); }
.org-dialog header,.org-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px; }
.org-dialog header h2 { margin: 0; }
.org-dialog footer { justify-content: flex-end; border-top: 1px solid var(--kilby-border); }
.org-dialog-body { padding: 0 22px 14px; }
.org-ui .org-account { display: block; width: 100%; text-align: left; margin: 10px 0; overflow-wrap: anywhere; }
.org-picks { max-height: 300px; overflow: auto; border: 1px solid var(--kilby-border); border-radius: 8px; }
.org-ui .org-pick { display: flex; align-items: center; gap: 12px; padding: 14px; border-bottom: 1px solid var(--kilby-border); margin: 0; }
.org-ui .org-pick[hidden] { display: none; }
.org-pick input { accent-color: white; flex: 0 0 18px; height: 18px; }
.org-pick span { min-width: 0; overflow-wrap: anywhere; }.org-pick small { display: block; }
.org-ui .org-summary h3 { margin: 0 0 20px; padding-bottom: 16px; border-bottom: 1px solid var(--kilby-border); color: var(--kilby-white); font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: normal; }
.org-ui .org-summary h4 { margin: 0 0 8px; color: var(--kilby-secondary); font: 600 13px/1.5 Arial,sans-serif; text-transform: none; letter-spacing: normal; }
.org-summary-teams { margin: 22px 0 0; }
.org-summary-team { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; margin-top: 10px; border: 1px solid var(--kilby-border); border-radius: 8px; background: var(--kilby-panel); }
.org-summary-team>div { min-width: 0; overflow-wrap: anywhere; }
.org-summary-team span,.org-summary-team small { display: block; }
.org-summary-team small { margin-top: 3px; }
.org-summary-team button { flex-shrink: 0; }
.org-ui .org-team-empty { padding: 12px 0 0; }
.org-team-editor { width: min(760px,calc(100vw - 28px)); }
.org-ui .org-team-identity { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; margin: 0; }
.org-ui .org-team-person select { width: 135px; flex-shrink: 0; margin: 0; }
.org-ui .org-team-person select:disabled { opacity: .4; }
.org-team-help { margin-top: 18px !important; }
@media(max-width:600px) { .org-team-person { flex-wrap: wrap; } .org-ui .org-team-identity { flex-basis: 100%; } .org-ui .org-team-person select { margin-left: 30px; } .org-summary-team { flex-wrap: wrap; } }
@media(max-width:600px) { .org-name-fields { grid-template-columns: 1fr; gap: 0; } .org-section { padding: 16px; } .org-member>div { flex-basis: 100%; } .org-ui .org-search { flex-wrap: wrap; } }