@layer components{.panel-app{background:var(--color-background-page);min-height:100vh;font-size:var(--interface-font-size);line-height:var(--interface-line-height)}.panel-app h1,.panel-app h2,.panel-app h3{font-family:var(--font-body);overflow-wrap:anywhere;font-weight:500}.panel-skip{top:-6rem;z-index:100;background:var(--color-background-card);padding:1rem;position:fixed;inset-inline-start:1rem}.panel-skip:focus{top:1rem}.panel-topbar{border-bottom:1px solid var(--color-border);background:var(--color-background-card);justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.65rem 1.5rem;display:flex}.panel-brand,.panel-account{align-items:center;gap:1rem;min-width:0;display:flex}.panel-brand .brand-mark{width:44px;height:44px}.panel-brand .brand-name{font-size:1.65rem}.panel-brand .brand-latin{font-size:.5rem}.panel-topbar-divider{background:var(--color-border);width:1px;height:2.25rem}.panel-topbar-label,.panel-account-name{color:var(--color-text-secondary);font-size:.85rem}.panel-layout{grid-template-columns:216px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.panel-sidebar{background:var(--color-background-card);border-inline-end:1px solid var(--color-border);flex-direction:column;padding:1.25rem .75rem;display:flex}.panel-nav-label{color:var(--color-text-secondary);margin:0 .75rem .65rem;font-size:.75rem}.panel-nav-item{border-radius:var(--shape-control);border-inline-start:2px solid #0000;align-items:center;gap:.65rem;margin-bottom:.2rem;padding:.55rem .75rem;font-size:.85rem;display:flex}.panel-nav-item:hover{background:var(--color-background-page)}.panel-nav-item.panel-nav-active{background:var(--color-background-stone);border-inline-start-color:var(--color-accent-sunrise);font-weight:500}.panel-nav-note{border-top:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:.8rem;margin:1.5rem .75rem 0;padding-top:1rem;font-size:.8rem;display:flex}.panel-nav-note .anticon{font-size:1.15rem}.panel-home-link{align-items:center;gap:1rem;margin:auto .75rem .5rem;padding-top:2rem;font-size:.8rem;display:flex}.panel-content{width:100%;min-width:0;max-width:1600px;margin-inline:auto;padding:1.25rem clamp(1rem,2.2vw,2rem) 0}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-block:1.25rem;display:flex}.panel-heading h1{font-size:var(--interface-heading-size);margin-top:.25rem}.panel-description{color:var(--color-text-secondary);max-width:46rem;margin-top:.4rem;font-size:.85rem}.panel-heading-action{flex-shrink:0}.panel-surface{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--shape-panel);min-width:0;margin-bottom:1rem;padding:1rem 1.25rem}.panel-welcome{border:1px solid var(--color-border);border-inline-start:2px solid var(--color-accent-sunrise);background:var(--color-background-card);border-radius:var(--shape-panel);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.panel-welcome h2{font-size:var(--interface-section-size);margin-block:.2rem .4rem}.panel-welcome p:not(.eyebrow){color:var(--color-text-secondary);max-width:40rem;font-size:.85rem}.panel-workspaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel-workspace-card{border:1px solid var(--color-border);border-radius:var(--shape-panel);background:var(--color-background-card);grid-template-columns:2rem minmax(0,1fr) 1rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:border-color .15s;display:grid}.panel-workspace-card:hover{border-color:var(--color-control-border)}.panel-workspace-icon{background:var(--color-background-stone);border-radius:var(--shape-control);justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;display:inline-flex}.panel-workspace-card h2{margin-block:0 .35rem;font-size:1rem}.panel-workspace-card p{color:var(--color-text-secondary);font-size:.85rem}.panel-principle{border-top:1px solid var(--color-border);align-items:center;gap:.75rem;margin-top:1.25rem;padding:1.25rem 0;display:flex}.panel-principle>.anticon{font-size:1.25rem}.panel-principle h2{font-size:.9rem}.panel-principle p{color:var(--color-text-secondary);margin-top:.4rem;font-size:.8rem}.panel-footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:space-between;gap:1rem;margin-top:2rem;padding-block:1rem;font-size:.7rem;display:flex}.panel-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.panel-filter-bar>.ant-input-affix-wrapper{flex:230px;max-width:30rem}.panel-filter-bar>.ant-select{min-width:180px}.panel-table-link{text-underline-offset:.25rem;font-weight:500;text-decoration:underline}.panel-role-fields{grid-template-columns:1fr 1.5fr;gap:1rem;display:grid}.panel-role-fields label{margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.panel-checklist-surface{padding:0}.permission-editor{grid-template-columns:180px minmax(0,1fr);display:grid}.permission-categories{border-inline-end:1px solid var(--color-border);background:var(--color-background-page);padding:1rem .75rem}.permission-category{border-radius:var(--shape-control);text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:.35rem;padding:.5rem .65rem;font-size:.8rem;display:flex}.permission-category.selected{background:var(--color-background-stone);font-weight:500}.permission-help{color:var(--color-text-secondary);padding:1rem .8rem 0;font-size:.75rem;line-height:2}.permission-main{min-width:0;padding:1rem 1.25rem}.permission-selection-summary{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.permission-row{border-bottom:1px solid var(--color-border);border-inline-start:2px solid #0000;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.permission-row-selected{border-inline-start-color:var(--color-action-primary);background:var(--color-background-page)}.permission-row-content{min-width:0}.permission-row p{color:var(--color-text-secondary);margin-top:.35rem;font-size:.8rem}.permission-title{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.permission-row code,.panel-surface code{overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:.72rem;display:inline-block}.permission-locked{align-items:center;gap:.4rem;display:flex}.panel-edit-footer{z-index:2;border:1px solid var(--color-border);background:var(--color-background-card);border-radius:var(--shape-panel);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:1rem}.panel-edit-footer strong{font-size:.85rem}.panel-edit-footer p{color:var(--color-text-secondary);font-size:.75rem}.panel-danger-zone{border:1px solid var(--color-border);border-radius:var(--shape-panel);justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:1rem;display:flex}.panel-danger-zone h2{font-size:var(--interface-section-size)}.panel-danger-zone p{color:var(--color-text-secondary);margin-top:.5rem;font-size:.8rem}.panel-section-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-section-top p{color:var(--color-text-secondary);font-size:.9rem}.panel-assigned-role{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.panel-assigned-role a{text-underline-offset:.3rem;font-weight:500;text-decoration:underline}.panel-grant{border:1px solid var(--color-border);border-radius:var(--shape-control);padding:.85rem 1rem}.panel-grant p{color:var(--color-text-secondary);margin-block:.4rem .7rem;font-size:.8rem}.panel-inline-note{border-inline-start:2px solid var(--color-border);border-radius:var(--shape-control);align-items:flex-start;gap:.8rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.panel-inline-note .anticon{margin-top:.4rem}.panel-pagination{margin-top:1.5rem}.panel-menu-toggle,.permission-mobile-category{display:none}@media (max-width:1100px){.panel-layout{grid-template-columns:205px minmax(0,1fr)}.panel-sidebar{padding-inline:.75rem}.permission-editor{grid-template-columns:170px minmax(0,1fr)}.permission-main{padding:.65rem 1rem}.panel-role-fields{grid-template-columns:1fr}}@media (max-width:850px){.panel-layout{grid-template-columns:minmax(0,1fr)}.panel-sidebar{display:none}.panel-menu-toggle{display:inline-flex}.panel-topbar{gap:1rem;padding:1rem}.panel-brand,.panel-account{gap:.75rem}.panel-topbar-divider,.panel-topbar-label,.panel-account-name{display:none}.panel-content{padding:1.25rem 1rem 0}.panel-heading{flex-direction:column;align-items:flex-start}.panel-heading h1{font-size:var(--interface-heading-size)}.panel-welcome,.panel-surface{padding:1rem}.panel-checklist-surface{padding:0}.permission-editor{grid-template-columns:minmax(0,1fr)}.permission-categories{border-inline-end:0;border-bottom:1px solid var(--color-border);padding:1rem}.permission-category-buttons{display:none}.permission-mobile-category{width:100%;display:flex}.permission-help{padding:.75rem 0 0}.panel-edit-footer{flex-direction:column;align-items:flex-start;position:static}.panel-edit-footer>div{width:100%}.panel-danger-zone{flex-direction:column;align-items:flex-start;gap:1rem}.panel-footer{flex-direction:column;margin-top:2.5rem}}@media (max-width:500px){.panel-workspaces{grid-template-columns:minmax(0,1fr)}.panel-brand .brand-mark{width:44px;height:44px}.panel-brand .brand-name{font-size:1.6rem}.panel-brand .brand-latin{font-size:.4rem}.panel-brand .brand-lockup{gap:.4rem}.panel-topbar{padding:.8rem .7rem}.permission-row{gap:.75rem;padding:.75rem .5rem}.panel-account .ant-btn{padding-inline:.65rem}.panel-filter-bar{align-items:stretch}.panel-filter-bar>.ant-select{width:100%}}@media (pointer:coarse){.panel-nav-item,.permission-category{min-height:44px}}}