.hierarchy-content-dialog select{display:block;width:100%;margin-top:10px;padding:12px 14px;border:1px solid #dfe4e6;border-radius:10px;background:#fff;color:#22393b;font:inherit}
.hierarchy-impact-list{list-style:none;padding:0;max-height:240px;overflow:auto;border:1px solid #e5e8e7;border-radius:12px}
.hierarchy-impact-list li{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #edf0ee;font-size:13px}
.hierarchy-impact-list li:last-child{border-bottom:0}.hierarchy-impact-list span{color:#75817e}
.hierarchy-delete-warning{padding:0;color:#884238;font-size:14px;line-height:1.6}
.hierarchy-waiting{margin:24px 0;padding:24px 28px;border:1px solid #dfe7e3;background:#f5f8f6;border-radius:16px}.hierarchy-waiting strong{display:block;color:#29483f;font-size:16px}.hierarchy-waiting p{margin:8px 0 0;color:#66786f;line-height:1.6}

.hierarchy-company-deletion-notices { display: grid; gap: 12px; margin: 20px 0; }
.hierarchy-company-deletion-notices article {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
    padding: 20px 24px; border: 1px solid #ecd6d8; border-radius: 14px; background: #fff8f8;
}
.hierarchy-company-deletion-notices strong { color: #813c45; font-size: 14px; }
.hierarchy-company-deletion-notices p { margin: 6px 0 0; font-size: 12px; line-height: 1.6; color: #697c88; }
.hierarchy-company-deletion-notices button { flex-shrink: 0; }
.hierarchy-dialog .hierarchy-company-deletion-notices { margin: 24px; }
@media (max-width: 640px) {
    .hierarchy-company-deletion-notices article { align-items: flex-start; flex-direction: column; padding: 18px; }
}

.hierarchy-company-delete-impact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.hierarchy-company-delete-impact > div { padding: 13px; }
.hierarchy-company-delete-impact strong { font-size: 22px; }
@media (max-width: 560px) { .hierarchy-company-delete-impact { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.hierarchy-layout-team-note {
    max-width: 850px;
    margin: 0 0 24px;
    padding: 14px 18px;
    border-left: 3px solid #20a394;
    border-radius: 0 8px 8px 0;
    background: #edf6f3;
    color: #55716d;
    font-size: 13px;
    line-height: 1.65;
}

/* Compact organisation workspace: readable controls and a clearer member list. */
.hierarchy-page { padding:32px clamp(24px, 4vw, 64px) 48px; }
.hierarchy-page .administration-header { align-items:center; gap:24px; padding-bottom:22px; }
.hierarchy-page .administration-header h1 { font-size:34px; }
.hierarchy-page .administration-header p { margin-top:9px; }
.hierarchy-page .administration-header-actions { gap:18px; flex-wrap:wrap; justify-content:flex-end; }
.hierarchy-page .administration-permission-summary { padding-right:18px; }
.hierarchy-page .administration-permission-summary span { font-size:9px; color:#617180; }
.hierarchy-page .administration-permission-summary strong { font-size:11px; }
.hierarchy-page .workspace-register-header-action { background:#087f74; color:#fff; padding:12px 17px; border:1px solid #087f74; border-radius:8px; gap:14px; }
.hierarchy-page .workspace-register-header-action:hover { background:#06665e; border-color:#06665e; }
.hierarchy-page .hierarchy-text-button { font-size:12px; }
.hierarchy-page .hierarchy-management-navigation { margin-bottom:18px; background:transparent; border:0; border-bottom:1px solid #dce5e2; border-radius:0; width:100%; padding:0; gap:24px; }
.hierarchy-page .hierarchy-management-navigation button { padding:11px 0; border:0; border-bottom:2px solid transparent; border-radius:0; font-size:12px; color:#596e79; }
.hierarchy-page .hierarchy-management-navigation button[aria-pressed="true"] { border-bottom-color:#087f74; background:transparent; box-shadow:none; color:#08786d; }
.hierarchy-page .hierarchy-firm-switcher { grid-template-columns:38px minmax(130px,1fr) minmax(170px,.75fr) auto auto; gap:16px; padding:13px 18px; margin:0 0 20px; box-shadow:none; border-radius:10px; }
.hierarchy-page .hierarchy-firm-monogram { width:38px; height:38px; border-radius:9px; font-size:16px; }
.hierarchy-page .administration-workspace-heading>span,
.hierarchy-page .administration-workspace-select>span,
.hierarchy-page .hierarchy-quota>span { font-size:10px; text-transform:none; letter-spacing:0; font-weight:500; color:#60717c; }
.hierarchy-page .administration-workspace-select select { min-height:36px; padding:7px 10px; border:1px solid #d6e2de; border-radius:6px; background:#fff; color:#294651; font-size:12px; width:100%; }
.hierarchy-page .hierarchy-quota { padding-left:16px; }
.hierarchy-page .hierarchy-quota strong { font-size:18px; }
.hierarchy-page .hierarchy-workspace { grid-template-columns:210px minmax(0,1fr); gap:24px; }
.hierarchy-page .hierarchy-workspace.is-platform { grid-template-columns:minmax(0,1fr); }
.hierarchy-page .hierarchy-team-sidebar>header { padding:12px 10px 16px; gap:12px; }
.hierarchy-page .hierarchy-team-sidebar h2 { font-size:21px; }
.hierarchy-page .hierarchy-add-team { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; padding:0; line-height:1; text-align:center; }
.hierarchy-page .hierarchy-team-nav { font-size:13px; min-height:44px; color:#526873; }
.hierarchy-page .hierarchy-team-nav.is-selected { color:#076f65; border-color:#c7e3dc; background:#e2f0eb; }
.hierarchy-page .hierarchy-team-nav small { font-size:11px; color:#526e76; }
.hierarchy-page .hierarchy-sidebar-note { margin:20px 10px 0; padding-top:14px; }
.hierarchy-page .hierarchy-sidebar-note summary { cursor:pointer; font-size:12px; color:#526e76; }
.hierarchy-page .hierarchy-sidebar-note p { font-size:12px; color:#60747d; line-height:1.65; }
.hierarchy-page .hierarchy-member-panel>header { min-height:0; padding:17px 20px; }
.hierarchy-page .hierarchy-member-panel>header h2 { font-size:23px; }
.hierarchy-page .hierarchy-member-panel>header p { font-size:12px; color:#60717e; margin-top:5px; }
.hierarchy-page .hierarchy-member-panel>header>div>span { display:none; }
.hierarchy-page .hierarchy-member-toolbar { padding:12px 20px; gap:16px; }
.hierarchy-page .hierarchy-search { border:1px solid #dce5e2; background:#f8faf9; border-radius:7px; padding:7px 11px; }
.hierarchy-page .hierarchy-search input { font-size:13px; padding:3px; }
.hierarchy-page .hierarchy-search input::placeholder { color:#697b83; opacity:1; }
.hierarchy-page .hierarchy-member-toolbar>select { min-height:38px; font-size:12px; border-radius:7px; }
.hierarchy-page .administration-member-columns { font-size:10px; color:#5f717b; padding-block:11px; }
.hierarchy-page .administration-member-row { min-height:76px; padding-block:14px; }
.hierarchy-page .administration-member-row:hover { background:#f8fbfa; }
.hierarchy-page .administration-member-copy strong { font-size:13px; }
.hierarchy-page .administration-member-copy span { font-size:12px; color:#647583; }
.hierarchy-page .administration-member-role strong { font-size:12px; }
.hierarchy-page .administration-member-role .hierarchy-status { font-size:11px; color:#60717c; margin-top:4px; }
.hierarchy-page .administration-member-teams span { font-size:10px; padding:5px 8px; color:#46665f; }
.hierarchy-page .hierarchy-panel-footer { font-size:11px; color:#60717c; padding:12px 20px; }
.hierarchy-page :is(button, select, summary):focus-visible { outline:2px solid #087f74; outline-offset:3px; }
@media (max-width:1100px) {
    .hierarchy-page .administration-header { align-items:flex-start; flex-direction:column; gap:18px; }
    .hierarchy-page .administration-header-actions { justify-content:flex-start; }
    .hierarchy-page .hierarchy-firm-switcher { grid-template-columns:38px minmax(130px,1fr) minmax(170px,1fr); }
    .hierarchy-page .hierarchy-quota { grid-column:2; border:0; padding:0; }
}
@media (max-width:980px) {
    .hierarchy-page .hierarchy-workspace { grid-template-columns:minmax(0,1fr); gap:16px; }
    .hierarchy-page .hierarchy-team-sidebar>header { padding:0 10px 0 0; }
    .hierarchy-page .hierarchy-sidebar-note { display:block; width:100%; margin:8px 0 0; padding-top:10px; }
}
@media (max-width:680px) {
    .hierarchy-page { padding:24px 16px 36px; }
    .hierarchy-page .administration-header h1 { font-size:30px; }
    .hierarchy-page .administration-permission-summary { width:100%; text-align:left; border:0; }
    .hierarchy-page .administration-header-actions { gap:12px; }
    .hierarchy-page .hierarchy-firm-switcher { grid-template-columns:38px minmax(0,1fr); padding:13px; gap:12px; }
    .hierarchy-page .hierarchy-quota { grid-column:1/-1; }
    .hierarchy-page .hierarchy-management-navigation { gap:18px; }
    .hierarchy-page .hierarchy-member-toolbar { padding:12px; gap:10px; flex-wrap:wrap; }
    .hierarchy-page .hierarchy-search { flex-basis:100%; }
    .hierarchy-page .hierarchy-member-panel>header { padding:16px; }
}
.hierarchy-page .administration-header h1 { color:#102b43; }
.hierarchy-page .administration-header p { color:#60717e; }
.hierarchy-page .workspace-register-kicker { color:#087f74; }
.hierarchy-page .administration-member-role strong { white-space:normal; overflow-wrap:anywhere; line-height:1.45; }
@media (min-width:1101px) {
    .hierarchy-page .hierarchy-firm-switcher>.hierarchy-text-button { grid-column:auto; }
}
@media (min-width:681px) and (max-width:1100px) {
    .hierarchy-page .hierarchy-firm-switcher>.hierarchy-text-button { grid-column:3; }
}
