/* /Components/Pages/Consulta/Consulta.razor.rz.scp.css */
.consulta-page[b-0kc70foblr] {
   display: flex;
   flex-direction: column;
   height: calc(100vh - 64px);
   font-family: 'Segoe UI', sans-serif;
   font-size: 14px;
   color: var(--mud-palette-text-primary);
}

.search-toolbar[b-0kc70foblr] {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 12px 20px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   background: var(--mud-palette-surface);
}

.search-input-wrapper[b-0kc70foblr] {
   flex: 1;
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 8px 12px;
   background: var(--mud-palette-background);
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 8px;
   transition: border-color 0.15s;
}

.search-input-wrapper:focus-within[b-0kc70foblr] {
   border-color: var(--mud-palette-primary);
   box-shadow: 0 0 0 2px rgba(74, 155, 78, 0.15);
}

.search-icon[b-0kc70foblr] {
   color: var(--mud-palette-text-secondary);
   flex-shrink: 0;
}

.search-input[b-0kc70foblr] {
   flex: 1;
   border: none;
   outline: none;
   background: transparent;
   font-size: 14px;
   color: var(--mud-palette-text-primary);
   font-family: inherit;
}

.search-input[b-0kc70foblr]::placeholder {
   color: var(--mud-palette-text-disabled);
}

.btn-clear[b-0kc70foblr] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 24px;
   height: 24px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 50%;
   color: var(--mud-palette-text-secondary);
   flex-shrink: 0;
}

.btn-clear:hover[b-0kc70foblr] {
   background: var(--mud-palette-action-default-hover);
}

.filter-chip[b-0kc70foblr] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 4px 8px 4px 6px;
   background: var(--mud-palette-primary);
   color: var(--mud-palette-primary-text);
   border-radius: 16px;
   font-size: 12px;
   font-weight: 500;
   white-space: nowrap;
}

.chip-remove[b-0kc70foblr] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 18px;
   height: 18px;
   border: none;
   background: rgba(255, 255, 255, 0.2);
   cursor: pointer;
   border-radius: 50%;
   color: inherit;
   margin-left: 2px;
}

.chip-remove:hover[b-0kc70foblr] {
   background: rgba(255, 255, 255, 0.35);
}

.consulta-content[b-0kc70foblr] {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
}
/* /Components/Pages/Consulta/ConsultaCategoryCards.razor.rz.scp.css */
.categories-header[b-shil7fmj14] {
   display: flex;
   align-items: center;
   gap: 6px;
   margin-bottom: 16px;
   font-size: 15px;
   font-weight: 600;
   color: var(--mud-palette-text-primary);
}

.category-grid[b-shil7fmj14] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
   gap: 12px;
}

.category-card[b-shil7fmj14] {
   display: flex;
   align-items: flex-start;
   gap: 14px;
   padding: 16px;
   background: var(--mud-palette-surface);
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.15s;
}

.category-card:hover[b-shil7fmj14] {
   border-color: var(--mud-palette-primary);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   transform: translateY(-1px);
}

.category-card-icon[b-shil7fmj14] {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
   border-radius: 10px;
   background: rgba(74, 155, 78, 0.08);
}

.category-card-info[b-shil7fmj14] {
   flex: 1;
   min-width: 0;
}

.category-card-name[b-shil7fmj14] {
   display: block;
   font-weight: 600;
   font-size: 14px;
   color: var(--mud-palette-text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.category-card-parent[b-shil7fmj14] {
   display: block;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
   margin-top: 1px;
}

.category-card-stats[b-shil7fmj14] {
   display: flex;
   gap: 12px;
   margin-top: 8px;
}

.stat[b-shil7fmj14] {
   display: inline-flex;
   align-items: center;
   gap: 3px;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

.stat[b-shil7fmj14]  .mud-icon-root {
   font-size: 14px;
}

.empty-state[b-shil7fmj14] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 12px;
   padding: 60px 20px;
   color: var(--mud-palette-text-secondary);
}
/* /Components/Pages/Consulta/ConsultaResultsList.razor.rz.scp.css */
.results-header[b-o3x2smtcgi] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 12px;
}

.results-count[b-o3x2smtcgi] {
   font-size: 13px;
   font-weight: 500;
   color: var(--mud-palette-text-secondary);
}

.results-list[b-o3x2smtcgi] {
   display: flex;
   flex-direction: column;
}

.result-card[b-o3x2smtcgi] {
   margin-bottom: 8px;
   padding: 14px 16px;
   background: var(--mud-palette-surface);
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.15s;
}

.result-card:hover[b-o3x2smtcgi] {
   border-color: var(--mud-palette-primary);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.result-card-main[b-o3x2smtcgi] {
   display: flex;
   flex-direction: column;
   gap: 6px;
}

.result-card-header[b-o3x2smtcgi] {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 8px;
}

.result-title[b-o3x2smtcgi] {
   font-weight: 600;
   font-size: 14px;
   color: var(--mud-palette-text-primary);
}

.result-material-count[b-o3x2smtcgi] {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
   flex-shrink: 0;
}

.result-material-count[b-o3x2smtcgi]  .mud-icon-root {
   font-size: 14px;
}

.result-breadcrumb[b-o3x2smtcgi] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

.result-breadcrumb[b-o3x2smtcgi]  .mud-icon-root {
   font-size: 14px;
}

.result-description[b-o3x2smtcgi] {
   font-size: 13px;
   color: var(--mud-palette-text-secondary);
   line-height: 1.4;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   margin: 0;
}

.result-footer[b-o3x2smtcgi] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 8px;
   margin-top: 2px;
}

.result-badges[b-o3x2smtcgi] {
   display: flex;
   gap: 4px;
}

.badge[b-o3x2smtcgi] {
   font-size: 11px;
   padding: 2px 6px;
   border-radius: 4px;
   font-weight: 500;
}

.badge-material[b-o3x2smtcgi] {
   background: #dbeafe;
   color: #1e40af;
}

.result-tags[b-o3x2smtcgi] {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
}

.tag-chip[b-o3x2smtcgi] {
   font-size: 11px;
   padding: 1px 6px;
   background: var(--mud-palette-background-gray);
   color: var(--mud-palette-text-secondary);
   border-radius: 3px;
}

.empty-state[b-o3x2smtcgi] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 12px;
   padding: 60px 20px;
   color: var(--mud-palette-text-secondary);
}
/* /Components/Pages/Consulta/ConsultaTopicDrawer.razor.rz.scp.css */
.consulta-drawer[b-jgvwt9777i] {
   position: fixed;
   top: 64px;
   right: 0;
   width: 520px;
   height: calc(100vh - 64px);
   background: var(--mud-palette-surface);
   box-shadow: -4px 0 16px rgba(0, 0, 0, 0.12);
   display: flex;
   flex-direction: column;
   z-index: 1200;
   transform: translateX(100%);
   transition: transform 0.25s ease;
}

