/* /Components/Dialogs/ScConfirmDialog.razor.rz.scp.css */
.sc-confirm-dialog[b-amw8rxciqi] {
display: flex;
flex-direction: column;
gap: 1rem;
}
.sc-confirm-dialog__message[b-amw8rxciqi] {
margin: 0;
white-space: pre-wrap;
color: var(--sc-text-primary);
}
.sc-confirm-dialog__actions[b-amw8rxciqi] {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
.sc-btn[b-amw8rxciqi] {
border: 1px solid transparent;
border-radius: var(--sc-radius-md);
padding: 0.5rem 0.9rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
}
.sc-btn:focus-visible[b-amw8rxciqi] {
outline: 2px solid var(--sc-info);
outline-offset: 2px;
}
.sc-btn:disabled[b-amw8rxciqi] {
opacity: 0.6;
cursor: not-allowed;
}
.sc-btn--success[b-amw8rxciqi] {
background-color: var(--sc-success);
border-color: var(--sc-success);
color: var(--sc-text-on-solid);
}
.sc-btn--success:hover[b-amw8rxciqi] {
filter: brightness(0.95);
}
.sc-btn--primary[b-amw8rxciqi] {
background-color: var(--sc-accent);
border-color: var(--sc-accent);
color: var(--sc-text-on-solid);
}
.sc-btn--primary:hover[b-amw8rxciqi] {
background-color: var(--sc-accent-hover);
border-color: var(--sc-accent-hover);
}
/* /Components/Helpers/HelpTooltip.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
HelpTooltip — Wrapper + botao de interrogacao
───────────────────────────────────────────────────────────── */
.rc-help-wrap[b-o1g8w4nwa1] {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
isolation: isolate;
z-index: 100;
}
/* ─── Botao de ajuda ──────────────────────────────────────── */
.rc-help-btn[b-o1g8w4nwa1] {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
border: 1px solid var(--sc-border);
background: var(--sc-bg-elevated);
color: var(--sc-text-secondary);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: help;
transition: transform 0.18s ease, background 0.18s ease;
font-size: 0.9rem;
line-height: 1;
padding: 0;
flex-shrink: 0;
}
.rc-help-btn:hover[b-o1g8w4nwa1],
.rc-help-btn:focus-visible[b-o1g8w4nwa1] {
transform: translateY(-1px);
background: var(--sc-bg-hover);
outline: none;
}
/* Variante sobre fundo colorido (kanban headers, badges, etc.) */
.rc-help-btn--dark[b-o1g8w4nwa1] {
border-color: rgba(255, 255, 255, 0.45);
background: rgba(255, 255, 255, 0.16);
color: #fff;
}
.rc-help-btn--dark:hover[b-o1g8w4nwa1],
.rc-help-btn--dark:focus-visible[b-o1g8w4nwa1] {
background: rgba(255, 255, 255, 0.28);
}
/* ─── Tooltip ─────────────────────────────────────────────── */
.rc-help-tooltip[b-o1g8w4nwa1] {
position: absolute;
top: calc(100% + 0.45rem);
right: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
pointer-events: none;
color: var(--sc-text-primary);
background: var(--sc-bg-surface-alt);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
box-shadow: var(--sc-shadow-md);
padding: 0.55rem 0.65rem;
font-size: 0.74rem;
text-align: left;
min-width: 12rem;
}
/* Setinha */
.rc-help-tooltip[b-o1g8w4nwa1]::before {
content: "";
position: absolute;
top: -0.36rem;
right: 0.52rem;
width: 0.7rem;
height: 0.7rem;
background: var(--sc-bg-surface-alt);
border-left: 1px solid var(--sc-border);
border-top: 1px solid var(--sc-border);
transform: rotate(45deg);
}
/* Exibir no hover / foco */
.rc-help-wrap:hover .rc-help-tooltip[b-o1g8w4nwa1],
.rc-help-wrap:focus-within .rc-help-tooltip[b-o1g8w4nwa1] {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* ─── Tipografia interna do tooltip ──────────────────────── */
.rc-help-tooltip p[b-o1g8w4nwa1] {
margin: 0;
line-height: 1.4;
color: var(--sc-text-secondary);
}
.rc-help-tooltip p + p[b-o1g8w4nwa1] {
margin-top: 0.3rem;
}
.rc-help-tooltip b[b-o1g8w4nwa1] {
color: var(--sc-text-primary);
font-weight: 600;
}
/* /Components/Helpers/ScAlert.razor.rz.scp.css */
.sc-alert[b-n23zzuzz9a] {
display: flex;
align-items: flex-start;
gap: 0.6rem;
border-radius: var(--sc-radius-md);
border: 1px solid transparent;
padding: 0.65rem 0.8rem;
width: 100%;
}
.sc-alert__icon[b-n23zzuzz9a] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1rem;
margin-top: 0.05rem;
}
.sc-alert__content[b-n23zzuzz9a] {
flex: 1;
color: var(--sc-text-primary);
}
.sc-alert__close[b-n23zzuzz9a] {
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.3rem;
height: 1.3rem;
border-radius: var(--sc-radius-sm);
padding: 0;
}
.sc-alert__close:hover[b-n23zzuzz9a],
.sc-alert__close:focus-visible[b-n23zzuzz9a] {
background: var(--sc-bg-hover);
}
.sc-alert--success[b-n23zzuzz9a] {
background: var(--sc-bg-surface-alt);
border-color: var(--sc-success);
color: var(--sc-success);
}
.sc-alert--danger[b-n23zzuzz9a] {
background: var(--sc-bg-surface-alt);
border-color: var(--sc-danger);
color: var(--sc-danger);
}
.sc-alert--warning[b-n23zzuzz9a] {
background: var(--sc-bg-surface-alt);
border-color: var(--sc-warning);
color: var(--sc-warning);
}
.sc-alert--info[b-n23zzuzz9a] {
background: var(--sc-bg-surface-alt);
border-color: var(--sc-info);
color: var(--sc-info);
}
.sc-alert--accent[b-n23zzuzz9a] {
background: var(--sc-bg-surface-alt);
border-color: var(--sc-accent);
color: var(--sc-accent);
}
.sc-alert--muted[b-n23zzuzz9a] {
background: var(--sc-bg-surface-alt);
border-color: var(--sc-border);
color: var(--sc-text-muted);
}
/* /Components/Helpers/ScBadge.razor.rz.scp.css */
.sc-badge[b-omf9gw44jk] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.45rem;
padding: 0.1rem 0.5rem;
border-radius: 999px;
border: 1px solid transparent;
font-size: 0.75rem;
font-weight: 600;
line-height: 1.1;
white-space: nowrap;
vertical-align: middle;
}
.sc-badge--success[b-omf9gw44jk] {
background: var(--sc-success);
border-color: var(--sc-success);
color: var(--sc-text-on-solid);
}
.sc-badge--danger[b-omf9gw44jk] {
background: var(--sc-danger);
border-color: var(--sc-danger);
color: var(--sc-text-on-solid);
}
.sc-badge--warning[b-omf9gw44jk] {
background: var(--sc-warning);
border-color: var(--sc-warning);
color: var(--sc-text-on-solid);
}
.sc-badge--info[b-omf9gw44jk] {
background: var(--sc-info);
border-color: var(--sc-info);
color: var(--sc-text-on-solid);
}
.sc-badge--accent[b-omf9gw44jk] {
background: var(--sc-accent);
border-color: var(--sc-accent);
color: var(--sc-text-on-solid);
}
.sc-badge--muted[b-omf9gw44jk] {
background: var(--sc-bg-surface-alt);
border-color: var(--sc-border);
color: var(--sc-text-muted);
}
/* /Components/Helpers/ScCard.razor.rz.scp.css */
.sc-card[b-xx7fll9wtq] {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
box-shadow: var(--sc-shadow-sm);
display: flex;
flex-direction: column;
overflow: hidden;
}
.sc-card__header[b-xx7fll9wtq] {
padding: 0.8rem 1rem;
border-bottom: 1px solid var(--sc-border);
background: var(--sc-bg-surface-alt);
}
.sc-card__title[b-xx7fll9wtq] {
margin: 0;
font-size: 0.95rem;
font-weight: 600;
color: var(--sc-text-primary);
}
.sc-card__body[b-xx7fll9wtq] {
padding: 1rem;
color: var(--sc-text-primary);
}
.sc-card__footer[b-xx7fll9wtq] {
padding: 0.75rem 1rem;
border-top: 1px solid var(--sc-border);
background: var(--sc-bg-surface-alt);
}
/* /Components/Helpers/ScDataGrid.razor.rz.scp.css */
.sc-grid-root[b-43h3tmejz3] {
height: 100%;
min-height: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
color: var(--sc-text-primary);
}
.sc-grid-toolbar[b-43h3tmejz3] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.6rem;
flex-shrink: 0;
}
.sc-grid-search-wrap[b-43h3tmejz3] {
display: flex;
align-items: center;
gap: 0.45rem;
border: 1px solid var(--sc-border-input);
border-radius: var(--sc-radius-md);
background: var(--sc-bg-input);
color: var(--sc-text-secondary);
padding: 0.45rem 0.55rem;
flex: 1;
min-width: 0;
}
.sc-grid-icon[b-43h3tmejz3] {
width: 1rem;
height: 1rem;
flex-shrink: 0;
color: var(--sc-text-muted);
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
}
.sc-grid-icon svg[b-43h3tmejz3] {
width: 100%;
height: 100%;
fill: currentColor;
display: block;
}
.sc-grid-search-input[b-43h3tmejz3] {
border: none;
outline: none;
width: 100%;
background: transparent;
color: var(--sc-text-primary);
font-size: 0.88rem;
}
.sc-grid-filter-btn[b-43h3tmejz3] {
width: 2rem;
height: 2rem;
border-radius: var(--sc-radius-md);
border: 1px solid var(--sc-border);
background: var(--sc-bg-surface);
color: var(--sc-text-secondary);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.sc-grid-filter-btn:hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.sc-grid-filter-btn svg[b-43h3tmejz3] {
width: 1rem;
height: 1rem;
fill: currentColor;
}
.sc-grid-table-wrap[b-43h3tmejz3] {
flex: 1;
min-height: 0;
overflow: auto;
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
background: var(--sc-bg-surface);
}
.sc-grid-loading-wrap[b-43h3tmejz3] {
display: flex;
align-items: center;
justify-content: center;
}
.sc-grid-loading-text[b-43h3tmejz3] {
color: var(--sc-text-muted);
font-size: 0.85rem;
font-weight: 500;
}
/* O .sc-grid-table-wrap mantém sempre overflow:auto. O popup do filtro
é absolutamente posicionado dentro do | e pode ser cortado pela borda
do wrap em casos extremos, mas nunca empurra os painéis vizinhos. */
.sc-grid-table[b-43h3tmejz3] {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.sc-grid-table thead th[b-43h3tmejz3] {
position: sticky;
top: 0;
z-index: 2;
background: var(--sc-grid-header-bg);
border-bottom: 1px solid var(--sc-border);
border-right: 1px solid var(--sc-border);
color: var(--sc-text-secondary);
padding: 0;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.sc-grid-table thead th:last-child[b-43h3tmejz3] {
border-right: none;
}
.sc-grid-th-content[b-43h3tmejz3] {
height: 2.5rem;
display: flex;
align-items: center;
gap: 0.25rem;
position: relative;
padding: 0;
}
.sc-grid-th-content.sc-grid-th-empty[b-43h3tmejz3] {
justify-content: center;
padding: 0 0.15rem;
}
.sc-grid-sort-btn[b-43h3tmejz3] {
border: none;
background: transparent;
color: inherit;
font: inherit;
display: inline-flex;
align-items: center;
gap: 0.35rem;
cursor: pointer;
min-width: 0;
text-align: left;
padding: 0 0.45rem;
flex: 1 1 auto;
height: 100%;
overflow: hidden;
}
.sc-grid-sort-btn:not(:disabled):hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.sc-grid-sort-btn:disabled[b-43h3tmejz3] {
cursor: default;
opacity: 0.9;
}
.sc-grid-sort-btn > .sc-grid-sort-label[b-43h3tmejz3] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sc-grid-sort-indicator[b-43h3tmejz3] {
width: 0.85rem;
height: 0.85rem;
flex-shrink: 0;
color: var(--sc-accent);
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
}
.sc-grid-sort-indicator svg[b-43h3tmejz3] {
width: 100%;
height: 100%;
fill: currentColor;
display: block;
}
.sc-grid-col-filter-wrap[b-43h3tmejz3] {
flex-shrink: 0;
position: relative;
margin-left: auto;
margin-right: 0.35rem;
display: inline-flex;
align-items: center;
}
.sc-grid-th-empty .sc-grid-col-filter-wrap[b-43h3tmejz3] {
margin: 0;
}
.sc-grid-col-filter-btn[b-43h3tmejz3] {
border: 1px solid transparent;
background: transparent;
color: var(--sc-text-secondary);
width: 1.5rem;
height: 1.5rem;
border-radius: 4px;
cursor: pointer;
line-height: 1;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
}
.sc-grid-col-filter-btn svg[b-43h3tmejz3] {
width: 1rem;
height: 1rem;
fill: currentColor;
display: block;
}
.sc-grid-col-filter-btn:hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
border-color: var(--sc-border);
}
.sc-grid-col-filter-btn.sc-active[b-43h3tmejz3] {
background: var(--sc-accent);
color: #ffffff;
border-color: var(--sc-accent);
}
.sc-grid-col-filter-pop[b-43h3tmejz3] {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: auto;
width: 280px;
max-height: 360px;
display: flex;
flex-direction: column;
background: var(--sc-bg-surface-alt);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0;
box-shadow: var(--sc-shadow-md);
z-index: 1500;
overflow: hidden;
}
/* Nas últimas 2 colunas o popup abre para a esquerda (right:0) para não sair pela direita */
.sc-grid-table thead th:nth-last-child(-n+2) .sc-grid-col-filter-pop[b-43h3tmejz3] {
left: auto;
right: 0;
}
.sc-grid-col-filter-header[b-43h3tmejz3] {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5rem 0.6rem;
border-bottom: 1px solid var(--sc-border);
background: var(--sc-bg-surface);
flex-shrink: 0;
}
.sc-grid-col-filter-title[b-43h3tmejz3] {
font-size: 0.8rem;
font-weight: 600;
color: var(--sc-text-primary);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sc-grid-col-filter-close[b-43h3tmejz3] {
border: none;
background: transparent;
color: var(--sc-text-secondary);
cursor: pointer;
font-size: 1.1rem;
line-height: 1;
padding: 0 0.3rem;
border-radius: 4px;
}
.sc-grid-col-filter-close:hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.sc-grid-col-filter-search[b-43h3tmejz3] {
width: calc(100% - 1rem);
margin: 0.5rem;
border: 1px solid var(--sc-border-input);
border-radius: 4px;
background: var(--sc-bg-input);
color: var(--sc-text-primary);
padding: 0.35rem 0.45rem;
font-size: 0.82rem;
flex-shrink: 0;
}
.sc-grid-col-filter-all[b-43h3tmejz3] {
display: flex;
align-items: center;
gap: 0.4rem;
padding: 0.4rem 0.6rem;
margin: 0;
font-size: 0.82rem;
font-weight: 600;
color: var(--sc-text-primary);
border-bottom: 1px solid var(--sc-border);
background: var(--sc-bg-surface);
cursor: pointer;
flex-shrink: 0;
}
.sc-grid-col-filter-values[b-43h3tmejz3] {
flex: 1;
overflow-y: auto;
padding: 0.3rem 0.6rem;
display: flex;
flex-direction: column;
gap: 0.2rem;
min-height: 0;
}
.sc-grid-col-filter-values label[b-43h3tmejz3] {
display: flex;
align-items: flex-start;
gap: 0.4rem;
font-size: 0.8rem;
color: var(--sc-text-secondary);
cursor: pointer;
padding: 0.15rem 0;
word-break: break-word;
}
.sc-grid-col-filter-values label:hover[b-43h3tmejz3] {
color: var(--sc-text-primary);
}
.sc-grid-col-filter-values input[type="checkbox"][b-43h3tmejz3] {
margin-top: 0.15rem;
flex-shrink: 0;
}
.sc-grid-col-filter-actions[b-43h3tmejz3] {
display: flex;
justify-content: flex-end;
gap: 0.4rem;
padding: 0.5rem 0.6rem;
border-top: 1px solid var(--sc-border);
background: var(--sc-bg-surface);
flex-shrink: 0;
}
.sc-grid-col-filter-clear[b-43h3tmejz3],
.sc-grid-col-filter-apply[b-43h3tmejz3] {
border: 1px solid var(--sc-border);
border-radius: 4px;
padding: 0.3rem 0.7rem;
font-size: 0.78rem;
cursor: pointer;
}
.sc-grid-col-filter-clear[b-43h3tmejz3] {
background: var(--sc-bg-surface);
color: var(--sc-text-secondary);
}
.sc-grid-col-filter-clear:hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.sc-grid-col-filter-apply[b-43h3tmejz3] {
background: var(--sc-accent);
border-color: var(--sc-accent);
color: #ffffff;
font-weight: 600;
}
.sc-grid-col-filter-apply:hover[b-43h3tmejz3] {
filter: brightness(1.1);
}
.sc-grid-resize-handle[b-43h3tmejz3] {
position: absolute;
top: 0;
right: -0.3rem;
width: 0.6rem;
height: 100%;
cursor: col-resize;
z-index: 3;
user-select: none;
}
.sc-grid-resize-handle[b-43h3tmejz3]::before {
content: '';
position: absolute;
top: 0.35rem;
bottom: 0.35rem;
left: 50%;
transform: translateX(-50%);
border-left: 1px solid color-mix(in srgb, var(--sc-border) 70%, transparent);
}
.sc-grid-resize-handle:hover[b-43h3tmejz3]::before {
border-left-color: var(--sc-accent);
}
.sc-grid-table tbody td[b-43h3tmejz3] {
border-bottom: 1px solid var(--sc-border);
border-right: 1px solid var(--sc-border);
padding: 0.45rem;
color: var(--sc-text-secondary);
font-size: 0.84rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-feature-settings: 'tnum';
}
.sc-grid-table tbody td:last-child[b-43h3tmejz3] {
border-right: none;
}
.sc-grid-table tbody tr:hover[b-43h3tmejz3] {
background: color-mix(in srgb, var(--sc-accent) 13%, var(--sc-bg-surface));
}
.sc-grid-row-selected[b-43h3tmejz3] {
background: var(--sc-accent);
}
.sc-grid-row-selected td[b-43h3tmejz3],
.sc-grid-row-selected td *[b-43h3tmejz3] {
color: #ffffff !important;
}
.sc-grid-table tbody tr.sc-grid-row-selected:hover[b-43h3tmejz3] {
background: var(--sc-accent);
}
.sc-grid-table tbody tr[tabindex]:focus[b-43h3tmejz3],
.sc-grid-table tbody tr[tabindex]:focus-visible[b-43h3tmejz3] {
outline: none;
box-shadow: none;
}
.sc-grid-empty[b-43h3tmejz3] {
text-align: center;
color: var(--sc-text-muted);
padding: 1rem !important;
}
.sc-grid-pager[b-43h3tmejz3] {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0.4rem 0.65rem;
background: var(--sc-bg-surface);
}
.sc-grid-pager-summary[b-43h3tmejz3] {
font-size: 0.78rem;
color: var(--sc-text-secondary);
font-weight: 500;
letter-spacing: 0.01em;
}
.sc-grid-pager-controls[b-43h3tmejz3] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.sc-grid-pager-page-size[b-43h3tmejz3] {
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.sc-grid-pager-page-size-label[b-43h3tmejz3] {
font-size: 0.75rem;
color: var(--sc-text-secondary);
font-weight: 600;
letter-spacing: 0.01em;
text-transform: uppercase;
}
.sc-grid-pager-page-size-select[b-43h3tmejz3] {
min-width: 5.2rem;
height: 1.9rem;
border: 1px solid var(--sc-border);
border-radius: 6px;
background: var(--sc-bg-surface-alt);
color: var(--sc-text-primary);
font-size: 0.8rem;
font-weight: 600;
padding: 0 0.4rem;
}
.sc-grid-pager-page-size-select:focus-visible[b-43h3tmejz3] {
outline: none;
box-shadow: 0 0 0 2px var(--sc-accent-light, rgba(108, 92, 231, 0.35));
}
.sc-grid-pager-btn[b-43h3tmejz3] {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
background: transparent;
color: var(--sc-text-secondary);
border-radius: 6px;
width: 1.85rem;
height: 1.85rem;
padding: 0;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.sc-grid-pager-btn:hover:not(:disabled)[b-43h3tmejz3] {
background: var(--sc-bg-hover);
color: var(--sc-accent);
border-color: var(--sc-border);
}
.sc-grid-pager-btn:active:not(:disabled)[b-43h3tmejz3] {
transform: scale(0.94);
background: var(--sc-accent);
color: #fff;
border-color: var(--sc-accent);
}
.sc-grid-pager-btn:focus-visible[b-43h3tmejz3] {
outline: none;
box-shadow: 0 0 0 2px var(--sc-accent-light, rgba(108, 92, 231, 0.35));
}
.sc-grid-pager-btn:disabled[b-43h3tmejz3] {
opacity: 0.35;
cursor: not-allowed;
}
.sc-grid-pager-icon[b-43h3tmejz3] {
display: block;
pointer-events: none;
}
.sc-grid-pager-indicator[b-43h3tmejz3] {
display: inline-flex;
align-items: baseline;
gap: 0.3rem;
padding: 0.2rem 0.65rem;
margin: 0 0.1rem;
background: var(--sc-bg-surface-alt);
border: 1px solid var(--sc-border);
border-radius: 999px;
min-width: 4.2rem;
justify-content: center;
font-variant-numeric: tabular-nums;
}
.sc-grid-pager-current[b-43h3tmejz3] {
color: var(--sc-accent);
font-weight: 700;
font-size: 0.85rem;
line-height: 1;
}
.sc-grid-pager-sep[b-43h3tmejz3] {
color: var(--sc-text-muted);
font-size: 0.75rem;
line-height: 1;
}
.sc-grid-pager-total[b-43h3tmejz3] {
color: var(--sc-text-secondary);
font-weight: 500;
font-size: 0.8rem;
line-height: 1;
}
.sc-grid-legend-wrap[b-43h3tmejz3] {
flex-shrink: 0;
}
.sc-grid-filter-alert[b-43h3tmejz3] {
flex-shrink: 0;
border: 1px solid color-mix(in srgb, var(--sc-accent) 35%, var(--sc-border));
border-radius: var(--sc-radius-md);
background: color-mix(in srgb, var(--sc-accent) 12%, var(--sc-bg-surface));
color: var(--sc-text-primary);
padding: 0.45rem 0.65rem;
font-size: 0.78rem;
display: flex;
align-items: baseline;
gap: 0.35rem;
line-height: 1.35;
}
.sc-grid-filter-alert-label[b-43h3tmejz3] {
font-weight: 700;
color: var(--sc-accent);
white-space: nowrap;
}
.sc-grid-filter-alert-text[b-43h3tmejz3] {
color: var(--sc-text-secondary);
}
/* ============ Coluna de seleção (checkbox) ============ */
.sc-grid-select-col[b-43h3tmejz3] {
text-align: center;
padding: 0;
}
.sc-grid-th-select[b-43h3tmejz3] {
justify-content: center;
padding: 0;
}
.sc-grid-select-col input[type="checkbox"][b-43h3tmejz3],
.sc-grid-select-col input[type="radio"][b-43h3tmejz3] {
cursor: pointer;
margin: 0;
accent-color: var(--sc-accent);
}
/* Em linha selecionada (fundo accent), o input fica branco para contraste */
.sc-grid-row-selected .sc-grid-select-col input[type="checkbox"][b-43h3tmejz3],
.sc-grid-row-selected .sc-grid-select-col input[type="radio"][b-43h3tmejz3] {
accent-color: #ffffff;
}
td.sc-grid-select-col[b-43h3tmejz3] {
padding: 0;
text-align: center;
vertical-align: middle;
}
/* ============ Colunas congeladas (sticky) ============ */
.sc-grid-table thead th.sc-frozen-col[b-43h3tmejz3] {
position: sticky;
z-index: 3;
background: var(--sc-grid-header-bg);
box-shadow: 1px 0 0 var(--sc-border);
}
.sc-grid-table tbody td.sc-frozen-col[b-43h3tmejz3] {
position: sticky;
z-index: 1;
background: var(--sc-bg-surface);
box-shadow: 1px 0 0 var(--sc-border);
}
/* Hover replica nas células congeladas (mesma fórmula da linha) */
.sc-grid-table tbody tr:hover td.sc-frozen-col[b-43h3tmejz3] {
background: color-mix(in srgb, var(--sc-accent) 13%, var(--sc-bg-surface));
}
/* Linha selecionada: célula congelada acompanha o accent */
.sc-grid-table tbody tr.sc-grid-row-selected td.sc-frozen-col[b-43h3tmejz3] {
background: var(--sc-accent);
color: #ffffff;
}
/* ============ Menu de contexto do header ============ */
/* O .sc-grid-table-wrap mantém sempre overflow:auto. O menu é absolutamente
posicionado dentro do | e pode ser cortado pela borda do wrap em casos
extremos, mas nunca empurra os painéis vizinhos. */
.sc-grid-th-content[b-43h3tmejz3] {
/* containing block para o menu de contexto absoluto */
/* (j\u00e1 herda position:relative das regras existentes) */
}
.sc-grid-ctx-menu[b-43h3tmejz3] {
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 999;
min-width: 200px;
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
padding: 0.3rem;
display: flex;
flex-direction: column;
gap: 0.1rem;
color: var(--sc-text-primary);
text-transform: none;
letter-spacing: normal;
font-weight: 400;
}
/* Para os últimos headers, abre alinhado à direita para não cortar */
.sc-grid-table thead tr th:nth-last-child(-n+2) .sc-grid-ctx-menu[b-43h3tmejz3] {
left: auto;
right: 0;
}
/* Menu de contexto da linha (botao direito sobre uma linha do grid).
Renderizado inline; usa position:fixed para ancoragem em coords do viewport. */
.sc-grid-row-ctx-backdrop[b-43h3tmejz3] {
position: fixed;
inset: 0;
z-index: 1099;
background: transparent;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] {
position: fixed !important;
top: 0;
left: 0;
z-index: 1100;
min-width: 220px;
}
.sc-grid-row-ctx-menu-up[b-43h3tmejz3] {
transform: translateY(calc(-100% - 4px));
}
.sc-grid-row-ctx-menu-left[b-43h3tmejz3] {
transform: translateX(-100%);
}
.sc-grid-row-ctx-menu-up.sc-grid-row-ctx-menu-left[b-43h3tmejz3] {
transform: translateX(-100%) translateY(calc(-100% - 4px));
}
.sc-grid-row-ctx-menu-pending[b-43h3tmejz3] {
visibility: hidden;
pointer-events: none;
}
/* Estiliza itens vindos do RenderFragment (declarados em outra
componente -> precisam de ::deep para furar o scoped CSS). */
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-item {
text-align: left;
background: transparent;
border: none;
color: var(--sc-text-primary);
font-family: inherit;
font-size: 0.85rem;
font-weight: 500;
padding: 0.5rem 0.65rem;
border-radius: 4px;
cursor: pointer;
white-space: nowrap;
display: flex;
align-items: center;
gap: 0.55rem;
transition: background 0.12s ease, color 0.12s ease;
width: 100%;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-item:hover {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-item:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-ico {
width: 0.9rem;
height: 0.9rem;
fill: currentColor;
flex-shrink: 0;
opacity: 0.85;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-sep {
height: 1px;
background: var(--sc-border);
margin: 0.3rem 0.15rem;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-submenu-wrap {
position: relative;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-has-submenu {
user-select: none;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-arrow {
margin-left: auto;
font-size: 0.75rem;
color: var(--sc-text-muted);
line-height: 1;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-submenu {
position: absolute;
top: -0.3rem;
left: 100%;
margin-left: 4px;
z-index: 1101;
min-width: 200px;
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
padding: 0.3rem;
display: none;
flex-direction: column;
gap: 0.1rem;
}
.sc-grid-row-ctx-menu-submenu-left[b-43h3tmejz3] .sc-grid-ctx-submenu {
left: auto;
right: 100%;
margin-left: 0;
margin-right: 4px;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-submenu-wrap:hover > .sc-grid-ctx-submenu,
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-submenu:hover {
display: flex;
}
.sc-grid-row-ctx-menu[b-43h3tmejz3] .sc-grid-ctx-submenu-wrap:hover > .sc-grid-ctx-has-submenu {
background: var(--sc-bg-hover);
}
.sc-grid-ctx-item[b-43h3tmejz3] {
text-align: left;
background: transparent;
border: none;
color: var(--sc-text-primary);
font-family: inherit;
font-size: 0.85rem;
font-weight: 500;
padding: 0.5rem 0.65rem;
border-radius: 4px;
cursor: pointer;
white-space: nowrap;
display: flex;
align-items: center;
gap: 0.55rem;
transition: background 0.12s ease, color 0.12s ease;
}
.sc-grid-ctx-item:hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.sc-grid-ctx-item.sc-active[b-43h3tmejz3] {
color: var(--sc-accent);
font-weight: 600;
}
.sc-grid-ctx-item.sc-active:hover[b-43h3tmejz3] {
background: var(--sc-accent-light, var(--sc-bg-hover));
}
.sc-grid-ctx-ico[b-43h3tmejz3] {
width: 0.9rem;
height: 0.9rem;
fill: currentColor;
flex-shrink: 0;
opacity: 0.85;
}
.sc-grid-ctx-sep[b-43h3tmejz3] {
height: 1px;
background: var(--sc-border);
margin: 0.3rem 0.15rem;
}
/* Header (titulo da coluna) no topo do menu de contexto */
.sc-grid-ctx-header[b-43h3tmejz3] {
padding: 0.45rem 0.65rem 0.35rem;
font-size: 0.72rem;
font-weight: 600;
color: var(--sc-text-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 240px;
}
/* ============ Status badge (bolinha + label) — financeiro ============ */
.sc-status-badge[b-43h3tmejz3] {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 0.8rem;
font-weight: 500;
color: var(--sc-status-color, var(--sc-text-primary));
}
.sc-status-dot[b-43h3tmejz3] {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--sc-status-color, var(--sc-text-muted));
flex-shrink: 0;
}
/* ============ Legenda do grid ============ */
.sc-grid-legend[b-43h3tmejz3] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
padding: 0.35rem 0.1rem;
}
.sc-legend-item[b-43h3tmejz3] {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 0.78rem;
color: var(--sc-text-secondary);
font-weight: 500;
}
.sc-legend-dot[b-43h3tmejz3] {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
flex-shrink: 0;
}
/* Linha de agrupamento */
.sc-grid-group-row[b-43h3tmejz3] {
background: var(--sc-bg-surface-alt);
cursor: pointer;
user-select: none;
}
.sc-grid-group-row:hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
}
.sc-grid-group-cell[b-43h3tmejz3] {
padding: 0.55rem 0.75rem !important;
font-size: 0.78rem;
font-weight: 600;
color: var(--sc-text-primary);
border-bottom: 1px solid var(--sc-border) !important;
}
.sc-grid-group-toggle[b-43h3tmejz3] {
display: inline-block;
margin-right: 0.5rem;
color: var(--sc-accent);
transition: transform 0.15s ease;
transform-origin: center;
}
.sc-grid-group-toggle.sc-collapsed[b-43h3tmejz3] {
transform: rotate(-90deg);
}
.sc-grid-group-title[b-43h3tmejz3] {
color: var(--sc-text-muted);
font-weight: 500;
margin-right: 0.35rem;
}
.sc-grid-group-value[b-43h3tmejz3] {
color: var(--sc-text-primary);
}
/* Submenu (Ordenacao multipla) */
.sc-grid-ctx-submenu-wrap[b-43h3tmejz3] {
position: relative;
}
.sc-grid-ctx-has-submenu[b-43h3tmejz3] {
user-select: none;
}
.sc-grid-ctx-arrow[b-43h3tmejz3] {
margin-left: auto;
font-size: 0.75rem;
color: var(--sc-text-muted);
line-height: 1;
}
.sc-grid-ctx-submenu[b-43h3tmejz3] {
position: absolute;
top: -0.3rem;
left: 100%;
margin-left: 4px;
z-index: 1000;
min-width: 200px;
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
padding: 0.3rem;
display: none;
flex-direction: column;
gap: 0.1rem;
text-transform: none;
letter-spacing: normal;
font-weight: 400;
}
.sc-grid-ctx-submenu-wrap:hover > .sc-grid-ctx-submenu[b-43h3tmejz3],
.sc-grid-ctx-submenu:hover[b-43h3tmejz3] {
display: flex;
}
.sc-grid-ctx-submenu-wrap:hover > .sc-grid-ctx-has-submenu[b-43h3tmejz3] {
background: var(--sc-bg-hover);
}
/* Submenu abre p/ esquerda nos ultimos headers (mesma logica do menu pai) */
.sc-grid-table thead tr th:nth-last-child(-n+2) .sc-grid-ctx-submenu[b-43h3tmejz3] {
left: auto;
right: 100%;
margin-left: 0;
margin-right: 4px;
}
.sc-grid-ctx-item:disabled[b-43h3tmejz3] {
opacity: 0.45;
cursor: not-allowed;
}
/* Item com checkbox (lista de Colunas no submenu) */
.sc-grid-ctx-checkitem[b-43h3tmejz3] {
display: flex;
align-items: center;
gap: 0.5rem;
}
.sc-grid-ctx-check[b-43h3tmejz3] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1rem;
height: 1rem;
border-radius: 3px;
border: 1.5px solid var(--sc-border);
background: var(--sc-bg-surface-alt);
flex-shrink: 0;
transition: background-color 0.12s ease, border-color 0.12s ease;
}
.sc-grid-ctx-check.sc-checked[b-43h3tmejz3] {
background: var(--sc-accent);
border-color: var(--sc-accent);
}
.sc-grid-ctx-check svg[b-43h3tmejz3] {
width: 0.85rem;
height: 0.85rem;
fill: #ffffff;
}
/* Submenu de Colunas pode crescer mais que os outros */
.sc-grid-ctx-submenu-cols[b-43h3tmejz3] {
min-width: 220px;
max-height: 320px;
overflow-y: auto;
}
/* Badge de ordem do multi-sort (numero 1,2,3...) */
.sc-grid-sort-order[b-43h3tmejz3] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.05rem;
height: 1.05rem;
padding: 0 0.25rem;
border-radius: 999px;
background: var(--sc-accent);
color: #ffffff;
font-size: 0.65rem;
font-weight: 700;
line-height: 1;
flex-shrink: 0;
}
@media (max-width: 767px) {
.sc-grid-col-filter-pop[b-43h3tmejz3] {
width: min(280px, calc(100vw - 20px));
}
}
/* ====== Export dropdown ====== */
.sc-grid-export-wrap[b-43h3tmejz3] {
position: relative;
}
.sc-grid-export-menu[b-43h3tmejz3] {
position: absolute;
top: calc(100% + 4px);
right: 0;
z-index: 200;
min-width: 160px;
border-radius: var(--sc-radius-md, 8px);
overflow: hidden;
border: 1px solid var(--sc-border);
box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
:global([data-theme="dark"]) .sc-grid-export-menu[b-43h3tmejz3] {
background: var(--sc-bg-surface);
}
:global([data-theme="light"]) .sc-grid-export-menu[b-43h3tmejz3] {
background: #ffffff;
}
.sc-grid-export-item[b-43h3tmejz3] {
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
padding: 0.5rem 0.9rem;
background: transparent;
border: none;
cursor: pointer;
font-size: 0.8125rem;
font-weight: 500;
color: var(--sc-text-primary);
transition: background-color 0.15s ease;
}
.sc-grid-export-item:hover[b-43h3tmejz3] {
background: var(--sc-bg-hover);
}
.sc-grid-export-item .material-symbols-outlined[b-43h3tmejz3] {
font-size: 1rem;
color: var(--sc-text-secondary);
}
/* /Components/Helpers/ScDatePicker.razor.rz.scp.css */
.sc-date-picker[b-sr4tvlyz66] {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.sc-date-picker .sc-input[b-sr4tvlyz66] {
padding-right: 2.5rem;
font-feature-settings: "tnum";
}
.sc-date-picker-native[b-sr4tvlyz66] {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: -1;
appearance: none;
-webkit-appearance: none;
}
.sc-date-picker-trigger[b-sr4tvlyz66] {
position: absolute;
right: 0.625rem;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.6rem;
height: 1.6rem;
border-radius: 999px;
border: 0;
background: transparent;
color: var(--sc-text-secondary);
cursor: pointer;
transition: color 0.15s ease, background-color 0.15s ease;
z-index: 1;
}
.sc-date-picker-trigger svg[b-sr4tvlyz66] {
display: block;
}
.sc-date-picker-trigger:hover:not(:disabled)[b-sr4tvlyz66],
.sc-date-picker-trigger:focus-visible[b-sr4tvlyz66] {
color: var(--sc-accent);
background: var(--sc-bg-hover);
outline: none;
}
.sc-date-picker-trigger:disabled[b-sr4tvlyz66] {
opacity: 0.6;
cursor: not-allowed;
}
/* /Components/Helpers/ScIllustration.razor.rz.scp.css */
.sc-illustration[b-sf4ub03fer] {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.6rem;
margin: 0;
}
.sc-illustration__image[b-sf4ub03fer] {
display: block;
max-width: 100%;
height: auto;
}
.sc-illustration__caption[b-sf4ub03fer] {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.55rem;
font-size: 0.83rem;
color: var(--sc-text-secondary);
text-align: center;
}
.sc-illustration__caption-text[b-sf4ub03fer] {
color: var(--sc-text-secondary);
}
.sc-illustration__link[b-sf4ub03fer] {
color: var(--sc-accent);
text-decoration: none;
font-weight: 500;
}
.sc-illustration__link:hover[b-sf4ub03fer],
.sc-illustration__link:focus-visible[b-sf4ub03fer] {
color: var(--sc-info);
text-decoration: underline;
}
/* /Components/Helpers/ScNumeric.razor.rz.scp.css */
.sc-numeric[b-hkdz1y47mw] {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.sc-numeric .sc-input[b-hkdz1y47mw] {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
outline: none;
}
.sc-numeric .sc-input:focus[b-hkdz1y47mw],
.sc-numeric .sc-input:focus-visible[b-hkdz1y47mw] {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none;
}
.sc-numeric-adornment[b-hkdz1y47mw] {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0.82rem;
color: var(--sc-text-secondary);
pointer-events: none;
user-select: none;
z-index: 1;
}
.sc-numeric-prefix[b-hkdz1y47mw] {
left: 0.75rem;
}
.sc-numeric-suffix[b-hkdz1y47mw] {
right: 0.75rem;
}
/* /Components/Helpers/ScSelect.razor.rz.scp.css */
.sc-select[b-ma9kmm5jlw] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--sc-text-secondary) 50%),
linear-gradient(135deg, var(--sc-text-secondary) 50%, transparent 50%);
background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
padding-right: 2.2rem;
}
.sc-select:focus[b-ma9kmm5jlw] {
background-image: linear-gradient(45deg, transparent 50%, var(--sc-accent) 50%),
linear-gradient(135deg, var(--sc-accent) 50%, transparent 50%);
}
/* /Components/Helpers/SmartDataPicker.razor.rz.scp.css */
/* Botões de navegação de mês no modo MonthYearOnly */
.sc-monthpicker-nav[b-5ye4757xyz] {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 38px;
background: var(--sc-bg-elevated);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-sm);
color: var(--sc-text-secondary);
font-size: 20px;
line-height: 1;
cursor: pointer;
flex-shrink: 0;
padding: 0;
transition: background 0.15s, color 0.15s;
user-select: none;
}
.sc-monthpicker-nav:hover:not(:disabled)[b-5ye4757xyz] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.sc-monthpicker-nav:disabled[b-5ye4757xyz] {
opacity: 0.45;
cursor: not-allowed;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ypy14c1u1w] {
position: relative;
display: flex;
flex-direction: column;
}
main[b-ypy14c1u1w] {
flex: 1;
}
.sidebar[b-ypy14c1u1w] {
background: var(--sc-bg-sidebar);
}
.top-row[b-ypy14c1u1w] {
background-color: var(--sc-topbar-bg);
border-bottom: 1px solid var(--sc-border);
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}
.top-row[b-ypy14c1u1w] a, .top-row[b-ypy14c1u1w] .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}
.top-row[b-ypy14c1u1w] a:hover, .top-row[b-ypy14c1u1w] .btn-link:hover {
text-decoration: underline;
}
.top-row[b-ypy14c1u1w] a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
.top-row[b-ypy14c1u1w] {
justify-content: space-between;
}
.top-row[b-ypy14c1u1w] a, .top-row[b-ypy14c1u1w] .btn-link {
margin-left: 0;
}
}
@media (min-width: 641px) {
.page[b-ypy14c1u1w] {
flex-direction: row;
}
.sidebar[b-ypy14c1u1w] {
height: 100vh;
position: sticky;
top: 0;
}
.top-row[b-ypy14c1u1w] {
position: sticky;
top: 0;
z-index: 1;
}
.top-row.auth[b-ypy14c1u1w] a:first-child {
flex: 1;
text-align: right;
width: 0;
}
.top-row[b-ypy14c1u1w], article[b-ypy14c1u1w] {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}
#blazor-error-ui[b-ypy14c1u1w] {
background: lightyellow;
bottom: 0;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
position: fixed;
width: 100%;
z-index: 1000;
}
#blazor-error-ui .dismiss[b-ypy14c1u1w] {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3287id3d65] {
appearance: none;
cursor: pointer;
width: 3.5rem;
height: 2.5rem;
color: white;
position: absolute;
top: 0.5rem;
right: 1rem;
border: 1px solid rgba(255, 255, 255, 0.1);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}
.navbar-toggler:checked[b-3287id3d65] {
background-color: rgba(255, 255, 255, 0.5);
}
.top-row[b-3287id3d65] {
height: 3.5rem;
background-color: rgba(0,0,0,0.4);
}
.navbar-brand[b-3287id3d65] {
font-size: 1.1rem;
}
.bi[b-3287id3d65] {
display: inline-block;
position: relative;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.75rem;
top: -1px;
background-size: cover;
}
.bi-house-door-fill-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}
.bi-plus-square-fill-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}
.bi-list-nested-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}
.bi-lock-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}
.bi-person-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}
.bi-person-badge-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}
.bi-person-fill-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}
.bi-arrow-bar-left-nav-menu[b-3287id3d65] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}
.nav-item[b-3287id3d65] {
font-size: 0.9rem;
padding-bottom: 0.5rem;
}
.nav-item:first-of-type[b-3287id3d65] {
padding-top: 1rem;
}
.nav-item:last-of-type[b-3287id3d65] {
padding-bottom: 1rem;
}
.nav-item[b-3287id3d65] .nav-link {
color: #d7d7d7;
background: none;
border: none;
border-radius: 4px;
height: 3rem;
display: flex;
align-items: center;
line-height: 3rem;
width: 100%;
}
.nav-item[b-3287id3d65] a.active {
background-color: rgba(255,255,255,0.37);
color: white;
}
.nav-item[b-3287id3d65] .nav-link:hover {
background-color: rgba(255,255,255,0.1);
color: white;
}
.nav-scrollable[b-3287id3d65] {
display: none;
}
.navbar-toggler:checked ~ .nav-scrollable[b-3287id3d65] {
display: block;
}
@media (min-width: 641px) {
.navbar-toggler[b-3287id3d65] {
display: none;
}
.nav-scrollable[b-3287id3d65] {
/* Never collapse the sidebar for wide screens */
display: block;
/* Allow sidebar to scroll for tall menus */
height: calc(100vh - 3.5rem);
overflow-y: auto;
}
}
/* /Components/Layout/ScDialogHost.razor.rz.scp.css */
/* ScDialogHost Styling - Dark/Light Theme Support */
.sc-dialog-overlay[b-9dgpq979ej] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
animation: sc-dialog-fade-in-b-9dgpq979ej 0.2s ease-in-out;
}
@keyframes sc-dialog-fade-in-b-9dgpq979ej {
from {
opacity: 0;
backdrop-filter: blur(0px);
}
to {
opacity: 1;
backdrop-filter: blur(4px);
}
}
.sc-dialog-container[b-9dgpq979ej] {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.sc-dialog[b-9dgpq979ej] {
background-color: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
max-width: 90%;
max-height: 90vh;
animation: sc-dialog-slide-up-b-9dgpq979ej 0.3s ease-out;
}
@keyframes sc-dialog-slide-up-b-9dgpq979ej {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.sc-dialog-header[b-9dgpq979ej] {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem;
border-bottom: 1px solid var(--sc-border);
}
.sc-dialog-title[b-9dgpq979ej] {
margin: 0;
font-size: 1.25rem;
font-weight: 600;
color: var(--sc-text-primary);
font-family: "Inter", sans-serif;
}
.sc-dialog-close[b-9dgpq979ej] {
background: none;
border: none;
font-size: 1.5rem;
color: var(--sc-text-secondary);
cursor: pointer;
padding: 0.5rem;
margin: -0.5rem;
border-radius: var(--sc-radius-sm);
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
.sc-dialog-close:hover[b-9dgpq979ej] {
background-color: var(--sc-bg-elevated);
color: var(--sc-text-primary);
}
.sc-dialog-close:active[b-9dgpq979ej] {
transform: scale(0.95);
}
.sc-dialog-content[b-9dgpq979ej] {
padding: 1.5rem;
overflow-y: auto;
overflow-x: hidden;
flex: 1;
color: var(--sc-text-primary);
}
/* Scrollbar styling */
.sc-dialog-content[b-9dgpq979ej]::-webkit-scrollbar {
width: 8px;
}
.sc-dialog-content[b-9dgpq979ej]::-webkit-scrollbar-track {
background: var(--sc-bg-surface);
}
.sc-dialog-content[b-9dgpq979ej]::-webkit-scrollbar-thumb {
background: var(--sc-border);
border-radius: 4px;
}
.sc-dialog-content[b-9dgpq979ej]::-webkit-scrollbar-thumb:hover {
background: var(--sc-text-secondary);
}
/* Responsive - Mobile */
@media (max-width: 768px) {
.sc-dialog[b-9dgpq979ej] {
max-width: 95%;
max-height: 95vh;
border-radius: var(--sc-radius-md);
}
.sc-dialog-header[b-9dgpq979ej] {
padding: 1rem;
}
.sc-dialog-title[b-9dgpq979ej] {
font-size: 1.1rem;
}
.sc-dialog-content[b-9dgpq979ej] {
padding: 1rem;
}
}
/* Responsive - Small Mobile */
@media (max-width: 480px) {
.sc-dialog-container[b-9dgpq979ej] {
padding: 0;
}
.sc-dialog[b-9dgpq979ej] {
max-width: 100%;
max-height: 100vh;
border-radius: 0;
}
.sc-dialog-header[b-9dgpq979ej] {
padding: 0.75rem;
}
.sc-dialog-title[b-9dgpq979ej] {
font-size: 1rem;
}
.sc-dialog-content[b-9dgpq979ej] {
padding: 0.75rem;
}
}
/* Light theme adjustments (if needed) */
@media (prefers-color-scheme: light) {
.sc-dialog-overlay[b-9dgpq979ej] {
background-color: rgba(0, 0, 0, 0.3);
}
.sc-dialog[b-9dgpq979ej] {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}
}
/* /Components/Layout/TimelineNotificationsBell.razor.rz.scp.css */
.timeline-bell[b-v25za4fpmk] {
position: relative;
}
.timeline-bell-button[b-v25za4fpmk] {
position: relative;
}
.timeline-bell-badge[b-v25za4fpmk] {
position: absolute;
top: -4px;
right: -3px;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 999px;
background: var(--sc-danger);
color: #fff;
font-size: 10px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid var(--sc-topbar-bg);
}
.timeline-bell-menu[b-v25za4fpmk] {
width: min(380px, 92vw);
padding: 0;
overflow: hidden;
}
.timeline-bell-header[b-v25za4fpmk] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 16px;
border-bottom: 1px solid var(--sc-border);
}
.timeline-bell-header strong[b-v25za4fpmk] {
display: block;
color: var(--sc-text-primary);
font-size: 13px;
}
.timeline-bell-header span[b-v25za4fpmk] {
color: var(--sc-text-secondary);
font-size: 11px;
}
.timeline-bell-markall[b-v25za4fpmk] {
border: none;
background: transparent;
color: var(--sc-accent);
font-size: 12px;
font-weight: 600;
}
.timeline-bell-list[b-v25za4fpmk] {
max-height: 420px;
overflow-y: auto;
}
.timeline-bell-empty[b-v25za4fpmk] {
padding: 18px 16px;
color: var(--sc-text-secondary);
font-size: 12px;
}
.timeline-bell-item[b-v25za4fpmk] {
width: 100%;
display: flex;
gap: 12px;
padding: 12px 16px;
border: none;
border-bottom: 1px solid var(--sc-border-light, var(--sc-border));
background: transparent;
text-align: left;
}
.timeline-bell-item:hover[b-v25za4fpmk] {
background: var(--sc-bg-hover);
}
.timeline-bell-item.is-unread[b-v25za4fpmk] {
background: color-mix(in srgb, var(--sc-accent) 8%, transparent);
}
.timeline-bell-icon[b-v25za4fpmk] {
width: 34px;
height: 34px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
flex-shrink: 0;
}
.timeline-bell-content[b-v25za4fpmk] {
display: flex;
flex-direction: column;
min-width: 0;
gap: 4px;
}
.timeline-bell-title-row[b-v25za4fpmk] {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.timeline-bell-title-row strong[b-v25za4fpmk] {
color: var(--sc-text-primary);
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.timeline-bell-dot[b-v25za4fpmk] {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sc-accent);
flex-shrink: 0;
}
.timeline-bell-description[b-v25za4fpmk] {
color: var(--sc-text-secondary);
font-size: 12px;
line-height: 1.35;
}
.timeline-bell-meta[b-v25za4fpmk] {
color: var(--sc-text-muted);
font-size: 11px;
}
.timeline-bell-footer[b-v25za4fpmk] {
padding: 10px 12px;
border-top: 1px solid var(--sc-border);
background: var(--sc-bg-surface);
}
.timeline-bell-open-center[b-v25za4fpmk] {
width: 100%;
border: 1px solid var(--sc-border);
background: transparent;
color: var(--sc-text-primary);
border-radius: var(--sc-radius-md);
padding: 8px 10px;
font-size: 12px;
font-weight: 600;
}
.timeline-bell-open-center:hover[b-v25za4fpmk] {
border-color: var(--sc-accent);
color: var(--sc-accent);
}
/* /Components/Pages/Administracao/Empresas/EmpresasForm.razor.rz.scp.css */
.admin-empresa-form-page[b-2aqxofidgb] {
padding: 1rem;
width: 100%;
}
.admin-empresa-form-title[b-2aqxofidgb] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Administracao/FAQ/FaqCategoriaForm.razor.rz.scp.css */
.admin-faq-form-title[b-g0huedljzg] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Administracao/FAQ/FaqGestaoForm.razor.rz.scp.css */
.admin-faq-form-title[b-om433t99pr] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Administracao/FAQ/FaqNoticiaForm.razor.rz.scp.css */
.admin-faq-form-title[b-n6llp2bc9c] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Administracao/FAQ/FaqNovidadeForm.razor.rz.scp.css */
.admin-faq-form-title[b-1cew76di5d] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Administracao/Licenciamento/LicencaUsuariosForm.razor.rz.scp.css */
.admin-licenca-form-page[b-119gtkfscj] {
padding: 1rem;
width: 100%;
}
.admin-licenca-form-title[b-119gtkfscj] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Administracao/Notificacoes/Notificacoes.razor.rz.scp.css */
.notificacoes-page[b-mmwpq03pto] {
display: flex;
flex-direction: column;
gap: 16px;
min-height: 100%;
color: var(--sc-text-primary);
}
.notificacoes-hero[b-mmwpq03pto] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
border: 1px solid color-mix(in srgb, var(--sc-accent) 40%, var(--sc-border) 60%);
border-radius: var(--sc-radius-md);
padding: 16px 18px;
background:
radial-gradient(900px 300px at right -200px top -130px, color-mix(in srgb, var(--sc-info) 16%, transparent 84%), transparent 68%),
linear-gradient(140deg, color-mix(in srgb, var(--sc-accent) 22%, var(--sc-bg-surface) 78%), var(--sc-bg-surface-alt));
box-shadow: var(--sc-shadow-sm);
}
.notificacoes-hero-title[b-mmwpq03pto] {
display: flex;
align-items: center;
gap: 12px;
}
.notificacoes-hero-icon[b-mmwpq03pto] {
width: 36px;
height: 36px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--sc-accent), color-mix(in srgb, var(--sc-accent) 84%, #000 16%));
color: var(--sc-text-on-solid);
}
.notificacoes-hero-title .rzi[b-mmwpq03pto] {
font-size: 1.2rem;
}
.notificacoes-hero h1[b-mmwpq03pto] {
margin: 0;
font-size: 1.15rem;
}
.notificacoes-hero p[b-mmwpq03pto] {
margin: 2px 0 0;
opacity: 0.75;
}
.notificacoes-hero-actions[b-mmwpq03pto] {
display: flex;
align-items: center;
gap: 10px;
}
.notificacoes-hero-illustration-wrap[b-mmwpq03pto] {
margin: 0;
width: 86px;
min-width: 86px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
}
.notificacoes-hero-illustration[b-mmwpq03pto] {
width: 80px;
height: 58px;
object-fit: contain;
}
.notificacoes-filtros[b-mmwpq03pto] {
display: flex;
flex-direction: column;
gap: 12px;
margin: 10px 0 14px;
}
.notificacoes-filtros-grid[b-mmwpq03pto] {
display: grid;
grid-template-columns: repeat(5, minmax(140px, 1fr));
gap: 10px;
}
.notificacoes-filtro-alerta[b-mmwpq03pto] {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 10px;
min-height: 38px;
background: color-mix(in srgb, var(--sc-bg-surface) 90%, black 10%);
}
.notificacoes-loading[b-mmwpq03pto],
.notificacoes-empty[b-mmwpq03pto] {
min-height: 220px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 8px;
border: 1px dashed var(--sc-border);
border-radius: var(--sc-radius-md);
background: var(--sc-bg-surface);
}
.notificacoes-empty .rzi[b-mmwpq03pto] {
font-size: 2rem;
opacity: 0.8;
}
.notificacoes-lista[b-mmwpq03pto] {
display: flex;
flex-direction: column;
gap: 10px;
}
.notificacao-item[b-mmwpq03pto] {
display: grid;
grid-template-columns: 4px 32px 1fr;
gap: 10px;
padding: 10px 12px;
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
background: linear-gradient(145deg,
color-mix(in srgb, var(--sc-bg-surface) 88%, var(--sc-accent) 12%) 0%,
color-mix(in srgb, var(--sc-bg-surface-alt) 90%, var(--sc-accent) 10%) 100%);
cursor: pointer;
transition: border-color 0.2s ease, transform 0.2s ease;
box-shadow: var(--sc-shadow-sm);
}
.notificacao-item:hover[b-mmwpq03pto] {
border-color: var(--sc-accent);
transform: translateY(-1px);
}
.notificacao-item.is-unread[b-mmwpq03pto] {
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sc-accent) 35%, transparent);
}
.notificacao-item.is-read[b-mmwpq03pto] {
opacity: 0.82;
}
.notificacao-accent[b-mmwpq03pto] {
border-radius: 8px;
}
.notificacao-icone[b-mmwpq03pto] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 10px;
background: linear-gradient(135deg, var(--sc-accent), color-mix(in srgb, var(--sc-accent) 84%, #000 16%));
color: var(--sc-text-on-solid);
}
.notificacao-header[b-mmwpq03pto] {
display: flex;
align-items: center;
gap: 8px;
}
.notificacao-header h3[b-mmwpq03pto] {
margin: 0;
font-size: 0.98rem;
}
.notificacao-body p[b-mmwpq03pto] {
margin: 4px 0;
opacity: 0.9;
}
.notificacao-body small[b-mmwpq03pto] {
opacity: 0.7;
}
.notificacao-pill[b-mmwpq03pto] {
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--sc-accent) 40%, var(--sc-border));
padding: 2px 8px;
font-size: 0.72rem;
}
.notificacoes-paginacao[b-mmwpq03pto] {
margin-top: 12px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.notificacoes-paginacao-actions[b-mmwpq03pto] {
display: inline-flex;
align-items: center;
gap: 8px;
}
.preferencias-card[b-mmwpq03pto] {
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
background: var(--sc-bg-surface);
padding: 14px;
display: flex;
flex-direction: column;
gap: 16px;
}
.preferencia-linha[b-mmwpq03pto] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.preferencia-linha h3[b-mmwpq03pto] {
margin: 0;
font-size: 1rem;
}
.preferencia-linha p[b-mmwpq03pto] {
margin: 4px 0 0;
opacity: 0.78;
}
.preferencia-linha-coluna[b-mmwpq03pto] {
align-items: flex-start;
flex-direction: column;
}
.preferencia-filtro-tipos[b-mmwpq03pto] {
display: inline-flex;
align-items: center;
gap: 8px;
}
.preferencia-tipos-grid[b-mmwpq03pto] {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 8px;
}
.preferencia-tipo-item[b-mmwpq03pto] {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 8px 10px;
}
.preferencias-acoes[b-mmwpq03pto] {
display: flex;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.notificacoes-filtros-grid[b-mmwpq03pto] {
grid-template-columns: repeat(2, minmax(160px, 1fr));
}
.notificacoes-paginacao[b-mmwpq03pto] {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 720px) {
.notificacoes-hero[b-mmwpq03pto] {
flex-direction: column;
align-items: flex-start;
}
.notificacoes-hero-actions[b-mmwpq03pto] {
width: 100%;
justify-content: space-between;
}
.notificacoes-filtros-grid[b-mmwpq03pto] {
grid-template-columns: 1fr;
}
}
/* /Components/Pages/Administracao/Usuarios/UsuariosForm.razor.rz.scp.css */
.admin-usuario-form-page[b-qixz4a89ra] {
padding: 1rem;
width: 100%;
}
.admin-usuario-form-title[b-qixz4a89ra] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Atendimento/AtendimentoForm.razor.rz.scp.css */
.atendimento-form-page[b-v9817l64uc] {
padding: 1rem;
width: 100%;
}
.atendimento-form-title[b-v9817l64uc] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Cadastros/Clientes/Cliente360.razor.rz.scp.css */
/* =============================================
Cliente 360 - Estilos
Todas as cores via var(--sc-*) - nunca hardcode
============================================= */
/* ---- Header ---- */
.c360-selector-card[b-p5d8x7pbsd] {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.c360-selector-card h2[b-p5d8x7pbsd] {
margin: 0;
font-size: 1.2rem;
font-weight: 600;
color: var(--sc-text-primary);
}
.c360-selector-card p[b-p5d8x7pbsd] {
margin: 0;
color: var(--sc-text-secondary);
}
.c360-selector-actions[b-p5d8x7pbsd] {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
align-items: center;
}
.c360-top-actions[b-p5d8x7pbsd] {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
align-items: center;
margin-bottom: 0.75rem;
}
.c360-ia-entry-btn[b-p5d8x7pbsd] {
margin-right: auto;
min-height: 40px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 12px;
border: 1px solid #2b2b35;
border-radius: var(--sc-radius-md);
background: linear-gradient(135deg, #12022b 0%, #26013c 100%);
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.36), 0 0 8px rgba(99, 102, 241, 0.2);
cursor: pointer;
transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.c360-ia-entry-btn:hover[b-p5d8x7pbsd] {
filter: brightness(1.15);
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.48), 0 0 12px rgba(99, 102, 241, 0.32);
}
.c360-ia-entry-btn:focus-visible[b-p5d8x7pbsd] {
outline: 2px solid color-mix(in srgb, var(--sc-accent) 65%, white);
outline-offset: 2px;
}
.c360-ia-entry-img[b-p5d8x7pbsd] {
width: 36px;
height: 36px;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
flex-shrink: 0;
}
.c360-ia-entry-tag[b-p5d8x7pbsd] {
color: #e2e8f0;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
}
.c360-header[b-p5d8x7pbsd] {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 1.5rem;
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.c360-avatar[b-p5d8x7pbsd] {
width: 80px;
height: 80px;
border-radius: var(--sc-radius-md);
background: var(--sc-bg-app);
border: 2px solid var(--sc-border);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
}
.c360-avatar img[b-p5d8x7pbsd] {
width: 100%;
height: 100%;
object-fit: contain;
padding: 4px;
}
.c360-avatar-placeholder[b-p5d8x7pbsd] {
font-size: 2rem;
color: var(--sc-text-muted);
font-weight: 600;
font-family: 'Inter', sans-serif;
}
.c360-header-info[b-p5d8x7pbsd] {
flex: 1;
min-width: 200px;
}
.c360-header-info h2[b-p5d8x7pbsd] {
margin: 0 0 0.25rem 0;
font-size: 1.25rem;
font-weight: 600;
color: var(--sc-text-primary);
}
.c360-title-nav-row[b-p5d8x7pbsd] {
display: grid;
grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
align-items: center;
gap: 0.75rem;
margin-bottom: 0.15rem;
}
.c360-title-nav-side[b-p5d8x7pbsd] {
display: flex;
}
.c360-title-nav-side-left[b-p5d8x7pbsd] {
justify-content: flex-start;
}
.c360-title-nav-side-right[b-p5d8x7pbsd] {
justify-content: flex-end;
}
.c360-title-center[b-p5d8x7pbsd] {
margin: 0;
text-align: center;
}
.c360-nav-modern-btn[b-p5d8x7pbsd] {
appearance: none;
border: 1px solid color-mix(in srgb, var(--sc-accent) 30%, var(--sc-border));
background: color-mix(in srgb, var(--sc-accent) 8%, var(--sc-bg-surface));
color: var(--sc-text-primary);
border-radius: 999px;
min-height: 34px;
padding: 0.35rem 0.7rem;
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.75rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.c360-nav-modern-btn .material-symbols-outlined[b-p5d8x7pbsd] {
font-size: 0.95rem;
line-height: 1;
}
.c360-nav-modern-btn:hover[b-p5d8x7pbsd] {
transform: translateY(-1px);
border-color: var(--sc-accent);
color: var(--sc-accent);
}
.c360-nav-modern-btn:disabled[b-p5d8x7pbsd] {
opacity: 0.45;
cursor: not-allowed;
transform: none;
}
.c360-header-info .c360-fantasia[b-p5d8x7pbsd] {
color: var(--sc-text-secondary);
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.c360-header-info .c360-meta[b-p5d8x7pbsd] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
font-size: 0.8125rem;
color: var(--sc-text-muted);
}
.c360-header-info .c360-meta span[b-p5d8x7pbsd] {
display: flex;
align-items: center;
gap: 0.25rem;
}
.c360-header-info .c360-meta .c360-meta-icon[b-p5d8x7pbsd] {
font-size: 0.9rem;
}
/* ---- KPI Strip ---- */
.c360-kpi-strip[b-p5d8x7pbsd] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 0.875rem;
margin-top: 1rem;
}
.c360-kpi-card[b-p5d8x7pbsd] {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 1rem 1.25rem;
display: flex;
align-items: center;
gap: 1rem;
transition: border-color 0.2s;
}
.c360-kpi-card:hover[b-p5d8x7pbsd] {
border-color: var(--sc-border-hover, var(--sc-accent));
}
.c360-kpi-icon[b-p5d8x7pbsd] {
width: 44px;
height: 44px;
border-radius: var(--sc-radius-md);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.c360-kpi-icon-projetos[b-p5d8x7pbsd] {
background: var(--sc-accent);
}
.c360-kpi-icon-receber[b-p5d8x7pbsd] {
background: var(--sc-success);
}
.c360-kpi-icon-atrasados[b-p5d8x7pbsd] {
background: var(--sc-warning);
}
.c360-kpi-icon-contratos[b-p5d8x7pbsd] {
background: var(--sc-info);
}
.c360-kpi-icon-orcamentos[b-p5d8x7pbsd] {
background: var(--sc-accent);
}
.c360-kpi-icon-fat-geral[b-p5d8x7pbsd] {
background: var(--sc-success);
}
.c360-kpi-icon-fat-ano[b-p5d8x7pbsd] {
background: var(--sc-accent);
}
.c360-kpi-icon-fat-mes[b-p5d8x7pbsd] {
background: var(--sc-info);
}
.c360-kpi-icon-fat-ultimo[b-p5d8x7pbsd] {
background: var(--sc-warning);
}
.c360-kpi-icon-fat-ticket[b-p5d8x7pbsd] {
background: var(--sc-success);
}
.c360-kpi-icon .c360-kpi-glyph[b-p5d8x7pbsd] {
font-size: 1.25rem;
color: var(--sc-text-on-solid);
}
.c360-kpi-body[b-p5d8x7pbsd] {
display: flex;
flex-direction: column;
}
.c360-kpi-value[b-p5d8x7pbsd] {
font-size: 1.1rem;
font-weight: 700;
color: var(--sc-text-primary);
line-height: 1.1;
}
.c360-kpi-label[b-p5d8x7pbsd] {
font-size: 0.75rem;
color: var(--sc-text-muted);
margin-top: 0.25rem;
font-weight: 500;
}
/* ---- Tabs content area ---- */
.c360-tabs-wrapper[b-p5d8x7pbsd] {
margin-top: 1rem;
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
overflow: hidden;
}
.c360-timeline-panel[b-p5d8x7pbsd] {
margin-top: 1rem;
}
.c360-timeline-grid-wrap[b-p5d8x7pbsd] {
height: min(500px, 58dvh);
}
.c360-panel-title[b-p5d8x7pbsd] {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
font-weight: 600;
color: var(--sc-text-primary);
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--sc-border);
background: var(--sc-bg-surface-alt);
}
.c360-panel-title .rz-icon[b-p5d8x7pbsd] {
color: var(--sc-accent);
font-size: 1rem;
}
.c360-panel-title .material-symbols-outlined[b-p5d8x7pbsd] {
color: var(--sc-accent);
font-size: 1rem;
line-height: 1;
}
.c360-actions-grid[b-p5d8x7pbsd] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(54px, 54px));
justify-content: start;
gap: 0.75rem;
padding: 1rem;
}
.c360-action-btn[b-p5d8x7pbsd] {
width: 54px;
min-width: 54px;
height: 42px;
min-height: 42px;
justify-content: center;
border-radius: var(--sc-radius-md);
border: 1px solid transparent;
padding: 0;
font-weight: 500;
}
.c360-action-btn .rz-button-icon-left[b-p5d8x7pbsd],
.c360-action-btn .rz-button-icon[b-p5d8x7pbsd] {
margin: 0;
font-size: 1.1rem;
}
.c360-action-btn .material-symbols-outlined[b-p5d8x7pbsd] {
margin: 0;
font-size: 1.1rem;
line-height: 1;
}
.c360-action-btn:hover[b-p5d8x7pbsd] {
transform: translateY(-1px);
}
.c360-action-accent[b-p5d8x7pbsd] {
background: color-mix(in srgb, var(--sc-accent) 12%, transparent);
color: var(--sc-accent);
border-color: color-mix(in srgb, var(--sc-accent) 30%, transparent);
}
.c360-action-info[b-p5d8x7pbsd] {
background: color-mix(in srgb, var(--sc-info) 12%, transparent);
color: var(--sc-info);
border-color: color-mix(in srgb, var(--sc-info) 30%, transparent);
}
.c360-action-success[b-p5d8x7pbsd] {
background: color-mix(in srgb, var(--sc-success) 12%, transparent);
color: var(--sc-success);
border-color: color-mix(in srgb, var(--sc-success) 30%, transparent);
}
.c360-action-warning[b-p5d8x7pbsd] {
background: color-mix(in srgb, var(--sc-warning) 12%, transparent);
color: var(--sc-warning);
border-color: color-mix(in srgb, var(--sc-warning) 30%, transparent);
}
.c360-grid-search[b-p5d8x7pbsd] {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.75rem;
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
background: var(--sc-bg-surface-alt);
padding: 0.45rem 0.6rem;
}
.c360-grid-search .rz-icon[b-p5d8x7pbsd] {
color: var(--sc-text-muted);
font-size: 1rem;
}
.c360-grid-search .material-symbols-outlined[b-p5d8x7pbsd] {
color: var(--sc-text-muted);
font-size: 1.35rem;
line-height: 1;
}
.c360-grid-search-input[b-p5d8x7pbsd] {
width: 100%;
}
.c360-grid-search-input .rz-inputtext[b-p5d8x7pbsd],
.c360-grid-search-input.rz-textbox[b-p5d8x7pbsd] {
border: none !important;
background: transparent !important;
box-shadow: none !important;
color: var(--sc-text-primary) !important;
}
.c360-inner-tabs[b-p5d8x7pbsd] {
margin-top: 0.25rem;
}
/* ---- Tabs nav/buttons (same visual language as form panel legends) ---- */
.c360-tab-nav[b-p5d8x7pbsd] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
padding: 0 0 0.75rem 0;
border-bottom: 1px solid var(--sc-border);
}
.c360-tab-btn[b-p5d8x7pbsd] {
appearance: none;
border: 1px solid var(--sc-border);
background: var(--sc-bg-surface-alt);
color: var(--sc-text-secondary);
border-radius: var(--sc-radius-md);
padding: 0.45rem 0.8rem;
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.c360-tab-btn .material-symbols-outlined[b-p5d8x7pbsd] {
font-size: 1rem;
line-height: 1;
}
.c360-tab-btn:hover[b-p5d8x7pbsd] {
background: var(--sc-bg-hover);
color: var(--sc-text-primary);
}
.c360-tab-btn.active[b-p5d8x7pbsd] {
color: var(--sc-accent);
border-color: color-mix(in srgb, var(--sc-accent) 38%, var(--sc-border));
background: color-mix(in srgb, var(--sc-accent) 10%, var(--sc-bg-surface));
box-shadow: inset 0 -2px 0 var(--sc-accent);
}
.c360-tab-btn:focus-visible[b-p5d8x7pbsd] {
outline: 2px solid var(--sc-accent);
outline-offset: 1px;
}
.c360-data-tabs-area[b-p5d8x7pbsd] {
height: calc(100dvh - 185px);
min-height: 420px;
display: flex;
flex-direction: column;
}
.c360-main-tabs[b-p5d8x7pbsd] .rz-tabview-panels {
height: 100%;
overflow: hidden;
}
.c360-main-tabs[b-p5d8x7pbsd] .rz-tabview-panel {
height: 100%;
}
.c360-main-tabs .c360-tab-content[b-p5d8x7pbsd] {
height: 100%;
display: flex;
flex-direction: column;
}
.c360-main-tabs .c360-inner-tabs[b-p5d8x7pbsd] {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
}
.c360-main-tabs .c360-inner-tabs > .c360-tab-nav[b-p5d8x7pbsd] {
padding-bottom: 0.5rem;
}
.c360-main-tabs .c360-inner-tabs .c360-tab-btn[b-p5d8x7pbsd] {
padding: 0.35rem 0.65rem;
font-size: 0.82rem;
font-weight: 600;
}
.c360-main-tabs .c360-inner-tabs .c360-tab-btn .material-symbols-outlined[b-p5d8x7pbsd] {
font-size: 0.95rem;
}
.c360-main-tabs .c360-inner-tabs[b-p5d8x7pbsd] .rz-tabview-panels {
height: calc(100% - 44px);
overflow: hidden;
}
.c360-main-tabs .c360-inner-tabs[b-p5d8x7pbsd] .rz-tabview-panel {
height: 100%;
overflow: hidden;
}
.c360-inner-tab-content[b-p5d8x7pbsd] {
height: 100%;
display: flex;
flex-direction: column;
}
.c360-timeline-dot[b-p5d8x7pbsd] {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 0.1rem;
}
.c360-timeline-dot .c360-timeline-glyph[b-p5d8x7pbsd] {
font-size: 1rem;
color: var(--sc-text-on-solid);
}
.c360-timeline-body[b-p5d8x7pbsd] {
flex: 1;
}
.c360-timeline-titulo[b-p5d8x7pbsd] {
font-weight: 600;
font-size: 0.875rem;
color: var(--sc-text-primary);
}
.c360-timeline-descricao[b-p5d8x7pbsd] {
font-size: 0.8125rem;
color: var(--sc-text-secondary);
margin-top: 0.15rem;
}
.c360-timeline-data[b-p5d8x7pbsd] {
font-size: 0.75rem;
color: var(--sc-text-muted);
margin-top: 0.25rem;
}
.c360-timeline-badge-alert[b-p5d8x7pbsd] {
display: inline-block;
background: color-mix(in srgb, var(--sc-danger) 15%, transparent);
color: var(--sc-danger);
font-size: 0.65rem;
font-weight: 600;
padding: 2px 6px;
border-radius: 99px;
margin-left: 0.5rem;
vertical-align: middle;
}
/* ---- Tab empty state ---- */
.c360-empty-state[b-p5d8x7pbsd] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 3rem 1rem;
color: var(--sc-text-muted);
gap: 0.5rem;
}
.c360-empty-state .c360-empty-icon[b-p5d8x7pbsd] {
font-size: 2.5rem;
opacity: 0.4;
}
.c360-empty-state span[b-p5d8x7pbsd] {
font-size: 0.875rem;
}
/* ---- Loading state ---- */
.c360-loading[b-p5d8x7pbsd] {
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
color: var(--sc-text-muted);
gap: 0.75rem;
font-size: 0.875rem;
}
/* ---- Tab content padding ---- */
.c360-tab-content[b-p5d8x7pbsd] {
padding: 1rem;
}
/* ---- Títulos vencidos badge ---- */
.c360-badge-vencido[b-p5d8x7pbsd] {
display: inline-block;
background: color-mix(in srgb, var(--sc-danger) 15%, transparent);
color: var(--sc-danger);
font-size: 0.7rem;
font-weight: 600;
padding: 2px 8px;
border-radius: 99px;
}
.c360-badge-ok[b-p5d8x7pbsd] {
display: inline-block;
background: color-mix(in srgb, var(--sc-success) 15%, transparent);
color: var(--sc-success);
font-size: 0.7rem;
font-weight: 600;
padding: 2px 8px;
border-radius: 99px;
}
.c360-badge-pago[b-p5d8x7pbsd] {
display: inline-block;
background: color-mix(in srgb, var(--sc-info) 15%, transparent);
color: var(--sc-info);
font-size: 0.7rem;
font-weight: 600;
padding: 2px 8px;
border-radius: 99px;
}
/* ---- Badge de contagem na aba de Títulos ---- */
.c360-tab-header[b-p5d8x7pbsd] {
display: inline-flex;
align-items: center;
gap: 6px;
}
.c360-tab-badge[b-p5d8x7pbsd] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 5px;
background: var(--sc-danger);
color: #fff;
font-size: 0.65rem;
font-weight: 700;
border-radius: 99px;
line-height: 1;
}
/* /Components/Pages/Cadastros/Clientes/Cliente360AnalisePanel.razor.rz.scp.css */
.c360-analise-overlay[b-qvaureij8h] {
position: fixed;
inset: 0;
background: color-mix(in srgb, var(--sc-bg-app) 72%, transparent);
backdrop-filter: blur(4px);
z-index: 1200;
}
.c360-analise-drawer[b-qvaureij8h] {
position: fixed;
top: 0;
right: 0;
width: min(92vw, 980px);
height: 100dvh;
background: linear-gradient(180deg, color-mix(in srgb, var(--sc-bg-elevated, var(--sc-bg-surface)) 92%, var(--sc-accent) 8%), var(--sc-bg-surface));
border-left: 1px solid color-mix(in srgb, var(--sc-accent) 22%, var(--sc-border));
box-shadow: var(--sc-shadow-lg, 0 24px 48px rgba(0, 0, 0, 0.28));
z-index: 1201;
display: flex;
flex-direction: column;
}
.c360-analise-header[b-qvaureij8h] {
display: flex;
justify-content: space-between;
gap: 1rem;
padding: 1.25rem 1.25rem 1rem;
border-bottom: 1px solid var(--sc-border);
background: color-mix(in srgb, var(--sc-bg-surface) 88%, var(--sc-accent) 12%);
}
.c360-analise-header-copy[b-qvaureij8h] {
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.c360-analise-header-copy h3[b-qvaureij8h] {
margin: 0;
color: var(--sc-text-primary);
font-size: 1.15rem;
font-weight: 600;
}
.c360-analise-header-copy p[b-qvaureij8h] {
margin: 0;
color: var(--sc-text-secondary);
font-size: 0.85rem;
max-width: 44rem;
}
.c360-analise-header-kicker[b-qvaureij8h] {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--sc-accent);
}
.c360-analise-header-actions[b-qvaureij8h] {
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
.c360-analise-body[b-qvaureij8h] {
flex: 1;
min-height: 0;
display: grid;
grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
}
.c360-analise-history[b-qvaureij8h],
.c360-analise-detail[b-qvaureij8h] {
min-height: 0;
overflow: auto;
padding: 1rem 1.25rem 1.25rem;
}
.c360-analise-history[b-qvaureij8h] {
border-right: 1px solid var(--sc-border);
background: color-mix(in srgb, var(--sc-bg-surface-alt, var(--sc-bg-surface)) 92%, var(--sc-accent) 8%);
}
.c360-analise-section-title[b-qvaureij8h] {
color: var(--sc-text-primary);
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 0.85rem;
}
.c360-analise-list[b-qvaureij8h] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.c360-analise-list-item[b-qvaureij8h] {
width: 100%;
text-align: left;
border: 1px solid var(--sc-border);
background: var(--sc-bg-surface);
border-radius: var(--sc-radius-md);
padding: 0.9rem;
display: flex;
flex-direction: column;
gap: 0.55rem;
color: var(--sc-text-primary);
transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.c360-analise-list-item:hover[b-qvaureij8h],
.c360-analise-list-item.is-active[b-qvaureij8h] {
border-color: color-mix(in srgb, var(--sc-accent) 55%, var(--sc-border));
box-shadow: var(--sc-shadow-sm);
transform: translateY(-1px);
}
.c360-analise-list-item-top[b-qvaureij8h],
.c360-analise-list-item-meta[b-qvaureij8h],
.c360-analise-detail-chips[b-qvaureij8h],
.c360-analise-view-toggle[b-qvaureij8h],
.c360-analise-loading[b-qvaureij8h] {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.c360-analise-list-item-top[b-qvaureij8h] {
justify-content: space-between;
}
.c360-analise-list-date[b-qvaureij8h] {
font-weight: 600;
}
.c360-analise-list-time[b-qvaureij8h],
.c360-analise-list-item-user[b-qvaureij8h],
.c360-analise-detail-subtitle[b-qvaureij8h] {
color: var(--sc-text-secondary);
font-size: 0.8rem;
}
.c360-analise-chip[b-qvaureij8h] {
border-radius: 999px;
padding: 0.22rem 0.55rem;
font-size: 0.72rem;
font-weight: 600;
border: 1px solid transparent;
}
.c360-analise-chip.is-success[b-qvaureij8h] {
background: color-mix(in srgb, var(--sc-success) 14%, var(--sc-bg-surface));
color: var(--sc-success);
border-color: color-mix(in srgb, var(--sc-success) 30%, transparent);
}
.c360-analise-chip.is-warning[b-qvaureij8h] {
background: color-mix(in srgb, var(--sc-warning) 14%, var(--sc-bg-surface));
color: var(--sc-warning);
border-color: color-mix(in srgb, var(--sc-warning) 30%, transparent);
}
.c360-analise-chip.is-danger[b-qvaureij8h] {
background: color-mix(in srgb, var(--sc-danger) 14%, var(--sc-bg-surface));
color: var(--sc-danger);
border-color: color-mix(in srgb, var(--sc-danger) 30%, transparent);
}
.c360-analise-chip.is-info[b-qvaureij8h] {
background: color-mix(in srgb, var(--sc-info) 14%, var(--sc-bg-surface));
color: var(--sc-info);
border-color: color-mix(in srgb, var(--sc-info) 30%, transparent);
}
.c360-analise-chip.is-muted[b-qvaureij8h] {
background: color-mix(in srgb, var(--sc-text-muted) 14%, var(--sc-bg-surface));
color: var(--sc-text-secondary);
border-color: color-mix(in srgb, var(--sc-text-muted) 24%, transparent);
}
.c360-analise-detail[b-qvaureij8h] {
display: flex;
flex-direction: column;
gap: 1rem;
}
.c360-analise-detail-head[b-qvaureij8h] {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: flex-start;
flex-wrap: wrap;
}
.c360-analise-toggle-btn[b-qvaureij8h] {
border: 1px solid var(--sc-border);
background: var(--sc-bg-surface-alt, var(--sc-bg-surface));
color: var(--sc-text-secondary);
border-radius: 999px;
padding: 0.45rem 0.8rem;
font-size: 0.8rem;
font-weight: 600;
}
.c360-analise-toggle-btn.is-active[b-qvaureij8h] {
color: var(--sc-text-primary);
border-color: color-mix(in srgb, var(--sc-accent) 55%, var(--sc-border));
background: color-mix(in srgb, var(--sc-accent) 14%, var(--sc-bg-surface));
}
.c360-analise-text[b-qvaureij8h],
.c360-analise-code[b-qvaureij8h],
.c360-analise-empty[b-qvaureij8h],
.c360-analise-error-box[b-qvaureij8h] {
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
background: var(--sc-bg-surface);
}
.c360-analise-text[b-qvaureij8h],
.c360-analise-code[b-qvaureij8h] {
padding: 1rem;
color: var(--sc-text-primary);
line-height: 1.65;
word-break: break-word;
min-height: 240px;
}
.c360-analise-text h1[b-qvaureij8h],
.c360-analise-text h2[b-qvaureij8h],
.c360-analise-text h3[b-qvaureij8h],
.c360-analise-text h4[b-qvaureij8h],
.c360-analise-text h5[b-qvaureij8h],
.c360-analise-text h6[b-qvaureij8h] {
margin: 0 0 0.65rem;
color: var(--sc-text-primary);
font-weight: 600;
line-height: 1.35;
}
.c360-analise-text h1[b-qvaureij8h],
.c360-analise-text h2[b-qvaureij8h] {
font-size: 1.02rem;
}
.c360-analise-text h3[b-qvaureij8h],
.c360-analise-text h4[b-qvaureij8h],
.c360-analise-text h5[b-qvaureij8h],
.c360-analise-text h6[b-qvaureij8h] {
font-size: 0.95rem;
}
.c360-analise-text p[b-qvaureij8h] {
margin: 0 0 0.8rem;
color: var(--sc-text-primary);
}
.c360-analise-text ul[b-qvaureij8h],
.c360-analise-text ol[b-qvaureij8h] {
margin: 0 0 0.9rem;
padding-left: 1.15rem;
}
.c360-analise-text li[b-qvaureij8h] {
margin-bottom: 0.35rem;
color: var(--sc-text-primary);
}
.c360-analise-text strong[b-qvaureij8h] {
color: var(--sc-text-primary);
font-weight: 600;
}
.c360-analise-text section[b-qvaureij8h],
.c360-analise-text article[b-qvaureij8h],
.c360-analise-text div[b-qvaureij8h] {
margin-bottom: 0.9rem;
}
.c360-analise-text > :last-child[b-qvaureij8h],
.c360-analise-text section > :last-child[b-qvaureij8h],
.c360-analise-text article > :last-child[b-qvaureij8h],
.c360-analise-text div > :last-child[b-qvaureij8h] {
margin-bottom: 0;
}
.c360-analise-code[b-qvaureij8h] {
margin: 0;
overflow: auto;
font-size: 0.81rem;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
}
.c360-analise-empty[b-qvaureij8h] {
min-height: 220px;
padding: 1.25rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
text-align: center;
}
.c360-analise-empty span[b-qvaureij8h],
.c360-analise-error-box span[b-qvaureij8h] {
color: var(--sc-accent);
}
.c360-analise-empty strong[b-qvaureij8h],
.c360-analise-error-box strong[b-qvaureij8h] {
color: var(--sc-text-primary);
}
.c360-analise-empty p[b-qvaureij8h],
.c360-analise-error-box p[b-qvaureij8h] {
margin: 0;
color: var(--sc-text-secondary);
}
.c360-analise-empty-detail[b-qvaureij8h] {
min-height: 100%;
}
.c360-analise-error-box[b-qvaureij8h] {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.75rem;
padding: 0.9rem 1rem;
}
@media (max-width: 920px) {
.c360-analise-drawer[b-qvaureij8h] {
width: 100vw;
}
.c360-analise-body[b-qvaureij8h] {
grid-template-columns: 1fr;
}
.c360-analise-history[b-qvaureij8h] {
border-right: 0;
border-bottom: 1px solid var(--sc-border);
max-height: 42dvh;
}
}
@media (max-width: 640px) {
.c360-analise-header[b-qvaureij8h] {
flex-direction: column;
}
.c360-analise-header-actions[b-qvaureij8h] {
width: 100%;
justify-content: space-between;
}
}
/* /Components/Pages/Compras/CotacaoCompra/CotacaoCompraForm.razor.rz.scp.css */
.cotacao-compra-form-page[b-5fnfk14fjx] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.cotacao-compra-form-page[b-5fnfk14fjx] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.cotacao-compra-form-title[b-5fnfk14fjx] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
/* /Components/Pages/Compras/DocumentoEntrada/DocumentoEntradaForm.razor.rz.scp.css */
.documento-entrada-form-page[b-88afolmmwi] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.documento-entrada-form-page[b-88afolmmwi] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.documento-entrada-form-page[b-88afolmmwi] .rz-dropdown,
.documento-entrada-form-page[b-88afolmmwi] input.rz-inputtext,
.documento-entrada-form-page[b-88afolmmwi] .sc-date-picker .sc-input,
.documento-entrada-form-page[b-88afolmmwi] .sc-numeric .sc-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
}
.documento-entrada-form-title[b-88afolmmwi] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
/* /Components/Pages/Compras/PedidoCompra/PedidoCompraForm.razor.rz.scp.css */
.pedido-compra-form-page[b-v2l36dbu33] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.pedido-compra-form-page[b-v2l36dbu33] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.pedido-compra-form-page[b-v2l36dbu33] .rz-dropdown,
.pedido-compra-form-page[b-v2l36dbu33] input.rz-inputtext,
.pedido-compra-form-page[b-v2l36dbu33] .sc-date-picker .sc-input,
.pedido-compra-form-page[b-v2l36dbu33] .sc-numeric .sc-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
}
.pedido-compra-form-title[b-v2l36dbu33] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
/* /Components/Pages/Compras/SolicitacaoCompra/SolicitacaoCompraForm.razor.rz.scp.css */
.solicitacao-compra-form-page[b-n59yygdycp] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.solicitacao-compra-form-page[b-n59yygdycp] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.solicitacao-compra-form-page[b-n59yygdycp] .rz-dropdown,
.solicitacao-compra-form-page[b-n59yygdycp] input.rz-inputtext,
.solicitacao-compra-form-page[b-n59yygdycp] .sc-numeric .sc-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
}
.solicitacao-compra-form-title[b-n59yygdycp] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
/* /Components/Pages/Contabilidade/LancamentoContabil/LancamentoContabilForm.razor.rz.scp.css */
.lancamento-contabil-form-page[b-5htkr7r7pd] {
padding: 1rem;
width: 100%;
}
.lancamento-contabil-form-title[b-5htkr7r7pd] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Contratos/ContratoMedicoes/ContratoMedicaoForm.razor.rz.scp.css */
.contrato-medicao-form-page[b-10xw3e0anx] {
padding: 1rem;
width: 100%;
}
.contrato-medicao-form-title[b-10xw3e0anx] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Contratos/Contratos/ContratoForm.razor.rz.scp.css */
.contrato-form-page[b-7045m7xctz] {
padding: 0;
width: 100%;
}
.contrato-form-title[b-7045m7xctz] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: var(--sc-text-on-solid);
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/CRM/CrmAtividades/CrmAtividadeForm.razor.rz.scp.css */
.crm-atividade-form-page[b-y6d19e7nr4] {
padding: 1rem;
width: 100%;
}
.crm-atividade-form-title[b-y6d19e7nr4] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/CRM/CrmLeads/CrmLeadForm.razor.rz.scp.css */
.crm-lead-form-page[b-nxy2tejp2j] {
padding: 1rem;
width: 100%;
}
.crm-lead-form-title[b-nxy2tejp2j] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/CRM/CrmOportunidades/CrmOportunidadeForm.razor.rz.scp.css */
.crm-oportunidade-form-page[b-sgst9b88ph] {
padding: 1rem;
width: 100%;
}
.crm-oportunidade-form-title[b-sgst9b88ph] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Estoque/Armazens/ArmazemForm.razor.rz.scp.css */
.estoque-armazem-form-page[b-8hs0u4rbyi] {
padding: 1rem;
width: 100%;
}
.estoque-armazem-form-title[b-8hs0u4rbyi] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Estoque/Enderecos/EnderecoForm.razor.rz.scp.css */
.estoque-endereco-form-page[b-hrohbpvtut] {
padding: 1rem;
width: 100%;
}
.estoque-endereco-form-title[b-hrohbpvtut] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Estoque/Lotes/LoteForm.razor.rz.scp.css */
.estoque-lote-form-page[b-xlkcollbcs] {
padding: 1rem;
width: 100%;
}
.estoque-lote-form-title[b-xlkcollbcs] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Estoque/Movimentacoes/MovimentacaoForm.razor.rz.scp.css */
.estoque-movimentacao-form-page[b-s8qsaz07qn] {
padding: 1rem;
width: 100%;
}
.estoque-movimentacao-form-title[b-s8qsaz07qn] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
font-size: 1rem;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
/* /Components/Pages/Faturamento/Danfe/DanfeForm.razor.rz.scp.css */
.danfe-form-page[b-jr4stj7j2a] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.danfe-form-page[b-jr4stj7j2a] .sc-field,
.danfe-form-page[b-jr4stj7j2a] .sc-date-picker .sc-input,
.danfe-form-page[b-jr4stj7j2a] .sc-numeric .sc-input,
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown,
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown-label,
.danfe-form-page[b-jr4stj7j2a] input.rz-inputtext,
.danfe-form-page[b-jr4stj7j2a] textarea.rz-inputtextarea,
.danfe-form-page[b-jr4stj7j2a] .rz-numeric-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
font-size: 0.9375rem;
}
.danfe-form-page[b-jr4stj7j2a] .sc-field,
.danfe-form-page[b-jr4stj7j2a] .sc-date-picker .sc-input,
.danfe-form-page[b-jr4stj7j2a] .sc-numeric .sc-input,
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown,
.danfe-form-page[b-jr4stj7j2a] input.rz-inputtext,
.danfe-form-page[b-jr4stj7j2a] .rz-numeric-input {
height: 2.6rem;
min-height: 2.6rem;
line-height: 1.2;
}
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown {
padding: 0 !important;
}
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown-label,
.danfe-form-page[b-jr4stj7j2a] input.rz-inputtext,
.danfe-form-page[b-jr4stj7j2a] .sc-date-picker .sc-input,
.danfe-form-page[b-jr4stj7j2a] .sc-numeric .sc-input,
.danfe-form-page[b-jr4stj7j2a] .rz-numeric-input {
padding: 0.55rem 0.75rem !important;
}
.danfe-form-page[b-jr4stj7j2a] .sc-date-picker .sc-input {
padding-right: 2.5rem !important;
}
.danfe-form-page[b-jr4stj7j2a] .sc-numeric .sc-input {
padding-right: 0.75rem !important;
}
.danfe-form-page[b-jr4stj7j2a] .sc-date-picker .sc-input:focus,
.danfe-form-page[b-jr4stj7j2a] .sc-numeric .sc-input:focus,
.danfe-form-page[b-jr4stj7j2a] input.rz-inputtext:focus,
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown:focus-within,
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown.rz-state-focus,
.danfe-form-page[b-jr4stj7j2a] .rz-numeric:focus-within {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none !important;
}
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown-trigger {
color: var(--sc-text-secondary) !important;
}
.danfe-form-page[b-jr4stj7j2a] .rz-dropdown-label {
text-transform: none !important;
}
.danfe-form-page[b-jr4stj7j2a] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 !important;
margin: 0 !important;
}
.danfe-form-page[b-jr4stj7j2a] .rz-fieldset-legend {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border: none;
border-bottom: 2px solid var(--sc-accent);
border-radius: var(--sc-radius-md) var(--sc-radius-md) 0 0;
padding: 0.85rem 1rem !important;
margin: 0 !important;
}
.danfe-form-page[b-jr4stj7j2a] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.danfe-form-page[b-jr4stj7j2a] .rz-fieldset-content {
padding: 1.5rem !important;
background: var(--sc-bg-surface);
border-radius: 0 0 var(--sc-radius-md) var(--sc-radius-md);
}
.danfe-form-page[b-jr4stj7j2a] .rz-label {
display: block;
color: var(--sc-text-primary) !important;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
.danfe-form-title[b-jr4stj7j2a] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.danfe-form-title b[b-jr4stj7j2a] {
margin-left: 0.5rem;
}
.danfe-item-grid[b-jr4stj7j2a] {
display: grid;
grid-template-columns: minmax(200px, 2fr) minmax(90px, 1fr) minmax(110px, 1fr) minmax(90px, 1fr) minmax(90px, 1fr) auto;
gap: 0.75rem;
align-items: end;
}
.danfe-item-label[b-jr4stj7j2a] {
display: block;
color: var(--sc-text-primary);
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0.35rem;
}
@media (max-width: 1100px) {
.danfe-item-grid[b-jr4stj7j2a] {
grid-template-columns: minmax(200px, 2fr) repeat(2, minmax(100px, 1fr));
}
}
@media (max-width: 768px) {
.danfe-item-grid[b-jr4stj7j2a] {
grid-template-columns: 1fr;
}
}
/* /Components/Pages/Faturamento/Faturamento/Components/FaturamentoForm.razor.rz.scp.css */
.faturamento-form-page[b-r9z3ztbu39] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 5.5rem;
}
.faturamento-form-page[b-r9z3ztbu39] .sc-field,
.faturamento-form-page[b-r9z3ztbu39] .sc-date-picker .sc-input,
.faturamento-form-page[b-r9z3ztbu39] .sc-numeric .sc-input,
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown,
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown-label,
.faturamento-form-page[b-r9z3ztbu39] input.rz-inputtext,
.faturamento-form-page[b-r9z3ztbu39] .rz-numeric-input {
height: 2.6rem;
min-height: 2.6rem;
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
font-size: 0.9375rem;
line-height: 1.2;
font-feature-settings: "tnum";
}
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown {
padding: 0 !important;
}
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown-label,
.faturamento-form-page[b-r9z3ztbu39] input.rz-inputtext,
.faturamento-form-page[b-r9z3ztbu39] .sc-date-picker .sc-input,
.faturamento-form-page[b-r9z3ztbu39] .sc-numeric .sc-input,
.faturamento-form-page[b-r9z3ztbu39] .rz-numeric-input {
padding: 0.55rem 0.75rem !important;
}
.faturamento-form-page[b-r9z3ztbu39] .sc-date-picker .sc-input {
padding-right: 2.5rem !important;
}
.faturamento-form-page[b-r9z3ztbu39] .sc-numeric .sc-input {
padding-right: 0.75rem !important;
}
.faturamento-form-page[b-r9z3ztbu39] .sc-date-picker .sc-input:focus,
.faturamento-form-page[b-r9z3ztbu39] .sc-numeric .sc-input:focus,
.faturamento-form-page[b-r9z3ztbu39] input.rz-inputtext:focus,
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown:focus-within,
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown.rz-state-focus,
.faturamento-form-page[b-r9z3ztbu39] .rz-numeric:focus-within {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none !important;
}
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown-trigger {
color: var(--sc-text-secondary) !important;
}
.faturamento-form-page[b-r9z3ztbu39] .rz-dropdown-label {
text-transform: none !important;
}
.faturamento-form-page[b-r9z3ztbu39] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 !important;
margin: 0 !important;
}
.faturamento-form-page[b-r9z3ztbu39] .rz-fieldset-legend {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border: none;
border-bottom: 2px solid var(--sc-accent);
border-radius: var(--sc-radius-md) var(--sc-radius-md) 0 0;
padding: 0.85rem 1rem !important;
margin: 0 !important;
}
.faturamento-form-page[b-r9z3ztbu39] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.faturamento-form-page[b-r9z3ztbu39] .rz-fieldset-content {
padding: 1.5rem !important;
background: var(--sc-bg-surface);
border-radius: 0 0 var(--sc-radius-md) var(--sc-radius-md);
}
.faturamento-form-page[b-r9z3ztbu39] .rz-label {
display: block;
color: var(--sc-text-primary) !important;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
.fat-form-title[b-r9z3ztbu39] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.fat-form-title b[b-r9z3ztbu39] {
margin-left: 0.5rem;
}
.fat-item-entry[b-r9z3ztbu39] {
background: var(--sc-bg-surface-alt);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0.9rem;
}
.fat-item-grid[b-r9z3ztbu39] {
display: grid;
grid-template-columns: minmax(220px, 2.4fr) repeat(4, minmax(120px, 1fr)) auto;
gap: 0.75rem;
align-items: end;
}
.fat-item-label[b-r9z3ztbu39] {
display: block;
color: var(--sc-text-primary);
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0.35rem;
}
.fat-item-actions[b-r9z3ztbu39] {
display: flex;
gap: 0.6rem;
align-items: end;
justify-content: flex-end;
min-height: 100%;
}
.fat-item-actions .rz-button[b-r9z3ztbu39] {
min-width: 120px;
}
.fat-item-meta[b-r9z3ztbu39] {
margin-top: 0.75rem;
display: flex;
gap: 1rem;
flex-wrap: wrap;
color: var(--sc-text-secondary);
font-size: 0.85rem;
}
@media (max-width: 1300px) {
.fat-item-grid[b-r9z3ztbu39] {
grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(140px, 1fr));
}
.fat-item-actions[b-r9z3ztbu39] {
grid-column: 1 / -1;
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.fat-item-grid[b-r9z3ztbu39] {
grid-template-columns: 1fr;
}
.fat-item-actions[b-r9z3ztbu39] {
justify-content: stretch;
flex-wrap: wrap;
}
.fat-item-actions .rz-button[b-r9z3ztbu39] {
width: 100%;
}
}
/* /Components/Pages/Faturamento/Orcamento/OrcamentoForm.razor.rz.scp.css */
.orcamento-form-page[b-dobcz1v37m] .sc-field,
.orcamento-form-page[b-dobcz1v37m] .sc-date-picker .sc-input,
.orcamento-form-page[b-dobcz1v37m] .sc-numeric .sc-input,
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown,
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown-label,
.orcamento-form-page[b-dobcz1v37m] input.rz-inputtext {
height: 2.6rem;
min-height: 2.6rem;
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
font-size: 0.9375rem;
line-height: 1.2;
font-feature-settings: "tnum";
}
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown {
padding: 0 !important;
}
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown-label,
.orcamento-form-page[b-dobcz1v37m] input.rz-inputtext,
.orcamento-form-page[b-dobcz1v37m] .sc-date-picker .sc-input,
.orcamento-form-page[b-dobcz1v37m] .sc-numeric .sc-input {
padding: 0.55rem 0.75rem !important;
}
.orcamento-form-page[b-dobcz1v37m] .sc-date-picker .sc-input {
padding-right: 2.5rem !important;
}
.orcamento-form-page[b-dobcz1v37m] .sc-numeric .sc-input {
padding-right: 0.75rem !important;
}
.orcamento-form-page[b-dobcz1v37m] .sc-numeric .sc-input[style*="padding-left"] {
padding-left: 2.4rem !important;
}
.orcamento-form-page[b-dobcz1v37m] .sc-date-picker .sc-input:focus,
.orcamento-form-page[b-dobcz1v37m] .sc-numeric .sc-input:focus,
.orcamento-form-page[b-dobcz1v37m] input.rz-inputtext:focus,
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown:focus-within,
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown.rz-state-focus {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none !important;
}
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown-trigger {
color: var(--sc-text-secondary) !important;
}
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown:hover,
.orcamento-form-page[b-dobcz1v37m] .sc-date-picker:hover .sc-input,
.orcamento-form-page[b-dobcz1v37m] .sc-numeric:hover .sc-input,
.orcamento-form-page[b-dobcz1v37m] input.rz-inputtext:hover {
border-color: var(--sc-border) !important;
}
/* Remover uppercase indesejado de dropdowns */
.orcamento-form-page[b-dobcz1v37m] .rz-dropdown-label {
text-transform: none !important;
}
/* Modernizar Fieldsets */
.orcamento-form-page[b-dobcz1v37m] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.orcamento-form-page[b-dobcz1v37m] .rz-fieldset-legend {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border: none;
border-bottom: 2px solid var(--sc-accent);
border-radius: var(--sc-radius-md) var(--sc-radius-md) 0 0;
padding: 0.85rem 1rem !important;
margin: 0 !important;
}
.orcamento-form-page[b-dobcz1v37m] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.orcamento-form-page[b-dobcz1v37m] .rz-fieldset-content {
padding: 1.5rem !important;
background: var(--sc-bg-surface);
border-radius: 0 0 var(--sc-radius-md) var(--sc-radius-md);
}
.orcamento-form-page[b-dobcz1v37m] .rz-label,
.orcamento-form-page[b-dobcz1v37m] .sc-form-label {
display: block;
color: var(--sc-text-primary) !important;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
/* Campo Título expandido */
.orcamento-form-page[b-dobcz1v37m] .orc-titulo-field {
width: 100% !important;
height: 3.2rem !important;
min-height: 3.2rem !important;
font-size: 1rem !important;
line-height: 1.4 !important;
resize: none;
}
.orcamento-form-page[b-dobcz1v37m] .pdf-editor-shell {
position: relative;
padding-top: 2.8rem;
}
.orcamento-form-page[b-dobcz1v37m] .pdf-fab-actions {
position: absolute;
top: 0;
right: 0;
display: flex;
gap: 0.5rem;
z-index: 3;
}
.orcamento-form-page[b-dobcz1v37m] .pdf-fab-actions .rz-button {
width: 2.25rem;
height: 2.25rem;
min-width: 2.25rem;
border-radius: 999px;
box-shadow: var(--sc-shadow-sm);
}
.orcamento-form-page[b-dobcz1v37m] .pdf-fab-actions .rz-button .rzi {
font-size: 1.05rem;
}
.orcamento-form-page[b-dobcz1v37m] .orc-pdf-editor .rz-html-editor-content {
min-height: 240px;
}
.orcamento-form-page[b-dobcz1v37m] .rz-fieldset-content > .rz-stack[style*="--rz-gap:0.5rem"] > .itens-col {
flex: 1 1 11rem;
min-width: 11rem;
margin: 0;
}
.orcamento-form-page[b-dobcz1v37m] .rz-fieldset-content > .rz-stack[style*="--rz-gap:0.5rem"] > .itens-col-produto {
flex: 2 1 24rem;
min-width: 24rem;
}
.orcamento-form-page[b-dobcz1v37m] .rz-fieldset-content > .rz-stack[style*="--rz-gap:0.5rem"] > .itens-col-actions {
flex: 0 0 auto;
min-width: auto;
}
/* /Components/Pages/Faturamento/PedidoVenda/Components/PedidoVendaForm.razor.rz.scp.css */
.pedido-venda-form-page[b-7bpbsn9gtp] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 5.5rem;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-field,
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-date-picker .sc-input,
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-numeric .sc-input,
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown,
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown-label,
.pedido-venda-form-page[b-7bpbsn9gtp] input.rz-inputtext,
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-numeric-input {
height: 2.6rem;
min-height: 2.6rem;
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
font-size: 0.9375rem;
line-height: 1.2;
font-feature-settings: "tnum";
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown {
padding: 0 !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown-label,
.pedido-venda-form-page[b-7bpbsn9gtp] input.rz-inputtext,
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-date-picker .sc-input,
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-numeric .sc-input,
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-numeric-input {
padding: 0.55rem 0.75rem !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-date-picker .sc-input {
padding-right: 2.5rem !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-numeric .sc-input {
padding-right: 0.75rem !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-numeric .sc-input[style*="padding-left"] {
padding-left: 2.4rem !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-date-picker .sc-input:focus,
.pedido-venda-form-page[b-7bpbsn9gtp] .sc-numeric .sc-input:focus,
.pedido-venda-form-page[b-7bpbsn9gtp] input.rz-inputtext:focus,
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown:focus-within,
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown.rz-state-focus,
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-numeric:focus-within {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown-trigger {
color: var(--sc-text-secondary) !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-dropdown-label {
text-transform: none !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 !important;
margin: 0 !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-fieldset-legend {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border: none;
border-bottom: 2px solid var(--sc-accent);
border-radius: var(--sc-radius-md) var(--sc-radius-md) 0 0;
padding: 0.85rem 1rem !important;
margin: 0 !important;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-fieldset-content {
padding: 1.5rem !important;
background: var(--sc-bg-surface);
border-radius: 0 0 var(--sc-radius-md) var(--sc-radius-md);
}
.pedido-venda-form-page[b-7bpbsn9gtp] .rz-label {
display: block;
color: var(--sc-text-primary) !important;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
.pv-form-title[b-7bpbsn9gtp] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.pv-form-title b[b-7bpbsn9gtp] {
margin-left: 0.5rem;
}
.pedido-venda-form-page[b-7bpbsn9gtp] .pv-html-editor .rz-html-editor-content {
min-height: 240px;
}
.pv-editor-shell[b-7bpbsn9gtp] {
position: relative;
}
.pv-condicao-actions[b-7bpbsn9gtp] {
padding-top: 1.6rem;
}
.pv-item-entry[b-7bpbsn9gtp] {
background: var(--sc-bg-surface-alt);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0.9rem;
}
.pv-item-grid[b-7bpbsn9gtp] {
display: grid;
grid-template-columns: minmax(220px, 2.4fr) repeat(4, minmax(120px, 1fr)) auto;
gap: 0.75rem;
align-items: end;
}
.pv-item-label[b-7bpbsn9gtp] {
display: block;
color: var(--sc-text-primary);
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
.pv-item-actions[b-7bpbsn9gtp] {
display: flex;
gap: 0.625rem;
align-items: end;
justify-content: flex-end;
min-height: 100%;
}
.pv-item-actions .rz-button[b-7bpbsn9gtp] {
min-width: 128px;
}
.pv-bottom-bar[b-7bpbsn9gtp] {
position: fixed;
bottom: 0;
left: 275px;
right: 0;
z-index: 1000;
height: 64px;
background: var(--sc-topbar-bg);
box-shadow: var(--sc-shadow-md);
}
.pv-bottom-bar .bottom-bar[b-7bpbsn9gtp] {
height: 100%;
padding: 0 1.25rem;
display: flex;
align-items: center;
justify-content: flex-end;
}
.pv-bottom-bar[b-7bpbsn9gtp] .rz-text {
color: #fff;
}
@media (max-width: 1300px) {
.pv-item-grid[b-7bpbsn9gtp] {
grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(140px, 1fr));
}
.pv-item-actions[b-7bpbsn9gtp] {
grid-column: 1 / -1;
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.pedido-venda-form-page[b-7bpbsn9gtp] {
padding-bottom: 6.5rem;
}
.pv-item-grid[b-7bpbsn9gtp] {
grid-template-columns: 1fr;
}
.pv-item-actions[b-7bpbsn9gtp] {
justify-content: stretch;
flex-wrap: wrap;
}
.pv-item-actions .rz-button[b-7bpbsn9gtp] {
width: 100%;
}
.pv-bottom-bar[b-7bpbsn9gtp] {
left: 0;
}
}
/* ===== Ordens de Serviço vinculadas ===== */
.pv-os-vinculadas[b-7bpbsn9gtp] {
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
background: var(--sc-bg-surface);
overflow: hidden;
}
.pv-os-vinculadas-header[b-7bpbsn9gtp] {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border-bottom: 2px solid var(--sc-accent);
padding: 0.85rem 1rem;
display: flex;
align-items: center;
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.pv-os-vinculadas-list[b-7bpbsn9gtp] {
padding: 0.5rem 0;
}
.pv-os-item[b-7bpbsn9gtp] {
display: flex;
align-items: center;
gap: 1rem;
padding: 0.6rem 1rem;
border-bottom: 1px solid var(--sc-border);
flex-wrap: wrap;
}
.pv-os-item:last-child[b-7bpbsn9gtp] {
border-bottom: none;
}
.pv-os-item:hover[b-7bpbsn9gtp] {
background: var(--sc-bg-surface-alt);
}
.pv-os-item-id[b-7bpbsn9gtp] {
display: flex;
align-items: center;
gap: 4px;
min-width: 110px;
font-size: 0.85rem;
font-weight: 700;
color: var(--sc-text-primary);
white-space: nowrap;
}
.pv-os-item-info[b-7bpbsn9gtp] {
flex: 1;
display: flex;
flex-direction: column;
gap: 1px;
min-width: 160px;
}
.pv-os-item-cliente[b-7bpbsn9gtp] {
font-size: 0.85rem;
font-weight: 600;
color: var(--sc-text-primary);
}
.pv-os-item-projeto[b-7bpbsn9gtp] {
font-size: 0.75rem;
color: var(--sc-text-secondary);
}
.pv-os-item-meta[b-7bpbsn9gtp] {
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
}
.pv-os-item-data[b-7bpbsn9gtp] {
font-size: 0.78rem;
color: var(--sc-text-secondary);
}
.pv-os-status-badge[b-7bpbsn9gtp] {
font-size: 10px;
font-weight: 700;
padding: 2px 7px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.04em;
background: rgba(108, 92, 231, 0.12);
color: var(--sc-accent);
border: 1px solid rgba(108, 92, 231, 0.25);
}
.pv-os-status-concluida[b-7bpbsn9gtp] {
background: rgba(34, 197, 94, 0.12);
color: #22c55e;
border-color: rgba(34, 197, 94, 0.3);
}
.pv-os-status-cancelada[b-7bpbsn9gtp] {
background: rgba(239, 68, 68, 0.10);
color: #ef4444;
border-color: rgba(239, 68, 68, 0.25);
}
.pv-os-status-emandamento[b-7bpbsn9gtp] {
background: rgba(245, 158, 11, 0.12);
color: #f59e0b;
border-color: rgba(245, 158, 11, 0.3);
}
.pv-os-item-horas[b-7bpbsn9gtp] {
font-size: 0.78rem;
color: var(--sc-text-secondary);
white-space: nowrap;
min-width: 60px;
text-align: right;
}
.pv-os-item-actions[b-7bpbsn9gtp] {
flex-shrink: 0;
}
/* /Components/Pages/Financeiro/ContasPagar/ContasPagarForm.razor.rz.scp.css */
.contas-pagar-form-page[b-noeq2vv0ls] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.contas-pagar-form-page[b-noeq2vv0ls] .sc-field,
.contas-pagar-form-page[b-noeq2vv0ls] .sc-date-picker .sc-input,
.contas-pagar-form-page[b-noeq2vv0ls] .sc-numeric .sc-input,
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown,
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown-label,
.contas-pagar-form-page[b-noeq2vv0ls] input.rz-inputtext,
.contas-pagar-form-page[b-noeq2vv0ls] .rz-numeric-input {
height: 2.6rem;
min-height: 2.6rem;
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
font-size: 0.9375rem;
line-height: 1.2;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown {
padding: 0 !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown-label,
.contas-pagar-form-page[b-noeq2vv0ls] input.rz-inputtext,
.contas-pagar-form-page[b-noeq2vv0ls] .sc-date-picker .sc-input,
.contas-pagar-form-page[b-noeq2vv0ls] .sc-numeric .sc-input,
.contas-pagar-form-page[b-noeq2vv0ls] .rz-numeric-input {
padding: 0.55rem 0.75rem !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .sc-date-picker .sc-input {
padding-right: 2.5rem !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .sc-numeric .sc-input {
padding-right: 0.75rem !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .sc-date-picker .sc-input:focus,
.contas-pagar-form-page[b-noeq2vv0ls] .sc-numeric .sc-input:focus,
.contas-pagar-form-page[b-noeq2vv0ls] input.rz-inputtext:focus,
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown:focus-within,
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown.rz-state-focus {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown-trigger {
color: var(--sc-text-secondary) !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-dropdown-label {
text-transform: none !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 !important;
margin: 0 !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-fieldset-legend {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border: none;
border-bottom: 2px solid var(--sc-accent);
border-radius: var(--sc-radius-md) var(--sc-radius-md) 0 0;
padding: 0.85rem 1rem !important;
margin: 0 !important;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-fieldset-content {
padding: 1.5rem !important;
background: var(--sc-bg-surface);
border-radius: 0 0 var(--sc-radius-md) var(--sc-radius-md);
}
.contas-pagar-form-page[b-noeq2vv0ls] .rz-label {
display: block;
color: var(--sc-text-primary) !important;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
.cpagar-form-title[b-noeq2vv0ls] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.cpagar-form-title b[b-noeq2vv0ls] {
margin-left: 0.5rem;
}
/* /Components/Pages/Financeiro/ContasReceber/BaixaContasReceberDialog.razor.rz.scp.css */
/* ─── Baixa de Título a Receber — Dialog ─────────────────────────────────── */
.baixa-cr-dialog[b-rhq9qpmi9q] {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
/* Seção com label de grupo */
.baixa-cr-section[b-rhq9qpmi9q] {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding: 1rem;
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.baixa-cr-section-label[b-rhq9qpmi9q] {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--sc-text-muted);
padding-bottom: 0.25rem;
border-bottom: 1px solid var(--sc-border);
}
/* Linha de campos */
.baixa-cr-row[b-rhq9qpmi9q] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: flex-end;
}
/* Tamanhos de campo */
.baixa-cr-field[b-rhq9qpmi9q] {
display: flex;
flex-direction: column;
gap: 0.35rem;
min-width: 0;
}
.baixa-cr-field--sm[b-rhq9qpmi9q] { flex: 0 0 140px; }
.baixa-cr-field--md[b-rhq9qpmi9q] { flex: 1 1 160px; }
.baixa-cr-field--lg[b-rhq9qpmi9q] { flex: 2 1 220px; }
.baixa-cr-field--full[b-rhq9qpmi9q] { flex: 1 1 100%; }
/* Input de moeda (readonly) */
.sc-input--currency[b-rhq9qpmi9q] {
font-variant-numeric: tabular-nums;
text-align: right;
}
/* Textarea */
.sc-textarea[b-rhq9qpmi9q] {
resize: vertical;
min-height: 72px;
font-family: inherit;
font-size: 0.875rem;
}
/* Rodapé */
.baixa-cr-footer[b-rhq9qpmi9q] {
display: flex;
justify-content: flex-end;
gap: 0.75rem;
padding-top: 0.5rem;
border-top: 1px solid var(--sc-border);
}
/* Spinner no botão */
.sc-spin[b-rhq9qpmi9q] {
animation: sc-spin-b-rhq9qpmi9q 0.8s linear infinite;
vertical-align: middle;
font-size: 1.1em;
}
@keyframes sc-spin-b-rhq9qpmi9q {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Responsivo mobile */
@media (max-width: 600px) {
.baixa-cr-field--sm[b-rhq9qpmi9q],
.baixa-cr-field--md[b-rhq9qpmi9q],
.baixa-cr-field--lg[b-rhq9qpmi9q] {
flex: 1 1 100%;
}
}
/* /Components/Pages/Financeiro/ContasReceber/ContasReceberForm.razor.rz.scp.css */
.contas-receber-form-page[b-zqaggtr4u9] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.contas-receber-form-page[b-zqaggtr4u9] .sc-field,
.contas-receber-form-page[b-zqaggtr4u9] .sc-date-picker .sc-input,
.contas-receber-form-page[b-zqaggtr4u9] .sc-numeric .sc-input,
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown,
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown-label,
.contas-receber-form-page[b-zqaggtr4u9] input.rz-inputtext,
.contas-receber-form-page[b-zqaggtr4u9] .rz-numeric-input {
height: 2.6rem;
min-height: 2.6rem;
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
font-size: 0.9375rem;
line-height: 1.2;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown {
padding: 0 !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown-label,
.contas-receber-form-page[b-zqaggtr4u9] input.rz-inputtext,
.contas-receber-form-page[b-zqaggtr4u9] .sc-date-picker .sc-input,
.contas-receber-form-page[b-zqaggtr4u9] .sc-numeric .sc-input,
.contas-receber-form-page[b-zqaggtr4u9] .rz-numeric-input {
padding: 0.55rem 0.75rem !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .sc-date-picker .sc-input {
padding-right: 2.5rem !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .sc-numeric .sc-input {
padding-right: 0.75rem !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .sc-date-picker .sc-input:focus,
.contas-receber-form-page[b-zqaggtr4u9] .sc-numeric .sc-input:focus,
.contas-receber-form-page[b-zqaggtr4u9] input.rz-inputtext:focus,
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown:focus-within,
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown.rz-state-focus {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown-trigger {
color: var(--sc-text-secondary) !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-dropdown-label {
text-transform: none !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 !important;
margin: 0 !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-fieldset-legend {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border: none;
border-bottom: 2px solid var(--sc-accent);
border-radius: var(--sc-radius-md) var(--sc-radius-md) 0 0;
padding: 0.85rem 1rem !important;
margin: 0 !important;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-fieldset-content {
padding: 1.5rem !important;
background: var(--sc-bg-surface);
border-radius: 0 0 var(--sc-radius-md) var(--sc-radius-md);
}
.contas-receber-form-page[b-zqaggtr4u9] .rz-label {
display: block;
color: var(--sc-text-primary) !important;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
.creceber-form-title[b-zqaggtr4u9] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.creceber-form-title b[b-zqaggtr4u9] {
margin-left: 0.5rem;
}
/* /Components/Pages/Financeiro/MovimentoBancario/MovimentoBancarioForm.razor.rz.scp.css */
.mov-bancario-form-page[b-lart31rg70] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding: 1.5rem;
}
.mov-bancario-form-page .sc-form-section[b-lart31rg70] {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 1.5rem;
margin-bottom: 1.25rem;
}
.mov-bancario-form-page .sc-form-section-title[b-lart31rg70] {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--sc-accent);
}
.mov-bancario-form-page .sc-form-row[b-lart31rg70] {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.75rem;
}
.mov-bancario-form-page .sc-form-label[b-lart31rg70] {
display: block;
font-size: 0.875rem;
font-weight: 600;
color: var(--sc-text-primary);
margin-bottom: 0.3rem;
}
.mov-bancario-form-page .sc-input[b-lart31rg70],
.mov-bancario-form-page .sc-select[b-lart31rg70] {
width: 100%;
height: 2.6rem;
border-radius: var(--sc-radius-md);
border: 1px solid var(--sc-border);
background: var(--sc-bg-input);
color: var(--sc-text-primary);
padding: 0.55rem 0.75rem;
font-size: 0.9375rem;
outline: none;
box-sizing: border-box;
}
.mov-bancario-form-page .sc-input:focus[b-lart31rg70],
.mov-bancario-form-page .sc-select:focus[b-lart31rg70] {
border-color: var(--sc-accent);
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16);
}
.mov-bancario-form-page textarea.sc-input[b-lart31rg70] {
height: auto;
resize: vertical;
}
.mov-bancario-form-page .sc-form-footer[b-lart31rg70] {
display: flex;
gap: 0.75rem;
justify-content: flex-end;
padding-top: 1rem;
}
.mov-bancario-form-title[b-lart31rg70] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
margin-bottom: 1.25rem;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 700;
font-size: 1.1rem;
}
@media (max-width: 900px) {
.mov-bancario-form-page .sc-form-row[b-lart31rg70] {
grid-template-columns: 1fr;
}
}
/* /Components/Pages/Financeiro/NaturezaFinanceira/NaturezaFinanceiraForm.razor.rz.scp.css */
.natureza-fin-form-page[b-ftjlsmg2wf] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .sc-field,
.natureza-fin-form-page[b-ftjlsmg2wf] .sc-numeric .sc-input,
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown,
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown-label,
.natureza-fin-form-page[b-ftjlsmg2wf] input.rz-inputtext,
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-numeric-input {
height: 2.6rem;
min-height: 2.6rem;
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
box-shadow: none !important;
font-size: 0.9375rem;
line-height: 1.2;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown {
padding: 0 !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown-label,
.natureza-fin-form-page[b-ftjlsmg2wf] input.rz-inputtext,
.natureza-fin-form-page[b-ftjlsmg2wf] .sc-numeric .sc-input,
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-numeric-input {
padding: 0.55rem 0.75rem !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .sc-numeric .sc-input {
padding-right: 0.75rem !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .sc-numeric .sc-input:focus,
.natureza-fin-form-page[b-ftjlsmg2wf] input.rz-inputtext:focus,
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown:focus-within,
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown.rz-state-focus {
border-color: var(--sc-accent) !important;
box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.16) !important;
outline: none !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown-trigger {
color: var(--sc-text-secondary) !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-dropdown-label {
text-transform: none !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
padding: 0 !important;
margin: 0 !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-fieldset-legend {
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
border: none;
border-bottom: 2px solid var(--sc-accent);
border-radius: var(--sc-radius-md) var(--sc-radius-md) 0 0;
padding: 0.85rem 1rem !important;
margin: 0 !important;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-fieldset-content {
padding: 1.5rem !important;
background: var(--sc-bg-surface);
border-radius: 0 0 var(--sc-radius-md) var(--sc-radius-md);
}
.natureza-fin-form-page[b-ftjlsmg2wf] .rz-label {
display: block;
color: var(--sc-text-primary) !important;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.3rem;
}
.natureza-fin-form-title[b-ftjlsmg2wf] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.natureza-fin-form-title b[b-ftjlsmg2wf] {
margin-left: 0.5rem;
}
/* /Components/Pages/Projetos/OrdemDeServico/OrdemDeServicoForm.razor.rz.scp.css */
.ordem-servico-form-page[b-1h0f26pzsa] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.ordem-servico-form-page[b-1h0f26pzsa] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.ordem-servico-form-page[b-1h0f26pzsa] .rz-dropdown,
.ordem-servico-form-page[b-1h0f26pzsa] input.rz-inputtext,
.ordem-servico-form-page[b-1h0f26pzsa] .rz-textarea,
.ordem-servico-form-page[b-1h0f26pzsa] .sc-date-picker .sc-input,
.ordem-servico-form-page[b-1h0f26pzsa] .sc-numeric .sc-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
}
.ordem-servico-form-title[b-1h0f26pzsa] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.ordem-servico-form-title b[b-1h0f26pzsa] {
margin-left: 0.5rem;
}
/* /Components/Pages/Projetos/ProjetoReunioes/ProjetoReunioesForm.razor.rz.scp.css */
.projeto-reuniao-form-page[b-0bfizf30we] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.projeto-reuniao-form-page[b-0bfizf30we] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.projeto-reuniao-form-page[b-0bfizf30we] .rz-dropdown,
.projeto-reuniao-form-page[b-0bfizf30we] input.rz-inputtext,
.projeto-reuniao-form-page[b-0bfizf30we] .rz-textarea,
.projeto-reuniao-form-page[b-0bfizf30we] .sc-date-picker .sc-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
}
.projeto-reuniao-form-title[b-0bfizf30we] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.projeto-reuniao-form-title b[b-0bfizf30we] {
margin-left: 0.5rem;
}
/* /Components/Pages/Projetos/Projetos/ProjetosForm.razor.rz.scp.css */
.projetos-form-page[b-begn2s4eov] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.projetos-form-page[b-begn2s4eov] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.projetos-form-page[b-begn2s4eov] .rz-fieldset-legend {
border-bottom: 2px solid var(--sc-accent);
background: linear-gradient(135deg, var(--sc-bg-input), var(--sc-bg-surface));
}
.projetos-form-page[b-begn2s4eov] .rz-fieldset-legend > span {
color: var(--sc-accent);
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.projetos-form-page[b-begn2s4eov] .rz-dropdown,
.projetos-form-page[b-begn2s4eov] input.rz-inputtext,
.projetos-form-page[b-begn2s4eov] .rz-textarea,
.projetos-form-page[b-begn2s4eov] .sc-date-picker .sc-input,
.projetos-form-page[b-begn2s4eov] .sc-numeric .sc-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
}
.projetos-form-page[b-begn2s4eov] .projeto-tabs .nav-link {
color: var(--sc-accent);
font-weight: 600;
}
.projetos-form-page[b-begn2s4eov] .projeto-tabs .nav-link.active {
color: #fff;
background: var(--sc-accent);
border-color: var(--sc-accent) var(--sc-accent) var(--sc-accent);
}
.projetos-form-page[b-begn2s4eov] .projeto-tabs .nav-tabs {
border-bottom: 1px solid var(--sc-border);
}
.projetos-form-title[b-begn2s4eov] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.projetos-form-title b[b-begn2s4eov] {
margin-left: 0.5rem;
}
/* /Components/Pages/Projetos/ProjetoTemplates/ProjetoTemplatesForm.razor.rz.scp.css */
.projeto-template-form-page[b-6angp39gd9] {
background: var(--sc-bg-app);
color: var(--sc-text-primary);
padding-bottom: 2rem;
}
.projeto-template-form-page[b-6angp39gd9] .rz-fieldset {
background: var(--sc-bg-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-md);
}
.projeto-template-form-page[b-6angp39gd9] .rz-dropdown,
.projeto-template-form-page[b-6angp39gd9] input.rz-inputtext,
.projeto-template-form-page[b-6angp39gd9] .rz-textarea,
.projeto-template-form-page[b-6angp39gd9] .sc-date-picker .sc-input {
border-radius: var(--sc-radius-md) !important;
border: 1px solid var(--sc-border) !important;
background: var(--sc-bg-input) !important;
color: var(--sc-text-primary) !important;
}
.projeto-template-form-title[b-6angp39gd9] {
padding: 0.75rem 1rem;
border-radius: var(--sc-radius-md);
color: #fff;
background: var(--sc-accent);
}
.projeto-template-form-title b[b-6angp39gd9] {
margin-left: 0.5rem;
}
|