.consulta-drawer.open[b-jgvwt9777i] {
   transform: translateX(0);
}

.drawer-backdrop[b-jgvwt9777i] {
   position: fixed;
   top: 64px;
   left: 0;
   right: 520px;
   bottom: 0;
   z-index: 1199;
}

.drawer-header[b-jgvwt9777i] {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 14px 16px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   gap: 12px;
}

.drawer-header-info[b-jgvwt9777i] {
   flex: 1;
   min-width: 0;
}

.drawer-title[b-jgvwt9777i] {
   display: block;
   font-weight: 600;
   font-size: 16px;
   color: var(--mud-palette-text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.drawer-breadcrumb[b-jgvwt9777i] {
   display: block;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
   margin-top: 2px;
}

.drawer-tabs[b-jgvwt9777i] {
   display: flex;
   border-bottom: 1px solid var(--mud-palette-lines-default);
}

.tab[b-jgvwt9777i] {
   flex: 1;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
   padding: 8px 6px;
   border: none;
   background: transparent;
   cursor: pointer;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
   text-align: center;
   white-space: nowrap;
   border-bottom: 2px solid transparent;
   transition: all 0.15s;
}

.tab[b-jgvwt9777i]  .mud-icon-root {
   font-size: 16px;
}

.tab:hover[b-jgvwt9777i] {
   background: var(--mud-palette-action-default-hover);
}

.tab.active[b-jgvwt9777i] {
   color: var(--mud-palette-primary);
   border-bottom-color: var(--mud-palette-primary);
   font-weight: 600;
}

.tab-count[b-jgvwt9777i] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 18px;
   height: 18px;
   padding: 0 4px;
   background: var(--mud-palette-primary);
   color: white;
   border-radius: 9px;
   font-size: 10px;
   font-weight: 700;
}

.drawer-content[b-jgvwt9777i] {
   flex: 1;
   overflow-y: auto;
   padding: 16px;
}

/* Tab 0: Conteúdo */
.topic-description-block[b-jgvwt9777i],
.topic-tags-block[b-jgvwt9777i],
.topic-content-block[b-jgvwt9777i] {
   margin-bottom: 16px;
}

.topic-description-block label[b-jgvwt9777i],
.topic-tags-block label[b-jgvwt9777i],
.topic-content-block label[b-jgvwt9777i] {
   display: block;
   font-size: 12px;
   font-weight: 600;
   color: var(--mud-palette-text-secondary);
   margin-bottom: 4px;
}

.topic-description-block p[b-jgvwt9777i] {
   margin: 0;
   font-size: 13px;
   color: var(--mud-palette-text-primary);
   line-height: 1.5;
}

.tags-list[b-jgvwt9777i] {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
}

.tag-chip[b-jgvwt9777i] {
   font-size: 11px;
   padding: 2px 8px;
   background: var(--mud-palette-background-gray);
   color: var(--mud-palette-text-secondary);
   border-radius: 3px;
}

.content-viewer[b-jgvwt9777i] {
   font-size: 13px;
   line-height: 1.6;
   color: var(--mud-palette-text-primary);
}

.content-viewer h1[b-jgvwt9777i],
.content-viewer h2[b-jgvwt9777i],
.content-viewer h3[b-jgvwt9777i] {
   margin-top: 16px;
   margin-bottom: 8px;
}

.content-viewer p[b-jgvwt9777i] {
   margin-bottom: 8px;
}

.content-viewer ul[b-jgvwt9777i],
.content-viewer ol[b-jgvwt9777i] {
   padding-left: 20px;
   margin-bottom: 8px;
}

/* Tab 1: Materiais */
.materials-list[b-jgvwt9777i] {
   display: flex;
   flex-direction: column;
   gap: 6px;
}

.material-item[b-jgvwt9777i] {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 10px 12px;
   background: var(--mud-palette-background);
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 6px;
}

.material-icon[b-jgvwt9777i] {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border-radius: 6px;
   background: rgba(74, 155, 78, 0.08);
}

.material-info[b-jgvwt9777i] {
   flex: 1;
   min-width: 0;
}

.material-name[b-jgvwt9777i] {
   display: block;
   font-weight: 500;
   font-size: 13px;
   color: var(--mud-palette-text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.material-meta[b-jgvwt9777i] {
   display: block;
   font-size: 11px;
   color: var(--mud-palette-text-secondary);
   margin-top: 1px;
}

.material-actions[b-jgvwt9777i] {
   flex-shrink: 0;
}

.btn-action[b-jgvwt9777i] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   color: var(--mud-palette-primary);
   text-decoration: none;
}

.btn-action:hover[b-jgvwt9777i] {
   background: var(--mud-palette-action-default-hover);
}

/* Tab 2: Relacionados */
.related-list[b-jgvwt9777i] {
   display: flex;
   flex-direction: column;
   gap: 6px;
}

.related-item[b-jgvwt9777i] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   padding: 10px 12px;
   background: var(--mud-palette-background);
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.15s;
}

.related-item:hover[b-jgvwt9777i] {
   border-color: var(--mud-palette-primary);
   background: var(--mud-palette-surface);
}

.related-info[b-jgvwt9777i] {
   flex: 1;
   min-width: 0;
}

.related-title[b-jgvwt9777i] {
   display: block;
   font-weight: 500;
   font-size: 13px;
   color: var(--mud-palette-text-primary);
}

.related-breadcrumb[b-jgvwt9777i] {
   display: block;
   font-size: 11px;
   color: var(--mud-palette-text-secondary);
   margin-top: 1px;
}

.related-count[b-jgvwt9777i] {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
   flex-shrink: 0;
}

.related-count[b-jgvwt9777i]  .mud-icon-root {
   font-size: 14px;
}

/* Estado vazio */
.empty-tab[b-jgvwt9777i] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 40px 20px;
   color: var(--mud-palette-text-secondary);
   text-align: center;
}

.empty-tab p[b-jgvwt9777i] {
   margin: 0;
   font-size: 13px;
}

.btn-icon[b-jgvwt9777i] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   color: var(--mud-palette-text-secondary);
   flex-shrink: 0;
}

.btn-icon:hover[b-jgvwt9777i] {
   background: var(--mud-palette-action-default-hover);
}
/* /Components/Pages/DocsExplorer/CategoryTree.razor.rz.scp.css */
.category-tree[b-82woc3ydog] {
   display: flex;
   flex-direction: column;
   height: 100%;
   background: var(--mud-palette-background);
}

.tree-header[b-82woc3ydog] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px 12px;
   background: var(--mud-palette-primary);
   color: var(--mud-palette-primary-text);
   font-weight: 600;
   font-size: 13px;
}

.tree-header-actions[b-82woc3ydog] {
   display: flex;
   gap: 2px;
}

.tree-title[b-82woc3ydog] {
   font-size: 13px;
}

.tree-actions[b-82woc3ydog] {
   display: flex;
   align-items: center;
   gap: 2px;
   padding: 4px 8px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   background: var(--mud-palette-background-gray);
}

.tree-filter[b-82woc3ydog] {
   padding: 6px 8px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
}

.filter-input[b-82woc3ydog] {
   width: 100%;
   padding: 5px 8px;
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 4px;
   font-size: 12px;
   outline: none;
   background: var(--mud-palette-surface);
   color: var(--mud-palette-text-primary);
}

.filter-input:focus[b-82woc3ydog] {
   border-color: #3b82f6;
}

.tree-content[b-82woc3ydog] {
   flex: 1;
   overflow: auto;
   padding: 4px;
}

.tree-node-content[b-82woc3ydog] {
   display: flex;
   align-items: center;
   gap: 4px;
   padding: 4px 8px;
   border-radius: 4px;
   cursor: pointer;
   font-size: 13px;
   user-select: none;
   color: var(--mud-palette-text-primary);
}

.tree-node-content:hover[b-82woc3ydog] {
   background: var(--mud-palette-action-default-hover);
}

.tree-node-content.selected[b-82woc3ydog] {
   background: var(--mud-palette-primary-lighten);
   font-weight: 600;
   color: white;
}

.tree-node-content.selected .tree-node-label[b-82woc3ydog] {
   color: white;
}

.tree-node-children[b-82woc3ydog] {
   padding-left: 16px;
}

.tree-node-label[b-82woc3ydog] {
   font-size: 13px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.expand-btn[b-82woc3ydog] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 18px;
   height: 18px;
   border: none;
   background: transparent;
   cursor: pointer;
   padding: 0;
   font-size: 10px;
   color: var(--mud-palette-text-secondary);
   flex-shrink: 0;
}

.expand-spacer[b-82woc3ydog] {
   width: 18px;
   flex-shrink: 0;
}

.btn-icon[b-82woc3ydog] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   color: var(--mud-palette-text-secondary);
   font-size: 13px;
}

.btn-icon:hover[b-82woc3ydog] {
   background: var(--mud-palette-action-default-hover);
}

.btn-icon-light[b-82woc3ydog] {
   color: var(--mud-palette-primary-text);
}

.btn-icon-light:hover[b-82woc3ydog] {
   background: rgba(255, 255, 255, 0.15);
}

.btn-icon-danger[b-82woc3ydog] {
   color: #ef4444;
}

.btn-text[b-82woc3ydog] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   border: none;
   background: transparent;
   cursor: pointer;
   padding: 4px 8px;
   border-radius: 4px;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

.btn-text:hover[b-82woc3ydog] {
   background: var(--mud-palette-action-default-hover);
}

.btn-sm[b-82woc3ydog] {
   font-size: 12px;
}

/* MudIcon dentro de botões compactos */
.btn-icon[b-82woc3ydog]  .mud-icon-root,
.btn-text[b-82woc3ydog]  .mud-icon-root,
.expand-btn[b-82woc3ydog]  .mud-icon-root {
   font-size: 18px;
}

.tree-node-content[b-82woc3ydog]  .mud-icon-root {
   font-size: 18px;
}
/* /Components/Pages/DocsExplorer/DocsExplorer.razor.rz.scp.css */
.docs-explorer[b-1du9vfwdj7] {
   display: flex;
   flex-direction: column;
   height: calc(100vh - 64px);
   font-family: 'Segoe UI', sans-serif;
   font-size: 14px;
   color: var(--mud-palette-text-primary);
}

.app-toolbar[b-1du9vfwdj7] {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 6px 12px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   background: var(--mud-palette-surface);
   position: relative;
   z-index: 1200;
}

.btn[b-1du9vfwdj7] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 5px 12px;
   border: 1px solid transparent;
   border-radius: 4px;
   font-size: 13px;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.15s;
}

.btn:disabled[b-1du9vfwdj7] {
   opacity: 0.5;
   cursor: not-allowed;
}

.btn[b-1du9vfwdj7]  .mud-icon-root {
   font-size: 16px;
}

.btn-sm[b-1du9vfwdj7] {
   padding: 4px 10px;
   font-size: 12px;
}

.btn-success[b-1du9vfwdj7] {
   background: #22c55e;
   color: white;
}

.btn-success:hover:not(:disabled)[b-1du9vfwdj7] {
   background: #16a34a;
}

.btn-info[b-1du9vfwdj7] {
   background: #3b82f6;
   color: white;
}

.btn-info:hover:not(:disabled)[b-1du9vfwdj7] {
   background: #2563eb;
}

.btn-danger[b-1du9vfwdj7] {
   background: #ef4444;
   color: white;
}

.btn-danger:hover:not(:disabled)[b-1du9vfwdj7] {
   background: #dc2626;
}

.btn-outlined[b-1du9vfwdj7] {
   background: transparent;
   border-color: #ef4444;
   color: #ef4444;
}

.btn-outlined:hover:not(:disabled)[b-1du9vfwdj7] {
   background: rgba(239, 68, 68, 0.08);
}

.dirty-badge[b-1du9vfwdj7] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 16px;
   height: 16px;
   background: #ef4444;
   color: white;
   border-radius: 50%;
   font-size: 10px;
   font-weight: 700;
   margin-left: 4px;
}

.docs-content[b-1du9vfwdj7] {
   flex: 1;
   overflow: hidden;
}

.docs-splitter[b-1du9vfwdj7] {
   display: flex;
   height: 100%;
}

.sidebar-panel[b-1du9vfwdj7] {
   width: 20%;
   min-width: 200px;
   overflow: hidden;
}

.splitter-gutter[b-1du9vfwdj7] {
   width: 4px;
   background: var(--mud-palette-lines-default);
   cursor: col-resize;
}

.main-panel[b-1du9vfwdj7] {
   flex: 1;
   overflow: hidden;
}

.docs-statusbar[b-1du9vfwdj7] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 4px 12px;
   background: var(--mud-palette-background);
   border-top: 1px solid var(--mud-palette-lines-default);
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
   height: 28px;
   flex-shrink: 0;
}

.dirty-indicator[b-1du9vfwdj7] {
   color: #e67e22;
   font-weight: 600;
}

.dialog-field[b-1du9vfwdj7] {
   margin-bottom: 12px;
}

.dialog-field label[b-1du9vfwdj7] {
   display: block;
   font-weight: 600;
   font-size: 13px;
   margin-bottom: 4px;
   color: var(--mud-palette-text-secondary);
}

.form-input[b-1du9vfwdj7],
.form-select[b-1du9vfwdj7] {
   width: 100%;
   padding: 8px 10px;
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 4px;
   font-size: 13px;
   outline: none;
   transition: border-color 0.15s;
   background: var(--mud-palette-surface);
   color: var(--mud-palette-text-primary);
}

.form-input:focus[b-1du9vfwdj7],
.form-select:focus[b-1du9vfwdj7] {
   border-color: #3b82f6;
   box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.saving-overlay[b-1du9vfwdj7] {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.4);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   z-index: 9999;
   gap: 12px;
}

.saving-text[b-1du9vfwdj7] {
   color: white;
   font-size: 14px;
   font-weight: 600;
}
/* /Components/Pages/DocsExplorer/MaterialsPanel.razor.rz.scp.css */
.materials-panel[b-nuwfujbuml] {
   padding: 4px 0;
}

.panel-actions[b-nuwfujbuml] {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
   margin-bottom: 8px;
}

/* === Drop zone === */

.drop-zone[b-nuwfujbuml] {
   border: 2px dashed var(--mud-palette-lines-default);
   border-radius: 8px;
   margin-bottom: 12px;
   transition: border-color 0.2s, background-color 0.2s;
   overflow: hidden;
}

.drop-zone:hover[b-nuwfujbuml] {
   border-color: #93c5fd;
   background: rgba(59, 130, 246, 0.06);
}

.drop-zone-disabled[b-nuwfujbuml] {
   opacity: 0.6;
   pointer-events: none;
   border-color: var(--mud-palette-lines-default);
   background: var(--mud-palette-background);
}

[b-nuwfujbuml] .drop-zone-active,
[b-nuwfujbuml] .drop-zone-active:hover {
   border-color: #3b82f6 !important;
   background: rgba(59, 130, 246, 0.08) !important;
   border-style: solid !important;
}

/* Seletor de tipo dentro da drop zone */

.drop-zone-type-selector[b-nuwfujbuml] {
   display: flex;
   justify-content: center;
   gap: 4px;
   padding: 8px 12px 4px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   background: var(--mud-palette-background);
}

.type-btn[b-nuwfujbuml] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 3px 10px;
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 14px;
   background: var(--mud-palette-surface);
   font-size: 11px;
   cursor: pointer;
   transition: all 0.15s;
   color: var(--mud-palette-text-secondary);
}

.type-btn[b-nuwfujbuml]  .mud-icon-root {
   font-size: 14px;
}

.type-btn:hover[b-nuwfujbuml] {
   border-color: #93c5fd;
   background: rgba(59, 130, 246, 0.06);
}

.type-btn.active[b-nuwfujbuml] {
   background: #3b82f6;
   color: white;
   border-color: #3b82f6;
}

/* Conteudo clicavel da drop zone */

.drop-zone-content[b-nuwfujbuml] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 4px;
   padding: 16px;
   cursor: pointer;
}

/* MudIcon nos botões de ação e dentro de .btn */
.btn[b-nuwfujbuml]  .mud-icon-root {
   font-size: 14px;
}

.btn-icon[b-nuwfujbuml]  .mud-icon-root {
   font-size: 16px;
}

.drop-zone-text[b-nuwfujbuml] {
   font-size: 13px;
   color: var(--mud-palette-text-secondary);
}

.drop-zone-hint[b-nuwfujbuml] {
   font-size: 11px;
   color: var(--mud-palette-text-disabled);
}

/* === Tabela de materiais === */

.materials-table[b-nuwfujbuml] {
   width: 100%;
   border-collapse: collapse;
   font-size: 13px;
   table-layout: fixed;
}

.materials-table th[b-nuwfujbuml] {
   text-align: left;
   padding: 6px 8px;
   background: var(--mud-palette-background);
   border-bottom: 1px solid var(--mud-palette-lines-default);
   font-weight: 600;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

.materials-table td[b-nuwfujbuml] {
   padding: 6px 8px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   vertical-align: middle;
}

.materials-table tbody tr:hover[b-nuwfujbuml] {
   background: var(--mud-palette-action-default-hover);
}

/* === Badges de tipo === */

.type-badge[b-nuwfujbuml] {
   display: inline-block;
   padding: 2px 6px;
   border-radius: 4px;
   font-size: 11px;
   font-weight: 500;
}

.type-file[b-nuwfujbuml] { background: #dbeafe; color: #1e40af; }
.type-link[b-nuwfujbuml] { background: #dcfce7; color: #166534; }
.type-video[b-nuwfujbuml] { background: #fef3c7; color: #92400e; }
.type-pop[b-nuwfujbuml] { background: #f3f4f6; color: #374151; }
.type-checklist[b-nuwfujbuml] { background: #1f2937; color: white; }

/* === Material info === */

.material-name[b-nuwfujbuml] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 13px;
}

.url-text[b-nuwfujbuml] {
   color: var(--mud-palette-text-disabled);
   font-size: 11px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.file-info[b-nuwfujbuml] {
   color: var(--mud-palette-text-disabled);
   font-size: 11px;
   margin-top: 1px;
}

/* === Acoes === */

.action-buttons[b-nuwfujbuml] {
   display: flex;
   gap: 0;
}

.empty-message[b-nuwfujbuml] {
   text-align: center;
   color: var(--mud-palette-text-disabled);
   padding: 24px;
   font-size: 13px;
}

/* === Upload progress === */

.upload-progress[b-nuwfujbuml] {
   padding: 8px 0;
   margin-bottom: 8px;
}

.upload-text[b-nuwfujbuml] {
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

/* === Botoes === */

.btn[b-nuwfujbuml] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 4px 10px;
   border: none;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.15s;
   color: white;
}

.btn-sm[b-nuwfujbuml] { font-size: 11px; padding: 3px 8px; }
.btn-success[b-nuwfujbuml] { background: #22c55e; }
.btn-success:hover[b-nuwfujbuml] { background: #16a34a; }
.btn-warning[b-nuwfujbuml] { background: #f59e0b; }
.btn-warning:hover[b-nuwfujbuml] { background: #d97706; }

.btn-icon[b-nuwfujbuml] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 26px;
   height: 26px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

.btn-icon:hover[b-nuwfujbuml] { background: var(--mud-palette-action-default-hover); }
.btn-icon-danger[b-nuwfujbuml] { color: #ef4444; }

/* === Dialog form === */

.form-group[b-nuwfujbuml] {
   margin-bottom: 12px;
}

.form-group label[b-nuwfujbuml] {
   display: block;
   font-size: 12px;
   font-weight: 600;
   color: var(--mud-palette-text-secondary);
   margin-bottom: 4px;
}

.form-input[b-nuwfujbuml] {
   width: 100%;
   padding: 8px 10px;
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 4px;
   font-size: 13px;
   outline: none;
   background: var(--mud-palette-surface);
   color: var(--mud-palette-text-primary);
}

.form-input:focus[b-nuwfujbuml] {
   border-color: #3b82f6;
}
/* /Components/Pages/DocsExplorer/PermissionsPanel.razor.rz.scp.css */
.permissions-panel[b-9sdqmglo81] {
   padding: 4px 0;
}

.panel-actions[b-9sdqmglo81] {
   margin-bottom: 8px;
}

.permissions-table[b-9sdqmglo81] {
   width: 100%;
   border-collapse: collapse;
   font-size: 13px;
   table-layout: fixed;
}

.permissions-table th[b-9sdqmglo81] {
   text-align: left;
   padding: 6px 8px;
   background: var(--mud-palette-background-gray);
   border-bottom: 1px solid var(--mud-palette-lines-default);
   font-weight: 600;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

.permissions-table td[b-9sdqmglo81] {
   padding: 6px 8px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   vertical-align: middle;
}

.permissions-table tbody tr:hover[b-9sdqmglo81] {
   background: var(--mud-palette-action-default-hover);
}

.perm-check[b-9sdqmglo81] {
   width: 16px;
   height: 16px;
   cursor: pointer;
   accent-color: #10b981;
}

.form-select[b-9sdqmglo81] {
   width: 100%;
   padding: 5px 8px;
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 4px;
   font-size: 12px;
   outline: none;
   background: var(--mud-palette-surface);
   color: var(--mud-palette-text-primary);
}

.form-select:focus[b-9sdqmglo81] {
   border-color: #3b82f6;
}

.btn[b-9sdqmglo81] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 4px 10px;
   border: none;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 500;
   cursor: pointer;
   color: white;
}

.btn-sm[b-9sdqmglo81] { font-size: 11px; padding: 3px 8px; }
.btn-info[b-9sdqmglo81] { background: #3b82f6; }
.btn-info:hover[b-9sdqmglo81] { background: #2563eb; }

.btn-icon[b-9sdqmglo81] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 26px;
   height: 26px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   font-size: 12px;
}

.btn-icon:hover[b-9sdqmglo81] { background: var(--mud-palette-action-default-hover); }
.btn-icon-danger[b-9sdqmglo81] { color: #ef4444; }

.empty-message[b-9sdqmglo81] {
   text-align: center;
   color: var(--mud-palette-text-secondary);
   padding: 24px;
   font-size: 13px;
}
/* /Components/Pages/DocsExplorer/RelatedTopicsPanel.razor.rz.scp.css */
.related-panel[b-8uprht72pu] {
   padding: 4px 0;
}

.panel-actions[b-8uprht72pu] {
   display: flex;
   gap: 6px;
   margin-bottom: 8px;
}

.related-table[b-8uprht72pu] {
   width: 100%;
   border-collapse: collapse;
   font-size: 13px;
}

.related-table th[b-8uprht72pu] {
   text-align: left;
   padding: 6px 8px;
   background: var(--mud-palette-background);
   border-bottom: 1px solid var(--mud-palette-lines-default);
   font-weight: 600;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
}

.related-table td[b-8uprht72pu] {
   padding: 6px 8px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
   vertical-align: middle;
}

.related-table tbody tr:hover[b-8uprht72pu] {
   background: var(--mud-palette-action-default-hover);
}

.form-select[b-8uprht72pu] {
   width: 100%;
   padding: 5px 8px;
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 4px;
   font-size: 12px;
   outline: none;
   background: var(--mud-palette-surface);
   color: var(--mud-palette-text-primary);
}

.form-select:focus[b-8uprht72pu] {
   border-color: #3b82f6;
}

.btn[b-8uprht72pu] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   padding: 4px 10px;
   border: none;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 500;
   cursor: pointer;
   color: white;
}

.btn-sm[b-8uprht72pu] { font-size: 11px; padding: 3px 8px; }
.btn-info[b-8uprht72pu] { background: #3b82f6; }
.btn-info:hover[b-8uprht72pu] { background: #2563eb; }

.btn-icon[b-8uprht72pu] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 26px;
   height: 26px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   font-size: 12px;
}

.btn-icon:hover[b-8uprht72pu] { background: var(--mud-palette-action-default-hover); }
.btn-icon-danger[b-8uprht72pu] { color: #ef4444; }

.empty-message[b-8uprht72pu] {
   text-align: center;
   color: var(--mud-palette-text-disabled);
   padding: 24px;
   font-size: 13px;
}
/* /Components/Pages/DocsExplorer/TopicDetail.razor.rz.scp.css */
.topic-drawer[b-n5609fqlxv] {
   position: fixed;
   top: 64px;
   right: 0;
   width: 480px;
   height: calc(100vh - 64px);
   background: var(--mud-palette-surface);
   box-shadow: -4px 0 16px rgba(0, 0, 0, 0.12);
   display: flex;
   flex-direction: column;
   z-index: 1200;
   transform: translateX(100%);
   transition: transform 0.25s ease;
}

.topic-drawer.open[b-n5609fqlxv] {
   transform: translateX(0);
}

.drawer-backdrop[b-n5609fqlxv] {
   position: fixed;
   top: 64px;
   left: 0;
   right: 480px;
   bottom: 0;
   z-index: 1199;
}

.drawer-header[b-n5609fqlxv] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
   border-bottom: 1px solid var(--mud-palette-lines-default);
}

.drawer-title[b-n5609fqlxv] {
   font-weight: 600;
   font-size: 15px;
   color: var(--mud-palette-text-primary);
}

.drawer-tabs[b-n5609fqlxv] {
   display: flex;
   border-bottom: 1px solid var(--mud-palette-lines-default);
}

.tab[b-n5609fqlxv] {
   flex: 1;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
   padding: 8px 6px;
   border: none;
   background: transparent;
   cursor: pointer;
   font-size: 12px;
   color: var(--mud-palette-text-secondary);
   text-align: center;
   white-space: nowrap;
   border-bottom: 2px solid transparent;
   transition: all 0.15s;
}

.tab[b-n5609fqlxv]  .mud-icon-root {
   font-size: 16px;
}

.tab:hover[b-n5609fqlxv] {
   background: var(--mud-palette-action-default-hover);
}

.tab.active[b-n5609fqlxv] {
   color: var(--mud-palette-primary);
   border-bottom-color: var(--mud-palette-primary);
   font-weight: 600;
}

.drawer-content[b-n5609fqlxv] {
   flex: 1;
   overflow-y: auto;
   padding: 16px;
}

.form-group[b-n5609fqlxv] {
   margin-bottom: 16px;
}

.form-group label[b-n5609fqlxv] {
   display: block;
   font-size: 12px;
   font-weight: 600;
   color: var(--mud-palette-text-secondary);
   margin-bottom: 4px;
}

.form-row[b-n5609fqlxv] {
   display: flex;
   gap: 12px;
}

.flex-1[b-n5609fqlxv] {
   flex: 1;
}

.form-input[b-n5609fqlxv],
.form-textarea[b-n5609fqlxv],
.form-select[b-n5609fqlxv] {
   width: 100%;
   padding: 8px 10px;
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 4px;
   font-size: 13px;
   font-family: inherit;
   outline: none;
   transition: border-color 0.15s;
   background: var(--mud-palette-surface);
   color: var(--mud-palette-text-primary);
}

.form-input:focus[b-n5609fqlxv],
.form-textarea:focus[b-n5609fqlxv],
.form-select:focus[b-n5609fqlxv] {
   border-color: #3b82f6;
   box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.form-textarea[b-n5609fqlxv] {
   resize: vertical;
}

.btn-icon[b-n5609fqlxv] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   font-size: 14px;
   color: var(--mud-palette-text-secondary);
}

.btn-icon:hover[b-n5609fqlxv] {
   background: var(--mud-palette-action-default-hover);
}
/* /Components/Pages/DocsExplorer/TopicEditor.razor.rz.scp.css */
.topic-editor[b-1lfv5xi664] {
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 6px;
   overflow: hidden;
}

.editor-toolbar[b-1lfv5xi664] {
   display: flex;
   align-items: center;
   padding: 4px 8px;
   background: var(--mud-palette-background);
   border-bottom: 1px solid var(--mud-palette-lines-default);
   flex-wrap: wrap;
   gap: 2px;
}

.editor-btn[b-1lfv5xi664] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
   border: none;
   background: transparent;
   cursor: pointer;
   border-radius: 4px;
   font-size: 13px;
   color: var(--mud-palette-text-secondary);
   padding: 0;
}

.editor-btn:hover[b-1lfv5xi664] {
   background: var(--mud-palette-action-default-hover);
}

.editor-btn[b-1lfv5xi664]  .mud-icon-root {
   font-size: 18px;
}

.editor-btn.active[b-1lfv5xi664] {
   background: var(--mud-palette-primary-lighten);
   color: var(--mud-palette-primary);
}

.separator[b-1lfv5xi664] {
   width: 1px;
   height: 20px;
   background: var(--mud-palette-lines-default);
   margin: 0 4px;
}

.editor-content[b-1lfv5xi664] {
   min-height: 300px;
   max-height: 500px;
   overflow: auto;
}

/* Estilos do TipTap editor */
[b-1lfv5xi664] .tiptap {
   padding: 12px 16px;
   outline: none;
   min-height: 280px;
   font-size: 14px;
   line-height: 1.6;
   color: var(--mud-palette-text-primary);
}

[b-1lfv5xi664] .tiptap p.is-editor-empty:first-child::before {
   color: var(--mud-palette-text-disabled);
   content: attr(data-placeholder);
   float: left;
   height: 0;
   pointer-events: none;
}

[b-1lfv5xi664] .tiptap table {
   border-collapse: collapse;
   width: 100%;
   margin: 8px 0;
}

[b-1lfv5xi664] .tiptap th,
[b-1lfv5xi664] .tiptap td {
   border: 1px solid var(--mud-palette-lines-default);
   padding: 6px 10px;
   text-align: left;
}

[b-1lfv5xi664] .tiptap th {
   background: var(--mud-palette-background);
   font-weight: 600;
}

[b-1lfv5xi664] .tiptap img {
   max-width: 100%;
   height: auto;
}

[b-1lfv5xi664] .tiptap a {
   color: var(--mud-palette-primary);
   text-decoration: underline;
   cursor: pointer;
}
/* /Components/Pages/DocsExplorer/TopicList.razor.rz.scp.css */
.topic-list[b-lcjr4386gm] {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.list-header[b-lcjr4386gm] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px 16px;
   background: var(--mud-palette-primary);
   color: var(--mud-palette-primary-text);
   font-size: 13px;
}

.list-title[b-lcjr4386gm] {
   font-weight: 600;
   display: flex;
   align-items: center;
   gap: 6px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
}

.folder-icon[b-lcjr4386gm] {
   font-size: 14px;
}

.topic-count[b-lcjr4386gm] {
   font-size: 12px;
   opacity: 0.8;
   flex-shrink: 0;
}

.list-content[b-lcjr4386gm] {
   flex: 1;
   overflow: auto;
   padding: 12px;
}

.list-empty[b-lcjr4386gm] {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 12px;
   color: var(--mud-palette-text-secondary);
}

.empty-icon[b-lcjr4386gm] {
   font-size: 2rem;
   opacity: 0.5;
}

.topic-items[b-lcjr4386gm] {
   display: flex;
   flex-direction: column;
}

/* margin ao invés de gap — Virtualize insere spacer divs que
   receberiam gap indesejado quando altura = 0 */
.topic-card[b-lcjr4386gm] {
   margin-bottom: 8px;
}

.topic-card:last-child[b-lcjr4386gm] {
   margin-bottom: 0;
}

.topic-card[b-lcjr4386gm] {
   background: var(--mud-palette-surface);
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 8px;
   padding: 12px 16px;
   cursor: pointer;
   transition: all 0.15s;
}

.topic-card:hover[b-lcjr4386gm] {
   border-color: #90caf9;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.topic-card-selected[b-lcjr4386gm] {
   border-color: var(--mud-palette-primary);
   background: var(--mud-palette-primary-lighten);
   color: white;
}

.topic-card-selected .topic-title[b-lcjr4386gm] {
   color: white;
}

.topic-card-selected .topic-description[b-lcjr4386gm] {
   color: rgba(255, 255, 255, 0.85);
}

.topic-card-selected .tag-chip[b-lcjr4386gm] {
   background: rgba(255, 255, 255, 0.2);
   color: white;
}

.topic-card-header[b-lcjr4386gm] {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 8px;
}

.topic-title[b-lcjr4386gm] {
   font-weight: 600;
   font-size: 14px;
   color: var(--mud-palette-text-primary);
}

.topic-badges[b-lcjr4386gm] {
   display: flex;
   gap: 4px;
   flex-shrink: 0;
}

.badge[b-lcjr4386gm] {
   font-size: 11px;
   padding: 2px 6px;
   border-radius: 4px;
   font-weight: 500;
}

.badge-success[b-lcjr4386gm] {
   background: #dcfce7;
   color: #166534;
}

.badge-danger[b-lcjr4386gm] {
   background: #fef2f2;
   color: #991b1b;
}

.badge-info[b-lcjr4386gm] {
   background: #dbeafe;
   color: #1e40af;
}

.topic-description[b-lcjr4386gm] {
   margin-top: 6px;
   font-size: 13px;
   color: var(--mud-palette-text-secondary);
   line-height: 1.4;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.topic-tags[b-lcjr4386gm] {
   margin-top: 8px;
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
}

.tag-chip[b-lcjr4386gm] {
   font-size: 11px;
   padding: 1px 6px;
   background: var(--mud-palette-background-gray);
   color: var(--mud-palette-text-secondary);
   border-radius: 3px;
}
/* /Components/Pages/Settings/SettingsIndex.razor.rz.scp.css */
.admin-content[b-82nktnof0s] {
   padding: 24px;
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.admin-group[b-82nktnof0s] {
   border: 1px solid var(--mud-palette-lines-default);
   border-radius: 8px;
   overflow: hidden;
}

.admin-group-header[b-82nktnof0s] {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 12px 20px;
   background: var(--mud-palette-background-grey);
   border-bottom: 1px solid var(--mud-palette-lines-default);
   color: var(--mud-palette-text-secondary);
}

.settings-grid[b-82nktnof0s] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 16px;
   padding: 20px;
}

.settings-card[b-82nktnof0s] {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   padding: 28px 20px;
   border-radius: 8px;
   background: var(--mud-palette-surface);
   border: 1px solid var(--mud-palette-lines-default);
   cursor: pointer;
   transition: box-shadow 0.2s, border-color 0.2s;
}

.settings-card:hover[b-82nktnof0s] {
   border-color: var(--mud-palette-primary);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

[b-82nktnof0s] .settings-card-icon {
   color: var(--mud-palette-text-secondary);
   margin-bottom: 12px;
}

[b-82nktnof0s] .settings-card-title {
   color: var(--mud-palette-primary);
   font-weight: 600;
   margin-bottom: 6px;
}

[b-82nktnof0s] .settings-card-desc {
   color: var(--mud-palette-text-secondary);
   font-size: 0.825rem;
   line-height: 1.4;
}