/* line 5, app/assets/stylesheets/admin_email_metrics.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #1e293b;
--sc-text-secondary: #64748b;
--sc-text-light: #94a3b8;
--sc-primary: #3b82f6;
--sc-success: #10b981;
--sc-warning: #f59e0b;
--sc-danger: #ef4444;
--sc-info: #06b6d4;
--sc-border: #e2e8f0;
--sc-radius: 16px;
--sc-radius-sm: 8px;
--sc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--sc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--sc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
}
/* line 27, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard {
background-color: var(--sc-bg);
min-height: 100vh;
padding-bottom: 3rem;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
color: var(--sc-text-primary);
}
/* line 35, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-header {
background: var(--sc-surface);
padding: 1.5rem 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid var(--sc-border);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
/* line 46, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-header .header-content {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 51, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-header .header-content .header-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
color: var(--sc-primary);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
}
/* line 63, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-header .header-content h1 {
font-size: 1.5rem;
font-weight: 700;
margin: 0;
letter-spacing: -0.025em;
color: var(--sc-text-primary);
}
/* line 71, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-header .header-content p {
margin: 0;
color: var(--sc-text-secondary);
font-size: 0.875rem;
}
/* line 78, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-header .header-actions {
display: flex;
gap: 0.75rem;
}
/* line 85, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
box-shadow: var(--sc-shadow);
border: 1px solid var(--sc-border);
padding: 1.5rem;
height: 100%;
transition: transform 0.2s, box-shadow 0.2s;
}
/* line 94, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card:hover {
box-shadow: var(--sc-shadow-lg);
transform: translateY(-2px);
}
/* line 99, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card.card-danger {
border-top: 4px solid var(--sc-danger);
}
/* line 103, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card.card-warning {
border-top: 4px solid var(--sc-warning);
}
/* line 107, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card .sc-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.25rem;
}
/* line 113, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card .sc-card-header h3 {
font-size: 1.1rem;
font-weight: 600;
margin: 0;
color: var(--sc-text-primary);
display: flex;
align-items: center;
gap: 0.5rem;
}
/* line 122, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card .sc-card-header h3 i {
color: var(--sc-text-secondary);
font-size: 0.9em;
}
/* line 128, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-card .sc-card-header .sc-card-tools {
display: flex;
gap: 0.5rem;
}
/* line 136, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-stat-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
padding: 1.25rem;
border: 1px solid var(--sc-border);
box-shadow: var(--sc-shadow);
display: flex;
flex-direction: column;
height: 100%;
transition: all 0.2s;
}
/* line 147, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-stat-card:hover {
transform: translateY(-2px);
}
/* line 151, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-stat-card .stat-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
}
/* line 158, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-stat-card .stat-value {
font-size: 1.75rem;
font-weight: 700;
color: var(--sc-text-primary);
line-height: 1.2;
}
/* line 165, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-stat-card .stat-label {
font-size: 0.875rem;
color: var(--sc-text-secondary);
font-weight: 500;
margin-top: 0.25rem;
}
/* line 174, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper {
overflow-x: auto;
}
/* line 177, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
/* line 182, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th {
background: #f8fafc;
color: var(--sc-text-secondary);
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 1rem;
text-align: left;
border-bottom: 1px solid var(--sc-border);
}
/* line 193, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th:first-child {
border-top-left-radius: 8px;
}
/* line 197, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th:last-child {
border-top-right-radius: 8px;
}
/* line 201, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th.text-right {
text-align: right;
}
/* line 205, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th.text-center {
text-align: center;
}
/* line 210, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td {
padding: 1rem;
border-bottom: 1px solid var(--sc-border);
color: var(--sc-text-primary);
font-size: 0.875rem;
vertical-align: middle;
}
/* line 217, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td.text-right {
text-align: right;
}
/* line 221, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td.text-center {
text-align: center;
}
/* line 225, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td.text-muted {
color: var(--sc-text-secondary);
}
/* line 229, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td strong {
font-weight: 600;
}
/* line 234, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table tr:last-child td {
border-bottom: none;
}
/* line 238, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table tr:hover td {
background: #f8fafc;
}
/* line 242, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(248, 250, 252, 0.5);
}
/* line 246, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-table-wrapper .sc-table code {
background: #eff6ff;
color: var(--sc-primary);
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.8em;
}
/* line 257, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-list {
list-style: none;
padding: 0;
margin: 0;
}
/* line 262, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-list li {
padding: 0.75rem 0;
border-bottom: 1px dashed var(--sc-border);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.875rem;
color: var(--sc-text-primary);
}
/* line 271, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-list li:last-child {
border-bottom: none;
}
/* line 275, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-list li i {
margin-right: 0.5rem;
color: var(--sc-text-secondary);
}
/* line 283, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-badge {
padding: 0.25rem 0.625rem;
border-radius: 99px;
font-size: 0.75rem;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
/* line 292, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-badge.success {
background: #ecfdf5;
color: #059669;
}
/* line 297, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-badge.warning {
background: #fffbeb;
color: #d97706;
}
/* line 302, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-badge.danger {
background: #fef2f2;
color: #dc2626;
}
/* line 307, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-badge.info {
background: #eff6ff;
color: #2563eb;
}
/* line 312, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-badge.neutral {
background: #f1f5f9;
color: #64748b;
}
/* line 319, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-alert {
padding: 1rem;
border-radius: var(--sc-radius-sm);
margin-bottom: 1rem;
font-size: 0.875rem;
border-left: 4px solid;
}
/* line 326, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-alert.warning {
background: #fffbeb;
border-color: #d97706;
color: #92400e;
}
/* line 331, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-alert.warning h5 {
color: #92400e;
font-weight: 600;
margin-bottom: 0.5rem;
}
/* line 338, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-alert.danger {
background: #fef2f2;
border-color: #dc2626;
color: #991b1b;
}
/* line 343, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-alert.danger h5 {
color: #991b1b;
font-weight: 600;
margin-bottom: 0.5rem;
}
/* line 350, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-alert.info {
background: #eff6ff;
border-color: #2563eb;
color: #1e40af;
}
/* line 358, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn {
padding: 0.5rem 1rem;
border-radius: 8px;
font-weight: 500;
font-size: 0.875rem;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.2s;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none;
}
/* line 371, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.primary {
background: var(--sc-primary);
color: white;
}
/* line 375, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.primary:hover {
background: #2563eb;
transform: translateY(-1px);
}
/* line 381, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.secondary {
background: white;
border-color: var(--sc-border);
color: var(--sc-text-secondary);
}
/* line 386, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.secondary:hover {
border-color: #cbd5e1;
background: #f8fafc;
color: var(--sc-text-primary);
}
/* line 393, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.danger {
background: #fee2e2;
color: #dc2626;
}
/* line 397, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.danger:hover {
background: #fecaca;
}
/* line 401, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.danger.filled {
background: var(--sc-danger);
color: white;
}
/* line 405, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.danger.filled:hover {
background: #dc2626;
}
/* line 411, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.success {
background: var(--sc-success);
color: white;
}
/* line 415, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.success:hover {
background: #059669;
}
/* line 420, app/assets/stylesheets/admin_email_metrics.scss */
.softclean-dashboard .sc-btn.sm {
padding: 0.25rem 0.75rem;
font-size: 0.75rem;
}
/* line 5, app/assets/stylesheets/admin_focus_nfe_config.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #1e293b;
--sc-text-secondary: #64748b;
--sc-text-light: #94a3b8;
--sc-primary: #3b82f6;
--sc-success: #10b981;
--sc-warning: #f59e0b;
--sc-danger: #ef4444;
--sc-info: #06b6d4;
--sc-border: #e2e8f0;
--sc-radius: 16px;
--sc-radius-sm: 8px;
--sc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--sc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--sc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
}
/* line 27, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard {
background-color: var(--sc-bg);
min-height: 100vh;
padding-bottom: 3rem;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
color: var(--sc-text-primary);
}
/* line 35, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-header {
background: var(--sc-surface);
padding: 1.5rem 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid var(--sc-border);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
/* line 46, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-header .header-content {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 51, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-header .header-content .header-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
color: var(--sc-primary);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
}
/* line 63, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-header .header-content h1 {
font-size: 1.5rem;
font-weight: 700;
margin: 0;
letter-spacing: -0.025em;
color: var(--sc-text-primary);
}
/* line 71, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-header .header-content p {
margin: 0;
color: var(--sc-text-secondary);
font-size: 0.875rem;
}
/* line 78, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-header .header-actions {
display: flex;
gap: 0.75rem;
}
/* line 85, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
box-shadow: var(--sc-shadow);
border: 1px solid var(--sc-border);
padding: 1.5rem;
height: 100%;
transition: transform 0.2s, box-shadow 0.2s;
}
/* line 94, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card:hover {
box-shadow: var(--sc-shadow-lg);
transform: translateY(-2px);
}
/* line 99, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card.card-primary {
border-top: 4px solid var(--sc-primary);
}
/* line 103, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card.card-success {
border-top: 4px solid var(--sc-success);
}
/* line 107, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card.card-warning {
border-top: 4px solid var(--sc-warning);
}
/* line 111, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card.card-danger {
border-top: 4px solid var(--sc-danger);
}
/* line 115, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card .sc-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.25rem;
}
/* line 121, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card .sc-card-header h3 {
font-size: 1.1rem;
font-weight: 600;
margin: 0;
color: var(--sc-text-primary);
display: flex;
align-items: center;
gap: 0.5rem;
}
/* line 130, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card .sc-card-header h3 i {
color: var(--sc-text-secondary);
font-size: 0.9em;
}
/* line 137, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-card .sc-card-footer {
margin-top: 1.5rem;
padding-top: 1.5rem;
border-top: 1px solid var(--sc-border);
display: flex;
gap: 0.5rem;
}
/* line 147, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
padding: 1.25rem;
border: 1px solid var(--sc-border);
box-shadow: var(--sc-shadow);
display: flex;
flex-direction: column;
height: 100%;
transition: all 0.2s;
}
/* line 158, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card:hover {
transform: translateY(-2px);
}
/* line 162, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
}
/* line 168, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon {
width: 40px;
height: 40px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
}
/* line 177, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.blue {
background: #eff6ff;
color: #3b82f6;
}
/* line 182, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.green {
background: #ecfdf5;
color: #10b981;
}
/* line 187, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.yellow {
background: #fffbeb;
color: #f59e0b;
}
/* line 192, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.red {
background: #fef2f2;
color: #ef4444;
}
/* line 197, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.purple {
background: #f3e8ff;
color: #a855f7;
}
/* line 204, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-value {
font-size: 1.75rem;
font-weight: 700;
color: var(--sc-text-primary);
line-height: 1.2;
}
/* line 211, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-label {
font-size: 0.875rem;
color: var(--sc-text-secondary);
font-weight: 500;
margin-top: 0.25rem;
}
/* line 218, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-stat-card .stat-subtitle {
font-size: 0.75rem;
color: var(--sc-text-secondary);
margin-top: 0.5rem;
}
/* line 226, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper {
overflow-x: auto;
}
/* line 229, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
/* line 234, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th {
background: #f8fafc;
color: var(--sc-text-secondary);
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 1rem;
text-align: left;
border-bottom: 1px solid var(--sc-border);
}
/* line 245, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th:first-child {
border-top-left-radius: 8px;
}
/* line 249, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th:last-child {
border-top-right-radius: 8px;
}
/* line 254, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td {
padding: 1rem;
border-bottom: 1px solid var(--sc-border);
color: var(--sc-text-primary);
font-size: 0.875rem;
vertical-align: middle;
}
/* line 261, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td strong {
font-weight: 600;
}
/* line 265, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td small {
color: var(--sc-text-secondary);
}
/* line 270, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table tr:last-child td {
border-bottom: none;
}
/* line 274, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-table-wrapper .sc-table tr:hover td {
background: #f8fafc;
}
/* line 282, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-details-list dt {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--sc-text-secondary);
margin-bottom: 0.25rem;
}
/* line 290, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-details-list dd {
font-size: 0.95rem;
color: var(--sc-text-primary);
margin-bottom: 1rem;
font-weight: 500;
}
/* line 296, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-details-list dd:last-child {
margin-bottom: 0;
}
/* line 300, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-details-list dd code {
background: #f1f5f9;
padding: 0.2rem 0.4rem;
border-radius: 4px;
color: var(--sc-primary);
font-size: 0.85em;
}
/* line 311, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-badge {
padding: 0.25rem 0.625rem;
border-radius: 99px;
font-size: 0.75rem;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
/* line 320, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-badge.success {
background: #ecfdf5;
color: #059669;
}
/* line 325, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-badge.warning {
background: #fffbeb;
color: #d97706;
}
/* line 330, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-badge.danger {
background: #fef2f2;
color: #dc2626;
}
/* line 335, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-badge.info {
background: #eff6ff;
color: #2563eb;
}
/* line 340, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-badge.primary {
background: #eff6ff;
color: #3b82f6;
}
/* line 345, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-badge.neutral {
background: #f1f5f9;
color: #64748b;
}
/* line 352, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-alert {
padding: 1rem;
border-radius: var(--sc-radius-sm);
margin-bottom: 1rem;
font-size: 0.875rem;
border-left: 4px solid;
}
/* line 359, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-alert h5 {
font-weight: 600;
margin-bottom: 0.5rem;
font-size: 1rem;
}
/* line 365, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-alert.info {
background: #eff6ff;
border-color: #2563eb;
color: #1e40af;
}
/* line 371, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-alert.warning {
background: #fffbeb;
border-color: #d97706;
color: #92400e;
}
/* line 377, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-alert.danger {
background: #fef2f2;
border-color: #dc2626;
color: #991b1b;
}
/* line 385, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn {
padding: 0.5rem 1rem;
border-radius: 8px;
font-weight: 500;
font-size: 0.875rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
transition: all 0.2s;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none;
}
/* line 399, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.block {
width: 100%;
}
/* line 403, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.primary {
background: var(--sc-primary);
color: white;
}
/* line 407, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.primary:hover {
background: #2563eb;
transform: translateY(-1px);
}
/* line 413, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.secondary {
background: white;
border-color: var(--sc-border);
color: var(--sc-text-secondary);
}
/* line 418, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.secondary:hover {
border-color: #cbd5e1;
background: #f8fafc;
color: var(--sc-text-primary);
}
/* line 425, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.warning {
background: var(--sc-warning);
color: white;
}
/* line 429, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.warning:hover {
background: #d97706;
}
/* line 434, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.success {
background: var(--sc-success);
color: white;
}
/* line 438, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .sc-btn.success:hover {
background: #059669;
}
/* line 445, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .form-group {
margin-bottom: 1.5rem;
}
/* line 448, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
font-size: 0.875rem;
color: var(--sc-text-primary);
}
/* line 456, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .form-group .form-control {
width: 100%;
padding: 0.75rem;
border-radius: 8px;
border: 1px solid var(--sc-border);
font-size: 0.95rem;
transition: border-color 0.2s;
}
/* line 464, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .form-group .form-control:focus {
outline: none;
border-color: var(--sc-primary);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
/* line 471, app/assets/stylesheets/admin_focus_nfe_config.scss */
.softclean-dashboard .form-group small {
display: block;
margin-top: 0.25rem;
font-size: 0.8rem;
color: var(--sc-text-secondary);
}
/* line 5, app/assets/stylesheets/soft_clean/_variables.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #0f172a;
--sc-text-secondary: #475569;
--sc-text-light: #94a3b8;
--sc-slate-navy: #0f172a;
--sc-slate-dark: #16202a;
--sc-slate-card: #1e293b;
--sc-sky-accent: #38bdf8;
--sc-primary: #2c3e50;
--sc-primary-hover: #1e293b;
--sc-secondary: #64748b;
--sc-success: #10b981;
--sc-success-wash: #ecfdf5;
--sc-warning: #f59e0b;
--sc-warning-wash: #fffbeb;
--sc-danger: #ef4444;
--sc-danger-wash: #fef2f2;
--sc-info: #0284c7;
--sc-info-wash: #f0f9ff;
--sc-border: #e2e8f0;
--sc-border-subtle: #f1f5f9;
--sc-radius: 12px;
--sc-radius-sm: 8px;
--sc-radius-pill: 9999px;
--sc-shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.04), 0 1px 2px -1px rgba(15, 23, 42, 0.02);
--sc-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
--sc-shadow-lg: 0 16px 32px -6px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
}
/* line 5, app/assets/stylesheets/soft_clean/_variables.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #0f172a;
--sc-text-secondary: #475569;
--sc-text-light: #94a3b8;
--sc-slate-navy: #0f172a;
--sc-slate-dark: #16202a;
--sc-slate-card: #1e293b;
--sc-sky-accent: #38bdf8;
--sc-primary: #2c3e50;
--sc-primary-hover: #1e293b;
--sc-secondary: #64748b;
--sc-success: #10b981;
--sc-success-wash: #ecfdf5;
--sc-warning: #f59e0b;
--sc-warning-wash: #fffbeb;
--sc-danger: #ef4444;
--sc-danger-wash: #fef2f2;
--sc-info: #0284c7;
--sc-info-wash: #f0f9ff;
--sc-border: #e2e8f0;
--sc-border-subtle: #f1f5f9;
--sc-radius: 12px;
--sc-radius-sm: 8px;
--sc-radius-pill: 9999px;
--sc-shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.04), 0 1px 2px -1px rgba(15, 23, 42, 0.02);
--sc-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
--sc-shadow-lg: 0 16px 32px -6px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
}
/* line 9, app/assets/stylesheets/soft_clean/_layout.scss */
html,
body {
height: auto !important;
min-height: 100vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
/* line 17, app/assets/stylesheets/soft_clean/_layout.scss */
.wrapper {
height: auto !important;
min-height: 100vh !important;
overflow: visible !important;
}
/* line 23, app/assets/stylesheets/soft_clean/_layout.scss */
.content-wrapper {
height: auto !important;
min-height: calc(100vh - var(--header-height, 57px)) !important;
overflow: visible !important;
background-color: var(--sc-bg) !important;
}
/* line 31, app/assets/stylesheets/soft_clean/_layout.scss */
body.layout-fixed {
height: 100vh !important;
overflow: hidden !important;
}
/* line 35, app/assets/stylesheets/soft_clean/_layout.scss */
body.layout-fixed .wrapper {
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
}
/* line 41, app/assets/stylesheets/soft_clean/_layout.scss */
body.layout-fixed .content-wrapper {
height: calc(100vh - var(--footer-height, 57px)) !important;
max-height: calc(100vh - var(--footer-height, 57px)) !important;
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
}
/* line 51, app/assets/stylesheets/soft_clean/_layout.scss */
.softclean-container {
padding: 1.5rem;
padding-bottom: 6rem;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
color: var(--sc-text-primary);
width: 100%;
display: block;
}
/* line 61, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar {
background-color: var(--sc-slate-navy) !important;
border-right: 1px solid rgba(255, 255, 255, 0.05);
}
/* line 65, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .brand-link {
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
background-color: transparent !important;
padding: 0.9rem 1.25rem;
}
/* line 70, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .brand-link .brand-text {
font-weight: 600 !important;
letter-spacing: -0.01em;
color: #ffffff !important;
}
/* line 78, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item {
margin-bottom: 2px;
}
/* line 81, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item .nav-link {
border-radius: 8px;
color: #94a3b8 !important;
font-weight: 500;
font-size: 0.85rem;
padding: 0.55rem 0.85rem;
transition: all 0.2s ease;
position: relative;
}
/* line 90, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item .nav-link i.nav-icon {
color: #64748b;
transition: color 0.2s ease;
}
/* line 95, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item .nav-link:hover {
background-color: rgba(255, 255, 255, 0.05) !important;
color: #f1f5f9 !important;
}
/* line 99, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item .nav-link:hover i.nav-icon {
color: var(--sc-sky-accent);
}
/* line 104, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item .nav-link.active {
background-color: #1e293b !important;
color: #ffffff !important;
font-weight: 600;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* line 110, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item .nav-link.active i.nav-icon {
color: var(--sc-sky-accent) !important;
}
/* line 114, app/assets/stylesheets/soft_clean/_layout.scss */
.main-sidebar.admin-sidebar .nav-sidebar .nav-item .nav-link.active::before {
content: '';
position: absolute;
left: -4px;
top: 6px;
bottom: 6px;
width: 3px;
background-color: var(--sc-sky-accent);
border-radius: 0 2px 2px 0;
}
/* line 131, app/assets/stylesheets/soft_clean/_layout.scss */
.sc-navbar.navbar {
background-color: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid var(--sc-border) !important;
box-shadow: var(--sc-shadow-sm) !important;
}
/* line 140, app/assets/stylesheets/soft_clean/_layout.scss */
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 1.5rem;
z-index: 1000;
}
/* line 147, app/assets/stylesheets/soft_clean/_layout.scss */
.settings-section {
scroll-margin-top: 100px;
}
/* line 5, app/assets/stylesheets/soft_clean/_variables.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #0f172a;
--sc-text-secondary: #475569;
--sc-text-light: #94a3b8;
--sc-slate-navy: #0f172a;
--sc-slate-dark: #16202a;
--sc-slate-card: #1e293b;
--sc-sky-accent: #38bdf8;
--sc-primary: #2c3e50;
--sc-primary-hover: #1e293b;
--sc-secondary: #64748b;
--sc-success: #10b981;
--sc-success-wash: #ecfdf5;
--sc-warning: #f59e0b;
--sc-warning-wash: #fffbeb;
--sc-danger: #ef4444;
--sc-danger-wash: #fef2f2;
--sc-info: #0284c7;
--sc-info-wash: #f0f9ff;
--sc-border: #e2e8f0;
--sc-border-subtle: #f1f5f9;
--sc-radius: 12px;
--sc-radius-sm: 8px;
--sc-radius-pill: 9999px;
--sc-shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.04), 0 1px 2px -1px rgba(15, 23, 42, 0.02);
--sc-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
--sc-shadow-lg: 0 16px 32px -6px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
}
/* line 8, app/assets/stylesheets/soft_clean/_components.scss */
.sc-header {
background: var(--sc-surface);
padding: 1.1rem 1.5rem;
margin-bottom: 1.5rem;
border-radius: var(--sc-radius);
border: 1px solid var(--sc-border);
box-shadow: var(--sc-shadow);
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
/* line 20, app/assets/stylesheets/soft_clean/_components.scss */
.sc-header .header-title {
display: flex;
align-items: center;
gap: 0.85rem;
}
/* line 25, app/assets/stylesheets/soft_clean/_components.scss */
.sc-header .header-title i {
font-size: 1.35rem;
color: var(--sc-primary);
}
/* line 30, app/assets/stylesheets/soft_clean/_components.scss */
.sc-header .header-title h2 {
font-size: 1.2rem;
font-weight: 700;
margin: 0;
letter-spacing: -0.015em;
color: var(--sc-text-primary);
}
/* line 41, app/assets/stylesheets/soft_clean/_components.scss */
.status-dot {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
position: relative;
}
/* line 48, app/assets/stylesheets/soft_clean/_components.scss */
.status-dot.success {
background-color: var(--sc-success);
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}
/* line 52, app/assets/stylesheets/soft_clean/_components.scss */
.status-dot.warning {
background-color: var(--sc-warning);
box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}
/* line 56, app/assets/stylesheets/soft_clean/_components.scss */
.status-dot.danger {
background-color: var(--sc-danger);
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}
/* line 60, app/assets/stylesheets/soft_clean/_components.scss */
.status-dot.info {
background-color: var(--sc-info);
box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.2);
}
/* line 67, app/assets/stylesheets/soft_clean/_components.scss */
.sc-badge {
padding: 0.25rem 0.6rem;
border-radius: var(--sc-radius-pill);
font-size: 0.725rem;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.35rem;
line-height: 1.2;
}
/* line 77, app/assets/stylesheets/soft_clean/_components.scss */
.sc-badge.success {
background-color: var(--sc-success-wash);
color: #065f46;
border: 1px solid rgba(16, 185, 129, 0.2);
}
/* line 82, app/assets/stylesheets/soft_clean/_components.scss */
.sc-badge.warning {
background-color: var(--sc-warning-wash);
color: #92400e;
border: 1px solid rgba(245, 158, 11, 0.2);
}
/* line 87, app/assets/stylesheets/soft_clean/_components.scss */
.sc-badge.danger {
background-color: var(--sc-danger-wash);
color: #991b1b;
border: 1px solid rgba(239, 68, 68, 0.2);
}
/* line 92, app/assets/stylesheets/soft_clean/_components.scss */
.sc-badge.info {
background-color: var(--sc-info-wash);
color: #075985;
border: 1px solid rgba(2, 132, 199, 0.2);
}
/* line 97, app/assets/stylesheets/soft_clean/_components.scss */
.sc-badge.secondary {
background-color: #f1f5f9;
color: #475569;
border: 1px solid #e2e8f0;
}
/* line 105, app/assets/stylesheets/soft_clean/_components.scss */
.sc-stats-strip {
display: flex;
gap: 1rem;
margin-bottom: 1.5rem;
flex-wrap: wrap;
}
/* line 111, app/assets/stylesheets/soft_clean/_components.scss */
.sc-stats-strip .sc-stat-item {
flex: 1;
min-width: 170px;
background: var(--sc-surface);
padding: 0.9rem 1.15rem;
border-radius: var(--sc-radius);
border: 1px solid var(--sc-border);
display: flex;
align-items: center;
gap: 0.85rem;
box-shadow: var(--sc-shadow);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* line 124, app/assets/stylesheets/soft_clean/_components.scss */
.sc-stats-strip .sc-stat-item:hover {
transform: translateY(-2px);
box-shadow: var(--sc-shadow-lg);
}
/* line 129, app/assets/stylesheets/soft_clean/_components.scss */
.sc-stats-strip .sc-stat-item .icon {
width: 38px;
height: 38px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
flex-shrink: 0;
}
/* line 141, app/assets/stylesheets/soft_clean/_components.scss */
.sc-stats-strip .sc-stat-item .info .label {
font-size: 0.68rem;
color: var(--sc-text-secondary);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
}
/* line 149, app/assets/stylesheets/soft_clean/_components.scss */
.sc-stats-strip .sc-stat-item .info .value {
font-size: 1.15rem;
font-weight: 700;
color: var(--sc-text-primary);
line-height: 1.2;
font-variant-numeric: tabular-nums;
}
/* line 161, app/assets/stylesheets/soft_clean/_components.scss */
.sc-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
border: 1px solid var(--sc-border);
box-shadow: var(--sc-shadow);
overflow: hidden;
margin-bottom: 1.5rem;
height: 100%;
transition: box-shadow 0.2s ease;
}
/* line 171, app/assets/stylesheets/soft_clean/_components.scss */
.sc-card:hover {
box-shadow: var(--sc-shadow-lg);
}
/* line 175, app/assets/stylesheets/soft_clean/_components.scss */
.sc-card .card-header {
padding: 1rem 1.35rem;
background: #ffffff;
border-bottom: 1px solid var(--sc-border-subtle);
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
/* line 184, app/assets/stylesheets/soft_clean/_components.scss */
.sc-card .card-header h4, .sc-card .card-header h5 {
font-size: 1rem;
font-weight: 700;
margin: 0;
color: var(--sc-text-primary);
letter-spacing: -0.01em;
}
/* line 192, app/assets/stylesheets/soft_clean/_components.scss */
.sc-card .card-header i {
color: var(--sc-primary);
font-size: 1.05rem;
}
/* line 198, app/assets/stylesheets/soft_clean/_components.scss */
.sc-card .card-body {
padding: 1.35rem;
}
/* line 204, app/assets/stylesheets/soft_clean/_components.scss */
.sc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
font-weight: 600;
font-size: 0.8rem;
border-radius: var(--sc-radius-sm);
padding: 0.45rem 0.85rem;
transition: all 0.2s ease;
border: 1px solid transparent;
}
/* line 216, app/assets/stylesheets/soft_clean/_components.scss */
.sc-btn.soft-primary {
background-color: #f1f5f9;
color: var(--sc-primary);
border-color: #e2e8f0;
}
/* line 221, app/assets/stylesheets/soft_clean/_components.scss */
.sc-btn.soft-primary:hover {
background-color: var(--sc-primary);
color: #ffffff;
border-color: var(--sc-primary);
}
/* line 228, app/assets/stylesheets/soft_clean/_components.scss */
.sc-btn.btn-icon {
width: 32px;
height: 32px;
padding: 0;
border-radius: 6px;
background: transparent;
border: 1px solid transparent;
color: var(--sc-text-secondary);
}
/* line 237, app/assets/stylesheets/soft_clean/_components.scss */
.sc-btn.btn-icon:hover {
background: #f1f5f9;
color: var(--sc-text-primary);
border-color: #e2e8f0;
}
/* line 246, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table-container {
background: var(--sc-surface);
border-radius: var(--sc-radius);
border: 1px solid var(--sc-border);
box-shadow: var(--sc-shadow);
overflow: hidden;
margin-bottom: 1.5rem;
}
/* line 255, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table-container .sc-table-header {
padding: 1rem 1.25rem;
border-bottom: 1px solid var(--sc-border);
display: flex;
align-items: center;
justify-content: space-between;
}
/* line 262, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table-container .sc-table-header h5 {
margin: 0;
font-size: 1rem;
font-weight: 700;
display: flex;
align-items: center;
gap: 0.75rem;
}
/* line 270, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table-container .sc-table-header h5 i {
color: var(--sc-primary);
}
/* line 277, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table {
width: 100%;
margin-bottom: 0;
}
/* line 281, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table th {
background: #f8fafc;
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
color: var(--sc-text-secondary);
padding: 0.75rem 1rem;
border-bottom: 1px solid var(--sc-border);
}
/* line 291, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table td {
padding: 0.6rem 1rem;
vertical-align: middle;
border-bottom: 1px solid #f1f5f9;
font-size: 0.8rem;
}
/* line 298, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table tr:last-child td {
border-bottom: none;
}
/* line 302, app/assets/stylesheets/soft_clean/_components.scss */
.sc-table tr:hover td {
background-color: #f8fafc;
}
/* line 308, app/assets/stylesheets/soft_clean/_components.scss */
.sc-grid-lg {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 1.25rem;
margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
/* line 308, app/assets/stylesheets/soft_clean/_components.scss */
.sc-grid-lg {
grid-template-columns: 1fr;
}
}
/* line 319, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-bottom: 1.5rem;
}
/* line 325, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid .lazy-item {
background: #f8fafc;
border-radius: var(--sc-radius-sm);
border: 1px solid var(--sc-border);
padding: 1rem;
text-align: center;
}
/* line 332, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid .lazy-item .lazy-icon {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
/* line 336, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid .lazy-item .lazy-icon.success {
color: var(--sc-success);
}
/* line 340, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid .lazy-item .lazy-icon.warning {
color: var(--sc-warning);
}
/* line 344, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid .lazy-item .lazy-icon.info {
color: var(--sc-info);
}
/* line 349, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid .lazy-item h5 {
font-size: 1.25rem;
font-weight: 700;
margin: 0;
color: var(--sc-text-primary);
}
/* line 356, app/assets/stylesheets/soft_clean/_components.scss */
.sc-lazy-grid .lazy-item p {
font-size: 0.75rem;
color: var(--sc-text-secondary);
margin: 0;
}
/* line 366, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item {
margin-bottom: 1rem;
}
/* line 369, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .resource-info {
display: flex;
justify-content: space-between;
margin-bottom: 0.4rem;
}
/* line 374, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .resource-info span {
font-size: 0.75rem;
font-weight: 600;
color: var(--sc-text-secondary);
}
/* line 380, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .resource-info .value {
color: var(--sc-text-primary);
font-weight: 700;
}
/* line 386, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .sc-progress {
height: 8px;
background: #f1f5f9;
border-radius: 4px;
overflow: hidden;
}
/* line 392, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .sc-progress .progress-bar {
height: 100%;
border-radius: 4px;
transition: width 0.6s ease;
}
/* line 397, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .sc-progress .progress-bar.success {
background: var(--sc-success);
}
/* line 401, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .sc-progress .progress-bar.warning {
background: var(--sc-warning);
}
/* line 405, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .sc-progress .progress-bar.danger {
background: var(--sc-danger);
}
/* line 409, app/assets/stylesheets/soft_clean/_components.scss */
.sc-resource-monitor .resource-item .sc-progress .progress-bar.info {
background: var(--sc-info);
}
/* line 418, app/assets/stylesheets/soft_clean/_components.scss */
.form-group {
margin-bottom: 1rem;
}
/* line 421, app/assets/stylesheets/soft_clean/_components.scss */
.form-group label {
font-size: 0.75rem;
font-weight: 700;
color: var(--sc-text-secondary);
text-transform: uppercase;
margin-bottom: 0.5rem;
display: block;
}
/* line 430, app/assets/stylesheets/soft_clean/_components.scss */
.form-group .form-control {
border-radius: 8px;
border: 1px solid var(--sc-border);
padding: 0.6rem 0.75rem;
font-size: 0.85rem;
transition: all 0.2s;
}
/* line 437, app/assets/stylesheets/soft_clean/_components.scss */
.form-group .form-control:focus {
border-color: var(--sc-primary);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
/* line 444, app/assets/stylesheets/soft_clean/_components.scss */
.sc-switch {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.5rem 0;
}
/* line 450, app/assets/stylesheets/soft_clean/_components.scss */
.sc-switch .custom-control-label {
font-size: 0.85rem;
font-weight: 600;
cursor: pointer;
padding-top: 2px;
}
/* line 465, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-stat-item,
.admin-performance-monitor-module .resource-item,
.admin-performance-monitor-module .sc-metric-box {
position: relative;
}
/* line 471, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-info-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
margin-left: 0.35rem;
padding: 0;
border: none;
background: transparent;
color: var(--sc-text-light);
cursor: pointer;
font-size: 0.72rem;
line-height: 1;
vertical-align: middle;
transition: color 0.15s ease;
}
/* line 488, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-info-btn:hover, .admin-performance-monitor-module .sc-info-btn[aria-expanded="true"] {
color: var(--sc-primary);
}
/* line 494, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-popover {
display: none;
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 30;
width: 260px;
max-width: 86vw;
background: var(--sc-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-sm);
box-shadow: var(--sc-shadow-lg);
padding: 0.85rem 1rem;
font-size: 0.78rem;
line-height: 1.5;
color: var(--sc-text-secondary);
}
/* line 511, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-popover.is-open {
display: block;
}
/* line 515, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-popover h4 {
margin: 0 0 0.35rem;
font-size: 0.8rem;
font-weight: 700;
color: var(--sc-text-primary);
}
/* line 522, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-popover p {
margin: 0;
}
/* line 526, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-popover .sc-popover-how {
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid var(--sc-border-subtle);
}
/* line 531, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-popover .sc-popover-how .eyebrow {
display: block;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--sc-text-light);
margin-bottom: 2px;
}
/* line 545, app/assets/stylesheets/soft_clean/_components.scss */
.admin-performance-monitor-module .sc-stats-strip .sc-stat-item:last-child .sc-popover,
.admin-performance-monitor-module .sc-metrics-grid .sc-metric-box:last-child .sc-popover {
left: auto;
right: 0;
}
/* line 5, app/assets/stylesheets/soft_clean/_variables.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #0f172a;
--sc-text-secondary: #475569;
--sc-text-light: #94a3b8;
--sc-slate-navy: #0f172a;
--sc-slate-dark: #16202a;
--sc-slate-card: #1e293b;
--sc-sky-accent: #38bdf8;
--sc-primary: #2c3e50;
--sc-primary-hover: #1e293b;
--sc-secondary: #64748b;
--sc-success: #10b981;
--sc-success-wash: #ecfdf5;
--sc-warning: #f59e0b;
--sc-warning-wash: #fffbeb;
--sc-danger: #ef4444;
--sc-danger-wash: #fef2f2;
--sc-info: #0284c7;
--sc-info-wash: #f0f9ff;
--sc-border: #e2e8f0;
--sc-border-subtle: #f1f5f9;
--sc-radius: 12px;
--sc-radius-sm: 8px;
--sc-radius-pill: 9999px;
--sc-shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.04), 0 1px 2px -1px rgba(15, 23, 42, 0.02);
--sc-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
--sc-shadow-lg: 0 16px 32px -6px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
}
/* line 8, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.625rem;
border-radius: 6px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
}
/* line 18, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.lg {
padding: 0.5rem 1rem;
font-size: 0.85rem;
}
/* line 24, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.primary {
background: #eff6ff;
color: #3b82f6;
}
/* line 29, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.success {
background: #ecfdf5;
color: #10b981;
}
/* line 34, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.warning {
background: #fffbeb;
color: #f59e0b;
}
/* line 39, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.danger {
background: #fef2f2;
color: #ef4444;
}
/* line 44, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.info {
background: #f0f9ff;
color: #06b6d4;
}
/* line 49, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.secondary {
background: #f1f5f9;
color: #64748b;
}
/* line 55, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.high {
background: #fef2f2;
color: #ef4444;
}
/* line 60, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.excellent {
background: #ecfdf5;
color: #10b981;
}
/* line 65, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-badge.good {
background: #f0f9ff;
color: #06b6d4;
}
/* line 73, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn {
padding: 0.5rem 1rem;
border-radius: 8px;
font-weight: 600;
font-size: 0.85rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid transparent;
cursor: pointer;
text-decoration: none;
line-height: 1.5;
}
/* line 88, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn:hover {
text-decoration: none;
transform: translateY(-1px);
}
/* line 93, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn:active {
transform: translateY(0);
}
/* line 98, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.primary {
background: var(--sc-primary);
color: white;
box-shadow: 0 1px 2px rgba(59, 130, 246, 0.3);
}
/* line 103, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.primary:hover {
background: #2563eb;
box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.4);
}
/* line 109, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.secondary {
background: white;
border: 1px solid var(--sc-border);
color: var(--sc-text-secondary);
box-shadow: var(--sc-shadow-sm);
}
/* line 115, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.secondary:hover {
background: #f8fafc;
border-color: #cbd5e1;
color: var(--sc-text-primary);
}
/* line 122, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.success {
background: var(--sc-success);
color: white;
box-shadow: 0 1px 2px rgba(16, 185, 129, 0.3);
}
/* line 127, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.success:hover {
background: #059669;
box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.4);
}
/* line 133, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.warning {
background: var(--sc-warning);
color: white;
box-shadow: 0 1px 2px rgba(245, 158, 11, 0.3);
}
/* line 138, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.warning:hover {
background: #d97706;
box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.4);
}
/* line 144, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.info {
background: var(--sc-info);
color: white;
box-shadow: 0 1px 2px rgba(6, 182, 212, 0.3);
}
/* line 149, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.info:hover {
background: #0891b2;
box-shadow: 0 4px 6px -1px rgba(6, 182, 212, 0.4);
}
/* line 156, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-primary {
background: #eff6ff;
color: #3b82f6;
}
/* line 160, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-primary:hover {
background: #dbeafe;
color: #2563eb;
}
/* line 166, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-success {
background: #ecfdf5;
color: #10b981;
}
/* line 170, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-success:hover {
background: #d1fae5;
color: #059669;
}
/* line 176, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-warning {
background: #fffbeb;
color: #f59e0b;
}
/* line 180, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-warning:hover {
background: #fef3c7;
color: #d97706;
}
/* line 186, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-danger {
background: #fef2f2;
color: #ef4444;
}
/* line 190, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-danger:hover {
background: #fee2e2;
color: #dc2626;
}
/* line 196, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-info {
background: #ecfeff;
color: #06b6d4;
}
/* line 200, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-info:hover {
background: #cffafe;
color: #0891b2;
}
/* line 206, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-secondary {
background: #f8fafc;
color: #64748b;
}
/* line 210, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.soft-secondary:hover {
background: #f1f5f9;
color: #475569;
}
/* line 217, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.sm {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
border-radius: 6px;
}
/* line 223, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.btn-icon {
width: 32px;
height: 32px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}
/* line 232, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.btn-icon.sm {
width: 28px;
height: 28px;
font-size: 0.8rem;
}
/* line 238, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-btn.btn-icon.rounded-circle {
border-radius: 50%;
}
/* line 245, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-actions {
display: flex;
gap: 0.5rem;
}
/* line 249, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-actions .sc-action-btn {
width: 28px;
height: 28px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--sc-border);
background: white;
color: var(--sc-text-secondary);
transition: all 0.2s;
text-decoration: none;
padding: 0;
}
/* line 263, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-actions .sc-action-btn:hover {
background: var(--sc-bg);
color: var(--sc-primary);
border-color: var(--sc-primary);
}
/* line 269, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-actions .sc-action-btn.delete:hover {
color: var(--sc-danger);
border-color: var(--sc-danger);
background: #fef2f2;
}
/* line 278, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
margin-bottom: 1.5rem;
}
/* line 284, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-metrics-grid .sc-metric-box {
background: var(--sc-surface);
padding: 1rem;
border-radius: var(--sc-radius-sm);
border: 1px solid var(--sc-border);
display: flex;
flex-direction: column;
gap: 0.5rem;
box-shadow: var(--sc-shadow-sm);
}
/* line 294, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-metrics-grid .sc-metric-box .metric-label {
font-size: 0.65rem;
font-weight: 700;
color: var(--sc-text-secondary);
text-transform: uppercase;
display: flex;
align-items: center;
gap: 0.4rem;
}
/* line 303, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-metrics-grid .sc-metric-box .metric-label i {
color: var(--sc-primary);
font-size: 0.8rem;
}
/* line 309, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-metrics-grid .sc-metric-box .metric-value {
font-size: 1.5rem;
font-weight: 800;
color: var(--sc-text-primary);
letter-spacing: -0.02em;
}
/* line 315, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-metrics-grid .sc-metric-box .metric-value small {
font-size: 0.8rem;
font-weight: 600;
color: var(--sc-text-light);
}
/* line 325, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-search-input {
width: 240px;
}
/* line 329, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-search-text {
border-radius: 8px 0 0 8px !important;
}
/* line 333, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-search-field {
border-radius: 0 8px 8px 0 !important;
font-size: 0.8rem !important;
}
/* line 338, app/assets/stylesheets/soft_clean/_utilities.scss */
.kbd-sm {
font-size: 0.65rem !important;
}
/* line 342, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-avatar-md {
width: 35px;
height: 35px;
font-weight: 700;
}
/* line 348, app/assets/stylesheets/soft_clean/_utilities.scss */
.w-icon {
width: 20px;
display: inline-block;
text-align: center;
}
/* line 354, app/assets/stylesheets/soft_clean/_utilities.scss */
.chart-height-300 {
height: 300px;
}
/* line 359, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-stat-icon.info {
background: var(--sc-info-wash) !important;
color: var(--sc-info) !important;
}
/* line 363, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-stat-icon.success {
background: var(--sc-success-wash) !important;
color: var(--sc-success) !important;
}
/* line 367, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-stat-icon.warning {
background: var(--sc-warning-wash) !important;
color: var(--sc-warning) !important;
}
/* line 371, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-stat-icon.danger {
background: var(--sc-danger-wash) !important;
color: var(--sc-danger) !important;
}
/* line 377, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-user-avatar-sm {
width: 32px;
height: 32px;
font-size: 12px;
color: var(--sc-text-secondary);
}
/* line 384, app/assets/stylesheets/soft_clean/_utilities.scss */
.sc-json-pre {
color: #334155;
}
/* line 4, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module {
padding: 0.75rem 1rem 3rem;
}
/* line 7, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-header {
padding: 0.625rem 1rem;
margin-bottom: 0.75rem;
}
/* line 11, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-header .header-title {
gap: 0.5rem;
}
/* line 14, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-header .header-title i {
font-size: 1rem;
}
/* line 18, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-header .header-title h2 {
font-size: 1rem;
line-height: 1.2;
}
/* line 23, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-header .header-title p {
font-size: 0.7rem !important;
margin-top: 1px;
}
/* line 30, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-stats-strip {
gap: 0.5rem;
margin-bottom: 0.75rem;
}
/* line 34, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-stats-strip .sc-stat-item {
min-width: 120px;
padding: 0.5rem 0.75rem;
gap: 0.5rem;
}
/* line 39, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-stats-strip .sc-stat-item .icon {
width: 26px;
height: 26px;
font-size: 0.75rem;
}
/* line 46, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-stats-strip .sc-stat-item .info .label {
font-size: 0.6rem;
}
/* line 50, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-stats-strip .sc-stat-item .info .value {
font-size: 0.875rem;
}
/* line 57, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-card {
margin-bottom: 0.75rem;
}
/* line 60, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-card .card-header {
padding: 0.5rem 0.875rem;
}
/* line 63, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-card .card-header h4 {
font-size: 0.8rem;
}
/* line 67, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-card .card-header i {
font-size: 0.85rem;
}
/* line 72, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-card .card-body {
padding: 0.875rem;
}
/* line 77, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-table {
font-size: 0.8rem;
}
/* line 80, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-table th,
.softclean-container.admin-storage-configs-module .sc-table td {
padding: 0.4rem 0.5rem;
vertical-align: middle;
}
/* line 87, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-form-footer {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
padding: 0.625rem 0.875rem;
background: var(--sc-surface);
border: 1px solid var(--sc-border);
border-radius: var(--sc-radius-sm);
margin-top: 0.25rem;
}
/* line 99, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-field-label {
display: block;
font-size: 0.65rem;
font-weight: 600;
text-transform: uppercase;
color: var(--sc-text-secondary);
margin-bottom: 0.2rem;
letter-spacing: 0.02em;
}
/* line 109, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-field-hint {
display: block;
font-size: 0.68rem;
color: var(--sc-text-secondary);
margin-top: 0.15rem;
line-height: 1.3;
}
/* line 117, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-hint {
display: flex;
align-items: flex-start;
gap: 0.4rem;
padding: 0.4rem 0.625rem;
margin-bottom: 0.625rem;
font-size: 0.72rem;
line-height: 1.35;
color: #1e40af;
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 6px;
}
/* line 130, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-hint i {
margin-top: 2px;
flex-shrink: 0;
}
/* line 135, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-hint.warning {
color: #92400e;
background: #fffbeb;
border-color: #fde68a;
}
/* line 142, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 0.5rem;
}
/* line 147, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-grid .sc-provider-chip {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 0.625rem;
border: 1px solid var(--sc-border);
border-radius: 6px;
background: var(--sc-surface);
font-size: 0.75rem;
}
/* line 157, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-grid .sc-provider-chip i {
font-size: 1rem;
width: 1.25rem;
text-align: center;
}
/* line 163, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-grid .sc-provider-chip strong {
display: block;
font-size: 0.78rem;
line-height: 1.2;
}
/* line 169, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .sc-provider-grid .sc-provider-chip small {
color: var(--sc-text-secondary);
font-size: 0.65rem;
}
/* line 176, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .form-group {
margin-bottom: 0.625rem;
}
/* line 180, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .form-control-sm {
font-size: 0.8rem;
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
}
/* line 186, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .custom-control-label {
font-size: 0.8rem;
}
/* line 190, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .alert {
padding: 0.4rem 0.625rem;
margin-bottom: 0.625rem;
font-size: 0.75rem;
}
/* line 195, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module .alert ul {
margin-bottom: 0;
padding-left: 1rem;
}
/* line 201, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module.admin-storage-configs-form-page {
padding-bottom: 2rem;
}
/* line 206, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module.admin-storage-configs-show-page .sc-show-actions {
display: flex;
flex-wrap: wrap;
gap: 0.375rem;
margin-bottom: 0.75rem;
}
/* line 213, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module.admin-storage-configs-show-page .sc-detail-table td {
padding: 0.35rem 0.5rem;
font-size: 0.8rem;
}
/* line 218, app/assets/stylesheets/soft_clean/_storage_configs.scss */
.softclean-container.admin-storage-configs-module.admin-storage-configs-show-page .sc-detail-table td:first-child {
width: 32%;
color: var(--sc-text-secondary);
font-weight: 600;
font-size: 0.72rem;
text-transform: uppercase;
}
/* line 26, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page {
--preview-bg: #f8fafc;
--preview-surface: #ffffff;
--preview-border: #dbe4ee;
--preview-text: #0f172a;
--preview-muted: #64748b;
--preview-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
--preview-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.05);
margin: 0;
min-height: 100vh;
background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 28%), radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 22%), linear-gradient(180deg, #f8fbff 0%, #f8fafc 45%, #eef4fb 100%);
color: var(--preview-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* line 49, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page * {
box-sizing: border-box;
}
/* line 53, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-shell {
max-width: 1480px;
margin: 0 auto;
padding: 24px;
}
/* line 59, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-hero {
margin-bottom: 20px;
padding: 24px 28px;
border-radius: 24px;
border: 1px solid rgba(219, 228, 238, 0.95);
background: rgba(255, 255, 255, 0.92);
box-shadow: var(--preview-shadow-soft);
backdrop-filter: blur(10px);
}
/* line 69, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-hero .header-title {
gap: 16px;
align-items: flex-start;
}
/* line 74, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-hero-icon {
width: 56px;
height: 56px;
border-radius: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--preview-accent-soft);
color: var(--preview-accent);
font-size: 1.25rem;
flex-shrink: 0;
}
/* line 87, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-title-row {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 8px;
}
/* line 95, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-title-row h1 {
margin: 0;
font-size: 1.6rem;
line-height: 1.2;
color: var(--preview-text);
}
/* line 102, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-hero p {
margin: 0;
max-width: 820px;
color: var(--preview-muted);
font-size: 0.95rem;
}
/* line 109, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-stats {
margin-bottom: 20px;
}
/* line 113, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-meta-bar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
padding: 18px 20px;
border-bottom: 1px solid var(--preview-border);
background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.98));
}
/* line 122, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-meta-item {
padding: 12px 14px;
border-radius: 16px;
border: 1px solid var(--preview-border);
background: var(--preview-surface);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
/* line 130, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-meta-item.span-2 {
grid-column: span 2;
}
/* line 134, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-meta-label {
display: block;
margin-bottom: 6px;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--preview-muted);
}
/* line 144, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-meta-value {
display: block;
color: var(--preview-text);
font-weight: 600;
word-break: break-word;
}
/* line 151, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-card {
border-radius: 22px;
overflow: hidden;
border: 1px solid rgba(219, 228, 238, 0.95);
box-shadow: var(--preview-shadow);
}
/* line 158, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-card .card-header {
padding: 20px 22px 16px;
}
/* line 162, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-card .card-header h4 {
margin: 0;
}
/* line 166, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-frame {
background: #d9e3ee;
padding: 16px;
}
/* line 171, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-frame iframe {
border-radius: 18px;
box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
}
/* line 176, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-side-card {
border-radius: 20px;
border: 1px solid rgba(219, 228, 238, 0.95);
box-shadow: var(--preview-shadow-soft);
}
/* line 182, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-info-list {
display: flex;
flex-direction: column;
}
/* line 187, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-info-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid var(--preview-border);
}
/* line 196, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-info-row:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* line 201, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-info-row:first-child {
padding-top: 0;
}
/* line 205, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-info-row strong,
body.saas-email-preview-page .preview-info-row span {
color: var(--preview-text);
text-align: right;
}
/* line 211, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-info-row .label {
color: var(--preview-muted);
text-align: left;
font-weight: 500;
}
/* line 217, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-token-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 223, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-token {
display: inline-flex;
align-items: center;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid var(--preview-border);
background: #f8fafc;
color: #334155;
font-size: 0.82rem;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* line 235, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-note {
margin: 0;
color: var(--preview-muted);
line-height: 1.65;
}
/* line 241, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-chip-stack {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
@media (max-width: 991.98px) {
/* line 251, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-shell {
padding: 16px;
}
/* line 255, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-hero {
padding: 20px;
}
/* line 259, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-meta-bar {
grid-template-columns: 1fr;
}
/* line 263, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-meta-item.span-2 {
grid-column: span 1;
}
}
@media print {
/* line 270, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page {
background: #fff;
}
/* line 273, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-hero,
body.saas-email-preview-page .preview-stats,
body.saas-email-preview-page .preview-sidebar,
body.saas-email-preview-page .preview-actions {
display: none !important;
}
/* line 280, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-shell {
max-width: none;
padding: 0;
}
/* line 285, app/assets/stylesheets/soft_clean/_saas_email_preview.scss */
body.saas-email-preview-page .preview-card,
body.saas-email-preview-page .preview-frame {
border: 0;
box-shadow: none;
padding: 0;
}
}
/* line 5, app/assets/stylesheets/admin_system_alert_configs.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #1e293b;
--sc-text-secondary: #64748b;
--sc-text-light: #94a3b8;
--sc-primary: #3b82f6;
--sc-success: #10b981;
--sc-warning: #f59e0b;
--sc-danger: #ef4444;
--sc-info: #06b6d4;
--sc-border: #e2e8f0;
--sc-radius: 12px;
--sc-radius-sm: 8px;
--sc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--sc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--sc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
}
/* line 30, app/assets/stylesheets/admin_system_alert_configs.scss */
html,
body {
height: auto !important;
min-height: 100vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
/* line 38, app/assets/stylesheets/admin_system_alert_configs.scss */
.wrapper {
height: auto !important;
min-height: 100vh !important;
overflow: visible !important;
}
/* line 44, app/assets/stylesheets/admin_system_alert_configs.scss */
.content-wrapper {
height: auto !important;
min-height: 100vh !important;
overflow: visible !important;
background-color: var(--sc-bg) !important;
}
/* line 51, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard {
padding-bottom: 8rem;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
color: var(--sc-text-primary);
position: relative;
width: 100%;
display: block;
}
/* line 60, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-header {
background: var(--sc-surface);
padding: 1.25rem 1.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid var(--sc-border);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
/* line 71, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-header .header-content {
display: flex;
align-items: center;
gap: 0.75rem;
}
/* line 76, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-header .header-content .header-icon {
width: 42px;
height: 42px;
background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
color: var(--sc-warning);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
}
/* line 88, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-header .header-content h1 {
font-size: 1.25rem;
font-weight: 700;
margin: 0;
letter-spacing: -0.02em;
color: var(--sc-text-primary);
}
/* line 96, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-header .header-content p {
margin: 0;
color: var(--sc-text-secondary);
font-size: 0.8rem;
}
/* line 103, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-header .header-actions {
display: flex;
gap: 0.5rem;
}
/* line 110, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
box-shadow: var(--sc-shadow);
border: 1px solid var(--sc-border);
padding: 1.25rem;
margin-bottom: 1.25rem;
transition: transform 0.2s, box-shadow 0.2s;
}
/* line 119, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-card:hover {
box-shadow: var(--sc-shadow-lg);
}
/* line 123, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-card .sc-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
border-bottom: 1px solid var(--sc-border);
padding-bottom: 0.75rem;
}
/* line 131, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-card .sc-card-header h3 {
font-size: 1rem;
font-weight: 600;
margin: 0;
color: var(--sc-text-primary);
display: flex;
align-items: center;
gap: 0.5rem;
}
/* line 140, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-card .sc-card-header h3 i {
color: var(--sc-text-secondary);
font-size: 0.9em;
}
/* line 149, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin-bottom: 1.5rem;
}
/* line 156, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
padding: 1rem;
border: 1px solid var(--sc-border);
box-shadow: var(--sc-shadow-sm);
display: flex;
align-items: center;
gap: 0.75rem;
}
/* line 166, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card .stat-icon {
width: 36px;
height: 36px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
}
/* line 175, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card .stat-icon.blue {
background: #eff6ff;
color: #3b82f6;
}
/* line 180, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card .stat-icon.green {
background: #ecfdf5;
color: #10b981;
}
/* line 185, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card .stat-icon.yellow {
background: #fffbeb;
color: #f59e0b;
}
/* line 190, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card .stat-icon.red {
background: #fef2f2;
color: #ef4444;
}
/* line 197, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card .stat-info .stat-label {
font-size: 0.75rem;
color: var(--sc-text-secondary);
font-weight: 500;
}
/* line 203, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-stat-card .stat-info .stat-value {
font-size: 1rem;
font-weight: 700;
color: var(--sc-text-primary);
}
/* line 212, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-grid-alerts {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 0.75rem !important;
width: 100% !important;
}
@media (max-width: 991.98px) {
/* line 212, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-grid-alerts {
grid-template-columns: 1fr !important;
}
}
/* line 224, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item {
padding: 0.75rem;
border-radius: 8px;
background: #f8fafc;
border: 1px solid var(--sc-border);
display: flex;
align-items: flex-start;
gap: 0.75rem;
transition: all 0.2s;
}
/* line 234, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item:hover {
background: #f1f5f9;
border-color: #cbd5e1;
}
/* line 239, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-danger {
background: #fff5f5;
border-color: #fed7d7;
}
/* line 243, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-danger .sc-alert-details strong {
color: #c53030;
}
/* line 247, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-danger .sc-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #fc8181;
border-color: #fc8181;
}
/* line 253, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-warning {
background: #fffaf0;
border-color: #fef3c7;
}
/* line 257, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-warning .sc-alert-details strong {
color: #9c4221;
}
/* line 261, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-warning .sc-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #f6ad55;
border-color: #f6ad55;
}
/* line 267, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-info {
background: #f8fafc;
border-color: #e2e8f0;
}
/* line 271, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-info .sc-alert-details strong {
color: #0369a1;
}
/* line 275, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-info .sc-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #bae6fd;
border-color: #bae6fd;
}
/* line 281, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-success {
background: #f0fff4;
border-color: #c6f6d5;
}
/* line 285, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-success .sc-alert-details strong {
color: #2f855a;
}
/* line 289, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item.sc-alert-success .sc-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #68d391;
border-color: #68d391;
}
/* line 296, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item .sc-alert-details strong {
display: block;
font-size: 0.875rem;
color: var(--sc-text-secondary);
line-height: 1.2;
}
/* line 303, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-alert-item .sc-alert-details small {
font-size: 0.75rem;
color: var(--sc-text-light);
}
/* line 311, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .form-group {
margin-bottom: 1rem;
}
/* line 314, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .form-group label {
font-weight: 600;
font-size: 0.8rem;
color: var(--sc-text-secondary);
margin-bottom: 0.4rem;
display: block;
}
/* line 322, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .form-group .form-control {
border-radius: 8px;
border: 1px solid var(--sc-border);
font-size: 0.875rem;
padding: 0.5rem 0.75rem;
transition: all 0.2s;
}
/* line 329, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .form-group .form-control:focus {
border-color: var(--sc-primary);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
/* line 337, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn {
padding: 0.5rem 0.875rem;
border-radius: 8px;
font-weight: 600;
font-size: 0.8rem;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.2s;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none;
}
/* line 350, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.sc-btn-sm {
padding: 0.35rem 0.65rem;
font-size: 0.75rem;
}
/* line 355, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.primary {
background: var(--sc-primary);
color: white;
}
/* line 359, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.primary:hover {
background: #2563eb;
transform: translateY(-1px);
}
/* line 365, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.secondary {
background: white;
border-color: var(--sc-border);
color: var(--sc-text-secondary);
}
/* line 370, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.secondary:hover {
border-color: #cbd5e1;
background: #f8fafc;
color: var(--sc-text-primary);
}
/* line 377, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.success {
background: var(--sc-success);
color: white;
}
/* line 381, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.success:hover {
background: #059669;
transform: translateY(-1px);
}
/* line 387, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.warning {
background: var(--sc-warning);
color: white;
}
/* line 391, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-btn.warning:hover {
background: #d97706;
transform: translateY(-1px);
}
/* line 399, app/assets/stylesheets/admin_system_alert_configs.scss */
.softclean-dashboard .sc-form-footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid var(--sc-border);
}
/* line 410, app/assets/stylesheets/admin_system_alert_configs.scss */
.custom-control {
padding-top: 0.1rem;
}
/* line 415, app/assets/stylesheets/admin_system_alert_configs.scss */
.content-wrapper,
.wrapper,
body,
html {
height: auto !important;
min-height: 100% !important;
overflow-y: visible !important;
}
/* line 425, app/assets/stylesheets/admin_system_alert_configs.scss */
.custom-switch.sc-switch {
padding-left: 2.25rem;
min-height: 1.25rem;
}
/* line 429, app/assets/stylesheets/admin_system_alert_configs.scss */
.custom-switch.sc-switch .custom-control-label {
font-size: 0.75rem;
font-weight: 700;
color: var(--sc-text-secondary);
padding-top: 2px;
cursor: pointer;
user-select: none;
}
/* line 437, app/assets/stylesheets/admin_system_alert_configs.scss */
.custom-switch.sc-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
height: 1rem;
border-radius: 1rem;
}
/* line 444, app/assets/stylesheets/admin_system_alert_configs.scss */
.custom-switch.sc-switch .custom-control-label::after {
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
border-radius: 1rem;
}
/* line 452, app/assets/stylesheets/admin_system_alert_configs.scss */
.custom-switch.sc-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(0.75rem);
}
@media (max-width: 767.98px) {
/* line 458, app/assets/stylesheets/admin_system_alert_configs.scss */
.border-right {
border-right: none !important;
border-bottom: 1px solid var(--sc-border);
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
padding-right: 0 !important;
}
}
/* line 2, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .header-actions {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
/* line 9, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .ai-chat-filter-card {
margin-bottom: 1.5rem;
}
/* line 13, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .ai-chat-filter-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0.75rem;
align-items: center;
}
/* line 20, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .ai-chat-filter-actions {
display: flex;
gap: 0.75rem;
justify-content: flex-end;
flex-wrap: wrap;
}
/* line 27, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .ai-chat-checkbox-wrap {
padding-left: 0.25rem;
}
/* line 31, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .ai-chat-analytics-alert {
background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
color: #1e3a8a;
}
/* line 36, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin canvas {
max-height: 320px;
}
/* line 40, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .badge {
border-radius: 999px;
padding: 0.35rem 0.6rem;
}
/* line 45, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .sc-table td,
.ai-chat-analytics-admin .sc-table th {
white-space: normal;
}
@media (max-width: 992px) {
/* line 51, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .ai-chat-filter-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 576px) {
/* line 57, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .sc-header {
flex-direction: column;
align-items: flex-start;
}
/* line 62, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .header-actions,
.ai-chat-analytics-admin .ai-chat-filter-actions {
width: 100%;
}
/* line 67, app/assets/stylesheets/admin_ai_chat_analytics.scss */
.ai-chat-analytics-admin .ai-chat-filter-grid {
grid-template-columns: 1fr;
}
}
/* line 6, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern {
background: #f4f6f9;
min-height: 100vh;
}
/* line 11, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content {
padding: 0 1rem 2rem 1rem;
}
/* line 15, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section {
background: white;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
margin-bottom: 2rem;
overflow: hidden;
}
/* line 22, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header {
background: linear-gradient(135deg, #f8f9fc 0%, #eaecf4 100%);
padding: 1.5rem 2rem;
border-bottom: 1px solid #e3e6f0;
}
/* line 27, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header h5 {
color: #5a5c69;
font-weight: 600;
font-size: 1.1rem;
margin: 0;
}
/* line 33, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header h5 i {
color: #007bff;
}
/* line 39, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-body {
padding: 2rem;
}
/* line 45, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card {
background: white;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
border: 1px solid #e3e6f0;
overflow: hidden;
}
/* line 53, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}
/* line 58, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon {
width: 80px;
height: 80px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.8rem;
color: white;
position: relative;
}
/* line 69, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);
border-radius: 12px;
}
/* line 80, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon i {
position: relative;
z-index: 1;
}
/* line 85, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon.bg-info {
background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
}
/* line 89, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon.bg-success {
background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
}
/* line 93, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon.bg-warning {
background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
}
/* line 97, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon.bg-danger {
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
}
/* line 101, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon.bg-primary {
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
}
/* line 106, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content {
padding: 1.5rem;
flex: 1;
}
/* line 110, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-text {
color: #6c757d;
font-size: 0.9rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0.5rem;
display: block;
}
/* line 120, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-number {
color: #2c3e50;
font-size: 2.2rem;
font-weight: 700;
line-height: 1;
margin-bottom: 0.5rem;
display: block;
}
/* line 129, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .progress-description {
color: #6c757d;
font-size: 0.85rem;
margin-top: 0.5rem;
}
/* line 138, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-section {
background: white;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
margin-bottom: 2rem;
overflow: hidden;
}
/* line 145, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header {
background: linear-gradient(135deg, #f8f9fc 0%, #eaecf4 100%);
padding: 1.5rem 2rem;
border-bottom: 1px solid #e3e6f0;
}
/* line 150, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header h5 {
color: #5a5c69;
font-weight: 600;
font-size: 1.1rem;
margin: 0;
}
/* line 156, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header h5 i {
color: #007bff;
}
/* line 162, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-body {
padding: 2rem;
}
/* line 165, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-body .chart-container {
position: relative;
height: 300px;
}
/* line 173, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section {
background: white;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
margin-bottom: 2rem;
overflow: hidden;
}
/* line 180, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header {
background: linear-gradient(135deg, #f8f9fc 0%, #eaecf4 100%);
padding: 1.5rem 2rem;
border-bottom: 1px solid #e3e6f0;
}
/* line 185, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header h5 {
color: #5a5c69;
font-weight: 600;
font-size: 1.1rem;
margin: 0;
}
/* line 191, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header h5 i {
color: #007bff;
}
/* line 197, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-body {
padding: 2rem;
}
/* line 200, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-body .btn {
border-radius: 8px;
font-weight: 500;
padding: 0.75rem 1.5rem;
transition: all 0.3s ease;
border: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* line 208, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-body .btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* line 213, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-body .btn i {
margin-right: 0.5rem;
}
@media (max-width: 1024px) {
/* line 225, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content {
padding: 0 1rem 1.5rem 1rem;
}
/* line 228, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section,
.admin-dashboard-modern .dashboard-content .chart-section,
.admin-dashboard-modern .dashboard-content .actions-section {
margin-bottom: 1.5rem;
}
/* line 233, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header {
padding: 1.25rem 1.5rem;
}
/* line 238, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header h5 {
font-size: 1rem;
}
/* line 243, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-body {
padding: 1.5rem;
}
/* line 251, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon {
width: 70px;
height: 70px;
font-size: 1.6rem;
}
/* line 257, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content {
padding: 1.25rem;
}
/* line 260, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-number {
font-size: 2rem;
}
/* line 264, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-text {
font-size: 0.85rem;
}
}
@media (max-width: 768px) {
/* line 274, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content {
padding: 0 0.5rem 1rem 0.5rem;
}
/* line 277, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section,
.admin-dashboard-modern .dashboard-content .chart-section,
.admin-dashboard-modern .dashboard-content .actions-section {
margin-bottom: 1rem;
border-radius: 8px;
}
/* line 283, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header {
padding: 1rem 1.25rem;
}
/* line 288, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header h5 {
font-size: 0.95rem;
}
/* line 291, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header h5 i,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-header h5 i,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-header h5 i,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-header h5 i,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header h5 i,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-header h5 i,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-header h5 i,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-header h5 i,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header h5 i {
font-size: 0.9rem;
}
/* line 297, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-body {
padding: 1.25rem;
}
/* line 304, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card {
margin-bottom: 1rem;
}
/* line 307, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon {
width: 60px;
height: 60px;
font-size: 1.4rem;
}
/* line 313, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content {
padding: 1rem;
}
/* line 316, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-number {
font-size: 1.8rem;
line-height: 1.1;
}
/* line 321, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-text {
font-size: 0.8rem;
margin-bottom: 0.25rem;
}
/* line 326, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .progress-description {
font-size: 0.75rem;
margin-top: 0.25rem;
}
/* line 331, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .btn {
padding: 0.5rem 1rem;
font-size: 0.8rem;
margin-top: 0.5rem;
}
/* line 336, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .btn i {
margin-right: 0.25rem;
}
/* line 344, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-container {
height: 250px !important;
}
/* line 349, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .table-responsive {
font-size: 0.85rem;
}
/* line 352, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .table-responsive .table {
margin-bottom: 0;
}
/* line 355, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .table-responsive .table th, .admin-dashboard-modern .dashboard-content .table-responsive .table td {
padding: 0.5rem 0.25rem;
vertical-align: middle;
}
/* line 360, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .table-responsive .table .badge {
font-size: 0.7rem;
padding: 0.25rem 0.5rem;
}
}
@media (max-width: 480px) {
/* line 371, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content {
padding: 0 0.25rem 0.5rem 0.25rem;
}
/* line 374, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section,
.admin-dashboard-modern .dashboard-content .chart-section,
.admin-dashboard-modern .dashboard-content .actions-section {
margin-bottom: 0.75rem;
border-radius: 6px;
}
/* line 380, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-header,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header {
padding: 0.75rem 1rem;
}
/* line 385, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-header h5,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-header h5 {
font-size: 0.9rem;
}
/* line 390, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .kpi-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .kpi-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .kpi-section .actions-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .chart-section .actions-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .kpi-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .chart-section-body,
.admin-dashboard-modern .dashboard-content .actions-section .actions-section-body {
padding: 1rem;
}
/* line 398, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-icon {
width: 50px;
height: 50px;
font-size: 1.2rem;
}
/* line 404, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content {
padding: 0.75rem;
}
/* line 407, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-number {
font-size: 1.5rem;
}
/* line 411, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .info-box-text {
font-size: 0.75rem;
}
/* line 415, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .modern-card .info-box-content .btn {
padding: 0.4rem 0.8rem;
font-size: 0.75rem;
}
/* line 422, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .dashboard-content .chart-container {
height: 200px !important;
}
}
/* line 429, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .fade-in {
animation: fadeIn 0.6s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* line 445, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .tooltip-modern {
position: relative;
cursor: help;
}
/* line 449, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .tooltip-modern::after {
content: attr(data-tooltip);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background: #2c3e50;
color: white;
padding: 0.5rem 1rem;
border-radius: 6px;
font-size: 0.8rem;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 1000;
}
/* line 467, app/assets/stylesheets/admin_dashboard_modern.scss */
.admin-dashboard-modern .tooltip-modern:hover::after {
opacity: 1;
}
/* line 5, app/assets/stylesheets/admin_email_dashboard.scss */
:root {
--sc-bg: #f8fafc;
--sc-surface: #ffffff;
--sc-text-primary: #1e293b;
--sc-text-secondary: #64748b;
--sc-text-light: #94a3b8;
--sc-primary: #3b82f6;
--sc-success: #10b981;
--sc-warning: #f59e0b;
--sc-danger: #ef4444;
--sc-info: #06b6d4;
--sc-border: #e2e8f0;
--sc-radius: 16px;
--sc-radius-sm: 8px;
--sc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--sc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--sc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
}
/* line 27, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard {
background-color: var(--sc-bg);
min-height: 100vh;
padding-bottom: 3rem;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
color: var(--sc-text-primary);
}
/* line 35, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header {
background: var(--sc-surface);
padding: 1.5rem 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid var(--sc-border);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
/* line 46, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header .header-content {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 51, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header .header-content .header-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
color: var(--sc-primary);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
}
/* line 63, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header .header-content h1 {
font-size: 1.5rem;
font-weight: 700;
margin: 0;
letter-spacing: -0.025em;
color: var(--sc-text-primary);
}
/* line 71, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header .header-content p {
margin: 0;
color: var(--sc-text-secondary);
font-size: 0.875rem;
}
/* line 78, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header .header-actions {
display: flex;
gap: 0.75rem;
}
/* line 85, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
box-shadow: var(--sc-shadow);
border: 1px solid var(--sc-border);
padding: 1.5rem;
height: 100%;
transition: transform 0.2s, box-shadow 0.2s;
}
/* line 94, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card:hover {
box-shadow: var(--sc-shadow-lg);
transform: translateY(-2px);
}
/* line 99, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card.sc-card-compact {
padding: 1rem;
}
/* line 103, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card .sc-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.25rem;
}
/* line 109, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card .sc-card-header h3 {
font-size: 1.1rem;
font-weight: 600;
margin: 0;
color: var(--sc-text-primary);
display: flex;
align-items: center;
gap: 0.5rem;
}
/* line 118, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card .sc-card-header h3 i {
color: var(--sc-text-secondary);
font-size: 0.9em;
}
/* line 124, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card .sc-card-header .sc-btn-tool {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: var(--sc-text-secondary);
transition: all 0.2s;
border: none;
background: transparent;
cursor: pointer;
}
/* line 137, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card .sc-card-header .sc-btn-tool:hover {
background: #f1f5f9;
color: var(--sc-primary);
}
/* line 146, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card {
background: var(--sc-surface);
border-radius: var(--sc-radius);
padding: 1.25rem;
border: 1px solid var(--sc-border);
box-shadow: var(--sc-shadow);
display: flex;
flex-direction: column;
height: 100%;
transition: all 0.2s;
}
/* line 157, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card:hover {
transform: translateY(-2px);
}
/* line 161, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
}
/* line 167, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon {
width: 40px;
height: 40px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
}
/* line 176, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.blue {
background: #eff6ff;
color: #3b82f6;
}
/* line 181, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.green {
background: #ecfdf5;
color: #10b981;
}
/* line 186, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.yellow {
background: #fffbeb;
color: #f59e0b;
}
/* line 191, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.red {
background: #fef2f2;
color: #ef4444;
}
/* line 196, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-header .stat-icon.purple {
background: #f3e8ff;
color: #a855f7;
}
/* line 203, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-value {
font-size: 1.75rem;
font-weight: 700;
color: var(--sc-text-primary);
line-height: 1.2;
}
/* line 210, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-label {
font-size: 0.875rem;
color: var(--sc-text-secondary);
font-weight: 500;
margin-top: 0.25rem;
}
/* line 217, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-trend {
font-size: 0.75rem;
margin-top: 0.5rem;
display: flex;
align-items: center;
gap: 0.25rem;
}
/* line 224, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-trend.positive {
color: var(--sc-success);
}
/* line 228, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-trend.negative {
color: var(--sc-danger);
}
/* line 232, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-stat-card .stat-trend.neutral {
color: var(--sc-text-secondary);
}
/* line 239, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper {
overflow-x: auto;
}
/* line 242, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper .sc-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
/* line 247, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th {
background: #f8fafc;
color: var(--sc-text-secondary);
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 1rem;
text-align: left;
border-bottom: 1px solid var(--sc-border);
}
/* line 258, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th:first-child {
border-top-left-radius: 8px;
}
/* line 262, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper .sc-table th:last-child {
border-top-right-radius: 8px;
}
/* line 267, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper .sc-table td {
padding: 1rem;
border-bottom: 1px solid var(--sc-border);
color: var(--sc-text-primary);
font-size: 0.875rem;
vertical-align: middle;
}
/* line 275, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper .sc-table tr:last-child td {
border-bottom: none;
}
/* line 279, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-table-wrapper .sc-table tr:hover td {
background: #f8fafc;
}
/* line 286, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-badge {
padding: 0.25rem 0.625rem;
border-radius: 99px;
font-size: 0.75rem;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
/* line 295, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-badge.success {
background: #ecfdf5;
color: #059669;
}
/* line 300, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-badge.warning {
background: #fffbeb;
color: #d97706;
}
/* line 305, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-badge.danger {
background: #fef2f2;
color: #dc2626;
}
/* line 310, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-badge.info {
background: #eff6ff;
color: #2563eb;
}
/* line 315, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-badge.neutral {
background: #f1f5f9;
color: #64748b;
}
/* line 322, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn {
padding: 0.5rem 1rem;
border-radius: 8px;
font-weight: 500;
font-size: 0.875rem;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.2s;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none;
}
/* line 335, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn.primary {
background: var(--sc-primary);
color: white;
}
/* line 339, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn.primary:hover {
background: #2563eb;
transform: translateY(-1px);
}
/* line 345, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn.secondary {
background: white;
border-color: var(--sc-border);
color: var(--sc-text-secondary);
}
/* line 350, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn.secondary:hover {
border-color: #cbd5e1;
background: #f8fafc;
color: var(--sc-text-primary);
}
/* line 357, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn.ghost {
background: transparent;
color: var(--sc-text-secondary);
}
/* line 361, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn.ghost:hover {
background: #f1f5f9;
color: var(--sc-text-primary);
}
/* line 367, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-btn.w-full {
width: 100%;
justify-content: center;
}
@media (max-width: 768px) {
/* line 377, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header {
padding: 1rem;
flex-direction: column;
align-items: flex-start;
}
/* line 382, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-header .header-actions {
width: 100%;
overflow-x: auto;
padding-bottom: 0.5rem;
}
/* line 389, app/assets/stylesheets/admin_email_dashboard.scss */
.softclean-dashboard .sc-card {
padding: 1rem;
}
}
/* line 6, app/assets/stylesheets/admin_layout.scss */
.admin-navbar {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
/* line 11, app/assets/stylesheets/admin_layout.scss */
.admin-sidebar {
background: #2c3e50;
}
/* line 16, app/assets/stylesheets/admin_layout.scss */
.metric-card {
transition: transform 0.2s;
border-left: 4px solid;
}
/* line 20, app/assets/stylesheets/admin_layout.scss */
.metric-card:hover {
transform: translateY(-2px);
}
/* line 25, app/assets/stylesheets/admin_layout.scss */
.metric-up {
border-left-color: #28a745;
}
/* line 29, app/assets/stylesheets/admin_layout.scss */
.metric-down {
border-left-color: #dc3545;
}
/* line 33, app/assets/stylesheets/admin_layout.scss */
.metric-neutral {
border-left-color: #ffc107;
}
/* line 38, app/assets/stylesheets/admin_layout.scss */
.alert-critical {
border-left: 4px solid #dc3545;
}
/* line 42, app/assets/stylesheets/admin_layout.scss */
.alert-warning {
border-left: 4px solid #ffc107;
}
/* line 46, app/assets/stylesheets/admin_layout.scss */
.alert-info {
border-left: 4px solid #17a2b8;
}
/* line 51, app/assets/stylesheets/admin_layout.scss */
.chart-container {
position: relative;
height: 300px;
}
/* line 58, app/assets/stylesheets/admin_layout.scss */
.nav-treeview .nav-item {
margin-left: 20px;
}
/* line 62, app/assets/stylesheets/admin_layout.scss */
.nav-treeview .nav-link {
padding-left: 10px;
}
/* line 68, app/assets/stylesheets/admin_layout.scss */
.content-header {
margin-top: 0.5rem !important;
}
/* line 73, app/assets/stylesheets/admin_layout.scss */
.content-wrapper > .content-header,
.content-wrapper > .content {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
/* line 81, app/assets/stylesheets/admin_layout.scss */
.sidebar {
height: calc(100vh - 57px);
overflow-y: auto !important;
overflow-x: hidden;
max-height: calc(100vh - 57px);
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.05);
}
/* line 88, app/assets/stylesheets/admin_layout.scss */
.sidebar::-webkit-scrollbar {
width: 8px;
}
/* line 92, app/assets/stylesheets/admin_layout.scss */
.sidebar::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
}
/* line 97, app/assets/stylesheets/admin_layout.scss */
.sidebar::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 4px;
}
/* line 101, app/assets/stylesheets/admin_layout.scss */
.sidebar::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.3);
}
/* line 112, app/assets/stylesheets/admin_layout.scss */
.main-header {
position: relative;
}
/* line 116, app/assets/stylesheets/admin_layout.scss */
.impersonation-center-banner {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
top: 50%;
transform: translate(-50%, -50%);
}
/* line 125, app/assets/stylesheets/admin_layout.scss */
.impersonation-navbar-banner {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 8px 15px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-between;
min-width: 400px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
}
/* line 138, app/assets/stylesheets/admin_layout.scss */
.impersonation-navbar-banner::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: shimmer 3s infinite;
}
@keyframes shimmer {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
/* line 155, app/assets/stylesheets/admin_layout.scss */
.impersonation-info {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
}
/* line 162, app/assets/stylesheets/admin_layout.scss */
.impersonation-icon {
font-size: 16px;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.7;
}
}
/* line 172, app/assets/stylesheets/admin_layout.scss */
.impersonation-text {
font-size: 13px;
line-height: 1.3;
}
/* line 176, app/assets/stylesheets/admin_layout.scss */
.impersonation-text strong {
font-weight: 600;
}
/* line 181, app/assets/stylesheets/admin_layout.scss */
.tenant-name {
color: #ffd700;
font-weight: 500;
}
/* line 186, app/assets/stylesheets/admin_layout.scss */
.user-name {
color: #e0e0e0;
font-size: 12px;
}
/* line 191, app/assets/stylesheets/admin_layout.scss */
.impersonation-timer {
font-size: 12px;
background: rgba(255, 255, 255, 0.2);
padding: 4px 8px;
border-radius: 4px;
margin-left: 10px;
}
/* line 199, app/assets/stylesheets/admin_layout.scss */
.impersonation-actions {
display: flex;
align-items: center;
gap: 8px;
}
/* line 204, app/assets/stylesheets/admin_layout.scss */
.impersonation-actions .btn {
font-size: 12px;
padding: 4px 8px;
border-radius: 4px;
}
/* line 210, app/assets/stylesheets/admin_layout.scss */
.impersonation-actions .btn-outline-light:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
/* line 218, app/assets/stylesheets/admin_layout.scss */
.impersonation-center-banner {
position: static;
transform: none;
margin: 5px auto;
width: 100%;
max-width: 90%;
}
/* line 226, app/assets/stylesheets/admin_layout.scss */
.impersonation-navbar-banner {
min-width: 300px;
padding: 6px 10px;
width: 100%;
}
/* line 232, app/assets/stylesheets/admin_layout.scss */
.impersonation-text {
font-size: 12px;
}
/* line 236, app/assets/stylesheets/admin_layout.scss */
.impersonation-timer {
font-size: 11px;
padding: 3px 6px;
}
/* line 241, app/assets/stylesheets/admin_layout.scss */
.impersonation-actions .btn {
font-size: 11px;
padding: 3px 6px;
}
}
@media (max-width: 576px) {
/* line 248, app/assets/stylesheets/admin_layout.scss */
.impersonation-center-banner {
position: static;
transform: none;
margin: 5px auto;
width: 100%;
max-width: 95%;
}
/* line 256, app/assets/stylesheets/admin_layout.scss */
.impersonation-navbar-banner {
min-width: 250px;
flex-direction: column;
gap: 8px;
width: 100%;
}
/* line 263, app/assets/stylesheets/admin_layout.scss */
.impersonation-info {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
/* line 269, app/assets/stylesheets/admin_layout.scss */
.impersonation-timer {
margin-left: 0;
}
}
/* line 3, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync__backup-list {
max-height: 18rem;
overflow-y: auto;
border: 1px solid var(--gray-400, #ced4da);
border-radius: 4px;
}
/* line 10, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync__backup-row {
display: flex;
align-items: center;
padding: 0.4rem 0.6rem;
cursor: pointer;
border-bottom: 1px solid #f0f0f0;
transition: background-color 0.15s ease;
font-size: 0.85rem;
}
/* line 19, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync__backup-row:last-child {
border-bottom: none;
}
/* line 20, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync__backup-row:hover {
background-color: var(--gray-100, #f8f9fa);
}
/* line 22, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync__backup-row:has(input:checked) {
background-color: rgba(220, 53, 69, 0.06);
font-weight: 600;
}
/* line 28, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync__summary {
border-left: 3px solid var(--erp-danger, #dc3545);
padding: 0.4rem 0.75rem;
background: #fff8f8;
border-radius: 0 4px 4px 0;
font-size: 0.85rem;
}
/* line 36, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync__confirm-input {
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* line 44, app/assets/stylesheets/admin_staging_sync.scss */
#confirmModal .modal-content {
border: 2px solid var(--erp-danger, #dc3545);
}
/* line 48, app/assets/stylesheets/admin_staging_sync.scss */
#confirmSyncButton:disabled {
cursor: not-allowed;
}
/* line 54, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__card {
border-left: 4px solid var(--erp-info, #3498db);
}
/* line 58, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__logs {
font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
line-height: 1.5;
max-height: 26rem;
overflow-y: auto;
}
/* line 65, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__placeholder {
min-height: 1.5rem;
}
/* line 69, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__log-line {
margin-bottom: 2px;
padding: 2px 0;
word-break: break-word;
}
/* line 75, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__log-line.text-success {
font-weight: 600;
}
/* line 79, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__log-line.text-danger {
font-weight: 600;
background-color: rgba(220, 53, 69, 0.1);
padding: 4px;
margin: 4px 0;
}
/* line 86, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__progress {
border-radius: 0.5rem;
min-height: 1.9rem;
}
/* line 91, app/assets/stylesheets/admin_staging_sync.scss */
.staging-sync-status__progress-bar {
font-size: 0.875rem;
font-weight: 600;
width: 0%;
}
/**
* Estilos para Preview de Anexos
* Usado com attachment_preview_controller.js
*/
/* Container do preview de anexo */
.attachment-preview-wrapper {
position: relative;
overflow: hidden;
border-radius: 4px;
}
/* Overlay que aparece ao passar o mouse sobre a imagem */
.attachment-preview-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.attachment-preview-wrapper:hover .attachment-preview-overlay {
opacity: 1;
pointer-events: auto;
}
.attachment-preview-overlay .btn {
pointer-events: auto;
}
/* Customização do modal SweetAlert2 para preview */
.swal2-popup.attachment-preview-modal {
padding: 20px;
}
.swal2-popup.attachment-preview-modal .swal2-title {
font-size: 1.5rem;
margin-bottom: 15px;
}
.swal2-popup.attachment-preview-modal .swal2-image {
max-width: 100%;
max-height: 70vh;
object-fit: contain;
margin: 0 auto;
}
/* Estilo específico para imagem no preview */
.attachment-preview-image {
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Ações de imagem */
.image-actions {
display: flex;
gap: 10px;
justify-content: center;
padding-top: 15px;
}
/* Container de conteúdo da imagem */
.image-preview-content {
padding: 0 !important;
margin: 0 !important;
}
/* Container do PDF no modal */
.pdf-preview-container {
display: flex;
flex-direction: column;
align-items: center;
}
.pdf-preview-container iframe {
width: 100%;
height: 100%;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #f5f5f5;
}
/* Ações do PDF */
.pdf-actions {
display: flex;
gap: 10px;
justify-content: center;
padding-top: 15px;
}
/* Customização do modal de galeria */
.swal2-popup.gallery-modal .swal2-actions {
width: 100%;
justify-content: space-between;
margin-top: 20px;
}
.swal2-popup.gallery-modal .swal2-confirm,
.swal2-popup.gallery-modal .swal2-cancel {
min-width: 120px;
}
/* Responsividade */
@media (max-width: 768px) {
.attachment-preview-overlay {
opacity: 1;
background-color: rgba(0, 0, 0, 0.3);
}
.swal2-popup.attachment-preview-modal {
width: 95% !important;
}
.pdf-preview-container {
height: 60vh !important;
min-height: 400px !important;
}
.pdf-actions,
.image-actions {
flex-direction: column;
}
.pdf-actions .btn,
.image-actions .btn {
width: 100%;
}
}
/* Animação de zoom na imagem */
.attachment-preview-image {
transition: transform 0.3s ease;
transform-origin: center center;
}
/* Botão de visualização em grupos de botões */
.btn-group .btn-outline-info {
border-color: #17a2b8;
color: #17a2b8;
}
.btn-group .btn-outline-info:hover {
background-color: #17a2b8;
color: white;
}
/* Ajustes para o card de anexos */
.erp-card .attachment-preview-wrapper img {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.erp-card .attachment-preview-wrapper:hover img {
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* Indicador de loading para preview */
.swal2-popup.attachment-preview-modal .swal2-loader {
border-color: #007bff;
border-right-color: transparent;
}
/* Estilo para o close button do modal */
.swal2-popup.attachment-preview-modal .swal2-close {
font-size: 2rem;
color: #666;
}
.swal2-popup.attachment-preview-modal .swal2-close:hover {
color: #333;
}
/* Container de conteúdo do PDF */
.pdf-preview-content {
padding: 0 !important;
margin: 0 !important;
}
/* Ajuste do título no preview de PDF */
.swal2-popup.pdf-preview-modal .swal2-title {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e9ecef;
}
/* Botões na lista de documentos */
.list-group-item .btn-group {
white-space: nowrap;
}
.list-group-item .btn-group .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
/* Ajustes para dark mode (se houver) */
@media (prefers-color-scheme: dark) {
.attachment-preview-overlay {
background-color: rgba(0, 0, 0, 0.7);
}
.pdf-preview-container iframe {
background-color: #2d3748;
border-color: #4a5568;
}
}
/* line 10, app/assets/stylesheets/base/_variables.scss */
:root {
--color-primary: #007bff;
--color-primary-dark: #0056b3;
--color-primary-light: #66afe9;
--erp-primary: #2c3e50;
--erp-primary-light: #34495e;
--erp-primary-dark: #1a252f;
--erp-secondary: #7f8c8d;
--erp-success: #27ae60;
--erp-warning: #f39c12;
--erp-danger: #e74c3c;
--erp-info: #3498db;
--erp-ui-accent: #2c3e50;
--erp-ui-accent-ink: #ffffff;
--erp-ui-accent-hover: #22303e;
--erp-ui-accent-pressed: #1a252f;
--erp-ui-accent-soft: #dde5ee;
--erp-ui-accent-marker: #8fa9c2;
--erp-ui-page: #f3f5f8;
--erp-ui-surface: #ffffff;
--erp-ui-surface-2: #f8fafc;
--erp-ui-ink: #1a2028;
--erp-ui-ink-2: #5a6472;
--erp-ui-ink-3: #8a93a0;
--erp-ui-hairline: #e3e7ed;
--erp-ui-hairline-strong: #cdd4dd;
--erp-ui-good: #0ca30c;
--erp-ui-good-text: #006300;
--erp-ui-good-soft: #e9f5e9;
--erp-ui-good-wash: #f7fcf7;
--erp-ui-warning: #fab219;
--erp-ui-warning-text: #7a5200;
--erp-ui-warning-soft: #fdf3dc;
--erp-ui-warning-wash: #fffbf3;
--erp-ui-critical: #d03b3b;
--erp-ui-critical-text: #a32424;
--erp-ui-critical-soft: #fbe9e9;
--erp-ui-critical-wash: #fef7f7;
--erp-ui-chart-1: #2c3e50;
--erp-ui-chart-2: #0ca30c;
--erp-ui-chart-3: #fab219;
--erp-ui-chart-4: #d03b3b;
--erp-ui-chart-5: #8fa9c2;
--erp-ui-chart-6: #8a93a0;
--erp-ui-blue-soft: #cfe2ff;
--erp-ui-blue-text: #084298;
--erp-ui-blue-ink: #ffffff;
--erp-ui-radius: 8px;
--erp-ui-shadow: 0 1px 2px rgba(26, 32, 40, 0.05);
--erp-ui-shadow-overlay: 0 4px 16px rgba(26, 32, 40, 0.25);
--color-secondary: #6c757d;
--color-secondary-dark: #5a6268;
--color-secondary-light: #adb5bd;
--color-success: #28a745;
--color-success-dark: #218838;
--color-success-light: #d4edda;
--color-danger: #dc3545;
--color-danger-dark: #c82333;
--color-danger-light: #f8d7da;
--color-warning: #ffc107;
--color-warning-dark: #e0a800;
--color-warning-light: #fff3cd;
--color-info: #17a2b8;
--color-info-dark: #138496;
--color-info-light: #d1ecf1;
--gray-50: #ffffff;
--gray-100: #f8f9fa;
--gray-200: #e9ecef;
--gray-300: #dee2e6;
--gray-400: #ced4da;
--gray-500: #adb5bd;
--gray-600: #6c757d;
--gray-700: #495057;
--gray-800: #343a40;
--gray-900: #212529;
--gray-1000: #000000;
--sidebar-width: 250px;
--sidebar-collapsed-width: 4.6rem;
--sidebar-bg: var(--gray-900);
--sidebar-color: var(--gray-300);
--header-height: 3.5rem;
--header-bg: var(--gray-50);
--header-border: var(--gray-300);
--footer-height: 60px;
--footer-bg: var(--gray-50);
--footer-border: var(--gray-300);
--content-max-width: 1400px;
--content-padding: 1rem;
--spacing-0: 0;
--spacing-1: 0.25rem;
--spacing-2: 0.5rem;
--spacing-3: 0.75rem;
--spacing-4: 1rem;
--spacing-5: 1.25rem;
--spacing-6: 1.5rem;
--spacing-8: 2rem;
--spacing-10: 2.5rem;
--spacing-12: 3rem;
--spacing-16: 4rem;
--spacing-xs: var(--spacing-1);
--spacing-sm: var(--spacing-2);
--spacing-md: var(--spacing-4);
--spacing-lg: var(--spacing-6);
--spacing-xl: var(--spacing-8);
--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--line-height-tight: 1.25;
--line-height-normal: 1.5;
--line-height-relaxed: 1.75;
--border-width-thin: 1px;
--border-width-base: 2px;
--border-width-thick: 3px;
--border-radius-none: 0;
--border-radius-sm: 2px;
--border-radius-base: 4px;
--border-radius-md: 6px;
--border-radius-lg: 8px;
--border-radius-xl: 12px;
--border-radius-full: 9999px;
--border-color-light: var(--gray-200);
--border-color-base: var(--gray-300);
--border-color-dark: var(--gray-400);
--shadow-none: none;
--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
--shadow-base: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
--shadow-md: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
--shadow-xl: 0 20px 25px 0 rgba(0, 0, 0, 0.15);
--erp-shadow-light: 0 1px 3px rgba(0,0,0,0.05);
--erp-shadow-medium: 0 2px 6px rgba(0,0,0,0.08);
--erp-shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
--erp-shadow-xl: 0 20px 25px rgba(0,0,0,0.15);
--shadow-primary: 0 4px 8px rgba(0, 123, 255, 0.2);
--shadow-success: 0 4px 8px rgba(40, 167, 69, 0.2);
--shadow-danger: 0 4px 8px rgba(220, 53, 69, 0.2);
--transition-fast: 150ms;
--transition-base: 300ms;
--transition-slow: 500ms;
--ease-linear: linear;
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--transition-all: all var(--transition-base) var(--ease-in-out);
--transition-colors: background-color var(--transition-base) var(--ease-in-out),
border-color var(--transition-base) var(--ease-in-out),
color var(--transition-base) var(--ease-in-out);
--z-base: 1;
--z-dropdown: 1000;
--z-sticky: 1020;
--z-fixed: 1030;
--z-modal-backdrop: 1040;
--z-modal: 1050;
--z-popover: 1060;
--z-tooltip: 1070;
--card-bg: var(--gray-50);
--card-border: var(--border-color-base);
--card-border-radius: var(--border-radius-base);
--card-padding: var(--spacing-md);
--card-shadow: var(--shadow-sm);
--btn-padding-y: 0.5rem;
--btn-padding-x: 1rem;
--btn-border-radius: var(--border-radius-base);
--btn-font-size: var(--font-size-sm);
--btn-font-weight: var(--font-weight-medium);
--input-padding-y: 0.5rem;
--input-padding-x: 0.75rem;
--input-border-color: var(--border-color-base);
--input-border-radius: var(--border-radius-base);
--input-focus-border: var(--color-primary);
--input-focus-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
--badge-padding-y: 0.25rem;
--badge-padding-x: 0.5rem;
--badge-font-size: var(--font-size-xs);
--badge-border-radius: var(--border-radius-full);
--modal-backdrop-bg: rgba(0, 0, 0, 0.5);
--modal-content-bg: var(--gray-50);
--modal-border-radius: var(--border-radius-lg);
--modal-padding: var(--spacing-6);
--table-cell-padding: 0.75rem;
--table-border-color: var(--border-color-light);
--table-hover-bg: var(--gray-100);
--table-striped-bg: var(--gray-50);
--recon-summary-bg-start: #f0f4ff;
--recon-summary-bg-end: #e8f0fe;
--recon-summary-border: #c2d5f7;
--recon-summary-accent-icon: #4285f4;
--recon-summary-accent-text: #1a73e8;
--recon-summary-detail-icon: #34a853;
--recon-summary-expense-bg: #fce8e6;
--recon-summary-expense-text: #d93025;
--recon-summary-revenue-bg: #e6f4ea;
--recon-summary-revenue-text: #1e8e3e;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xxl: 1400px;
}
/* line 15, app/assets/stylesheets/components/_badges.scss */
.badge, .status-badge {
padding: var(--badge-padding-y) var(--badge-padding-x);
font-size: var(--badge-font-size);
font-weight: var(--font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: var(--badge-border-radius);
display: inline-flex;
align-items: center;
gap: var(--spacing-1);
white-space: nowrap;
}
/* line 28, app/assets/stylesheets/components/_badges.scss */
.badge i, .status-badge i {
font-size: 0.875em;
flex-shrink: 0;
}
/* line 40, app/assets/stylesheets/components/_badges.scss */
.badge--active, .status-badge.active, .badge--success, .badge--completed, .status-badge.completed, .badge--approved, .status-badge.approved, .badge--finished, .status-badge.finished {
background-color: var(--color-success-light);
color: var(--color-success-dark);
}
/* line 50, app/assets/stylesheets/components/_badges.scss */
.badge--inactive, .status-badge.inactive, .badge--danger, .badge--cancelled, .status-badge.cancelled, .badge--rejected, .status-badge.rejected {
background-color: var(--color-danger-light);
color: var(--color-danger-dark);
}
/* line 59, app/assets/stylesheets/components/_badges.scss */
.badge--pending, .status-badge.pending, .badge--warning {
background-color: var(--color-warning-light);
color: var(--color-warning-dark);
}
/* line 66, app/assets/stylesheets/components/_badges.scss */
.badge--info, .badge--in_progress, .status-badge.in_progress {
background-color: var(--color-info-light);
color: var(--color-info-dark);
}
/* line 73, app/assets/stylesheets/components/_badges.scss */
.badge--draft, .status-badge.draft, .badge--secondary {
background-color: var(--gray-200);
color: var(--gray-700);
}
/* line 80, app/assets/stylesheets/components/_badges.scss */
.badge--suspended, .status-badge.suspended {
background-color: #ffeaa7;
color: #856404;
}
/* line 90, app/assets/stylesheets/components/_badges.scss */
.priority-badge,
.badge--priority-low,
.badge--priority-medium,
.badge--priority-high,
.badge--priority-urgent {
padding: 2px 6px;
font-size: 10px;
font-weight: 600;
text-align: center;
min-width: 50px;
}
/* line 102, app/assets/stylesheets/components/_badges.scss */
.priority-badge.low,
.badge--priority-low {
background-color: #d4edda;
color: #155724;
}
/* line 108, app/assets/stylesheets/components/_badges.scss */
.priority-badge.medium,
.badge--priority-medium {
background-color: #fff3cd;
color: #856404;
}
/* line 114, app/assets/stylesheets/components/_badges.scss */
.priority-badge.high,
.badge--priority-high {
background-color: #f8d7da;
color: #721c24;
}
/* line 120, app/assets/stylesheets/components/_badges.scss */
.priority-badge.urgent,
.badge--priority-urgent {
background-color: #721c24;
color: white;
}
/* line 131, app/assets/stylesheets/components/_badges.scss */
.type-badge--labor, .type-badge--labour {
background-color: #e3f2fd;
color: #1976d2;
}
/* line 137, app/assets/stylesheets/components/_badges.scss */
.type-badge--material {
background-color: #f3e5f5;
color: #7b1fa2;
}
/* line 142, app/assets/stylesheets/components/_badges.scss */
.type-badge--equipment {
background-color: #e8f5e8;
color: #388e3c;
}
/* line 147, app/assets/stylesheets/components/_badges.scss */
.type-badge--other {
background-color: #fff3e0;
color: #f57c00;
}
/* line 152, app/assets/stylesheets/components/_badges.scss */
.type-badge--revenue {
background-color: #e8f5e8;
color: #2e7d32;
}
/* line 157, app/assets/stylesheets/components/_badges.scss */
.type-badge--expense {
background-color: #ffebee;
color: #c62828;
}
/* line 168, app/assets/stylesheets/components/_badges.scss */
.badge--entry, .status-badge.entry, .badge--movement-entry {
background-color: #28a745;
color: white;
}
/* line 174, app/assets/stylesheets/components/_badges.scss */
.badge--exit, .status-badge.exit, .badge--movement-exit {
background-color: #dc3545;
color: white;
}
/* line 180, app/assets/stylesheets/components/_badges.scss */
.badge--transfer, .status-badge.transfer, .badge--movement-transfer {
background-color: #17a2b8;
color: white;
}
/* line 186, app/assets/stylesheets/components/_badges.scss */
.badge--adjustment, .status-badge.adjustment, .badge--movement-adjustment {
background-color: #ffc107;
color: #212529;
}
/* line 198, app/assets/stylesheets/components/_badges.scss */
.badge--expired {
background-color: #f8d7da;
color: #721c24;
}
/* line 203, app/assets/stylesheets/components/_badges.scss */
.badge--with-budget {
background-color: #fff3cd;
color: #856404;
}
/* line 208, app/assets/stylesheets/components/_badges.scss */
.badge--without-budget {
background-color: #f8d7da;
color: #721c24;
}
/* line 241, app/assets/stylesheets/components/_badges.scss */
.action-badge.view {
background-color: #17a2b8;
color: white;
}
/* line 246, app/assets/stylesheets/components/_badges.scss */
.action-badge.edit {
background-color: #ffc107;
color: #212529;
}
/* line 251, app/assets/stylesheets/components/_badges.scss */
.action-badge.danger {
background-color: #dc3545;
color: white;
}
/* line 262, app/assets/stylesheets/components/_badges.scss */
.badge--sm {
font-size: calc(var(--badge-font-size) * 0.875);
padding: calc(var(--badge-padding-y) * 0.75) calc(var(--badge-padding-x) * 0.75);
}
/* line 267, app/assets/stylesheets/components/_badges.scss */
.badge--lg {
font-size: calc(var(--badge-font-size) * 1.125);
padding: calc(var(--badge-padding-y) * 1.25) calc(var(--badge-padding-x) * 1.25);
}
/* line 279, app/assets/stylesheets/components/_badges.scss */
.badge--pulse {
animation: badge-pulse 2s infinite;
}
/* line 284, app/assets/stylesheets/components/_badges.scss */
.badge--outlined {
background-color: transparent;
border: 2px solid currentColor;
}
@keyframes badge-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.7;
}
}
@media (max-width: 576px) {
/* line 304, app/assets/stylesheets/components/_badges.scss */
.badge, .status-badge {
font-size: calc(var(--badge-font-size) * 0.875);
padding: calc(var(--badge-padding-y) * 0.875) calc(var(--badge-padding-x) * 0.875);
}
}
/* line 4, app/assets/stylesheets/components/_camera_modal.scss */
.camera-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
/* line 16, app/assets/stylesheets/components/_camera_modal.scss */
.camera-modal-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
}
/* line 25, app/assets/stylesheets/components/_camera_modal.scss */
.camera-modal-content {
position: relative;
z-index: 10000;
background: white;
border-radius: 8px;
max-width: 90vw;
max-height: 90vh;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
/* line 38, app/assets/stylesheets/components/_camera_modal.scss */
.camera-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background: #2c3e50;
color: white;
}
/* line 46, app/assets/stylesheets/components/_camera_modal.scss */
.camera-header h5 {
margin: 0;
font-size: 16px;
font-weight: 600;
}
/* line 52, app/assets/stylesheets/components/_camera_modal.scss */
.camera-header .btn-camera-switch {
background: rgba(255, 255, 255, 0.1);
border: none;
color: white;
padding: 8px 12px;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
/* line 61, app/assets/stylesheets/components/_camera_modal.scss */
.camera-header .btn-camera-switch:hover {
background: rgba(255, 255, 255, 0.2);
}
/* line 67, app/assets/stylesheets/components/_camera_modal.scss */
.camera-body {
position: relative;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background: black;
min-height: 300px;
}
/* line 76, app/assets/stylesheets/components/_camera_modal.scss */
.camera-body video {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 82, app/assets/stylesheets/components/_camera_modal.scss */
.camera-body canvas {
display: none;
}
/* line 87, app/assets/stylesheets/components/_camera_modal.scss */
.camera-footer {
display: flex;
gap: 12px;
padding: 16px;
background: #f8f9fa;
justify-content: center;
}
/* line 94, app/assets/stylesheets/components/_camera_modal.scss */
.camera-footer .btn {
min-width: 120px;
font-size: 14px;
padding: 10px 20px;
}
/* line 99, app/assets/stylesheets/components/_camera_modal.scss */
.camera-footer .btn i {
margin-right: 6px;
}
/* line 104, app/assets/stylesheets/components/_camera_modal.scss */
.camera-footer .btn-camera-capture {
background: #27ae60;
border-color: #27ae60;
color: white;
}
/* line 109, app/assets/stylesheets/components/_camera_modal.scss */
.camera-footer .btn-camera-capture:hover {
background: #219a52;
border-color: #219a52;
}
/* line 117, app/assets/stylesheets/components/_camera_modal.scss */
.photo-preview {
margin-top: 12px;
padding: 12px;
border: 1px solid #dee2e6;
border-radius: 4px;
background: #f8f9fa;
}
/* line 124, app/assets/stylesheets/components/_camera_modal.scss */
.photo-preview.d-none {
display: none;
}
/* line 129, app/assets/stylesheets/components/_camera_modal.scss */
.preview-thumb {
position: relative;
width: 100%;
max-width: 200px;
}
/* line 134, app/assets/stylesheets/components/_camera_modal.scss */
.preview-thumb img {
width: 100%;
height: auto;
border-radius: 4px;
border: 2px solid #dee2e6;
}
/* line 141, app/assets/stylesheets/components/_camera_modal.scss */
.preview-thumb .btn-remove-preview {
position: absolute;
top: -8px;
right: -8px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #dc3545;
color: white;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 158, app/assets/stylesheets/components/_camera_modal.scss */
.preview-thumb .btn-remove-preview:hover {
background: #c82333;
}
/* line 164, app/assets/stylesheets/components/_camera_modal.scss */
.preview-info {
margin-top: 8px;
display: flex;
gap: 8px;
}
/* line 169, app/assets/stylesheets/components/_camera_modal.scss */
.preview-info .gps-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
background: #27ae60;
color: white;
font-size: 11px;
border-radius: 12px;
}
/* line 179, app/assets/stylesheets/components/_camera_modal.scss */
.preview-info .gps-badge.d-none {
display: none;
}
/* line 186, app/assets/stylesheets/components/_camera_modal.scss */
.btn-capture-photo {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: #27ae60;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: background 0.2s;
}
/* line 200, app/assets/stylesheets/components/_camera_modal.scss */
.btn-capture-photo:hover {
background: #219a52;
text-decoration: none;
color: white;
}
/* line 206, app/assets/stylesheets/components/_camera_modal.scss */
.btn-capture-photo i {
font-size: 16px;
}
@media (max-width: 768px) {
/* line 213, app/assets/stylesheets/components/_camera_modal.scss */
.camera-modal-content {
max-width: 100vw;
max-height: 100vh;
border-radius: 0;
}
/* line 219, app/assets/stylesheets/components/_camera_modal.scss */
.camera-body {
min-height: 60vh;
}
/* line 224, app/assets/stylesheets/components/_camera_modal.scss */
.camera-footer .btn {
flex: 1;
min-width: auto;
}
}
@media (display-mode: standalone) {
/* line 233, app/assets/stylesheets/components/_camera_modal.scss */
.camera-modal-content {
max-height: 100vh;
}
/* line 237, app/assets/stylesheets/components/_camera_modal.scss */
.camera-body {
min-height: 70vh;
}
}
/* line 2, app/assets/stylesheets/components/_cards.scss */
.card, .report-card, .notification-card, .alert-card, .maintenance-card {
@apply bg-white rounded-lg shadow-sm p-4;
}
/* line 5, app/assets/stylesheets/components/_cards.scss */
.card-header {
@apply flex justify-between items-start mb-4;
}
/* line 9, app/assets/stylesheets/components/_cards.scss */
.card-title {
@apply text-lg font-semibold;
}
/* line 13, app/assets/stylesheets/components/_cards.scss */
.card-subtitle {
@apply text-sm text-gray-600;
}
/* line 17, app/assets/stylesheets/components/_cards.scss */
.card-content {
@apply space-y-4;
}
/* line 21, app/assets/stylesheets/components/_cards.scss */
.card-footer {
@apply mt-4 flex justify-end space-x-2;
}
/* line 30, app/assets/stylesheets/components/_cards.scss */
.maintenance-card .status-badge {
@apply px-2 py-1 text-xs rounded-full;
}
/* line 38, app/assets/stylesheets/components/_cards.scss */
.alert-card .priority-badge {
@apply px-2 py-1 text-xs rounded-full;
}
/* line 46, app/assets/stylesheets/components/_cards.scss */
.notification-card .error-message {
@apply mt-4 p-2 bg-red-50 text-red-700 rounded;
}
/* line 54, app/assets/stylesheets/components/_cards.scss */
.report-card .period {
@apply font-medium;
}
/* line 60, app/assets/stylesheets/components/_cards.scss */
.btn {
@apply px-3 py-1.5 rounded text-sm font-medium transition-colors;
}
/* line 63, app/assets/stylesheets/components/_cards.scss */
.btn-sm {
@apply px-2 py-1 text-xs;
}
/* line 67, app/assets/stylesheets/components/_cards.scss */
.btn-outline {
@apply border border-gray-300 text-gray-700 hover:bg-gray-50;
}
/* line 71, app/assets/stylesheets/components/_cards.scss */
.btn-danger {
@apply bg-red-600 text-white hover:bg-red-700;
}
@charset "UTF-8";
/* =============================================================================
CHARTS - Estilos consolidados para gráficos Chart.js
============================================================================= */
/* Canvas base para gráficos */
/* line 6, app/assets/stylesheets/components/_charts.scss */
.chart-canvas, .chart-wrapper canvas {
min-height: 250px;
height: 250px;
max-height: 250px;
max-width: 100%;
/* Variante grande (300px) */
/* Variante pequena (200px) */
/* Variante extra pequena (150px) */
/* Responsividade */
}
/* line 13, app/assets/stylesheets/components/_charts.scss */
.chart-canvas--large {
min-height: 300px;
height: 300px;
max-height: 300px;
}
/* line 20, app/assets/stylesheets/components/_charts.scss */
.chart-canvas--small {
min-height: 200px;
height: 200px;
max-height: 200px;
}
/* line 27, app/assets/stylesheets/components/_charts.scss */
.chart-canvas--xsmall {
min-height: 150px;
height: 150px;
max-height: 150px;
}
@media (max-width: 768px) {
/* line 6, app/assets/stylesheets/components/_charts.scss */
.chart-canvas, .chart-wrapper canvas {
min-height: 200px;
height: 200px;
max-height: 200px;
}
/* line 39, app/assets/stylesheets/components/_charts.scss */
.chart-canvas--large {
min-height: 250px;
height: 250px;
max-height: 250px;
}
/* line 45, app/assets/stylesheets/components/_charts.scss */
.chart-canvas--small {
min-height: 150px;
height: 150px;
max-height: 150px;
}
}
@media (max-width: 576px) {
/* line 6, app/assets/stylesheets/components/_charts.scss */
.chart-canvas, .chart-wrapper canvas {
min-height: 150px;
height: 150px;
max-height: 150px;
}
/* line 57, app/assets/stylesheets/components/_charts.scss */
.chart-canvas--large {
min-height: 200px;
height: 200px;
max-height: 200px;
}
/* line 63, app/assets/stylesheets/components/_charts.scss */
.chart-canvas--small {
min-height: 120px;
height: 120px;
max-height: 120px;
}
}
/* Container de gráficos */
/* line 72, app/assets/stylesheets/components/_charts.scss */
.chart-container {
position: relative;
}
/* line 75, app/assets/stylesheets/components/_charts.scss */
.chart-container--height-300 {
height: 300px;
}
/* line 79, app/assets/stylesheets/components/_charts.scss */
.chart-container--height-250 {
height: 250px;
}
/* line 83, app/assets/stylesheets/components/_charts.scss */
.chart-container--height-200 {
height: 200px;
}
/* Chart wrapper com padding */
/* line 89, app/assets/stylesheets/components/_charts.scss */
.chart-wrapper {
position: relative;
padding: 15px;
}
/* line 14, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .fator-rotulo {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
/* line 21, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .fator-nome {
display: flex;
align-items: baseline;
gap: 8px;
font-size: 13.5px;
color: var(--erp-ui-ink);
}
/* line 32, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .fator-peso {
font-size: 11px;
font-weight: 400;
color: var(--erp-ui-ink-3);
}
/* line 38, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .fator-detalhe {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 43, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .fator-valor {
display: flex;
align-items: baseline;
gap: 8px;
white-space: nowrap;
font-size: 13.5px;
font-variant-numeric: tabular-nums;
}
/* line 51, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .fator-valor b {
font-weight: 600;
}
/* line 56, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .fator-contribuicao {
font-size: 11.5px;
color: var(--erp-ui-ink-2);
}
/* line 63, app/assets/stylesheets/components/_default_risks.scss */
.erp-ui.default-risks-module .rec-impacto {
display: block;
margin-top: 2px;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
@charset "UTF-8";
/* =============================================================================
MODAL DE DESCRIÇÃO - Correções de Z-Index
============================================================================= */
/*
* Hierarquia de Z-Index no Sistema:
* - Sidebar: 1037-1038
* - Header: 1030
* - Footer: 1020
* - Content wrapper: 1000
* - Backdrop padrão Bootstrap: 1040-1054
* - AdminLTE sidebar-overlay: 10000 (quando modal aberto)
* - Modal de patrimônios: 10060-10062
* - Modal de preferências: 999999
*
* Modal de descrição: 10055 (acima do backdrop 1054 e overlay 10000, abaixo dos modais especiais)
*/
/* Modal de descrição - Base */
/* line 20, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal {
z-index: 10055 !important;
}
/* Modal de descrição - Quando ativo */
/* line 25, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal.show,
#descriptionModal.fade.show {
z-index: 10055 !important;
display: block !important;
}
/* Dialog do modal de descrição */
/* line 32, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal .modal-dialog {
z-index: 10056 !important;
position: relative;
margin: 1.75rem auto;
pointer-events: none;
}
/* Content do modal de descrição */
/* line 40, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal .modal-content {
z-index: 10057 !important;
position: relative;
pointer-events: auto;
display: flex;
flex-direction: column;
width: 100%;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* Backdrop específico para modal de descrição - DEVE FICAR ABAIXO DO MODAL */
/* Regra com MÁXIMA especificidade e !important para sobrescrever TODAS as outras regras */
/* line 56, app/assets/stylesheets/components/_description_modal.scss */
body.modal-open:has(#descriptionModal.show) .modal-backdrop.show,
body.modal-open:has(#descriptionModal.show) .modal-backdrop,
body:has(#descriptionModal.show) .modal-backdrop.show,
body:has(#descriptionModal.show) .modal-backdrop,
body.modal-open #descriptionModal.show ~ .modal-backdrop.show,
body.modal-open #descriptionModal.show ~ .modal-backdrop,
body #descriptionModal.show ~ .modal-backdrop.show,
body #descriptionModal.show ~ .modal-backdrop,
.modal-backdrop.show:has(~ #descriptionModal.show),
.modal-backdrop:has(~ #descriptionModal.show) {
z-index: 10054 !important;
}
/* Override específico para garantir que funcione mesmo com outras regras globais */
/* line 70, app/assets/stylesheets/components/_description_modal.scss */
html body.modal-open:has(#descriptionModal.show) .modal-backdrop,
html body:has(#descriptionModal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* Garantir que AdminLTE overlay não interfira - DEVE FICAR ABAIXO DO MODAL */
/* line 76, app/assets/stylesheets/components/_description_modal.scss */
body.modal-open:has(#descriptionModal.show) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* Posicionamento fixo quando modal está ativo */
/* line 82, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal.show {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
/* Garantir visibilidade completa */
/* line 92, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal.show .modal-dialog {
z-index: 10056 !important;
position: relative !important;
margin: 1.75rem auto !important;
}
/* line 98, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal.show .modal-content {
z-index: 10057 !important;
position: relative !important;
}
/* Correção para quando modal está dentro de tabs */
/* line 104, app/assets/stylesheets/components/_description_modal.scss */
.tab-content #descriptionModal,
.tab-pane #descriptionModal {
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 10055 !important;
}
/* Garantir que body modal-open funcione */
/* line 113, app/assets/stylesheets/components/_description_modal.scss */
body.modal-open:has(#descriptionModal.show) {
overflow: hidden !important;
}
/* Correção específica para evitar conflitos com outros modais */
/* line 118, app/assets/stylesheets/components/_description_modal.scss */
body.modal-open #descriptionModal.show {
z-index: 10055 !important;
}
/* =============================================================================
OVERRIDE FINAL - Máxima especificidade para garantir que funcione
============================================================================= */
/* Esta regra DEVE vir por último para sobrescrever todas as outras */
/* line 126, app/assets/stylesheets/components/_description_modal.scss */
html body.modal-open:has(#descriptionModal.show) .modal-backdrop.show,
html body.modal-open:has(#descriptionModal.show) .modal-backdrop,
html body:has(#descriptionModal.show) .modal-backdrop.show,
html body:has(#descriptionModal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* Garantir que o modal SEMPRE fique acima do backdrop */
/* line 134, app/assets/stylesheets/components/_description_modal.scss */
html body.modal-open:has(#descriptionModal.show) #descriptionModal.show,
html body:has(#descriptionModal.show) #descriptionModal.show {
z-index: 10055 !important;
}
/* Estilos do conteúdo do modal */
/* line 140, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal .modal-body {
max-height: 70vh;
overflow-y: auto;
}
/* line 144, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal .modal-body .description-full-content {
line-height: 1.6;
color: #495057;
/* Garantir que
tags funcionem */
}
/* line 148, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal .modal-body .description-full-content p {
margin-bottom: 1rem;
white-space: pre-wrap;
/* Preserva quebras de linha e espaços */
word-wrap: break-word;
/* Quebra palavras longas */
}
/* line 153, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal .modal-body .description-full-content p:last-child {
margin-bottom: 0;
}
/* line 159, app/assets/stylesheets/components/_description_modal.scss */
#descriptionModal .modal-body .description-full-content br {
display: block;
content: "";
margin-top: 0.5em;
}
@charset "UTF-8";
/* =============================================================================
MODAL DE EMAIL - Correções de Z-Index
============================================================================= */
/*
* Hierarquia de Z-Index no Sistema:
* - Sidebar: 1037-1038
* - Header: 1030
* - Footer: 1020
* - Content wrapper: 1000
* - Backdrop padrão Bootstrap: 1040-1054
* - AdminLTE sidebar-overlay: 10000 (quando modal aberto)
* - Modal de patrimônios: 10060-10062
* - Modal de preferências: 999999
*
* Modal de email: 10055 (acima do backdrop 1054 e overlay 10000, abaixo dos modais especiais)
*/
/* Modal de email - Base */
/* line 20, app/assets/stylesheets/components/_email_modal.scss */
#email-modal {
z-index: 10055 !important;
}
/* Modal de email - Quando ativo */
/* line 25, app/assets/stylesheets/components/_email_modal.scss */
#email-modal.show,
#email-modal.fade.show {
z-index: 10055 !important;
display: block !important;
}
/* Dialog do modal de email */
/* line 32, app/assets/stylesheets/components/_email_modal.scss */
#email-modal .modal-dialog {
z-index: 10056 !important;
position: relative;
margin: 1.75rem auto;
pointer-events: none;
}
/* Content do modal de email */
/* line 40, app/assets/stylesheets/components/_email_modal.scss */
#email-modal .modal-content {
z-index: 10057 !important;
position: relative;
pointer-events: auto;
display: flex;
flex-direction: column;
width: 100%;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* Backdrop específico para modal de email - DEVE FICAR ABAIXO DO MODAL */
/* Regra com MÁXIMA especificidade e !important para sobrescrever TODAS as outras regras */
/* line 56, app/assets/stylesheets/components/_email_modal.scss */
body.modal-open:has(#email-modal.show) .modal-backdrop.show,
body.modal-open:has(#email-modal.show) .modal-backdrop,
body:has(#email-modal.show) .modal-backdrop.show,
body:has(#email-modal.show) .modal-backdrop,
body.modal-open #email-modal.show ~ .modal-backdrop.show,
body.modal-open #email-modal.show ~ .modal-backdrop,
body #email-modal.show ~ .modal-backdrop.show,
body #email-modal.show ~ .modal-backdrop,
.modal-backdrop.show:has(~ #email-modal.show),
.modal-backdrop:has(~ #email-modal.show) {
z-index: 10054 !important;
}
/* Override específico para garantir que funcione mesmo com outras regras globais */
/* line 70, app/assets/stylesheets/components/_email_modal.scss */
html body.modal-open:has(#email-modal.show) .modal-backdrop,
html body:has(#email-modal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* Garantir que AdminLTE overlay não interfira - DEVE FICAR ABAIXO DO MODAL */
/* line 76, app/assets/stylesheets/components/_email_modal.scss */
body.modal-open:has(#email-modal.show) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* Posicionamento fixo quando modal está ativo */
/* line 82, app/assets/stylesheets/components/_email_modal.scss */
#email-modal.show {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
/* Garantir visibilidade completa */
/* line 92, app/assets/stylesheets/components/_email_modal.scss */
#email-modal.show .modal-dialog {
z-index: 10056 !important;
position: relative !important;
margin: 1.75rem auto !important;
max-width: 800px !important;
}
/* line 99, app/assets/stylesheets/components/_email_modal.scss */
#email-modal.show .modal-content {
z-index: 10057 !important;
position: relative !important;
}
/* Correção para quando modal está dentro de tabs */
/* line 105, app/assets/stylesheets/components/_email_modal.scss */
.tab-content #email-modal,
.tab-pane #email-modal {
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 10055 !important;
}
/* Garantir que body modal-open funcione */
/* line 114, app/assets/stylesheets/components/_email_modal.scss */
body.modal-open:has(#email-modal.show) {
overflow: hidden !important;
}
/* Correção específica para evitar conflitos com outros modais */
/* line 119, app/assets/stylesheets/components/_email_modal.scss */
body.modal-open #email-modal.show {
z-index: 10055 !important;
}
/* line 123, app/assets/stylesheets/components/_email_modal.scss */
body.modal-open #email-modal.show ~ #preferencesModal,
body.modal-open #email-modal.show ~ #patrimonyModal {
display: none !important;
}
/* =============================================================================
OVERRIDE FINAL - Máxima especificidade para garantir que funcione
============================================================================= */
/* Esta regra DEVE vir por último para sobrescrever todas as outras */
/* line 132, app/assets/stylesheets/components/_email_modal.scss */
html body.modal-open:has(#email-modal.show) .modal-backdrop.show,
html body.modal-open:has(#email-modal.show) .modal-backdrop,
html body:has(#email-modal.show) .modal-backdrop.show,
html body:has(#email-modal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* Garantir que o modal SEMPRE fique acima do backdrop */
/* line 140, app/assets/stylesheets/components/_email_modal.scss */
html body.modal-open:has(#email-modal.show) #email-modal.show,
html body:has(#email-modal.show) #email-modal.show {
z-index: 10055 !important;
}
/* =============================================================================
COMPATIBILIDADE: Modal de email da Ordem de Serviço
============================================================================= */
/* line 149, app/assets/stylesheets/components/_email_modal.scss */
#service-order-email-modal {
z-index: 10055 !important;
}
/* line 153, app/assets/stylesheets/components/_email_modal.scss */
#service-order-email-modal.show,
#service-order-email-modal.fade.show {
z-index: 10055 !important;
display: block !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
/* line 165, app/assets/stylesheets/components/_email_modal.scss */
#service-order-email-modal .modal-dialog {
z-index: 10056 !important;
position: relative;
}
/* line 170, app/assets/stylesheets/components/_email_modal.scss */
#service-order-email-modal .modal-content {
z-index: 10057 !important;
position: relative;
}
/* line 175, app/assets/stylesheets/components/_email_modal.scss */
body.modal-open:has(#service-order-email-modal.show) .modal-backdrop.show,
body.modal-open:has(#service-order-email-modal.show) .modal-backdrop,
body:has(#service-order-email-modal.show) .modal-backdrop.show,
body:has(#service-order-email-modal.show) .modal-backdrop,
body.modal-open #service-order-email-modal.show ~ .modal-backdrop.show,
body.modal-open #service-order-email-modal.show ~ .modal-backdrop,
body #service-order-email-modal.show ~ .modal-backdrop.show,
body #service-order-email-modal.show ~ .modal-backdrop,
.modal-backdrop.show:has(~ #service-order-email-modal.show),
.modal-backdrop:has(~ #service-order-email-modal.show) {
z-index: 10054 !important;
}
/* line 188, app/assets/stylesheets/components/_email_modal.scss */
html body.modal-open:has(#service-order-email-modal.show) .modal-backdrop,
html body:has(#service-order-email-modal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* line 193, app/assets/stylesheets/components/_email_modal.scss */
body.modal-open:has(#service-order-email-modal.show) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* line 198, app/assets/stylesheets/components/_email_modal.scss */
html body.modal-open:has(#service-order-email-modal.show) #service-order-email-modal.show,
html body:has(#service-order-email-modal.show) #service-order-email-modal.show {
z-index: 10055 !important;
}
@charset "UTF-8";
/* Modal Adicionar Estoque - Base */
/* line 7, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal {
z-index: 10055 !important;
}
/* Modal Adicionar Estoque - Quando ativo - MÁXIMA ESPECIFICIDADE */
/* line 12, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal.show,
#addInventoryModal.fade.show,
body.modal-open #addInventoryModal.show,
body.modal-open #addInventoryModal.fade.show,
html body.modal-open #addInventoryModal.show,
html body.modal-open #addInventoryModal.fade.show {
z-index: 10055 !important;
display: block !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
/* Dialog do modal Adicionar Estoque */
/* line 28, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-dialog {
z-index: 10056 !important;
}
/* Content do modal Adicionar Estoque */
/* line 33, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-content {
z-index: 10057 !important;
}
/* Modal Movimentação - Base */
/* line 38, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#movementModal {
z-index: 10055 !important;
}
/* Modal Movimentação - Quando ativo - MÁXIMA ESPECIFICIDADE */
/* line 43, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#movementModal.show,
#movementModal.fade.show,
body.modal-open #movementModal.show,
body.modal-open #movementModal.fade.show,
html body.modal-open #movementModal.show,
html body.modal-open #movementModal.fade.show {
z-index: 10055 !important;
display: block !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
/* Dialog do modal Movimentação */
/* line 59, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#movementModal .modal-dialog {
z-index: 10056 !important;
}
/* Content do modal Movimentação */
/* line 64, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#movementModal .modal-content {
z-index: 10057 !important;
}
/* line 69, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
body.modal-open:has(#addInventoryModal.show) .modal-backdrop.show,
body.modal-open:has(#addInventoryModal.show) .modal-backdrop,
body:has(#addInventoryModal.show) .modal-backdrop.show,
body:has(#addInventoryModal.show) .modal-backdrop,
body.modal-open #addInventoryModal.show ~ .modal-backdrop.show,
body.modal-open #addInventoryModal.show ~ .modal-backdrop,
body #addInventoryModal.show ~ .modal-backdrop.show,
body #addInventoryModal.show ~ .modal-backdrop,
body.modal-open:has(#movementModal.show) .modal-backdrop.show,
body.modal-open:has(#movementModal.show) .modal-backdrop,
body:has(#movementModal.show) .modal-backdrop.show,
body:has(#movementModal.show) .modal-backdrop,
body.modal-open #movementModal.show ~ .modal-backdrop.show,
body.modal-open #movementModal.show ~ .modal-backdrop,
body #movementModal.show ~ .modal-backdrop.show,
body #movementModal.show ~ .modal-backdrop {
z-index: 10054 !important;
position: fixed !important;
}
/* line 90, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
body.modal-open:has(#addInventoryModal.show) #sidebar-overlay,
body.modal-open:has(#movementModal.show) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* line 97, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
body.modal-open:has(#addInventoryModal.show) .swal2-container,
body.modal-open:has(#movementModal.show) .swal2-container {
z-index: 10052 !important;
opacity: 0.3 !important;
pointer-events: none !important;
}
/* line 105, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
html body.modal-open:has(#addInventoryModal.show) #addInventoryModal.show,
html body.modal-open:has(#movementModal.show) #movementModal.show {
z-index: 10055 !important;
position: fixed !important;
}
/* line 111, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
html body.modal-open:has(#addInventoryModal.show) .modal-backdrop,
html body.modal-open:has(#movementModal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* line 117, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
.tab-content #addInventoryModal,
.tab-content #movementModal {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
/* Header dos modais com cores temáticas */
/* line 132, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-header.bg-primary,
#movementModal .modal-header.bg-info {
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
/* line 136, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-header.bg-primary .modal-title,
#movementModal .modal-header.bg-info .modal-title {
font-weight: 600;
font-size: 1.1rem;
}
/* line 140, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-header.bg-primary .modal-title i,
#movementModal .modal-header.bg-info .modal-title i {
font-size: 1.2rem;
}
/* line 145, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-header.bg-primary .close,
#movementModal .modal-header.bg-info .close {
opacity: 0.9;
font-size: 1.5rem;
font-weight: 300;
line-height: 1;
}
/* line 151, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-header.bg-primary .close:hover,
#movementModal .modal-header.bg-info .close:hover {
opacity: 1;
}
/* Body dos modais */
/* line 158, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body,
#movementModal .modal-body {
padding: 1.5rem;
}
/* line 162, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-group,
#movementModal .modal-body .form-group {
margin-bottom: 1.25rem;
}
/* line 165, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-group:last-child,
#movementModal .modal-body .form-group:last-child {
margin-bottom: 0;
}
/* line 170, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-label,
#movementModal .modal-body .form-label {
font-size: 0.9rem;
margin-bottom: 0.5rem;
}
/* line 174, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-label i,
#movementModal .modal-body .form-label i {
font-size: 0.95rem;
}
/* line 178, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-label .text-danger,
#movementModal .modal-body .form-label .text-danger {
font-weight: 600;
}
/* line 183, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-control,
#movementModal .modal-body .form-control {
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* line 187, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-control:focus,
#movementModal .modal-body .form-control:focus {
border-color: #80bdff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* line 194, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .input-group .input-group-text,
#movementModal .modal-body .input-group .input-group-text {
border-color: #ced4da;
background-color: #f8f9fa;
}
/* line 200, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-text,
#movementModal .modal-body .form-text {
font-size: 0.85rem;
margin-top: 0.25rem;
}
/* line 204, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body .form-text i,
#movementModal .modal-body .form-text i {
font-size: 0.8rem;
}
/* Footer dos modais */
/* line 211, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-footer,
#movementModal .modal-footer {
border-top: 1px solid #dee2e6;
padding: 1rem 1.5rem;
}
/* line 216, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-footer .btn,
#movementModal .modal-footer .btn {
font-weight: 500;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
transition: all 0.15s ease-in-out;
}
/* line 222, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-footer .btn i,
#movementModal .modal-footer .btn i {
font-size: 0.9rem;
}
/* line 226, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-footer .btn:hover,
#movementModal .modal-footer .btn:hover {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Melhorias visuais gerais */
/* line 234, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-content,
#movementModal .modal-content {
border: none;
border-radius: 0.5rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* line 241, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-dialog,
#movementModal .modal-dialog {
margin: 1.75rem auto;
}
/* line 245, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-dialog.modal-dialog-centered,
#movementModal .modal-dialog.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 3.5rem);
}
/* Responsividade */
@media (max-width: 576px) {
/* line 254, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-dialog,
#movementModal .modal-dialog {
margin: 0.5rem;
max-width: calc(100% - 1rem);
}
/* line 260, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-body,
#movementModal .modal-body {
padding: 1rem;
}
/* line 265, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-footer,
#movementModal .modal-footer {
padding: 0.75rem 1rem;
flex-direction: column;
}
/* line 270, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-footer .btn,
#movementModal .modal-footer .btn {
width: 100%;
margin-bottom: 0.5rem;
}
/* line 274, app/assets/stylesheets/components/_equipment_inventory_modals.scss */
#addInventoryModal .modal-footer .btn:last-child,
#movementModal .modal-footer .btn:last-child {
margin-bottom: 0;
}
}
/* line 38, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar {
--sr-priority-urgent-bg: #FCEBEB;
--sr-priority-urgent-border: #E24B4A;
--sr-priority-urgent-title: #501313;
--sr-priority-urgent-subtitle: #A32D2D;
--sr-priority-high-bg: #FAEEDA;
--sr-priority-high-border: #EF9F27;
--sr-priority-high-title: #412402;
--sr-priority-high-subtitle: #854F0B;
--sr-priority-medium-bg: #E6F1FB;
--sr-priority-medium-border: #378ADD;
--sr-priority-medium-title: #042C53;
--sr-priority-medium-subtitle: #185FA5;
--sr-priority-low-bg: #F1EFE8;
--sr-priority-low-border: #888780;
--sr-priority-low-title: #2C2C2A;
--sr-priority-low-subtitle: #5F5E5A;
--sr-state-ms-bg: #E1F5EE;
--sr-state-ms-text: #04342C;
--sr-state-ms-secondary: #0F6E56;
--sr-state-mt-bg: #EEEDFE;
--sr-state-mt-text: #26215C;
--sr-state-mt-secondary: #534AB7;
--sr-state-fallback-1-bg: #FDF3E7;
--sr-state-fallback-1-text: #4A3008;
--sr-state-fallback-1-secondary: #9C6B12;
--sr-state-fallback-2-bg: #FCEEF3;
--sr-state-fallback-2-text: #4A1029;
--sr-state-fallback-2-secondary: #A23F63;
--sr-state-fallback-3-bg: #E8F4FC;
--sr-state-fallback-3-text: #0B3355;
--sr-state-fallback-3-secondary: #2874A6;
--sr-state-fallback-4-bg: #EFF7E4;
--sr-state-fallback-4-text: #23350C;
--sr-state-fallback-4-secondary: #5B7A26;
--sr-state-fallback-5-bg: #F1EDFB;
--sr-state-fallback-5-text: #2E1F52;
--sr-state-fallback-5-secondary: #6B4FA0;
--sr-state-fallback-6-bg: #FDECE4;
--sr-state-fallback-6-text: #47230F;
--sr-state-fallback-6-secondary: #9C4A25;
--sr-page-surface: #FAFAF8;
--sr-cell-bg: #FFFFFF;
--sr-border-hairline: #E5E4DF;
}
/* line 89, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar {
background: var(--sr-page-surface);
}
/* line 93, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 1rem;
}
/* line 102, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-nav {
display: flex;
align-items: center;
gap: 0.5rem;
}
/* line 108, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-nav-label {
font-size: 0.95rem;
font-weight: 600;
color: #2C2C2A;
min-width: 11rem;
text-align: center;
}
/* line 117, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-date-input {
width: auto;
height: 30px;
}
/* line 122, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-view-toggle {
display: inline-flex;
border: 0.5px solid var(--sr-border-hairline);
border-radius: 8px;
overflow: hidden;
}
/* line 129, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-view-toggle button {
border: none;
background: #FFFFFF;
padding: 0.375rem 0.875rem;
font-size: 0.8125rem;
color: #5F5E5A;
cursor: pointer;
}
/* line 137, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-view-toggle button.active {
background: #2C2C2A;
color: #FFFFFF;
}
/* line 142, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-view-toggle button:not(:last-child) {
border-right: 0.5px solid var(--sr-border-hairline);
}
/* line 148, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-filters {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0.75rem;
margin-bottom: 1rem;
}
/* line 156, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-filter-group {
display: flex;
flex-direction: column;
min-width: 10rem;
}
/* line 161, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-filter-group select {
height: 34px;
}
/* line 166, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-state-chips {
display: flex;
flex-wrap: wrap;
gap: 0.375rem;
}
/* line 172, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-state-chip {
border: 0.5px solid var(--sr-border-hairline);
border-radius: 999px;
padding: 0.25rem 0.75rem;
font-size: 0.75rem;
font-weight: 500;
background: #FFFFFF;
color: #5F5E5A;
cursor: pointer;
}
/* line 182, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-app-state-chip.active {
background: #2C2C2A;
color: #FFFFFF;
border-color: #2C2C2A;
}
/* line 194, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid {
display: grid;
grid-template-columns: 64px repeat(var(--sr-day-count, 5), minmax(0, 1fr));
background: var(--sr-border-hairline);
gap: 1px;
border: 0.5px solid var(--sr-border-hairline);
border-radius: 12px;
overflow: hidden;
}
/* line 204, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid-header,
.erp-calendar .sr-week-grid-row {
display: contents;
}
/* line 209, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid-header-cell,
.erp-calendar .sr-grid-cell,
.erp-calendar .sr-state-label {
background: var(--sr-cell-bg);
}
/* line 215, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid-header-cell {
padding: 0.5rem;
text-align: center;
font-size: 0.75rem;
font-weight: 600;
color: #5F5E5A;
}
/* line 222, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid-header-cell.sr-week-grid-corner {
background: var(--sr-page-surface);
}
/* line 226, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid-header-cell.sr-day-today {
color: #2C2C2A;
}
/* line 229, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid-header-cell.sr-day-today .sr-day-date {
color: inherit;
}
/* line 235, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-name {
display: block;
text-transform: none;
}
/* line 240, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-date {
display: block;
font-size: 0.6875rem;
color: #888780;
}
/* line 247, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label {
writing-mode: horizontal-tb;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.125rem;
padding: 0.5rem 0.25rem;
font-size: 0.75rem;
font-weight: 700;
text-align: center;
cursor: pointer;
border: none;
width: 100%;
}
/* line 262, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label .sr-state-count {
font-size: 0.625rem;
font-weight: 500;
}
/* line 267, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-ms {
background: var(--sr-state-ms-bg);
color: var(--sr-state-ms-text);
}
/* line 271, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-ms .sr-state-count {
color: var(--sr-state-ms-secondary);
}
/* line 274, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-mt {
background: var(--sr-state-mt-bg);
color: var(--sr-state-mt-text);
}
/* line 278, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-mt .sr-state-count {
color: var(--sr-state-mt-secondary);
}
/* line 282, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-1 {
background: var(--sr-state-fallback-1-bg);
color: var(--sr-state-fallback-1-text);
}
/* line 286, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-1 .sr-state-count {
color: var(--sr-state-fallback-1-secondary);
}
/* line 282, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-2 {
background: var(--sr-state-fallback-2-bg);
color: var(--sr-state-fallback-2-text);
}
/* line 286, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-2 .sr-state-count {
color: var(--sr-state-fallback-2-secondary);
}
/* line 282, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-3 {
background: var(--sr-state-fallback-3-bg);
color: var(--sr-state-fallback-3-text);
}
/* line 286, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-3 .sr-state-count {
color: var(--sr-state-fallback-3-secondary);
}
/* line 282, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-4 {
background: var(--sr-state-fallback-4-bg);
color: var(--sr-state-fallback-4-text);
}
/* line 286, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-4 .sr-state-count {
color: var(--sr-state-fallback-4-secondary);
}
/* line 282, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-5 {
background: var(--sr-state-fallback-5-bg);
color: var(--sr-state-fallback-5-text);
}
/* line 286, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-5 .sr-state-count {
color: var(--sr-state-fallback-5-secondary);
}
/* line 282, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-6 {
background: var(--sr-state-fallback-6-bg);
color: var(--sr-state-fallback-6-text);
}
/* line 286, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.sr-state-fallback-6 .sr-state-count {
color: var(--sr-state-fallback-6-secondary);
}
/* line 294, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-state-label.is-static {
cursor: default;
}
/* line 300, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-grid-cell {
min-height: 92px;
padding: 4px;
display: flex;
flex-direction: column;
}
/* line 307, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-grid-cell-collapsed {
grid-column: 2 / -1;
align-items: center;
justify-content: center;
color: #888780;
font-size: 0.75rem;
}
/* line 315, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-cell-add-btn {
background: none;
border: none;
padding: 2px 4px;
margin-top: auto;
font-size: 0.6875rem;
color: #888780;
text-align: left;
cursor: pointer;
opacity: 0;
}
/* line 326, app/assets/stylesheets/components/_erp_calendar.scss */
.sr-grid-cell:hover .erp-calendar .sr-cell-add-btn, .sr-grid-cell:focus-within .erp-calendar .sr-cell-add-btn {
opacity: 1;
}
/* line 331, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-cell-add-btn:focus-visible {
opacity: 1;
outline: 2px solid #378ADD;
outline-offset: 1px;
}
/* line 337, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-cell-add-btn:hover {
text-decoration: underline;
}
/* line 342, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-grid-cell-more {
background: none;
border: none;
padding: 2px 4px;
font-size: 0.6875rem;
color: #5F5E5A;
text-align: left;
cursor: pointer;
}
/* line 351, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-grid-cell-more:hover {
text-decoration: underline;
}
/* line 356, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-list-empty {
width: 100%;
padding: 8px;
}
/* line 362, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card {
border-radius: 0;
border-left: 3px solid transparent;
padding: 6px 8px;
margin-bottom: 5px;
cursor: pointer;
display: block;
width: 100%;
text-align: left;
border-top: none;
border-right: none;
border-bottom: none;
}
/* line 375, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card:focus-visible {
outline: 2px solid #042C53;
outline-offset: 1px;
}
/* line 380, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card .sr-event-title {
font-size: 12px;
font-weight: 500;
display: flex;
align-items: center;
gap: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 391, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card .sr-event-subtitle {
font-size: 11px;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 399, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card .sr-event-priority-icon {
flex: none;
}
/* line 404, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-urgent {
background: var(--sr-priority-urgent-bg);
border-left-color: var(--sr-priority-urgent-border);
}
/* line 408, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-urgent .sr-event-title {
color: var(--sr-priority-urgent-title);
}
/* line 409, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-urgent .sr-event-subtitle {
color: var(--sr-priority-urgent-subtitle);
}
/* line 404, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-high {
background: var(--sr-priority-high-bg);
border-left-color: var(--sr-priority-high-border);
}
/* line 408, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-high .sr-event-title {
color: var(--sr-priority-high-title);
}
/* line 409, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-high .sr-event-subtitle {
color: var(--sr-priority-high-subtitle);
}
/* line 404, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-medium {
background: var(--sr-priority-medium-bg);
border-left-color: var(--sr-priority-medium-border);
}
/* line 408, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-medium .sr-event-title {
color: var(--sr-priority-medium-title);
}
/* line 409, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-medium .sr-event-subtitle {
color: var(--sr-priority-medium-subtitle);
}
/* line 404, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-low {
background: var(--sr-priority-low-bg);
border-left-color: var(--sr-priority-low-border);
}
/* line 408, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-low .sr-event-title {
color: var(--sr-priority-low-title);
}
/* line 409, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.sr-priority-low .sr-event-subtitle {
color: var(--sr-priority-low-subtitle);
}
/* line 427, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-good {
background: var(--erp-ui-good-soft);
border-left-color: var(--erp-ui-good);
}
/* line 431, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-good .sr-event-title,
.erp-calendar .sr-event-card.cal-tone-good .sr-event-subtitle {
color: var(--erp-ui-ink);
}
/* line 427, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-warning {
background: var(--erp-ui-warning-soft);
border-left-color: var(--erp-ui-warning-text);
}
/* line 431, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-warning .sr-event-title,
.erp-calendar .sr-event-card.cal-tone-warning .sr-event-subtitle {
color: var(--erp-ui-ink);
}
/* line 427, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-info {
background: var(--erp-ui-accent-soft);
border-left-color: var(--erp-ui-accent);
}
/* line 431, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-info .sr-event-title,
.erp-calendar .sr-event-card.cal-tone-info .sr-event-subtitle {
color: var(--erp-ui-ink);
}
/* line 427, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-critical {
background: var(--erp-ui-critical-soft);
border-left-color: var(--erp-ui-critical);
}
/* line 431, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-critical .sr-event-title,
.erp-calendar .sr-event-card.cal-tone-critical .sr-event-subtitle {
color: var(--erp-ui-ink);
}
/* line 427, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-neutral {
background: var(--erp-ui-surface-2);
border-left-color: var(--erp-ui-ink-2);
}
/* line 431, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.cal-tone-neutral .sr-event-title,
.erp-calendar .sr-event-card.cal-tone-neutral .sr-event-subtitle {
color: var(--erp-ui-ink);
}
/* line 440, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-card.is-dragging {
opacity: .45;
}
/* line 444, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-grid-cell.is-drag-over {
outline: 2px dashed var(--erp-ui-accent);
outline-offset: -2px;
background: var(--sr-page-surface);
}
/* line 456, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .erp-icon {
width: 16px;
height: 16px;
display: block;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
/* line 468, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: 1rem;
font-size: 0.8125rem;
}
/* line 476, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-item {
display: inline-flex;
align-items: center;
gap: 0.375rem;
color: #5F5E5A;
}
/* line 483, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch {
display: inline-block;
width: 0.75rem;
height: 0.75rem;
border-left: 3px solid;
}
/* line 490, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.sr-priority-urgent {
background: var(--sr-priority-urgent-bg);
border-left-color: var(--sr-priority-urgent-border);
}
/* line 490, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.sr-priority-high {
background: var(--sr-priority-high-bg);
border-left-color: var(--sr-priority-high-border);
}
/* line 490, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.sr-priority-medium {
background: var(--sr-priority-medium-bg);
border-left-color: var(--sr-priority-medium-border);
}
/* line 490, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.sr-priority-low {
background: var(--sr-priority-low-bg);
border-left-color: var(--sr-priority-low-border);
}
/* line 504, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.cal-tone-good {
background: var(--erp-ui-good-soft);
border-left-color: var(--erp-ui-good);
}
/* line 504, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.cal-tone-warning {
background: var(--erp-ui-warning-soft);
border-left-color: var(--erp-ui-warning-text);
}
/* line 504, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.cal-tone-info {
background: var(--erp-ui-accent-soft);
border-left-color: var(--erp-ui-accent);
}
/* line 504, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.cal-tone-critical {
background: var(--erp-ui-critical-soft);
border-left-color: var(--erp-ui-critical);
}
/* line 504, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-legend-swatch.cal-tone-neutral {
background: var(--erp-ui-surface-2);
border-left-color: var(--erp-ui-ink-2);
}
/* line 512, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
/* line 518, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-list-group {
background: var(--sr-cell-bg);
border: 0.5px solid var(--sr-border-hairline);
border-radius: 12px;
overflow: hidden;
}
/* line 525, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-list-header {
padding: 0.5rem 0.75rem;
font-size: 0.8125rem;
font-weight: 600;
color: #2C2C2A;
background: var(--sr-page-surface);
border-bottom: 0.5px solid var(--sr-border-hairline);
}
/* line 534, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-list-body {
padding: 6px 8px;
}
/* line 538, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip {
display: inline-block;
font-size: 0.625rem;
font-weight: 700;
padding: 0 0.375rem;
border-radius: 999px;
margin-left: 0.375rem;
}
/* line 546, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-ms {
background: var(--sr-state-ms-bg);
color: var(--sr-state-ms-text);
}
/* line 547, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-mt {
background: var(--sr-state-mt-bg);
color: var(--sr-state-mt-text);
}
/* line 550, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-fallback-1 {
background: var(--sr-state-fallback-1-bg);
color: var(--sr-state-fallback-1-text);
}
/* line 550, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-fallback-2 {
background: var(--sr-state-fallback-2-bg);
color: var(--sr-state-fallback-2-text);
}
/* line 550, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-fallback-3 {
background: var(--sr-state-fallback-3-bg);
color: var(--sr-state-fallback-3-text);
}
/* line 550, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-fallback-4 {
background: var(--sr-state-fallback-4-bg);
color: var(--sr-state-fallback-4-text);
}
/* line 550, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-fallback-5 {
background: var(--sr-state-fallback-5-bg);
color: var(--sr-state-fallback-5-text);
}
/* line 550, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-event-state-chip.sr-state-fallback-6 {
background: var(--sr-state-fallback-6-bg);
color: var(--sr-state-fallback-6-text);
}
/* line 563, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-notime {
display: none;
background: var(--sr-cell-bg);
border: 0.5px solid var(--sr-border-hairline);
border-radius: 12px;
margin-bottom: 0.75rem;
overflow: hidden;
}
/* line 571, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-notime.has-events {
display: block;
}
/* line 574, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-notime-title {
padding: 0.5rem 0.75rem;
font-size: 0.8125rem;
font-weight: 600;
color: #2C2C2A;
background: var(--sr-page-surface);
border-bottom: 0.5px solid var(--sr-border-hairline);
margin: 0;
}
/* line 584, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-notime-body {
padding: 6px 8px;
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 591, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-timeline {
display: none;
border: 0.5px solid var(--sr-border-hairline);
border-radius: 12px;
overflow: hidden;
background: var(--sr-cell-bg);
}
/* line 599, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-timeline-row {
display: flex;
border-bottom: 0.5px solid var(--sr-border-hairline);
}
/* line 603, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-timeline-row:last-child {
border-bottom: none;
}
/* line 606, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-timeline-hour {
flex: 0 0 64px;
padding: 8px;
font-size: 0.75rem;
font-weight: 600;
color: #5F5E5A;
text-align: right;
background: var(--sr-page-surface);
border-right: 0.5px solid var(--sr-border-hairline);
}
/* line 617, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-timeline-cell {
flex: 1 1 auto;
min-width: 0;
padding: 4px;
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 625, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-timeline-cell.is-drag-over {
outline: 2px dashed var(--erp-ui-accent);
outline-offset: -2px;
background: var(--sr-page-surface);
}
/* line 634, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-week-grid {
display: none;
}
/* line 635, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar .sr-day-list {
display: none;
}
/* line 638, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar.sr-view-day .sr-day-timeline {
display: block;
}
/* line 641, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar.sr-view-month .sr-day-list, .erp-calendar.sr-view-week .sr-day-list {
display: flex;
}
@media (min-width: 901px) {
/* line 648, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar.sr-view-week .sr-week-grid {
display: grid;
}
/* line 649, app/assets/stylesheets/components/_erp_calendar.scss */
.erp-calendar.sr-view-week .sr-day-list {
display: none;
}
}
/* line 2, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal {
background: var(--erp-ui-surface);
border-radius: var(--erp-ui-radius);
border: 1px solid var(--erp-ui-hairline-strong);
font-family: inherit;
padding: 0 0 18px;
width: 30em;
}
/* line 10, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-title {
font-size: 16px;
font-weight: 700;
color: var(--erp-ui-ink);
text-align: left;
padding: 16px 20px 0;
margin: 0;
}
/* line 18, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-html-container {
font-size: 13.5px;
color: var(--erp-ui-ink-2);
text-align: left;
margin: 6px 0 0;
padding: 0 20px;
line-height: 1.55;
}
/* line 26, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-icon {
display: none;
}
/* line 31, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal.has-icon .swal2-icon {
display: flex;
font-size: 6.8px;
width: 5em;
height: 5em;
margin: 16px 0 -4px 20px;
border-width: 2px;
}
/* line 39, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal.has-icon .swal2-icon .swal2-icon-content {
font-size: 20px;
}
/* line 41, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-actions {
justify-content: flex-end;
padding: 0 20px;
margin: 18px 0 0;
gap: 8px;
width: 100%;
}
/* line 48, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-styled {
border-radius: 6px;
font-size: 13px;
font-weight: 600;
padding: 8px 16px;
margin: 0;
box-shadow: none;
}
/* line 56, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-confirm {
background: var(--erp-ui-accent);
}
/* line 57, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal.danger .swal2-confirm {
background: var(--erp-ui-critical);
}
/* line 58, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-cancel {
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
border: 1px solid var(--erp-ui-hairline-strong);
}
/* line 63, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-input, .swal2-popup.erp-swal .swal2-textarea, .swal2-popup.erp-swal .swal2-select {
font-size: 13.5px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
box-shadow: none;
margin: 10px 20px 0;
width: calc(100% - 40px);
}
/* line 71, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-validation-message {
font-size: 12.5px;
border-radius: 6px;
margin: 10px 20px 0;
width: calc(100% - 40px);
}
/* line 4, app/assets/stylesheets/components/_login.scss */
.login-page .btn-primary {
background-color: var(--erp-primary);
border-color: var(--erp-primary);
}
/* line 8, app/assets/stylesheets/components/_login.scss */
.login-page .btn-primary:hover, .login-page .btn-primary:focus {
background-color: var(--erp-primary-light);
border-color: var(--erp-primary-light);
}
/* line 14, app/assets/stylesheets/components/_login.scss */
.login-page .btn-primary:active, .login-page .btn-primary:not(:disabled):not(.disabled):active {
background-color: var(--erp-primary-dark) !important;
border-color: var(--erp-primary-dark) !important;
}
/* line 22, app/assets/stylesheets/components/_login.scss */
.login-page .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, .login-page .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before {
border-color: var(--erp-primary);
}
/* line 27, app/assets/stylesheets/components/_login.scss */
.login-page .icheck-primary > input:first-child:checked + label::before {
background-color: var(--erp-primary);
border-color: var(--erp-primary);
}
/* line 6, app/assets/stylesheets/components/_prebilling_email_modal.scss */
#prebilling-email-modal {
z-index: 10055 !important;
}
/* line 10, app/assets/stylesheets/components/_prebilling_email_modal.scss */
#prebilling-email-modal.show {
z-index: 10055 !important;
display: block !important;
}
/* line 15, app/assets/stylesheets/components/_prebilling_email_modal.scss */
#prebilling-email-modal .modal-dialog {
z-index: 10056 !important;
}
/* line 19, app/assets/stylesheets/components/_prebilling_email_modal.scss */
#prebilling-email-modal .modal-content {
z-index: 10057 !important;
}
/* line 24, app/assets/stylesheets/components/_prebilling_email_modal.scss */
body.modal-open:has(#prebilling-email-modal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* line 29, app/assets/stylesheets/components/_prebilling_email_modal.scss */
body.modal-open:has(#prebilling-email-modal.show) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* line 35, app/assets/stylesheets/components/_prebilling_email_modal.scss */
.swal2-container {
z-index: 10053 !important;
}
/* line 38, app/assets/stylesheets/components/_prebilling_email_modal.scss */
.swal2-container.swal2-backdrop-show {
z-index: 10053 !important;
}
/* line 44, app/assets/stylesheets/components/_prebilling_email_modal.scss */
body.modal-open:has(#prebilling-email-modal.show) .swal2-container {
z-index: 10052 !important;
opacity: 0.3 !important;
pointer-events: none !important;
}
/* line 51, app/assets/stylesheets/components/_prebilling_email_modal.scss */
html body.modal-open:has(#prebilling-email-modal.show) #prebilling-email-modal.show {
z-index: 10055 !important;
position: fixed !important;
}
/* line 56, app/assets/stylesheets/components/_prebilling_email_modal.scss */
html body.modal-open:has(#prebilling-email-modal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* line 5, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.tooltip.show {
opacity: 1;
}
/* line 9, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.tooltip .tooltip-inner {
max-width: 300px;
text-align: left;
padding: 10px 15px;
}
/* line 14, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.tooltip .tooltip-inner strong {
display: block;
margin-bottom: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 5px;
}
/* line 21, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.tooltip .tooltip-inner i.fas {
width: 16px;
text-align: center;
margin-right: 5px;
}
/* line 30, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.rental-prebilling-email-icon {
cursor: help;
transition: all 0.2s ease;
}
/* line 34, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.rental-prebilling-email-icon:hover {
transform: scale(1.1);
}
/* line 38, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.rental-prebilling-email-icon i {
font-size: 0.9rem;
}
/* line 46, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper {
position: relative;
display: inline-block;
}
/* line 50, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper .billing-status-popover {
visibility: hidden;
opacity: 0;
pointer-events: none;
position: absolute;
top: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
z-index: 10001;
min-width: 320px;
max-width: 400px;
background: #fff;
border-radius: 12px;
border: 1px solid #007bff;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25);
overflow: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
transform: translateX(-50%) translateY(-5px);
}
/* line 70, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper .billing-status-popover::after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border: 8px solid transparent;
border-bottom-color: #fff;
}
/* line 80, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper .billing-status-popover::before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-bottom-color: #007bff;
}
/* line 91, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper:hover {
z-index: 10002;
}
/* line 94, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper:hover .billing-status-popover {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
/* line 104, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper-right .billing-status-popover {
left: auto;
right: 0;
transform: translateX(0) translateY(-5px);
}
/* line 109, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper-right .billing-status-popover::after {
left: auto;
right: 18px;
transform: none;
}
/* line 115, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper-right .billing-status-popover::before {
left: auto;
right: 16px;
transform: none;
}
/* line 123, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-status-wrapper-right:hover .billing-status-popover {
transform: translateX(0) translateY(0);
}
/* line 130, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.table-responsive.erp-table-popover-fix {
overflow: visible !important;
position: relative;
z-index: 10;
}
/* line 136, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-header {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 15px;
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
color: #fff;
font-weight: 600;
font-size: 0.95rem;
}
/* line 146, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-header i {
font-size: 1.2rem;
opacity: 0.9;
}
/* line 152, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-body {
padding: 12px 15px;
max-height: 350px;
overflow-y: auto;
}
/* line 158, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-body::-webkit-scrollbar {
width: 6px;
}
/* line 162, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-body::-webkit-scrollbar-thumb {
background: #cbd5e0;
border-radius: 10px;
}
/* line 167, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-body::-webkit-scrollbar-track {
background: #f7fafc;
}
/* line 172, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-section-title {
font-weight: 700;
color: #6c757d;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 6px;
padding-bottom: 4px;
border-bottom: 1px solid #e9ecef;
}
/* line 182, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-section-title:not(:first-child) {
margin-top: 10px;
}
/* line 187, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0;
font-size: 0.85rem;
}
/* line 194, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-item .billing-popover-item-name {
color: #495057;
}
/* line 197, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-item .billing-popover-item-name i {
color: #007bff;
margin-right: 6px;
width: 14px;
text-align: center;
}
/* line 205, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-item .billing-popover-item-value {
color: #212529;
font-weight: 600;
white-space: nowrap;
}
/* line 212, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-note {
padding: 8px 10px;
border: 1px solid #e9ecef;
border-radius: 8px;
background: #f8f9fa;
color: #212529;
font-size: 0.85rem;
line-height: 1.45;
white-space: normal;
}
/* line 223, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-total {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding-top: 10px;
border-top: 2px solid #007bff;
font-weight: 700;
font-size: 0.95rem;
}
/* line 233, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-total span:first-child {
color: #2c3e50;
}
/* line 237, app/assets/stylesheets/components/_prebilling_tooltips.scss */
.billing-popover-total span:last-child {
color: #28a745;
font-size: 1.05rem;
}
/* line 10, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign {
--pw-link: var(--erp-ui-accent);
--pw-mark: var(--erp-ui-accent);
}
/* line 11, app/assets/stylesheets/components/_pwa_v2.scss */
html[data-theme="dark"] body.pwa-redesign {
--pw-link: var(--erp-ui-accent-marker);
--pw-mark: var(--erp-ui-accent-marker);
}
/* line 16, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign > svg[width="0"] {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
/* line 19, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-header {
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
padding: calc(8px + env(safe-area-inset-top, 0px)) 8px 8px 8px;
min-height: calc(60px + env(safe-area-inset-top, 0px));
border-bottom: 0;
box-shadow: none;
}
/* line 27, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd {
display: flex;
align-items: center;
gap: 4px;
width: 100%;
min-height: 44px;
}
/* line 28, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-main {
flex: 1;
min-width: 0;
padding-left: 8px;
}
/* line 29, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-main h1 {
font-size: 19px;
font-weight: 700;
margin: 0;
line-height: 1.2;
color: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 30, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-sub {
display: block;
font-size: 12px;
color: var(--erp-ui-accent-soft);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 31, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-brand {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
padding-left: 8px;
}
/* line 32, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-logo {
width: 36px;
height: 36px;
border-radius: 8px;
flex: none;
display: block;
}
/* line 33, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ib {
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: inherit;
text-decoration: none;
position: relative;
flex: none;
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
}
/* line 37, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ib:hover, body.pwa-redesign .pw-ib:focus {
color: inherit;
background: rgba(255, 255, 255, 0.12);
}
/* line 38, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ib:focus-visible {
outline: 2px solid var(--erp-ui-accent-ink);
outline-offset: -2px;
}
/* line 40, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-action {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 44px;
padding: 0 12px;
border-radius: 8px;
background: var(--erp-ui-surface);
color: var(--pw-link);
font-weight: 700;
font-size: 15px;
text-decoration: none;
flex: none;
}
/* line 43, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-action:hover {
color: var(--erp-ui-accent-hover);
}
/* line 47, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-form {
margin: 0;
display: flex;
flex: none;
}
/* line 48, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-text {
background: transparent;
border: 0;
color: var(--erp-ui-accent-ink);
font: inherit;
font-size: 14px;
font-weight: 600;
min-height: 44px;
padding: 0 10px;
border-radius: 6px;
cursor: pointer;
text-decoration: none;
}
/* line 51, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-text:hover, body.pwa-redesign .pw-hd-text:focus {
color: var(--erp-ui-accent-ink);
background: rgba(255, 255, 255, 0.12);
}
/* line 52, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd-text:focus-visible {
outline: 2px solid var(--erp-ui-accent-ink);
outline-offset: -2px;
}
/* line 54, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-badge {
position: absolute;
top: 6px;
right: 5px;
min-width: 18px;
height: 18px;
border-radius: 9999px;
background: var(--erp-ui-critical);
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
box-sizing: border-box;
border: 2px solid var(--erp-ui-accent);
}
/* line 62, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-connection {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
font-size: 13px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 65, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-connection a {
margin-left: auto;
font-weight: 600;
text-decoration: none;
color: var(--pw-link);
}
/* line 67, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-dot {
width: 8px;
height: 8px;
border-radius: 9999px;
background: var(--erp-ui-good);
flex: none;
}
/* line 68, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-connection.is-pending .pw-sync-dot {
background: var(--erp-ui-warning);
}
/* line 69, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-connection.is-offline .pw-sync-dot {
background: var(--erp-ui-critical);
}
/* line 70, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-connection.is-attention .pw-sync-dot {
background: var(--erp-ui-critical);
}
/* line 72, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-card .pw-title {
overflow-wrap: anywhere;
}
/* line 73, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-card .pw-sec-row {
align-items: flex-start;
}
/* line 74, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb.is-local {
position: relative;
}
/* line 75, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb-state {
position: absolute;
left: 4px;
right: 4px;
bottom: 4px;
border-radius: 4px;
padding: 2px 4px;
font-size: 11px;
font-weight: 700;
text-align: center;
background: rgba(26, 32, 40, 0.78);
color: #fff;
line-height: 1.3;
}
/* line 79, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb.is-local[data-state="sent"] .pw-thumb-state {
background: var(--erp-ui-good);
}
/* line 80, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb.is-local[data-state="attention"] .pw-thumb-state {
background: var(--erp-ui-critical);
}
/* line 81, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-preview {
width: 96px;
height: 96px;
object-fit: cover;
border-radius: 6px;
}
/* line 82, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-more > summary {
list-style: none;
cursor: pointer;
width: max-content;
}
/* line 83, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-more > summary::-webkit-details-marker {
display: none;
}
/* line 84, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-more[open] > summary {
margin-bottom: 8px;
}
/* line 85, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sync-confirm {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 88, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-page {
display: flex;
flex-direction: column;
gap: 16px;
}
/* line 89, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-stack {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 90, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sec {
font-size: 16px;
font-weight: 700;
margin: 0;
color: var(--erp-ui-ink);
}
/* line 91, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sec-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
/* line 92, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sec-row a {
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: var(--pw-link);
}
/* line 93, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-group {
font-size: 12px;
font-weight: 700;
color: var(--erp-ui-ink-2);
text-transform: uppercase;
letter-spacing: .05em;
margin: 6px 0 0;
}
/* line 94, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-label {
font-size: 12px;
font-weight: 700;
color: var(--erp-ui-ink-2);
text-transform: uppercase;
letter-spacing: .05em;
}
/* line 95, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-muted {
color: var(--erp-ui-ink-2);
font-size: 13px;
}
/* line 96, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-title {
font-weight: 700;
font-size: 15px;
margin: 0;
color: var(--erp-ui-ink);
}
/* line 97, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-title-lg {
font-weight: 700;
font-size: 19px;
margin: 0;
line-height: 1.25;
color: var(--erp-ui-ink);
}
/* line 98, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-title-md {
font-weight: 600;
font-size: 16px;
margin: 0;
color: var(--erp-ui-ink);
}
/* line 99, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-strong {
font-weight: 600;
}
/* line 100, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-q {
font-size: 24px;
font-weight: 700;
margin: 0;
line-height: 1.2;
color: var(--erp-ui-ink);
}
/* line 101, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-row {
display: flex;
align-items: center;
gap: 10px;
}
/* line 103, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
padding: 14px;
display: flex;
flex-direction: column;
gap: 10px;
color: var(--erp-ui-ink);
}
/* line 107, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign a.pw-card {
text-decoration: none;
}
/* line 108, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign a.pw-card:hover {
color: var(--erp-ui-ink);
border-color: var(--erp-ui-hairline-strong);
}
/* line 109, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-now {
border-color: var(--pw-mark);
box-shadow: inset 0 0 0 1px var(--pw-mark);
}
/* line 110, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-flat {
padding: 0;
gap: 0;
overflow: hidden;
}
/* line 111, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-attention {
background: var(--erp-ui-warning-wash);
border-color: var(--erp-ui-warning);
flex-direction: row;
align-items: center;
gap: 12px;
}
/* line 113, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pill {
display: inline-flex;
align-items: center;
gap: 4px;
height: 24px;
padding: 0 10px;
border-radius: 9999px;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
/* line 116, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pill.good {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 117, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pill.warning {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 118, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pill.critical {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 119, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pill.info {
background: var(--erp-ui-accent-soft);
color: var(--pw-link);
}
/* line 120, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pill.neutral {
background: var(--erp-ui-hairline);
color: var(--erp-ui-ink-2);
}
/* line 122, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
/* line 124, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
border-radius: 8px;
font-weight: 600;
font-size: 15px;
text-decoration: none;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
box-sizing: border-box;
padding: 0 14px;
cursor: pointer;
font-family: inherit;
width: 100%;
}
/* line 129, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn:hover {
color: var(--erp-ui-ink);
background: var(--erp-ui-surface-2);
}
/* line 130, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn.is-primary {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 131, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn.is-primary:hover {
background: var(--erp-ui-accent-hover);
color: var(--erp-ui-accent-ink);
}
/* line 132, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn.is-danger {
color: var(--erp-ui-critical-text);
}
/* line 133, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn:disabled, body.pwa-redesign .pw-btn.is-disabled {
background: var(--erp-ui-hairline);
border-color: var(--erp-ui-hairline);
color: var(--erp-ui-ink-2);
cursor: not-allowed;
pointer-events: none;
}
/* line 135, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
/* line 136, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-three {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
/* line 137, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-span-2 {
grid-column: span 2;
}
/* line 139, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ico {
width: 36px;
height: 36px;
border-radius: 6px;
background: var(--erp-ui-page);
color: var(--pw-link);
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
/* line 142, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ico.warning {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 143, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ico.critical {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 144, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ico.good {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 145, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ico.info {
background: var(--erp-ui-accent-soft);
color: var(--pw-link);
}
/* line 146, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ico.is-sm {
width: 32px;
height: 32px;
}
/* line 150, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg {
display: flex;
background: var(--erp-ui-hairline);
border-radius: 8px;
padding: 4px;
gap: 4px;
}
/* line 152, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg a, body.pwa-redesign .pw-seg button {
flex: 1;
min-height: 40px;
border: 0;
border-radius: 6px;
background: transparent;
font: inherit;
font-size: 15px;
font-weight: 600;
color: var(--erp-ui-ink-2);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 0 4px;
text-align: center;
white-space: nowrap;
font-size: 14px;
}
/* line 157, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg .is-on {
background: var(--erp-ui-surface);
color: var(--pw-link);
box-shadow: 0 1px 2px rgba(26, 32, 40, 0.12);
}
/* line 158, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg.is-four {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* line 159, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg.is-four button, body.pwa-redesign .pw-seg.is-four a {
font-size: 13px;
}
/* line 163, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-tools {
margin: -16px -16px 0;
padding: 12px 16px;
background: var(--erp-ui-surface);
border-bottom: 1px solid var(--erp-ui-hairline);
display: flex;
flex-direction: column;
gap: 10px;
}
/* line 164, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-search {
display: flex;
gap: 8px;
}
/* line 165, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-input {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
min-height: 44px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 8px;
padding: 0 12px;
color: var(--erp-ui-ink-2);
background: var(--erp-ui-surface);
}
/* line 168, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-input input {
border: 0;
outline: 0;
flex: 1;
font: inherit;
font-size: 15px;
color: var(--erp-ui-ink);
background: transparent;
min-width: 0;
}
/* line 170, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-input, body.pwa-redesign .pw-textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 8px;
padding: 10px 12px;
font: inherit;
font-size: 15px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
}
/* line 174, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-input {
min-height: 48px;
}
/* line 175, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-textarea {
min-height: 84px;
resize: vertical;
}
/* line 176, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-label {
font-size: 13px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 177, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-icon-btn {
width: 44px;
height: 44px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 8px;
background: var(--erp-ui-surface);
color: var(--pw-link);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex: none;
}
/* line 183, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-item {
display: flex;
gap: 12px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
padding: 14px;
text-decoration: none;
color: var(--erp-ui-ink);
}
/* line 186, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-item:hover {
color: var(--erp-ui-ink);
border-color: var(--erp-ui-hairline-strong);
}
/* line 187, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-item.is-now {
border-color: var(--pw-mark);
box-shadow: inset 0 0 0 1px var(--pw-mark);
}
/* line 189, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-time {
width: 52px;
flex: none;
}
/* line 190, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-time b {
display: block;
font-size: 19px;
font-variant-numeric: tabular-nums;
color: var(--pw-link);
line-height: 1.1;
}
/* line 191, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-time span {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 192, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-item-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
/* line 193, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-item-body .pw-tags {
margin-top: 6px;
}
/* line 196, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
min-height: 56px;
box-sizing: border-box;
border-top: 1px solid var(--erp-ui-hairline);
text-decoration: none;
color: var(--erp-ui-ink);
}
/* line 199, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln:first-child {
border-top: 0;
}
/* line 200, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln:hover {
color: var(--erp-ui-ink);
background: var(--erp-ui-surface-2);
}
/* line 201, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln.is-read .pw-title {
font-weight: 500;
color: var(--erp-ui-ink-2);
}
/* line 203, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln-main {
flex: 1;
min-width: 0;
}
/* line 204, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln-main strong {
display: block;
font-size: 15px;
font-weight: 600;
}
/* line 205, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln-time {
width: 46px;
flex: none;
font-variant-numeric: tabular-nums;
font-weight: 700;
font-size: 14px;
color: var(--pw-link);
}
/* line 206, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln.is-top {
align-items: flex-start;
padding: 14px;
}
/* line 207, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-block {
display: block;
}
/* line 208, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-when {
margin-top: 4px;
}
/* line 209, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-link-center {
display: block;
text-align: center;
padding: 12px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: var(--pw-link);
}
/* line 210, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ln.is-identity {
min-height: 84px;
}
/* line 211, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-name {
display: block;
font-size: 17px;
font-weight: 700;
}
/* line 212, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-inline-link {
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: var(--pw-link);
padding: 10px 4px;
flex: none;
}
/* line 213, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-text-link {
font-weight: 600;
color: var(--pw-link);
}
/* line 214, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip-btn {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 14px;
border-radius: 9999px;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
color: var(--pw-link);
font: inherit;
font-size: 14px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
flex: none;
}
/* line 220, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pill[hidden], body.pwa-redesign .pw-chip-btn[hidden] {
display: none;
}
/* line 221, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-form-block {
margin: 0;
display: block;
}
/* line 222, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-block-btn {
width: 100%;
}
/* line 223, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-unread {
width: 10px;
height: 10px;
border-radius: 9999px;
background: var(--pw-mark);
flex: none;
}
/* line 226, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-qa a {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
padding: 12px 8px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 84px;
text-decoration: none;
color: var(--erp-ui-ink);
font-size: 13px;
font-weight: 600;
text-align: center;
}
/* line 233, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-bars {
display: flex;
gap: 4px;
}
/* line 234, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-bars span {
flex: 1;
height: 6px;
border-radius: 9999px;
background: var(--erp-ui-hairline);
}
/* line 235, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-bars span.is-on {
background: var(--pw-mark);
}
/* line 238, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-step {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 0;
border-top: 1px solid var(--erp-ui-hairline);
text-decoration: none;
color: var(--erp-ui-ink);
min-height: 48px;
}
/* line 239, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-step:first-of-type {
border-top: 0;
}
/* line 240, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-step:hover {
color: var(--erp-ui-ink);
}
/* line 241, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-mark {
width: 28px;
height: 28px;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
flex: none;
font-size: 13px;
font-weight: 700;
box-sizing: border-box;
}
/* line 244, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-mark.is-done {
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 245, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-mark.is-todo {
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
border: 2px solid var(--erp-ui-hairline-strong);
}
/* line 246, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-mark.is-warn {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 247, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-mark.is-bad {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 248, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-mark.is-good {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 252, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-tabs {
display: flex;
border-bottom: 1px solid var(--erp-ui-hairline-strong);
gap: 4px;
}
/* line 254, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-tabs button, body.pwa-redesign .pw-tabs a {
flex: 1;
min-height: 44px;
border: 0;
background: transparent;
font: inherit;
font-size: 15px;
font-weight: 600;
color: var(--erp-ui-ink-2);
cursor: pointer;
border-bottom: 3px solid transparent;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
/* line 259, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-tabs [aria-selected="true"] {
color: var(--pw-link);
border-bottom-color: var(--pw-mark);
}
/* line 263, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-steps {
gap: 0;
}
/* line 264, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-steps .pw-sec-row {
margin-bottom: 4px;
}
/* line 265, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-step.is-link {
cursor: pointer;
}
/* line 266, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-step.is-link:hover .pw-ln-main strong {
color: var(--pw-link);
}
/* line 267, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-step .pw-ln-main strong {
display: block;
font-size: 15px;
}
/* line 268, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-clickable {
cursor: pointer;
margin: 0;
}
/* line 269, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-link-btn {
background: transparent;
border: 0;
padding: 0;
font: inherit;
cursor: pointer;
}
/* line 275, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign a.pw-text-link, body.pwa-redesign button.pw-text-link, body.pwa-redesign label.pw-text-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
min-width: 44px;
padding: 0 4px;
margin: -12px -4px;
}
/* line 279, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-small {
font-size: 13px;
}
/* line 280, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-pre {
white-space: pre-line;
}
/* line 281, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-span-3 {
grid-column: 1 / -1;
}
/* line 282, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sig-image {
max-width: 100%;
height: 120px;
object-fit: contain;
background: #fff;
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
}
/* line 283, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-timeline {
list-style: none;
margin: 0;
padding: 0 0 0 18px;
border-left: 2px solid var(--erp-ui-hairline);
display: flex;
flex-direction: column;
gap: 14px;
}
/* line 284, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-timeline li {
position: relative;
}
/* line 285, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-timeline li::before {
content: "";
position: absolute;
left: -25px;
top: 5px;
width: 10px;
height: 10px;
border-radius: 9999px;
background: var(--pw-mark);
}
/* line 286, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn.is-danger-solid {
background: var(--erp-ui-critical);
border-color: var(--erp-ui-critical);
color: #fff;
}
/* line 287, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-dialog {
border: 0;
border-radius: 8px;
padding: 16px;
width: 92%;
max-width: 420px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
box-shadow: 0 16px 40px rgba(26, 32, 40, 0.3);
}
/* line 290, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-dialog::backdrop {
background: rgba(26, 32, 40, 0.5);
}
/* line 291, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-dialog:not([open]) {
display: none;
}
/* line 293, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hd .pw-menu-panel {
color: var(--erp-ui-ink);
}
/* line 294, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-dialog.is-tall {
max-height: 90vh;
overflow-y: auto;
}
/* line 295, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-dialog .alert {
margin: 0;
border: 0;
}
/* line 296, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-dialog .alert-warning, body.pwa-redesign .pw-dialog .alert-danger {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 297, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-dialog .alert-success {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 298, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-check {
display: flex;
gap: 12px;
align-items: flex-start;
margin: 0;
cursor: pointer;
font-weight: 400;
}
/* line 299, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-check input {
width: 22px;
height: 22px;
margin-top: 1px;
accent-color: var(--erp-ui-accent);
flex: none;
}
/* line 302, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-msg {
background: var(--erp-ui-page);
border-radius: 8px;
padding: 12px;
font-size: 15px;
line-height: 1.45;
white-space: pre-line;
}
/* line 303, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-disclosure > summary {
list-style: none;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
min-height: 44px;
}
/* line 304, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-disclosure > summary::-webkit-details-marker {
display: none;
}
/* line 305, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-disclosure > summary:focus-visible {
outline: 2px solid var(--pw-mark);
outline-offset: 2px;
border-radius: 6px;
}
/* line 306, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-disclosure .pw-when-open {
display: none;
}
/* line 307, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-disclosure[open] .pw-when-open {
display: inline;
}
/* line 308, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-disclosure[open] .pw-when-closed {
display: none;
}
/* line 309, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-kv {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 8px 0;
border-top: 1px solid var(--erp-ui-hairline);
font-size: 14px;
}
/* line 310, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-kv span:first-child {
color: var(--erp-ui-ink-2);
flex: none;
}
/* line 311, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-kv span:last-child {
text-align: right;
font-weight: 600;
}
/* line 314, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
overflow: hidden;
}
/* line 315, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move.is-now {
border-color: var(--pw-mark);
box-shadow: inset 0 0 0 1px var(--pw-mark);
}
/* line 316, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-body {
display: flex;
gap: 12px;
padding: 14px;
text-decoration: none;
color: var(--erp-ui-ink);
}
/* line 317, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-body:hover {
color: var(--erp-ui-ink);
}
/* line 318, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-body .pw-item-body > span:not(.pw-title):not(.pw-muted):not(.pw-tags) {
font-size: 15px;
}
/* line 319, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 320, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-actions > a, body.pwa-redesign .pw-move-actions button {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 48px;
width: 100%;
font: inherit;
font-size: 15px;
font-weight: 600;
text-decoration: none;
color: var(--pw-link);
background: transparent;
border: 0;
cursor: pointer;
}
/* line 324, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-actions > * + * {
border-left: 1px solid var(--erp-ui-hairline);
}
/* line 325, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-actions > :only-child {
grid-column: 1 / -1;
}
/* line 326, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-move-actions .is-primary {
font-weight: 700;
}
/* line 328, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-foot-note[hidden] {
display: none;
}
/* line 330, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-btn[aria-disabled="true"] {
background: var(--erp-ui-hairline);
border-color: var(--erp-ui-hairline);
color: var(--erp-ui-ink-2);
}
/* line 333, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ctx {
font-size: 13px;
color: var(--erp-ui-ink-2);
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
padding: 8px 12px;
}
/* line 334, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-ctx:empty {
display: none;
}
/* line 335, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg-opt {
flex: 1;
position: relative;
display: flex;
margin: 0;
}
/* line 336, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg-opt input {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}
/* line 337, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg-opt span {
flex: 1;
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
color: var(--erp-ui-ink-2);
cursor: pointer;
white-space: nowrap;
}
/* line 341, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg-opt input:checked + span {
background: var(--erp-ui-surface);
color: var(--pw-link);
box-shadow: 0 1px 2px rgba(26, 32, 40, 0.12);
}
/* line 342, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-seg-opt input:focus-visible + span {
outline: 2px solid var(--pw-mark);
outline-offset: 1px;
}
/* line 343, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-opt.is-when {
min-height: 64px;
}
/* line 344, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign a.pw-opt {
text-decoration: none;
}
/* line 345, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign a.pw-opt:hover {
color: var(--erp-ui-ink);
}
/* line 346, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-plain {
flex-direction: row;
align-items: flex-start;
}
/* line 347, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-done-card {
align-items: center;
text-align: center;
padding: 24px 16px;
}
/* line 348, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-card.is-done-card .pw-two {
width: 100%;
}
/* line 349, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip .pw-avatar {
margin-left: -6px;
}
/* line 352, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-opt {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
text-align: left;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
padding: 12px 14px;
font: inherit;
color: var(--erp-ui-ink);
cursor: pointer;
min-height: 56px;
box-sizing: border-box;
margin: 0;
}
/* line 356, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-opt.is-on, body.pwa-redesign .pw-opt:has(input:checked) {
border: 2px solid var(--pw-mark);
padding: 11px 13px;
background: var(--erp-ui-surface-2);
}
/* line 357, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-opt input[type="radio"], body.pwa-redesign .pw-opt input[type="checkbox"] {
width: 22px;
height: 22px;
accent-color: var(--erp-ui-accent);
flex: none;
margin: 0;
}
/* line 359, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 360, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip {
min-height: 44px;
padding: 0 14px;
border-radius: 9999px;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
font: inherit;
font-size: 15px;
font-weight: 600;
color: var(--erp-ui-ink);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
text-decoration: none;
}
/* line 364, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip input {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}
/* line 365, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip:hover {
color: var(--erp-ui-ink);
}
/* line 366, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip.is-on:hover {
color: var(--erp-ui-accent-ink);
}
/* line 367, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip.is-on, body.pwa-redesign .pw-chip:has(input:checked) {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 368, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-chip:has(input:focus-visible) {
outline: 2px solid var(--pw-mark);
outline-offset: 2px;
}
/* line 370, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-avatar {
width: 26px;
height: 26px;
border-radius: 9999px;
background: var(--erp-ui-accent-soft);
color: var(--pw-link);
font-size: 12px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
}
/* line 374, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-avatar.is-lg {
width: 52px;
height: 52px;
font-size: 18px;
}
/* line 377, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-switch {
position: relative;
width: 52px;
height: 32px;
border-radius: 9999px;
border: 0;
cursor: pointer;
flex: none;
padding: 0;
background: var(--erp-ui-hairline-strong);
}
/* line 380, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-switch::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 24px;
height: 24px;
border-radius: 9999px;
background: #fff;
box-shadow: 0 1px 2px rgba(26, 32, 40, 0.25);
}
/* line 381, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-switch[aria-checked="true"] {
background: var(--pw-mark);
}
/* line 382, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-switch[aria-checked="true"]::after {
left: 24px;
}
/* line 383, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-switch:focus-visible {
outline: 2px solid var(--pw-mark);
outline-offset: 2px;
}
/* line 387, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-stepper {
margin: -16px -16px 0;
padding: 12px 16px;
background: var(--erp-ui-surface);
border-bottom: 1px solid var(--erp-ui-hairline);
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 388, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-stepper-labels {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 389, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-stepper-labels .is-on {
color: var(--pw-link);
}
/* line 390, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hint {
display: flex;
gap: 10px;
align-items: flex-start;
background: var(--erp-ui-accent-soft);
border-radius: 8px;
padding: 10px 12px;
font-size: 13px;
color: var(--erp-ui-ink);
}
/* line 391, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hint > svg, body.pwa-redesign .pw-note > svg {
flex: none;
margin-top: 1px;
}
/* line 392, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hint.is-critical {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 393, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-hint.is-warning {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 394, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-note {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 395, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-review-row {
display: flex;
gap: 12px;
padding: 12px 14px;
border-top: 1px solid var(--erp-ui-hairline);
align-items: flex-start;
}
/* line 396, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-review-row:first-child {
border-top: 0;
}
/* line 397, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-review-row .k {
width: 92px;
flex: none;
font-size: 13px;
font-weight: 700;
color: var(--erp-ui-ink-2);
padding-top: 1px;
}
/* line 398, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-review-row .v {
flex: 1;
min-width: 0;
}
/* line 399, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-review-row a {
font-size: 13px;
font-weight: 600;
text-decoration: none;
color: var(--pw-link);
}
/* line 402, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-foot {
position: sticky;
bottom: calc(64px + env(safe-area-inset-bottom, 0px));
z-index: 10;
margin: 0 -16px -16px;
padding: 12px 16px 16px;
background: var(--erp-ui-surface);
border-top: 1px solid var(--erp-ui-hairline);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
/* line 406, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-foot.is-stack {
display: flex;
flex-direction: column;
}
/* line 407, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-foot .pw-foot-note {
grid-column: 1 / -1;
text-align: center;
margin: 0;
}
/* line 408, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-foot .pw-foot-note:empty {
display: none;
}
/* line 413, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign.pw-no-nav .pwa-content {
padding-bottom: calc(168px + env(safe-area-inset-bottom, 0px));
}
/* line 414, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign.pw-no-nav .pw-foot {
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin: 0;
z-index: 1000;
padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}
/* line 420, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumbs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
/* line 421, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb {
aspect-ratio: 1;
border-radius: 6px;
background: var(--erp-ui-hairline);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: var(--erp-ui-ink-2);
overflow: hidden;
text-decoration: none;
}
/* line 424, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* line 425, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb.is-add {
background: var(--erp-ui-surface);
border: 1px dashed var(--erp-ui-hairline-strong);
color: var(--pw-link);
font-weight: 600;
font-size: 13px;
flex-direction: column;
gap: 4px;
cursor: pointer;
}
/* line 427, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-thumb[data-photo] {
position: relative;
}
/* line 428, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-photo-view {
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: transparent;
cursor: zoom-in;
}
/* line 429, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-photo-remove {
position: absolute;
right: 4px;
bottom: 4px;
padding: 4px 6px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 4px;
background: var(--erp-ui-surface);
color: var(--erp-ui-critical-text);
font: inherit;
cursor: pointer;
}
/* line 430, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-photo-dialog {
width: 95vw;
max-width: 720px;
max-height: 90vh;
padding: 12px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 8px;
background: var(--erp-ui-surface);
}
/* line 431, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-photo-dialog::backdrop {
background: rgba(26, 32, 40, 0.72);
}
/* line 432, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-photo-dialog img {
display: block;
max-width: 100%;
max-height: 75vh;
margin: 8px auto 0;
object-fit: contain;
}
/* line 435, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sig {
height: 150px;
border: 1px dashed var(--erp-ui-hairline-strong);
border-radius: 8px;
background: var(--erp-ui-surface-2);
position: relative;
touch-action: none;
}
/* line 436, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sig canvas {
width: 100%;
height: 100%;
display: block;
}
/* line 437, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sig {
background: #fff;
overflow: hidden;
}
/* line 438, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-sig-hint {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: #5a6472;
font-size: 14px;
pointer-events: none;
}
/* line 441, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu {
position: relative;
}
/* line 442, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu > summary {
list-style: none;
}
/* line 443, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu > summary::-webkit-details-marker {
display: none;
}
/* line 444, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu-panel {
position: absolute;
top: 48px;
right: 0;
width: 240px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 8px;
box-shadow: 0 8px 24px rgba(26, 32, 40, 0.18);
padding: 6px;
display: flex;
flex-direction: column;
z-index: 1050;
}
/* line 448, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu-panel.is-filter {
width: 300px;
padding: 12px;
gap: 8px;
}
/* line 449, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-icon-btn.is-on {
border-color: var(--pw-mark);
background: var(--erp-ui-accent-soft);
}
/* line 450, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-input:focus-within {
border-color: var(--pw-mark);
box-shadow: 0 0 0 1px var(--pw-mark);
}
/* line 451, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu > summary:focus-visible {
outline: 2px solid var(--pw-mark);
outline-offset: 2px;
}
/* line 452, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu-item {
display: flex;
align-items: center;
min-height: 44px;
padding: 0 12px;
border-radius: 6px;
text-decoration: none;
color: var(--erp-ui-ink);
font-size: 15px;
font-weight: 500;
background: transparent;
border: 0;
width: 100%;
text-align: left;
cursor: pointer;
font-family: inherit;
}
/* line 455, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu-item:hover {
background: var(--erp-ui-page);
color: var(--erp-ui-ink);
}
/* line 456, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu-item.is-danger {
color: var(--erp-ui-critical-text);
}
/* line 458, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-menu-sep {
height: 1px;
background: var(--erp-ui-hairline);
margin: 6px 0;
}
/* line 461, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-empty {
text-align: center;
padding: 32px 16px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
color: var(--erp-ui-ink-2);
}
/* line 462, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-empty strong {
display: block;
color: var(--erp-ui-ink);
margin-bottom: 4px;
}
/* line 465, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-bottom-nav {
display: flex;
background: var(--erp-ui-surface);
border-top: 1px solid var(--erp-ui-hairline);
padding: 6px 4px calc(12px + env(safe-area-inset-bottom, 0px));
}
/* line 466, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-bottom-nav .pwa-nav-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-ink-2);
text-decoration: none;
min-height: 52px;
justify-content: center;
background: transparent;
border-radius: 0;
}
/* line 470, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-bottom-nav .pwa-nav-item.active {
color: var(--pw-link);
background: transparent;
}
/* line 471, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-nav-ico {
width: 56px;
height: 30px;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
/* line 472, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pwa-bottom-nav .pwa-nav-item.active .pw-nav-ico {
background: var(--erp-ui-accent-soft);
}
/* line 473, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-nav-badge {
position: absolute;
top: -2px;
right: 6px;
min-width: 18px;
height: 18px;
border-radius: 9999px;
background: var(--erp-ui-critical);
color: #fff;
font-size: 12px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
box-sizing: border-box;
}
/* line 482, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign [hidden]:not(#pw-hidden-guard) {
display: none;
}
/* line 486, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-part-results {
display: flex;
flex-direction: column;
gap: 6px;
}
/* line 487, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-part-option {
width: 100%;
justify-content: flex-start;
text-align: left;
white-space: normal;
}
/* line 488, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-part-hints {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 10px 12px;
border: 1px dashed var(--erp-ui-hairline-strong);
border-radius: 8px;
background: var(--erp-ui-surface-2);
}
/* line 491, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-part-hints > p {
flex: 1 1 100%;
margin: 0;
}
/* line 492, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-part-hints .pw-field-part-option {
width: auto;
}
/* line 494, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-stepper {
display: flex;
align-items: stretch;
gap: 6px;
margin-top: 4px;
}
/* line 496, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-stepper .pw-field-input {
width: 96px;
text-align: center;
}
/* line 497, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-stepper .pw-btn {
min-width: 48px;
justify-content: center;
font-size: 20px;
}
/* line 499, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-parts {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 502, app/assets/stylesheets/components/_pwa_v2.scss */
body.pwa-redesign .pw-field-quantity {
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 5, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filters-container {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 12px 16px;
margin-bottom: 20px;
}
/* line 13, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filters-header {
margin-bottom: 10px;
}
/* line 17, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filters-label {
font-size: 13px;
font-weight: 600;
color: #495057;
display: flex;
align-items: center;
gap: 6px;
}
/* line 26, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filters-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 32, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border: 1px solid #dee2e6;
border-radius: 4px;
background: white;
color: #495057;
font-size: 12px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
cursor: pointer;
}
/* line 47, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn:hover {
background: #e9ecef;
border-color: #adb5bd;
text-decoration: none;
color: #212529;
}
/* line 54, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn.active {
background: #007bff;
border-color: #007bff;
color: white;
}
/* line 59, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn.active:hover {
background: #0056b3;
border-color: #0056b3;
color: white;
}
/* line 66, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn.clear-filters {
background: #6c757d;
border-color: #6c757d;
color: white;
}
/* line 71, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn.clear-filters:hover {
background: #5a6268;
border-color: #5a6268;
color: white;
}
/* line 78, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn i {
font-size: 13px;
}
/* line 82, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn .badge {
margin-left: 4px;
font-size: 10px;
padding: 2px 6px;
}
@media (max-width: 768px) {
/* line 90, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filters-buttons {
flex-direction: column;
}
/* line 94, app/assets/stylesheets/components/_quick_filters.scss */
.quick-filter-btn {
width: 100%;
justify-content: center;
}
}
/* line 6, app/assets/stylesheets/components/_quotation_email_modal.scss */
#quotation-email-modal {
z-index: 10055 !important;
}
/* line 10, app/assets/stylesheets/components/_quotation_email_modal.scss */
#quotation-email-modal.show {
z-index: 10055 !important;
display: block !important;
}
/* line 15, app/assets/stylesheets/components/_quotation_email_modal.scss */
#quotation-email-modal .modal-dialog {
z-index: 10056 !important;
}
/* line 19, app/assets/stylesheets/components/_quotation_email_modal.scss */
#quotation-email-modal .modal-content {
z-index: 10057 !important;
}
/* line 24, app/assets/stylesheets/components/_quotation_email_modal.scss */
body.modal-open:has(#quotation-email-modal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* line 29, app/assets/stylesheets/components/_quotation_email_modal.scss */
body.modal-open:has(#quotation-email-modal.show) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* line 35, app/assets/stylesheets/components/_quotation_email_modal.scss */
body.modal-open:has(#quotation-email-modal.show) .swal2-container {
z-index: 10052 !important;
opacity: 0.3 !important;
pointer-events: none !important;
}
/* line 42, app/assets/stylesheets/components/_quotation_email_modal.scss */
html body.modal-open:has(#quotation-email-modal.show) #quotation-email-modal.show {
z-index: 10055 !important;
position: fixed !important;
}
/* line 47, app/assets/stylesheets/components/_quotation_email_modal.scss */
html body.modal-open:has(#quotation-email-modal.show) .modal-backdrop {
z-index: 10054 !important;
}
@charset "UTF-8";
/* =============================================================================
MODAL DE EMAIL DE CONTAS A RECEBER - Correções de Z-Index
============================================================================= */
/*
* Hierarquia de Z-Index no Sistema:
* - Sidebar: 1037-1038
* - Header: 1030
* - Footer: 1020
* - Content wrapper: 1000
* - Backdrop padrão Bootstrap: 1040-1054
* - AdminLTE sidebar-overlay: 10000 (quando modal aberto)
* - Modal de patrimônios: 10060-10062
* - Modal de preferências: 999999
*
* Modal de email de contas a receber: 10055 (acima do backdrop 1054 e overlay 10000, abaixo dos modais especiais)
*/
/* line 19, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"],
[id^="confirmModal"],
[id^="previewModal"] {
z-index: 10055 !important;
}
/* line 25, app/assets/stylesheets/components/_receivable_email_modal.scss */
.show[id^="sendEmailModal"],
.fade.show[id^="sendEmailModal"],
.show[id^="confirmModal"],
.fade.show[id^="confirmModal"],
.show[id^="previewModal"],
.fade.show[id^="previewModal"] {
z-index: 10055 !important;
display: block !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
/* line 41, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-dialog,
[id^="confirmModal"] .modal-dialog,
[id^="previewModal"] .modal-dialog {
z-index: 10056 !important;
position: relative;
margin: 1.75rem auto;
pointer-events: none;
}
/* line 50, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-content,
[id^="confirmModal"] .modal-content,
[id^="previewModal"] .modal-content {
z-index: 10057 !important;
position: relative;
pointer-events: auto;
display: flex;
flex-direction: column;
width: 100%;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* line 66, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open:has(.show[id^="sendEmailModal"]) .modal-backdrop.show,
body.modal-open:has(.show[id^="sendEmailModal"]) .modal-backdrop,
body:has(.show[id^="sendEmailModal"]) .modal-backdrop.show,
body:has(.show[id^="sendEmailModal"]) .modal-backdrop,
body.modal-open:has(.show[id^="confirmModal"]) .modal-backdrop.show,
body.modal-open:has(.show[id^="confirmModal"]) .modal-backdrop,
body.modal-open:has(.show[id^="previewModal"]) .modal-backdrop.show,
body.modal-open:has(.show[id^="previewModal"]) .modal-backdrop,
body.modal-open .show[id^="sendEmailModal"] ~ .modal-backdrop.show,
body.modal-open .show[id^="sendEmailModal"] ~ .modal-backdrop,
body.modal-open .show[id^="confirmModal"] ~ .modal-backdrop.show,
body.modal-open .show[id^="confirmModal"] ~ .modal-backdrop,
body.modal-open .show[id^="previewModal"] ~ .modal-backdrop.show,
body.modal-open .show[id^="previewModal"] ~ .modal-backdrop,
.modal-backdrop.show:has(~ .show[id^="sendEmailModal"]),
.modal-backdrop.show:has(~ .show[id^="confirmModal"]),
.modal-backdrop.show:has(~ .show[id^="previewModal"]) {
z-index: 10054 !important;
}
/* Override específico para garantir que funcione mesmo com outras regras globais */
/* line 87, app/assets/stylesheets/components/_receivable_email_modal.scss */
html body.modal-open:has(.show[id^="sendEmailModal"]) .modal-backdrop,
html body:has(.show[id^="sendEmailModal"]) .modal-backdrop {
z-index: 10054 !important;
}
/* Garantir que AdminLTE overlay não interfira - DEVE FICAR ABAIXO DO MODAL */
/* line 93, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open:has(.show[id^="sendEmailModal"]) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* Posicionamento fixo quando modal está ativo */
/* line 99, app/assets/stylesheets/components/_receivable_email_modal.scss */
.show[id^="sendEmailModal"] {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
/* Garantir visibilidade completa */
/* line 109, app/assets/stylesheets/components/_receivable_email_modal.scss */
.show[id^="sendEmailModal"] .modal-dialog {
z-index: 10056 !important;
position: relative !important;
margin: 1.75rem auto !important;
max-width: 800px !important;
}
/* line 116, app/assets/stylesheets/components/_receivable_email_modal.scss */
.show[id^="sendEmailModal"] .modal-content {
z-index: 10057 !important;
position: relative !important;
}
/* Correção para quando modal está dentro de tabs */
/* line 122, app/assets/stylesheets/components/_receivable_email_modal.scss */
.tab-content [id^="sendEmailModal"],
.tab-pane [id^="sendEmailModal"],
.table-responsive [id^="sendEmailModal"],
table [id^="sendEmailModal"] {
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 10055 !important;
}
/* Garantir que body modal-open funcione */
/* line 133, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open:has(.show[id^="sendEmailModal"]) {
overflow: hidden !important;
}
/* Correção específica para evitar conflitos com outros modais */
/* line 138, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open .show[id^="sendEmailModal"] {
z-index: 10055 !important;
}
/* line 142, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open .show[id^="sendEmailModal"] ~ #preferencesModal,
body.modal-open .show[id^="sendEmailModal"] ~ #patrimonyModal {
display: none !important;
}
/* =============================================================================
OVERRIDE FINAL - Máxima especificidade para garantir que funcione
============================================================================= */
/* Esta regra DEVE vir por último para sobrescrever todas as outras */
/* line 151, app/assets/stylesheets/components/_receivable_email_modal.scss */
html body.modal-open:has(.show[id^="sendEmailModal"]) .modal-backdrop.show,
html body.modal-open:has(.show[id^="sendEmailModal"]) .modal-backdrop,
html body:has(.show[id^="sendEmailModal"]) .modal-backdrop.show,
html body:has(.show[id^="sendEmailModal"]) .modal-backdrop {
z-index: 10054 !important;
}
/* line 158, app/assets/stylesheets/components/_receivable_email_modal.scss */
html body.modal-open:has(.show[id^="sendEmailModal"]) .show[id^="sendEmailModal"],
html body.modal-open:has(.show[id^="confirmModal"]) .show[id^="confirmModal"],
html body.modal-open:has(.show[id^="previewModal"]) .show[id^="previewModal"],
html body:has(.show[id^="sendEmailModal"]) .show[id^="sendEmailModal"],
html body:has(.show[id^="confirmModal"]) .show[id^="confirmModal"],
html body:has(.show[id^="previewModal"]) .show[id^="previewModal"] {
z-index: 10055 !important;
}
/* =============================================================================
ESTILOS DO CONTEÚDO DO MODAL - Scroll e altura máxima
============================================================================= */
/* Modal body com scroll quando necessário */
/* line 172, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-body {
max-height: 70vh;
overflow-y: auto;
overflow-x: hidden;
/* Custom scrollbar para melhor visualização */
}
/* line 178, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-body::-webkit-scrollbar {
width: 8px;
}
/* line 182, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-body::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
/* line 187, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-body::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
/* line 191, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-body::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Quando o histórico é expandido, garantir que o modal-body ainda tenha scroll */
/* line 198, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-body .collapse.show {
max-height: none;
/* Remove limitação quando expandido */
}
/* Modal dialog com altura máxima para não ultrapassar a tela */
/* line 203, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-dialog {
max-height: 90vh;
display: flex;
flex-direction: column;
}
/* Modal content com flex para distribuir espaço */
/* line 210, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-content {
max-height: 90vh;
display: flex;
flex-direction: column;
}
/* Modal header fixo */
/* line 217, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-header {
flex-shrink: 0;
}
/* Modal footer fixo */
/* line 222, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="sendEmailModal"] .modal-footer {
flex-shrink: 0;
}
/* =============================================================================
MODAL DE CONFIRMAÇÃO DE RECEBIMENTO - Correções de Z-Index
============================================================================= */
/* Modal de confirmação - Base (para todos os modais que começam com confirmModal) */
/* line 231, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="confirmModal"] {
z-index: 10055 !important;
}
/* Modal de confirmação - Quando ativo */
/* line 236, app/assets/stylesheets/components/_receivable_email_modal.scss */
.show[id^="confirmModal"],
.fade.show[id^="confirmModal"] {
z-index: 10055 !important;
display: block !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
/* Dialog do modal de confirmação */
/* line 249, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="confirmModal"] .modal-dialog {
z-index: 10056 !important;
position: relative;
margin: 1.75rem auto;
pointer-events: none;
}
/* Content do modal de confirmação */
/* line 257, app/assets/stylesheets/components/_receivable_email_modal.scss */
[id^="confirmModal"] .modal-content {
z-index: 10057 !important;
position: relative;
pointer-events: auto;
display: flex;
flex-direction: column;
width: 100%;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* Backdrop específico para modal de confirmação - DEVE FICAR ABAIXO DO MODAL */
/* line 272, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open:has(.show[id^="confirmModal"]) .modal-backdrop.show,
body.modal-open:has(.show[id^="confirmModal"]) .modal-backdrop,
body:has(.show[id^="confirmModal"]) .modal-backdrop.show,
body:has(.show[id^="confirmModal"]) .modal-backdrop,
body.modal-open .show[id^="confirmModal"] ~ .modal-backdrop.show,
body.modal-open .show[id^="confirmModal"] ~ .modal-backdrop,
body .show[id^="confirmModal"] ~ .modal-backdrop.show,
body .show[id^="confirmModal"] ~ .modal-backdrop,
.modal-backdrop.show:has(~ .show[id^="confirmModal"]),
.modal-backdrop:has(~ .show[id^="confirmModal"]) {
z-index: 10054 !important;
}
/* Override específico para garantir que funcione mesmo com outras regras globais */
/* line 286, app/assets/stylesheets/components/_receivable_email_modal.scss */
html body.modal-open:has(.show[id^="confirmModal"]) .modal-backdrop,
html body:has(.show[id^="confirmModal"]) .modal-backdrop {
z-index: 10054 !important;
}
/* Garantir que AdminLTE overlay não interfira */
/* line 292, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open:has(.show[id^="confirmModal"]) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* Correção para quando modal está dentro de tabs */
/* line 298, app/assets/stylesheets/components/_receivable_email_modal.scss */
.tab-content [id^="confirmModal"],
.tab-pane [id^="confirmModal"],
.table-responsive [id^="confirmModal"],
table [id^="confirmModal"] {
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 10055 !important;
}
/* Garantir que body modal-open funcione */
/* line 309, app/assets/stylesheets/components/_receivable_email_modal.scss */
body.modal-open:has(.show[id^="confirmModal"]) {
overflow: hidden !important;
}
/* Máxima especificidade para garantir que funcione */
/* line 314, app/assets/stylesheets/components/_receivable_email_modal.scss */
html body.modal-open:has(.show[id^="confirmModal"]) .show[id^="confirmModal"],
html body:has(.show[id^="confirmModal"]) .show[id^="confirmModal"] {
z-index: 10055 !important;
}
@charset "UTF-8";
/* =============================================================================
MODAIS DE PARCELAS - Contas a Receber - Correções de Z-Index
============================================================================= */
/*
* Hierarquia de Z-Index no Sistema:
* - Sidebar: 1037-1038
* - Header: 1030
* - Footer: 1020
* - Content wrapper: 1000
* - Backdrop padrão Bootstrap: 1040-1054
* - AdminLTE sidebar-overlay: 10000 (quando modal aberto)
* - Modal de patrimônios: 10060-10062
* - Modal de preferências: 999999
*
* Modais de parcelas: 10055 (acima do backdrop 1054 e overlay 10000, abaixo dos modais especiais)
*/
/* Modais de parcelas - Base */
/* line 20, app/assets/stylesheets/components/_receivable_installment_modals.scss */
[data-installment-modal="true"],
.modal[data-installment-modal="true"] {
z-index: 10055 !important;
}
/* Modais de parcelas - Quando ativo */
/* line 26, app/assets/stylesheets/components/_receivable_installment_modals.scss */
.show[data-installment-modal="true"],
.fade.show[data-installment-modal="true"],
.modal.show[data-installment-modal="true"],
.modal.fade.show[data-installment-modal="true"] {
z-index: 10055 !important;
display: block !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
/* Dialog dos modais de parcelas */
/* line 42, app/assets/stylesheets/components/_receivable_installment_modals.scss */
[data-installment-modal="true"] .modal-dialog,
.modal[data-installment-modal="true"] .modal-dialog {
z-index: 10056 !important;
position: relative;
margin: 1.75rem auto;
pointer-events: auto;
}
/* Content dos modais de parcelas */
/* line 51, app/assets/stylesheets/components/_receivable_installment_modals.scss */
[data-installment-modal="true"] .modal-content,
.modal[data-installment-modal="true"] .modal-content {
z-index: 10057 !important;
position: relative;
pointer-events: auto;
display: flex;
flex-direction: column;
width: 100%;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* Garantir que o modal-body seja visível quando o modal está aberto */
/* line 67, app/assets/stylesheets/components/_receivable_installment_modals.scss */
.show[data-installment-modal="true"] .modal-body,
.modal.show[data-installment-modal="true"] .modal-body {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
}
/* Garantir que o alerta seja visível quando o modal está aberto */
/* line 76, app/assets/stylesheets/components/_receivable_installment_modals.scss */
.show[data-installment-modal="true"] .alert,
.show[data-installment-modal="true"] .alert-warning,
.modal.show[data-installment-modal="true"] .alert,
.modal.show[data-installment-modal="true"] .alert-warning {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
}
/* Backdrop específico para modais de parcelas - DEVE FICAR ABAIXO DO MODAL */
/* Regra com MÁXIMA especificidade e !important para sobrescrever TODAS as outras regras */
/* line 93, app/assets/stylesheets/components/_receivable_installment_modals.scss */
body.modal-open:has(.show[data-installment-modal="true"]) .modal-backdrop.show,
body.modal-open:has(.show[data-installment-modal="true"]) .modal-backdrop,
body:has(.show[data-installment-modal="true"]) .modal-backdrop.show,
body:has(.show[data-installment-modal="true"]) .modal-backdrop,
body.modal-open .show[data-installment-modal="true"] ~ .modal-backdrop.show,
body.modal-open .show[data-installment-modal="true"] ~ .modal-backdrop,
body .show[data-installment-modal="true"] ~ .modal-backdrop.show,
body .show[data-installment-modal="true"] ~ .modal-backdrop,
.modal-backdrop.show:has(~ .show[data-installment-modal="true"]),
.modal-backdrop:has(~ .show[data-installment-modal="true"]),
body.modal-open .modal-backdrop:has(~ .show[data-installment-modal="true"]),
body .modal-backdrop:has(~ .show[data-installment-modal="true"]) {
z-index: 10054 !important;
}
/* Garantir que quando um modal de parcela está aberto, o backdrop fique abaixo */
/* line 109, app/assets/stylesheets/components/_receivable_installment_modals.scss */
body.modal-open .show[data-installment-modal="true"] ~ .modal-backdrop,
body .show[data-installment-modal="true"] ~ .modal-backdrop {
z-index: 10054 !important;
}
/* AdminLTE sidebar-overlay - DEVE FICAR ABAIXO DO MODAL */
/* line 115, app/assets/stylesheets/components/_receivable_installment_modals.scss */
body.modal-open:has(.show[data-installment-modal="true"]) #sidebar-overlay,
body:has(.show[data-installment-modal="true"]) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* line 20, app/assets/stylesheets/components/_remote_modal_stacking.scss */
#remote-modal {
z-index: 1100000 !important;
}
/* line 24, app/assets/stylesheets/components/_remote_modal_stacking.scss */
html body.modal-open:has(#remote-modal.show) .modal-backdrop,
html body:has(#remote-modal.show) .modal-backdrop {
z-index: 1099990 !important;
}
/* line 32, app/assets/stylesheets/components/_remote_modal_stacking.scss */
body:has(#remote-modal.show) .swal2-container {
z-index: 1100010 !important;
}
/* line 3, app/assets/stylesheets/components/_rental_amendment_banner.scss */
turbo-frame#rental_amendment_banner {
display: contents;
}
/* line 7, app/assets/stylesheets/components/_rental_amendment_banner.scss */
.rental-amendment-banner.alert-warning {
border-left: 4px solid var(--erp-warning, #f0ad4e);
background-color: #ffe8a3;
border-top-color: #f0c36d;
border-right-color: #f0c36d;
border-bottom-color: #f0c36d;
color: #856404;
box-shadow: 0 1px 2px rgba(240, 173, 78, 0.18);
font-size: 0.875rem;
line-height: 1.25;
min-height: 0;
gap: 0.5rem;
}
/* line 22, app/assets/stylesheets/components/_rental_amendment_banner.scss */
.rental-amendment-banner.alert-warning .rental-amendment-banner-text {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 30, app/assets/stylesheets/components/_rental_amendment_banner.scss */
.rental-amendment-banner.alert-warning .rental-amendment-banner-icon {
font-size: 0.95rem;
line-height: 1;
color: var(--erp-warning, #f39c12);
vertical-align: -0.05em;
}
/* line 37, app/assets/stylesheets/components/_rental_amendment_banner.scss */
.rental-amendment-banner.alert-warning .rental-amendment-banner-number {
font-weight: 700;
}
/* line 41, app/assets/stylesheets/components/_rental_amendment_banner.scss */
.rental-amendment-banner.alert-warning .rental-amendment-banner-btn {
padding: 0.15rem 0.5rem;
font-size: 0.75rem;
line-height: 1.2;
white-space: nowrap;
}
/* line 2, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 18px 0 22px;
}
/* line 9, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card {
display: flex;
flex-direction: column;
gap: 6px;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid var(--gray-400);
background: linear-gradient(135deg, var(--gray-50) 0%, color-mix(in srgb, var(--gray-100) 78%, var(--gray-50)) 100%);
box-shadow: var(--shadow-light);
color: var(--gray-900);
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
/* line 22, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card:hover, .delivery-confirmation-page .delivery-confirmation-flow-card:focus {
transform: translateY(-1px);
box-shadow: var(--shadow-medium);
text-decoration: none;
color: var(--gray-900);
}
/* line 30, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card strong {
font-size: 15px;
line-height: 1.25;
}
/* line 35, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card small {
font-size: 12px;
color: var(--gray-600);
line-height: 1.45;
}
/* line 41, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card.delivery-confirmation-flow-card--pending {
border-color: color-mix(in srgb, var(--erp-warning) 38%, var(--gray-400));
background: linear-gradient(135deg, color-mix(in srgb, var(--erp-warning) 10%, var(--gray-50)) 0%, var(--gray-50) 100%);
}
/* line 46, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card.delivery-confirmation-flow-card--issued {
border-color: color-mix(in srgb, var(--erp-info) 34%, var(--gray-400));
background: linear-gradient(135deg, color-mix(in srgb, var(--erp-info) 9%, var(--gray-50)) 0%, var(--gray-50) 100%);
}
/* line 52, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card__step {
display: inline-flex;
align-self: flex-start;
padding: 3px 8px;
border-radius: 999px;
background: color-mix(in srgb, var(--erp-primary) 10%, var(--gray-50));
color: var(--erp-primary);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* line 65, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow-card__count {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 2px;
font-size: 12px;
font-weight: 700;
color: var(--gray-800);
}
/* line 75, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage {
margin-bottom: 24px;
scroll-margin-top: 96px;
}
/* line 80, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
padding: 16px 18px;
border: 1px solid var(--gray-400);
border-radius: 14px;
background: var(--gray-50);
box-shadow: var(--shadow-light);
margin-bottom: 10px;
}
/* line 93, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage--pending .delivery-confirmation-stage__header {
border-color: color-mix(in srgb, var(--erp-warning) 34%, var(--gray-400));
background: linear-gradient(135deg, color-mix(in srgb, var(--erp-warning) 11%, var(--gray-50)) 0%, var(--gray-50) 62%);
}
/* line 98, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage--issued .delivery-confirmation-stage__header {
border-color: color-mix(in srgb, var(--erp-info) 32%, var(--gray-400));
background: linear-gradient(135deg, color-mix(in srgb, var(--erp-info) 10%, var(--gray-50)) 0%, var(--gray-50) 62%);
}
/* line 103, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__eyebrow {
margin-bottom: 8px;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--gray-600);
}
/* line 112, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__title {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 6px;
font-size: 20px;
line-height: 1.2;
color: var(--gray-900);
}
/* line 122, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__title i {
font-size: 16px;
}
/* line 126, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__description {
margin: 0;
max-width: 760px;
color: var(--gray-600);
font-size: 13px;
line-height: 1.5;
}
/* line 134, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__summary {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
}
/* line 141, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__pill {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 30px;
padding: 6px 10px;
border-radius: 999px;
background: color-mix(in srgb, var(--erp-primary) 10%, var(--gray-50));
color: var(--erp-primary);
font-size: 11px;
font-weight: 700;
white-space: nowrap;
}
/* line 155, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__pill--muted {
background: color-mix(in srgb, var(--gray-100) 82%, var(--gray-50));
color: var(--gray-700, #495057);
}
/* line 160, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card {
overflow: hidden;
border-radius: 14px;
box-shadow: var(--shadow-light);
border: 1px solid var(--gray-400);
}
/* line 167, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__table-bar {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
padding: 12px 16px;
border-bottom: 1px solid var(--gray-400);
background: linear-gradient(180deg, color-mix(in srgb, var(--gray-100) 88%, var(--gray-50)) 0%, var(--gray-50) 100%);
}
/* line 177, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__table-copy {
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 182, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__table-copy strong {
font-size: 13px;
color: var(--gray-900);
}
/* line 187, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__table-copy span {
max-width: 720px;
font-size: 12px;
line-height: 1.45;
color: var(--gray-600);
}
/* line 195, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__table-metrics {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
flex: 0 0 auto;
}
/* line 203, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__table-chip {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 10px;
border-radius: 999px;
border: 1px solid var(--gray-400);
background: var(--gray-50);
color: var(--gray-800);
font-size: 11px;
font-weight: 700;
white-space: nowrap;
}
/* line 218, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--pending {
border-top: 4px solid var(--erp-warning);
}
/* line 221, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--pending .delivery-confirmation-stage__table-bar {
background: linear-gradient(180deg, color-mix(in srgb, var(--erp-warning) 11%, var(--gray-50)) 0%, var(--gray-50) 100%);
border-bottom-color: color-mix(in srgb, var(--erp-warning) 24%, var(--gray-400));
}
/* line 226, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--pending .delivery-confirmation-stage__table-chip {
border-color: color-mix(in srgb, var(--erp-warning) 30%, var(--gray-400));
background: color-mix(in srgb, var(--erp-warning) 10%, var(--gray-50));
color: color-mix(in srgb, var(--erp-warning) 85%, var(--gray-900));
}
/* line 232, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--pending .thead-light th {
background: color-mix(in srgb, var(--erp-warning) 10%, var(--gray-50));
}
/* line 237, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--issued {
border-top: 4px solid var(--erp-info);
}
/* line 240, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--issued .delivery-confirmation-stage__table-bar {
background: linear-gradient(180deg, color-mix(in srgb, var(--erp-info) 10%, var(--gray-50)) 0%, var(--gray-50) 100%);
border-bottom-color: color-mix(in srgb, var(--erp-info) 22%, var(--gray-400));
}
/* line 245, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--issued .delivery-confirmation-stage__table-chip {
border-color: color-mix(in srgb, var(--erp-info) 28%, var(--gray-400));
background: color-mix(in srgb, var(--erp-info) 9%, var(--gray-50));
color: color-mix(in srgb, var(--erp-info) 84%, var(--gray-900));
}
/* line 251, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__card--issued .thead-light th {
background: color-mix(in srgb, var(--erp-info) 10%, var(--gray-50));
}
/* line 256, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-table-wrap {
margin: 0;
}
/* line 260, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-empty-state {
padding: 26px 20px;
text-align: center;
color: var(--gray-600);
background: linear-gradient(180deg, color-mix(in srgb, var(--gray-100) 88%, var(--gray-50)) 0%, var(--gray-50) 100%);
}
/* line 267, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-top: 10px;
padding: 12px 16px;
border: 1px solid var(--gray-400);
border-radius: 10px;
background: var(--gray-50);
box-shadow: var(--shadow-light);
font-size: 12px;
}
/* line 281, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__footer--pending {
border-color: color-mix(in srgb, var(--erp-warning) 24%, var(--gray-400));
background: linear-gradient(180deg, color-mix(in srgb, var(--erp-warning) 8%, var(--gray-50)) 0%, var(--gray-50) 100%);
}
/* line 286, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-shell {
padding: 12px 16px;
overflow-x: auto;
overflow-y: visible;
scrollbar-width: thin;
}
/* line 292, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-shell::-webkit-scrollbar {
height: 6px;
}
/* line 296, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-shell::-webkit-scrollbar-thumb {
background: var(--gray-400);
border-radius: 999px;
}
/* line 302, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-bar {
display: flex;
align-items: flex-end;
gap: 10px;
flex-wrap: nowrap;
width: 100%;
min-width: 980px;
}
/* line 311, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field {
flex: 1 1 170px;
min-width: 160px;
margin-bottom: 0;
display: flex;
flex-direction: column;
}
/* line 318, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field.delivery-confirmation-filter-field--status {
flex-basis: 180px;
min-width: 180px;
}
/* line 323, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field.delivery-confirmation-filter-field--customer {
flex: 1.6 1 260px;
min-width: 240px;
}
/* line 328, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field.delivery-confirmation-filter-field--date {
flex: 0.85 1 145px;
min-width: 140px;
max-width: 150px;
}
/* line 334, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field label {
font-size: 12px;
font-weight: 600;
color: var(--gray-800);
margin-bottom: 4px;
white-space: nowrap;
}
/* line 342, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field .form-control,
.delivery-confirmation-page .delivery-confirmation-filter-field .form-control-sm,
.delivery-confirmation-page .delivery-confirmation-filter-field .form-select,
.delivery-confirmation-page .delivery-confirmation-filter-field .form-select-sm {
width: 100%;
min-height: 34px;
font-size: 12px;
}
/* line 351, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field .ts-wrapper {
width: 100% !important;
min-width: 0;
}
/* line 355, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field .ts-wrapper .ts-control {
min-height: 34px !important;
height: 34px !important;
padding: 6px 10px !important;
font-size: 12px !important;
display: flex;
align-items: center;
}
/* line 365, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-field .ts-wrapper.single .ts-control input,
.delivery-confirmation-page .delivery-confirmation-filter-field .ts-wrapper .item {
font-size: 12px !important;
}
/* line 371, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-actions {
display: flex;
align-items: flex-end;
gap: 8px;
margin-left: auto;
flex: 0 0 auto;
white-space: nowrap;
padding-bottom: 1px;
}
/* line 380, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-actions .btn-erp {
min-height: 34px;
}
/* line 385, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
line-height: 1;
border: 1px solid transparent;
white-space: nowrap;
}
/* line 397, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-badge i {
font-size: 10px;
}
/* line 402, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .status-draft {
background: color-mix(in srgb, var(--erp-secondary) 12%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-secondary) 28%, var(--gray-50));
color: var(--gray-800);
}
/* line 408, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .status-pending {
background: color-mix(in srgb, var(--erp-warning) 16%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-warning) 36%, var(--gray-50));
color: color-mix(in srgb, var(--erp-warning) 88%, var(--gray-900));
}
/* line 414, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .status-approved {
background: color-mix(in srgb, var(--erp-info) 15%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-info) 34%, var(--gray-50));
color: color-mix(in srgb, var(--erp-info) 84%, var(--gray-900));
}
/* line 420, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .status-partially-billed {
background: color-mix(in srgb, var(--erp-primary) 12%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-primary) 26%, var(--gray-50));
color: var(--erp-primary);
}
/* line 426, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .status-billed {
background: color-mix(in srgb, var(--erp-success) 14%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-success) 30%, var(--gray-50));
color: color-mix(in srgb, var(--erp-success) 90%, var(--gray-900));
}
/* line 432, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .status-converted {
background: color-mix(in srgb, var(--erp-primary) 18%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-primary) 42%, var(--gray-50));
color: var(--erp-primary);
}
/* line 438, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .status-rejected {
background: color-mix(in srgb, var(--erp-danger) 14%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-danger) 34%, var(--gray-50));
color: color-mix(in srgb, var(--erp-danger) 88%, var(--gray-900));
}
/* line 444, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-not-sent {
background: color-mix(in srgb, var(--gray-100) 70%, var(--gray-50));
border-color: var(--gray-400);
color: var(--gray-800);
}
/* line 450, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-sent {
background: color-mix(in srgb, var(--erp-info) 16%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-info) 34%, var(--gray-50));
color: color-mix(in srgb, var(--erp-info) 84%, var(--gray-900));
}
/* line 456, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-delivered {
background: color-mix(in srgb, var(--erp-success) 14%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-success) 30%, var(--gray-50));
color: color-mix(in srgb, var(--erp-success) 90%, var(--gray-900));
}
/* line 462, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-failed {
background: color-mix(in srgb, var(--erp-danger) 14%, var(--gray-50));
border-color: color-mix(in srgb, var(--erp-danger) 34%, var(--gray-50));
color: color-mix(in srgb, var(--erp-danger) 88%, var(--gray-900));
}
/* line 468, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-legend {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
/* line 474, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .legend-title {
margin-bottom: 10px;
color: var(--gray-800);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* line 483, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .legend-items {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 489, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .legend-item {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
/* line 497, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-flow {
grid-template-columns: 1fr;
}
/* line 501, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__header,
.delivery-confirmation-page .delivery-confirmation-stage__footer,
.delivery-confirmation-page .delivery-confirmation-stage__table-bar {
flex-direction: column;
align-items: flex-start;
}
/* line 508, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-stage__summary,
.delivery-confirmation-page .delivery-confirmation-stage__table-metrics {
justify-content: flex-start;
}
/* line 513, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-shell {
padding-bottom: 10px;
}
/* line 517, app/assets/stylesheets/components/_rental_prebillings_delivery_confirmation.scss */
.delivery-confirmation-page .delivery-confirmation-filter-bar {
min-width: 940px;
}
}
/* line 30, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .report-visual-builder {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 16px;
margin-top: 10px;
}
/* line 38, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .visual-builder-layout {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 16px;
align-items: start;
}
@media (max-width: 820px) {
/* line 51, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .visual-builder-layout {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 54, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-sidebar {
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 12px;
}
/* line 61, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-sidebar-header {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 66, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-sidebar-header h5 {
margin: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--erp-ui-ink-2);
}
/* line 76, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-components {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 84, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-component {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 12px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
font-size: 13px;
color: var(--erp-ui-ink);
cursor: grab;
user-select: none;
}
/* line 97, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-component .erp-icon {
width: 18px;
height: 18px;
flex: 0 0 auto;
color: var(--erp-ui-ink-2);
}
/* line 104, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-component:hover {
border-color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
}
/* line 108, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-component:hover .erp-icon {
color: var(--erp-ui-accent-text);
}
/* line 111, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-component:active {
cursor: grabbing;
}
/* line 112, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-component.dragging {
opacity: 0.5;
}
/* line 115, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-canvas {
display: flex;
flex-direction: column;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 123, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-canvas-header {
padding: 12px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
}
/* line 129, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-canvas-header h5 {
margin: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--erp-ui-ink-2);
}
/* line 142, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-sections-container {
flex: 1;
padding: 12px;
min-height: 220px;
}
/* line 147, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .builder-sections-container.drag-over {
background: var(--erp-ui-accent-soft);
outline: 2px dashed var(--erp-ui-accent);
outline-offset: -6px;
}
/* line 154, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
margin-bottom: 8px;
cursor: move;
}
/* line 161, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item:last-child {
margin-bottom: 0;
}
/* line 162, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item:hover {
border-color: var(--erp-ui-hairline-strong);
}
/* line 163, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item.dragging {
opacity: 0.5;
}
/* line 166, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item-header {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
}
/* line 173, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item-icon {
width: 32px;
height: 32px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
background: var(--erp-ui-surface-2);
border-radius: var(--erp-ui-radius);
}
/* line 183, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item-icon .erp-icon {
width: 16px;
height: 16px;
color: var(--erp-ui-ink-2);
}
/* line 190, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item-content {
flex: 1;
min-width: 0;
}
/* line 195, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item-title {
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 201, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item-details {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 206, app/assets/stylesheets/components/_report_builder.scss */
.erp-ui .section-item-actions {
display: flex;
gap: 4px;
flex-shrink: 0;
}
/* line 217, app/assets/stylesheets/components/_report_builder.scss */
dialog.report-section-dialog {
width: 560px;
max-width: calc(100vw - 32px);
padding: 0;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
box-shadow: var(--erp-ui-shadow-overlay);
}
/* line 232, app/assets/stylesheets/components/_report_builder.scss */
dialog.report-section-dialog::backdrop {
background: rgba(15, 23, 42, 0.45);
}
@charset "UTF-8";
/* =============================================================================
MODAL DE ESTORNO DE PAGAMENTO - Correções de z-index e posicionamento
============================================================================= */
/* GARANTIR que o modal fique SEMPRE oculto quando não tem a classe .show */
/* Isso é crítico para evitar que o alerta apareça automaticamente */
/* Usar especificidade máxima para sobrescrever qualquer outro CSS */
/* line 8, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal:not(.show),
html body #reversePaymentModal.modal:not(.show),
body #reversePaymentModal.modal.fade:not(.show),
html body #reversePaymentModal.modal.fade:not(.show),
body.modal-open #reversePaymentModal.modal:not(.show),
html body.modal-open #reversePaymentModal.modal:not(.show) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
/* Garantir que TODO o conteúdo do modal fique oculto quando não está aberto */
/* Isso inclui o alerta que está aparecendo automaticamente */
/* line 28, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal:not(.show) *,
html body #reversePaymentModal.modal:not(.show) *,
body #reversePaymentModal.modal.fade:not(.show) *,
html body #reversePaymentModal.modal.fade:not(.show) *,
body.modal-open #reversePaymentModal.modal:not(.show) *,
html body.modal-open #reversePaymentModal.modal:not(.show) *,
body #reversePaymentModal.modal:not(.show) .alert,
html body #reversePaymentModal.modal:not(.show) .alert,
body #reversePaymentModal.modal:not(.show) .modal-dialog,
html body #reversePaymentModal.modal:not(.show) .modal-dialog,
body #reversePaymentModal.modal:not(.show) .modal-content,
html body #reversePaymentModal.modal:not(.show) .modal-content,
body #reversePaymentModal.modal:not(.show) .modal-body,
html body #reversePaymentModal.modal:not(.show) .modal-body,
body #reversePaymentModal.modal:not(.show) .modal-header,
html body #reversePaymentModal.modal:not(.show) .modal-header,
body #reversePaymentModal.modal:not(.show) .modal-footer,
html body #reversePaymentModal.modal:not(.show) .modal-footer {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
/* Quando o modal está aberto, garantir z-index correto */
/* line 59, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show,
html body #reversePaymentModal.modal.show {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
z-index: 10055 !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
/* Restaurar visibilidade do conteúdo quando o modal está aberto */
/* line 76, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show *,
html body #reversePaymentModal.modal.show * {
display: revert !important;
visibility: revert !important;
opacity: revert !important;
pointer-events: revert !important;
position: revert !important;
top: revert !important;
left: revert !important;
width: revert !important;
height: revert !important;
overflow: revert !important;
}
/* Garantir que o modal-dialog seja visível quando o modal está aberto */
/* line 91, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show .modal-dialog {
z-index: 10056 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
margin: 1.75rem auto !important;
max-width: 500px !important;
width: auto !important;
pointer-events: auto !important;
}
/* Garantir que o modal-content seja visível quando o modal está aberto */
/* line 104, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show .modal-content {
z-index: 10057 !important;
display: flex !important;
flex-direction: column !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
width: 100% !important;
pointer-events: auto !important;
background-color: #fff !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
border-radius: 0.3rem !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
/* Garantir que o modal-body seja visível quando o modal está aberto */
/* line 120, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show .modal-body {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
padding: 1rem !important;
flex: 1 1 auto !important;
}
/* Garantir que o modal-header seja visível quando o modal está aberto */
/* line 130, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show .modal-header {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
align-items: flex-start !important;
justify-content: space-between !important;
padding: 1rem !important;
border-bottom: 1px solid #dee2e6 !important;
border-top-left-radius: calc(0.3rem - 1px) !important;
border-top-right-radius: calc(0.3rem - 1px) !important;
}
/* Garantir que o modal-footer seja visível quando o modal está aberto */
/* line 144, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show .modal-footer {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
align-items: center !important;
justify-content: flex-end !important;
padding: 0.75rem !important;
border-top: 1px solid #dee2e6 !important;
border-bottom-right-radius: calc(0.3rem - 1px) !important;
border-bottom-left-radius: calc(0.3rem - 1px) !important;
}
/* Garantir que o alerta seja visível quando o modal está aberto */
/* line 158, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body #reversePaymentModal.modal.show .alert,
body #reversePaymentModal.modal.show .alert-warning {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
}
/* Backdrop DEVE ficar abaixo do modal */
/* line 172, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body.modal-open:has(#reversePaymentModal.show) .modal-backdrop.show,
body.modal-open:has(#reversePaymentModal.show) .modal-backdrop,
body:has(#reversePaymentModal.show) .modal-backdrop.show,
body:has(#reversePaymentModal.show) .modal-backdrop,
body.modal-open #reversePaymentModal.show ~ .modal-backdrop.show,
body.modal-open #reversePaymentModal.show ~ .modal-backdrop,
body #reversePaymentModal.show ~ .modal-backdrop.show,
body #reversePaymentModal.show ~ .modal-backdrop,
.modal-backdrop.show:has(~ #reversePaymentModal.show),
.modal-backdrop:has(~ #reversePaymentModal.show) {
z-index: 10054 !important;
}
/* AdminLTE overlay */
/* line 186, app/assets/stylesheets/components/_reverse_payment_modal.scss */
body.modal-open:has(#reversePaymentModal.show) #sidebar-overlay,
body:has(#reversePaymentModal.show) #sidebar-overlay {
z-index: 10050 !important;
pointer-events: none !important;
}
/* line 192, app/assets/stylesheets/components/_reverse_payment_modal.scss */
html body.modal-open:has(#reversePaymentModal.show) .modal-backdrop,
html body:has(#reversePaymentModal.show) .modal-backdrop {
z-index: 10054 !important;
}
/* line 3, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .table-responsive {
overflow-x: auto;
}
@media (min-width: 1200px) {
/* line 3, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .table-responsive {
overflow-x: visible;
}
}
/* line 11, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table {
width: 100%;
min-width: 900px;
}
/* line 16, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-number {
width: 100px;
min-width: 100px;
}
/* line 21, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-work {
width: 150px;
min-width: 150px;
max-width: 150px;
}
/* line 27, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-description {
width: 200px;
min-width: 200px;
max-width: 200px;
}
/* line 33, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-status {
width: 80px;
min-width: 80px;
}
/* line 38, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-priority {
width: 80px;
min-width: 80px;
}
/* line 43, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-dates {
width: 140px;
min-width: 140px;
}
/* line 48, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-amount {
width: 120px;
min-width: 120px;
}
/* line 53, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .col-actions {
width: 120px;
min-width: 120px;
}
/* line 59, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .work-cell {
max-width: 150px;
}
/* line 62, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .work-cell .text-truncate {
display: block;
max-width: 100%;
}
/* line 68, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .description-cell {
max-width: 200px;
}
/* line 71, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .description-cell .text-truncate {
display: block;
max-width: 100%;
}
/* line 78, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .date-info {
display: flex;
flex-direction: column;
gap: 2px;
align-items: center;
}
/* line 84, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .date-info .date-item {
text-align: center;
line-height: 1.2;
}
/* line 88, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .date-info .date-item .date-label {
display: block;
font-size: 0.75rem;
color: #6c757d;
font-weight: normal;
}
/* line 95, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .date-info .date-item strong {
display: block;
font-size: 0.875rem;
color: #495057;
}
/* line 104, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge,
.service-orders-index .data-table .priority-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.375rem 0.75rem;
border-radius: 0.375rem;
font-size: 0.875rem;
font-weight: 500;
white-space: nowrap;
transition: all 0.2s ease;
}
/* line 116, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge i,
.service-orders-index .data-table .priority-badge i {
font-size: 0.875rem;
}
/* line 120, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge:hover,
.service-orders-index .data-table .priority-badge:hover {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* line 128, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge.draft {
background-color: #6c757d;
color: white;
}
/* line 133, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge.pending {
background-color: #ffc107;
color: #212529;
}
/* line 138, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge.in_progress {
background-color: #17a2b8;
color: white;
}
/* line 143, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge.completed {
background-color: #28a745;
color: white;
}
/* line 148, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .status-badge.cancelled {
background-color: #dc3545;
color: white;
}
/* line 156, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .priority-badge.low {
background-color: #28a745;
color: white;
}
/* line 161, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .priority-badge.medium {
background-color: #ffc107;
color: #212529;
}
/* line 166, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .priority-badge.high {
background-color: #fd7e14;
color: white;
}
/* line 171, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .priority-badge.urgent {
background-color: #dc3545;
color: white;
}
/* line 178, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .actions-cell {
white-space: nowrap;
}
/* line 181, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .actions-cell .action-btn {
margin: 0 2px;
}
/* line 185, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .actions-cell .action-btn.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
/* line 190, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .actions-cell .action-btn.disabled:hover {
opacity: 0.5;
}
/* line 197, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .actions-cell .action-btn.restore {
background: transparent;
border: 1px solid #28a745;
color: #28a745;
padding: 4px 6px;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s ease;
}
/* line 206, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .actions-cell .action-btn.restore:hover {
background: #28a745;
color: white;
}
/* line 214, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .deleted-row {
background-color: #fff5f5 !important;
opacity: 0.7;
}
/* line 218, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .deleted-row:hover {
background-color: #ffe5e5 !important;
opacity: 0.85;
}
/* line 223, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .deleted-row td {
color: #999;
}
/* line 227, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .deleted-row .badge.badge-danger {
font-size: 10px;
padding: 2px 6px;
margin-top: 4px;
display: inline-block;
}
/* line 237, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .table-legends .legend-items {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
/* line 243, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .table-legends .legend-items .status-badge,
.service-orders-index .data-table .table-legends .legend-items .priority-badge {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
}
/* line 248, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table .table-legends .legend-items .status-badge i,
.service-orders-index .data-table .table-legends .legend-items .priority-badge i {
font-size: 0.75rem;
}
@media (max-width: 1199px) {
/* line 258, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .data-table {
min-width: 900px;
}
/* line 262, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .table-responsive {
border: 1px solid #dee2e6;
border-radius: 0.375rem;
}
}
@media (max-width: 768px) {
/* line 270, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .stats-row {
flex-direction: column;
gap: 1rem;
}
/* line 274, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .stats-row .stat-item {
flex: 1;
min-width: auto;
}
/* line 281, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .filters-section .filters-row {
flex-direction: column;
gap: 1rem;
}
/* line 285, app/assets/stylesheets/components/_service_orders_table.scss */
.service-orders-index .filters-section .filters-row .filter-group {
width: 100%;
}
}
/* line 295, app/assets/stylesheets/components/_service_orders_table.scss */
.data-table th, .data-table td {
vertical-align: middle;
padding: 0.75rem 0.5rem;
}
/* line 300, app/assets/stylesheets/components/_service_orders_table.scss */
.data-table th {
font-weight: 600;
background-color: #f8f9fa;
border-bottom: 2px solid #dee2e6;
}
/* line 306, app/assets/stylesheets/components/_service_orders_table.scss */
.data-table td {
border-bottom: 1px solid #dee2e6;
}
/* line 310, app/assets/stylesheets/components/_service_orders_table.scss */
.data-table tbody tr:hover {
background-color: #f8f9fa;
}
/* line 2, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page {
margin: 0;
padding: 0 !important;
background: var(--erp-ui-page);
color: var(--erp-ui-ink);
}
/* line 10, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
min-height: 100dvh;
padding: 24px 16px;
padding-top: calc(24px + env(safe-area-inset-top, 0px));
padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 14px;
line-height: 1.5;
}
/* line 25, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card {
box-sizing: border-box;
width: 100%;
max-width: 440px;
padding: 24px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow);
}
/* line 35, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card h1 {
margin: 0 0 8px;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
}
/* line 37, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card h1:focus {
outline: none;
}
/* line 38, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card p {
margin: 0 0 16px;
color: var(--erp-ui-ink-2);
}
/* line 39, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card .session-recovery__brand {
margin-bottom: 24px;
color: var(--erp-ui-ink);
font-weight: 700;
}
/* line 40, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card .session-recovery__saved {
padding: 16px;
background: var(--erp-ui-surface-2);
border-radius: var(--erp-ui-radius);
}
/* line 41, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card .session-recovery__status {
margin: 16px 0 0;
}
/* line 42, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__card .session-recovery__status:empty {
margin: 0;
}
/* line 45, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__login {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 8px 16px;
border: 1px solid var(--erp-ui-accent);
border-radius: 4px;
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
font-weight: 600;
text-decoration: none;
}
/* line 59, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__login:hover {
background: var(--erp-ui-accent-hover);
color: var(--erp-ui-accent-ink);
}
/* line 60, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__login:focus-visible {
outline: 3px solid var(--erp-ui-accent-marker);
outline-offset: 3px;
}
/* line 61, app/assets/stylesheets/components/_session_recovery.scss */
body.session-recovery-page .session-recovery__login[aria-disabled="true"] {
cursor: wait;
}
@charset "UTF-8";
/* =============================================================================
UTILITIES - Utilitários consolidados (ex: inline styles)
============================================================================= */
/* Progress Bars */
/* line 6, app/assets/stylesheets/components/_utilities.scss */
.progress-thin {
height: 8px;
}
/* line 10, app/assets/stylesheets/components/_utilities.scss */
.progress-normal {
height: 12px;
}
/* line 14, app/assets/stylesheets/components/_utilities.scss */
.progress-thick {
height: 16px;
}
/* Scrollable Containers */
/* line 19, app/assets/stylesheets/components/_utilities.scss */
.scrollable-container {
max-height: 500px;
overflow-y: auto;
}
/* line 23, app/assets/stylesheets/components/_utilities.scss */
.scrollable-container--small {
max-height: 200px;
}
/* line 27, app/assets/stylesheets/components/_utilities.scss */
.scrollable-container--medium {
max-height: 300px;
}
/* line 31, app/assets/stylesheets/components/_utilities.scss */
.scrollable-container--large {
max-height: 600px;
}
/* line 35, app/assets/stylesheets/components/_utilities.scss */
.scrollable-container--xlarge {
max-height: 800px;
}
/* Permission Groups Container */
/* line 41, app/assets/stylesheets/components/_utilities.scss */
.permission-groups-container {
max-height: 500px;
overflow-y: auto;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
background: #f8f9fa;
}
/* Code/Log Container */
/* line 51, app/assets/stylesheets/components/_utilities.scss */
.code-container {
max-height: 200px;
overflow-y: auto;
background: #f8f9fa;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 0.85rem;
}
/* line 60, app/assets/stylesheets/components/_utilities.scss */
.code-container--large {
max-height: 400px;
}
/* line 64, app/assets/stylesheets/components/_utilities.scss */
.code-container--full {
max-height: none;
}
/* Full Height Containers */
/* line 70, app/assets/stylesheets/components/_utilities.scss */
.container-full-height {
height: 100vh;
}
/* line 74, app/assets/stylesheets/components/_utilities.scss */
.container-calc-height {
height: calc(100vh - 200px);
}
/* line 77, app/assets/stylesheets/components/_utilities.scss */
.container-calc-height--header {
height: calc(100vh - 150px);
}
/* line 81, app/assets/stylesheets/components/_utilities.scss */
.container-calc-height--footer {
height: calc(100vh - 100px);
}
/* Responsive Heights */
/* line 87, app/assets/stylesheets/components/_utilities.scss */
.height-responsive {
height: auto;
}
@media (min-width: 768px) {
/* line 87, app/assets/stylesheets/components/_utilities.scss */
.height-responsive {
height: 300px;
}
}
@media (min-width: 992px) {
/* line 87, app/assets/stylesheets/components/_utilities.scss */
.height-responsive {
height: 400px;
}
}
/* =============================================================================
FASE 2 - Componentes Complexos
============================================================================= */
/* Notifications Dropdown */
/* line 104, app/assets/stylesheets/components/_utilities.scss */
.notifications-dropdown-scroll {
max-height: 300px;
overflow-y: auto;
}
/* JSON/Log Display */
/* line 110, app/assets/stylesheets/components/_utilities.scss */
.json-display,
.log-display {
background: #f8f9fa;
padding: 10px;
border-radius: 4px;
font-family: monospace;
font-size: 0.85rem;
max-height: 200px;
overflow-y: auto;
}
/* line 120, app/assets/stylesheets/components/_utilities.scss */
.json-display--large,
.log-display--large {
max-height: 400px;
}
/* line 124, app/assets/stylesheets/components/_utilities.scss */
.json-display--xlarge,
.log-display--xlarge {
max-height: 600px;
}
/* line 128, app/assets/stylesheets/components/_utilities.scss */
.json-display--no-scroll,
.log-display--no-scroll {
max-height: none;
overflow-y: visible;
}
/* Pre tag with scroll */
/* line 135, app/assets/stylesheets/components/_utilities.scss */
.pre-scrollable {
background: #f8f9fa;
padding: 1rem;
border-radius: 4px;
max-height: 200px;
overflow-y: auto;
}
/* line 142, app/assets/stylesheets/components/_utilities.scss */
.pre-scrollable--large {
max-height: 400px;
}
/* Table Responsive with max-height */
/* line 148, app/assets/stylesheets/components/_utilities.scss */
.table-responsive-scroll {
max-height: 400px;
overflow-y: auto;
}
/* line 152, app/assets/stylesheets/components/_utilities.scss */
.table-responsive-scroll--small {
max-height: 200px;
}
/* line 156, app/assets/stylesheets/components/_utilities.scss */
.table-responsive-scroll--medium {
max-height: 300px;
}
/* line 160, app/assets/stylesheets/components/_utilities.scss */
.table-responsive-scroll--large {
max-height: 500px;
}
/* line 164, app/assets/stylesheets/components/_utilities.scss */
.table-responsive-scroll--xlarge {
max-height: 600px;
}
/* Width utilities (substituindo inline width) */
/* line 170, app/assets/stylesheets/components/_utilities.scss */
.w-35px {
width: 35px !important;
}
/* line 171, app/assets/stylesheets/components/_utilities.scss */
.w-40px {
width: 40px !important;
}
/* line 172, app/assets/stylesheets/components/_utilities.scss */
.w-50px {
width: 50px !important;
}
/* line 173, app/assets/stylesheets/components/_utilities.scss */
.w-60px {
width: 60px !important;
}
/* line 174, app/assets/stylesheets/components/_utilities.scss */
.w-70px {
width: 70px !important;
}
/* line 175, app/assets/stylesheets/components/_utilities.scss */
.w-80px {
width: 80px !important;
}
/* line 176, app/assets/stylesheets/components/_utilities.scss */
.w-90px {
width: 90px !important;
}
/* line 177, app/assets/stylesheets/components/_utilities.scss */
.w-100px {
width: 100px !important;
}
/* line 178, app/assets/stylesheets/components/_utilities.scss */
.w-110px {
width: 110px !important;
}
/* line 179, app/assets/stylesheets/components/_utilities.scss */
.w-120px {
width: 120px !important;
}
/* line 180, app/assets/stylesheets/components/_utilities.scss */
.w-130px {
width: 130px !important;
}
/* line 181, app/assets/stylesheets/components/_utilities.scss */
.w-140px {
width: 140px !important;
}
/* line 182, app/assets/stylesheets/components/_utilities.scss */
.w-150px {
width: 150px !important;
}
/* line 183, app/assets/stylesheets/components/_utilities.scss */
.w-160px {
width: 160px !important;
}
/* line 184, app/assets/stylesheets/components/_utilities.scss */
.w-170px {
width: 170px !important;
}
/* line 185, app/assets/stylesheets/components/_utilities.scss */
.w-180px {
width: 180px !important;
}
/* line 186, app/assets/stylesheets/components/_utilities.scss */
.w-200px {
width: 200px !important;
}
/* line 187, app/assets/stylesheets/components/_utilities.scss */
.w-220px {
width: 220px !important;
}
/* line 188, app/assets/stylesheets/components/_utilities.scss */
.w-250px {
width: 250px !important;
}
/* line 189, app/assets/stylesheets/components/_utilities.scss */
.w-300px {
width: 300px !important;
}
/* Max Width utilities */
/* line 192, app/assets/stylesheets/components/_utilities.scss */
.mw-120px {
max-width: 120px !important;
}
/* line 193, app/assets/stylesheets/components/_utilities.scss */
.mw-140px {
max-width: 140px !important;
}
/* line 194, app/assets/stylesheets/components/_utilities.scss */
.mw-160px {
max-width: 160px !important;
}
/* line 195, app/assets/stylesheets/components/_utilities.scss */
.mw-170px {
max-width: 170px !important;
}
/* line 196, app/assets/stylesheets/components/_utilities.scss */
.mw-200px {
max-width: 200px !important;
}
/* line 197, app/assets/stylesheets/components/_utilities.scss */
.mw-220px {
max-width: 220px !important;
}
/* line 198, app/assets/stylesheets/components/_utilities.scss */
.mw-300px {
max-width: 300px !important;
}
/* line 199, app/assets/stylesheets/components/_utilities.scss */
.mw-400px {
max-width: 400px !important;
}
/* Width percentual utilities */
/* line 202, app/assets/stylesheets/components/_utilities.scss */
.w-5-pct {
width: 5% !important;
}
/* line 203, app/assets/stylesheets/components/_utilities.scss */
.w-8-pct {
width: 8% !important;
}
/* line 204, app/assets/stylesheets/components/_utilities.scss */
.w-10-pct {
width: 10% !important;
}
/* line 205, app/assets/stylesheets/components/_utilities.scss */
.w-12-pct {
width: 12% !important;
}
/* line 206, app/assets/stylesheets/components/_utilities.scss */
.w-15-pct {
width: 15% !important;
}
/* line 207, app/assets/stylesheets/components/_utilities.scss */
.w-20-pct {
width: 20% !important;
}
/* line 208, app/assets/stylesheets/components/_utilities.scss */
.w-25-pct {
width: 25% !important;
}
/* line 209, app/assets/stylesheets/components/_utilities.scss */
.w-30-pct {
width: 30% !important;
}
/* line 210, app/assets/stylesheets/components/_utilities.scss */
.w-35-pct {
width: 35% !important;
}
/* line 211, app/assets/stylesheets/components/_utilities.scss */
.w-40-pct {
width: 40% !important;
}
/* line 212, app/assets/stylesheets/components/_utilities.scss */
.w-45-pct {
width: 45% !important;
}
/* line 213, app/assets/stylesheets/components/_utilities.scss */
.w-50-pct {
width: 50% !important;
}
/* line 214, app/assets/stylesheets/components/_utilities.scss */
.w-60-pct {
width: 60% !important;
}
/* line 215, app/assets/stylesheets/components/_utilities.scss */
.w-70-pct {
width: 70% !important;
}
/* line 216, app/assets/stylesheets/components/_utilities.scss */
.w-80-pct {
width: 80% !important;
}
/* line 217, app/assets/stylesheets/components/_utilities.scss */
.w-90-pct {
width: 90% !important;
}
/* Max-width utilities */
/* line 220, app/assets/stylesheets/components/_utilities.scss */
.mw-200px {
max-width: 200px !important;
}
/* line 221, app/assets/stylesheets/components/_utilities.scss */
.mw-300px {
max-width: 300px !important;
}
/* line 222, app/assets/stylesheets/components/_utilities.scss */
.mw-400px {
max-width: 400px !important;
}
/* Min-width utilities */
/* line 225, app/assets/stylesheets/components/_utilities.scss */
.min-w-30 {
min-width: 30px !important;
}
/* line 226, app/assets/stylesheets/components/_utilities.scss */
.min-w-80 {
min-width: 80px !important;
}
/* Display utilities consolidados */
/* line 229, app/assets/stylesheets/components/_utilities.scss */
.d-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
/* line 235, app/assets/stylesheets/components/_utilities.scss */
.d-flex-between {
display: flex;
align-items: center;
justify-content: space-between;
}
/* line 241, app/assets/stylesheets/components/_utilities.scss */
.d-flex-start {
display: flex;
align-items: center;
justify-content: flex-start;
}
/* line 247, app/assets/stylesheets/components/_utilities.scss */
.d-flex-end {
display: flex;
align-items: center;
justify-content: flex-end;
}
/* Icon containers */
/* line 254, app/assets/stylesheets/components/_utilities.scss */
.stat-icon-container {
width: 50px;
height: 50px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 262, app/assets/stylesheets/components/_utilities.scss */
.stat-icon-container--small {
width: 40px;
height: 40px;
}
/* line 267, app/assets/stylesheets/components/_utilities.scss */
.stat-icon-container--large {
width: 60px;
height: 60px;
}
/* line 272, app/assets/stylesheets/components/_utilities.scss */
.stat-icon-container--info {
background: rgba(52, 152, 219, 0.1);
color: var(--erp-info);
}
/* line 277, app/assets/stylesheets/components/_utilities.scss */
.stat-icon-container--success {
background: rgba(39, 174, 96, 0.1);
color: var(--erp-success);
}
/* line 282, app/assets/stylesheets/components/_utilities.scss */
.stat-icon-container--warning {
background: rgba(243, 156, 18, 0.1);
color: var(--erp-warning);
}
/* line 287, app/assets/stylesheets/components/_utilities.scss */
.stat-icon-container--danger {
background: rgba(231, 76, 60, 0.1);
color: var(--erp-danger);
}
/* Padding utilities específicos */
/* line 294, app/assets/stylesheets/components/_utilities.scss */
.p-3-custom {
padding: 1rem;
}
/* line 298, app/assets/stylesheets/components/_utilities.scss */
.px-10 {
padding-left: 10px;
padding-right: 10px;
}
/* line 303, app/assets/stylesheets/components/_utilities.scss */
.py-10 {
padding-top: 10px;
padding-bottom: 10px;
}
/* Border radius utilities */
/* line 309, app/assets/stylesheets/components/_utilities.scss */
.rounded-2 {
border-radius: 2px !important;
}
/* line 313, app/assets/stylesheets/components/_utilities.scss */
.rounded-3 {
border-radius: 3px !important;
}
/* line 317, app/assets/stylesheets/components/_utilities.scss */
.rounded-4 {
border-radius: 4px !important;
}
/* line 321, app/assets/stylesheets/components/_utilities.scss */
.rounded-5 {
border-radius: 5px !important;
}
/* line 325, app/assets/stylesheets/components/_utilities.scss */
.rounded-6 {
border-radius: 6px !important;
}
/* line 329, app/assets/stylesheets/components/_utilities.scss */
.rounded-8 {
border-radius: 8px !important;
}
/* line 333, app/assets/stylesheets/components/_utilities.scss */
.rounded-10 {
border-radius: 10px !important;
}
/* line 337, app/assets/stylesheets/components/_utilities.scss */
.rounded-12 {
border-radius: 12px !important;
}
/* line 341, app/assets/stylesheets/components/_utilities.scss */
.rounded-25 {
border-radius: 25px !important;
}
/* Font size utilities (FASE 3 + FASE 6) */
/* line 346, app/assets/stylesheets/components/_utilities.scss */
.fs-10px {
font-size: 10px !important;
}
/* line 350, app/assets/stylesheets/components/_utilities.scss */
.fs-11px {
font-size: 11px !important;
}
/* line 354, app/assets/stylesheets/components/_utilities.scss */
.fs-12px {
font-size: 12px !important;
}
/* line 358, app/assets/stylesheets/components/_utilities.scss */
.fs-13px {
font-size: 13px !important;
}
/* line 362, app/assets/stylesheets/components/_utilities.scss */
.fs-14px {
font-size: 14px !important;
}
/* line 366, app/assets/stylesheets/components/_utilities.scss */
.fs-75rem {
font-size: 0.75rem !important;
}
/* line 370, app/assets/stylesheets/components/_utilities.scss */
.fs-8rem {
font-size: 0.8rem !important;
}
/* line 374, app/assets/stylesheets/components/_utilities.scss */
.fs-85rem {
font-size: 0.85rem !important;
}
/* line 378, app/assets/stylesheets/components/_utilities.scss */
.fs-875rem {
font-size: 0.875rem !important;
}
/* line 382, app/assets/stylesheets/components/_utilities.scss */
.fs-9rem {
font-size: 0.9rem !important;
}
/* line 386, app/assets/stylesheets/components/_utilities.scss */
.fs-1rem {
font-size: 1rem !important;
}
/* line 390, app/assets/stylesheets/components/_utilities.scss */
.fs-125rem {
font-size: 1.25rem !important;
}
/* line 394, app/assets/stylesheets/components/_utilities.scss */
.fs-3rem {
font-size: 3rem !important;
}
/* Legacy compatibility */
/* line 399, app/assets/stylesheets/components/_utilities.scss */
.fs-13 {
font-size: 13px !important;
}
/* =============================================================================
FASE 3 - Casos Especiais
============================================================================= */
/* Progress bars com alturas específicas */
/* line 408, app/assets/stylesheets/components/_utilities.scss */
.progress-height-25 {
height: 25px;
}
/* line 412, app/assets/stylesheets/components/_utilities.scss */
.progress-height-30 {
height: 30px;
}
/* line 416, app/assets/stylesheets/components/_utilities.scss */
.progress-height-20 {
height: 20px;
}
/* Avatar containers */
/* line 421, app/assets/stylesheets/components/_utilities.scss */
.avatar-container {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 428, app/assets/stylesheets/components/_utilities.scss */
.avatar-container--small {
width: 50px;
height: 50px;
}
/* line 433, app/assets/stylesheets/components/_utilities.scss */
.avatar-container--large {
width: 100px;
height: 100px;
}
/* line 438, app/assets/stylesheets/components/_utilities.scss */
.avatar-container--circle {
border-radius: 50%;
}
/* Table column widths */
/* line 444, app/assets/stylesheets/components/_utilities.scss */
.table-col-40 {
width: 40% !important;
}
/* line 448, app/assets/stylesheets/components/_utilities.scss */
.table-col-30 {
width: 30% !important;
}
/* line 452, app/assets/stylesheets/components/_utilities.scss */
.table-col-20 {
width: 20% !important;
}
/* line 456, app/assets/stylesheets/components/_utilities.scss */
.table-col-10 {
width: 10% !important;
}
/* Sync logs container */
/* line 461, app/assets/stylesheets/components/_utilities.scss */
.sync-logs-container {
height: 500px;
overflow-y: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
/* Full width utility */
/* line 469, app/assets/stylesheets/components/_utilities.scss */
.w-100-force {
width: 100% !important;
}
/* Display utilities para controle de visibilidade */
/* line 474, app/assets/stylesheets/components/_utilities.scss */
.d-none-initial {
display: none;
}
/* line 478, app/assets/stylesheets/components/_utilities.scss */
.d-block-initial {
display: block;
}
/* Positioning utilities */
/* line 483, app/assets/stylesheets/components/_utilities.scss */
.pos-absolute-dropdown {
position: absolute;
top: 100%;
right: 0;
z-index: 1000;
min-width: 150px;
}
/* Height utilities específicos */
/* line 492, app/assets/stylesheets/components/_utilities.scss */
.h-4px {
height: 4px !important;
}
/* line 496, app/assets/stylesheets/components/_utilities.scss */
.h-8px {
height: 8px !important;
}
/* line 500, app/assets/stylesheets/components/_utilities.scss */
.h-30px {
height: 30px !important;
}
/* line 504, app/assets/stylesheets/components/_utilities.scss */
.h-35px {
height: 35px !important;
}
/* line 508, app/assets/stylesheets/components/_utilities.scss */
.h-40px {
height: 40px !important;
}
/* line 512, app/assets/stylesheets/components/_utilities.scss */
.h-50px {
height: 50px !important;
}
/* line 516, app/assets/stylesheets/components/_utilities.scss */
.h-80px {
height: 80px !important;
}
/* line 520, app/assets/stylesheets/components/_utilities.scss */
.h-100px {
height: 100px !important;
}
/* line 524, app/assets/stylesheets/components/_utilities.scss */
.h-150px {
height: 150px !important;
}
/* line 528, app/assets/stylesheets/components/_utilities.scss */
.h-200px {
height: 200px !important;
}
/* line 532, app/assets/stylesheets/components/_utilities.scss */
.h-250px {
height: 250px !important;
}
/* line 536, app/assets/stylesheets/components/_utilities.scss */
.h-300px {
height: 300px !important;
}
/* line 540, app/assets/stylesheets/components/_utilities.scss */
.h-400px {
height: 400px !important;
}
/* line 544, app/assets/stylesheets/components/_utilities.scss */
.h-500px {
height: 500px !important;
}
/* Min-height utilities */
/* line 549, app/assets/stylesheets/components/_utilities.scss */
.min-h-100 {
min-height: 100px !important;
}
/* line 553, app/assets/stylesheets/components/_utilities.scss */
.min-h-150 {
min-height: 150px !important;
}
/* line 557, app/assets/stylesheets/components/_utilities.scss */
.min-h-200 {
min-height: 200px !important;
}
/* line 561, app/assets/stylesheets/components/_utilities.scss */
.min-h-250 {
min-height: 250px !important;
}
/* line 565, app/assets/stylesheets/components/_utilities.scss */
.min-h-300 {
min-height: 300px !important;
}
/* line 569, app/assets/stylesheets/components/_utilities.scss */
.min-h-400 {
min-height: 400px !important;
}
/* line 573, app/assets/stylesheets/components/_utilities.scss */
.min-h-500 {
min-height: 500px !important;
}
/* Max-height utilities */
/* line 578, app/assets/stylesheets/components/_utilities.scss */
.max-h-200 {
max-height: 200px !important;
}
/* line 582, app/assets/stylesheets/components/_utilities.scss */
.max-h-250 {
max-height: 250px !important;
}
/* line 586, app/assets/stylesheets/components/_utilities.scss */
.max-h-300 {
max-height: 300px !important;
}
/* line 590, app/assets/stylesheets/components/_utilities.scss */
.max-h-400 {
max-height: 400px !important;
}
/* line 594, app/assets/stylesheets/components/_utilities.scss */
.max-h-500 {
max-height: 500px !important;
}
/* line 598, app/assets/stylesheets/components/_utilities.scss */
.max-h-600 {
max-height: 600px !important;
}
/* Cursor utilities */
/* line 603, app/assets/stylesheets/components/_utilities.scss */
.cursor-pointer {
cursor: pointer !important;
}
/* line 607, app/assets/stylesheets/components/_utilities.scss */
.cursor-default {
cursor: default !important;
}
/* line 611, app/assets/stylesheets/components/_utilities.scss */
.cursor-not-allowed {
cursor: not-allowed !important;
}
/* Opacity utilities */
/* line 616, app/assets/stylesheets/components/_utilities.scss */
.opacity-90 {
opacity: 0.9 !important;
}
/* line 620, app/assets/stylesheets/components/_utilities.scss */
.opacity-80 {
opacity: 0.8 !important;
}
/* line 624, app/assets/stylesheets/components/_utilities.scss */
.opacity-75 {
opacity: 0.75 !important;
}
/* line 628, app/assets/stylesheets/components/_utilities.scss */
.opacity-70 {
opacity: 0.7 !important;
}
/* line 632, app/assets/stylesheets/components/_utilities.scss */
.opacity-60 {
opacity: 0.6 !important;
}
/* line 636, app/assets/stylesheets/components/_utilities.scss */
.opacity-50 {
opacity: 0.5 !important;
}
/* line 640, app/assets/stylesheets/components/_utilities.scss */
.opacity-30 {
opacity: 0.3 !important;
}
/* line 644, app/assets/stylesheets/components/_utilities.scss */
.opacity-25 {
opacity: 0.25 !important;
}
/* Margin utilities específicos */
/* line 649, app/assets/stylesheets/components/_utilities.scss */
.m-0-force {
margin: 0 !important;
}
/* line 653, app/assets/stylesheets/components/_utilities.scss */
.m-5 {
margin: 5px !important;
}
/* line 657, app/assets/stylesheets/components/_utilities.scss */
.m-10 {
margin: 10px !important;
}
/* line 661, app/assets/stylesheets/components/_utilities.scss */
.m-15 {
margin: 15px !important;
}
/* line 665, app/assets/stylesheets/components/_utilities.scss */
.m-20 {
margin: 20px !important;
}
/* line 669, app/assets/stylesheets/components/_utilities.scss */
.m-30 {
margin: 30px !important;
}
/* line 673, app/assets/stylesheets/components/_utilities.scss */
.mt-20 {
margin-top: 20px !important;
}
/* line 677, app/assets/stylesheets/components/_utilities.scss */
.m-5-0 {
margin: 5px 0 !important;
}
/* Box shadow utilities */
/* line 682, app/assets/stylesheets/components/_utilities.scss */
.shadow-subtle {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
/* line 686, app/assets/stylesheets/components/_utilities.scss */
.shadow-none-force {
box-shadow: none !important;
}
/* Flex utilities */
/* line 691, app/assets/stylesheets/components/_utilities.scss */
.flex-1 {
flex: 1;
}
/* Line height utilities */
/* line 696, app/assets/stylesheets/components/_utilities.scss */
.lh-1 {
line-height: 1 !important;
}
/* line 700, app/assets/stylesheets/components/_utilities.scss */
.lh-12 {
line-height: 1.2 !important;
}
/* line 704, app/assets/stylesheets/components/_utilities.scss */
.lh-13 {
line-height: 1.3 !important;
}
/* line 708, app/assets/stylesheets/components/_utilities.scss */
.lh-14 {
line-height: 1.4 !important;
}
/* line 712, app/assets/stylesheets/components/_utilities.scss */
.lh-15 {
line-height: 1.5 !important;
}
/* line 716, app/assets/stylesheets/components/_utilities.scss */
.lh-16 {
line-height: 1.6 !important;
}
/* line 720, app/assets/stylesheets/components/_utilities.scss */
.lh-18 {
line-height: 1.8 !important;
}
/* line 724, app/assets/stylesheets/components/_utilities.scss */
.lh-2 {
line-height: 2 !important;
}
/* Text truncate com max-width */
/* line 729, app/assets/stylesheets/components/_utilities.scss */
.truncate-200 {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
/* Badge utilities */
/* line 738, app/assets/stylesheets/components/_utilities.scss */
.badge-tiny {
font-size: 10px;
padding: 0.15rem 0.3rem;
}
/* Square utilities (width = height) */
/* line 744, app/assets/stylesheets/components/_utilities.scss */
.square-35 {
width: 35px;
height: 35px;
}
/* =============================================================================
FASE 8 - Misc CSS (Background, Padding, Border)
============================================================================= */
/* Padding utilities */
/* line 754, app/assets/stylesheets/components/_utilities.scss */
.p-3 {
padding: 3px !important;
}
/* line 758, app/assets/stylesheets/components/_utilities.scss */
.p-4 {
padding: 4px !important;
}
/* line 762, app/assets/stylesheets/components/_utilities.scss */
.p-5 {
padding: 5px !important;
}
/* line 766, app/assets/stylesheets/components/_utilities.scss */
.p-6 {
padding: 6px !important;
}
/* line 770, app/assets/stylesheets/components/_utilities.scss */
.p-8 {
padding: 8px !important;
}
/* line 774, app/assets/stylesheets/components/_utilities.scss */
.p-10 {
padding: 10px !important;
}
/* line 778, app/assets/stylesheets/components/_utilities.scss */
.p-12 {
padding: 12px !important;
}
/* line 782, app/assets/stylesheets/components/_utilities.scss */
.p-15 {
padding: 15px !important;
}
/* line 786, app/assets/stylesheets/components/_utilities.scss */
.p-20 {
padding: 20px !important;
}
/* line 790, app/assets/stylesheets/components/_utilities.scss */
.p-30 {
padding: 30px !important;
}
/* Background color utilities */
/* line 795, app/assets/stylesheets/components/_utilities.scss */
.bg-light-gray {
background-color: #f8f9fa !important;
}
/* line 799, app/assets/stylesheets/components/_utilities.scss */
.bg-info-custom {
background-color: #17a2b8 !important;
}
/* line 803, app/assets/stylesheets/components/_utilities.scss */
.bg-warning-custom {
background-color: #f39c12 !important;
}
/* line 807, app/assets/stylesheets/components/_utilities.scss */
.bg-orange {
background-color: #fd7e14 !important;
}
/* line 811, app/assets/stylesheets/components/_utilities.scss */
.bg-danger-custom {
background-color: #e74c3c !important;
}
/* line 815, app/assets/stylesheets/components/_utilities.scss */
.bg-secondary-custom {
background-color: #6c757d !important;
}
/* line 819, app/assets/stylesheets/components/_utilities.scss */
.bg-yellow-light {
background-color: #fff3cd !important;
}
/* line 823, app/assets/stylesheets/components/_utilities.scss */
.bg-cream {
background-color: #fef9e7 !important;
}
/* line 827, app/assets/stylesheets/components/_utilities.scss */
.bg-red-light {
background-color: #fadbd8 !important;
}
/* Border utilities */
/* line 832, app/assets/stylesheets/components/_utilities.scss */
.border-1-ddd {
border: 1px solid #ddd !important;
}
/* line 836, app/assets/stylesheets/components/_utilities.scss */
.border-1-gray {
border: 1px solid #dee2e6 !important;
}
/* line 840, app/assets/stylesheets/components/_utilities.scss */
.border-2-gray {
border: 2px solid #dee2e6 !important;
}
@charset "UTF-8";
/* line 11, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .main-container,
.payables-module .main-container {
padding: 1.5rem;
max-width: 1600px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}
/* line 21, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .control-panel,
.payables-module .control-panel {
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}
/* line 29, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .stats-row,
.payables-module .stats-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
padding: 1rem;
background: #f8f9fc;
border-bottom: 1px solid #e3e6f0;
}
/* line 38, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .erp-stat-card,
.payables-module .erp-stat-card {
background: white;
border-radius: 8px;
padding: 1rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* line 45, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .erp-stat-card:hover,
.payables-module .erp-stat-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* line 52, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section,
.payables-module .filters-section {
padding: 0.65rem 0.75rem;
background: white;
border-bottom: 1px solid #e3e6f0;
overflow: visible !important;
width: 100%;
box-sizing: border-box;
max-width: 100%;
}
/* line 61, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row,
.payables-module .filters-section .filters-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.5rem;
align-items: end;
width: 100% !important;
box-sizing: border-box;
max-width: 100% !important;
margin: 0 !important;
padding: 0;
overflow: visible;
}
/* line 73, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group,
.payables-module .filters-section .filters-row .filter-group {
flex: 1 1 auto;
min-width: 120px;
max-width: calc(100% / 7 - 0.75rem);
box-sizing: border-box;
}
/* line 79, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group.filter-group-wide,
.payables-module .filters-section .filters-row .filter-group.filter-group-wide {
flex: 2 1 220px;
max-width: 320px;
}
/* line 84, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group label,
.payables-module .filters-section .filters-row .filter-group label {
display: block;
font-size: 0.75rem;
font-weight: 500;
color: #495057;
margin-bottom: 0.125rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 95, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group .form-control,
.payables-module .filters-section .filters-row .filter-group .form-control {
height: 32px;
padding: 0.25rem 0.5rem;
font-size: 0.8rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
/* line 105, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group input[type="date"],
.payables-module .filters-section .filters-row .filter-group input[type="date"] {
min-width: 0;
width: 100%;
}
/* line 111, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-actions,
.payables-module .filters-section .filters-row .filter-actions {
display: flex !important;
gap: 0.35rem;
align-items: end;
flex-wrap: nowrap;
flex-shrink: 0;
box-sizing: border-box;
flex-basis: 100% !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
order: 999;
margin-top: 0.5rem !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
justify-content: flex-start;
clear: both;
}
/* line 132, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-actions .btn,
.payables-module .filters-section .filters-row .filter-actions .btn {
white-space: nowrap;
flex-shrink: 0;
}
/* line 138, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters,
.payables-module .filters-section .filters-row .payables-advanced-filters {
position: relative;
flex: 0 0 auto;
overflow: visible;
z-index: 2;
}
/* line 144, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle,
.payables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
min-height: 30px;
padding: 0.35rem 0.65rem;
border: 1px solid #ced4da;
border-radius: 4px;
background: #fff;
cursor: pointer;
font-size: 0.8rem;
font-weight: 600;
color: #344054;
}
/* line 159, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle:focus-visible,
.payables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle:focus-visible {
outline: 2px solid #3498db;
outline-offset: 2px;
}
/* line 164, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle span:first-child,
.payables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle span:first-child {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
/* line 170, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle:hover,
.payables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle:hover {
border-color: #3498db;
color: #1d4ed8;
}
/* line 176, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle[aria-expanded="true"],
.payables-module .filters-section .filters-row .payables-advanced-filters .payables-advanced-toggle[aria-expanded="true"] {
border-color: #3498db;
color: #1d4ed8;
}
/* line 181, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-badge,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-badge {
display: inline-flex;
align-items: center;
padding: 0.2rem 0.55rem;
border-radius: 999px;
background: rgba(52, 152, 219, 0.12);
color: #1d4ed8;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* line 194, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid {
position: absolute;
top: calc(100% + 0.5rem);
right: 0;
left: auto;
width: 600px;
max-width: calc(100vw - 2rem);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
padding: 0.65rem;
border: 1px solid #e3e6f0;
border-radius: 8px;
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
overflow: visible;
}
/* line 212, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group {
flex: 1 1 160px;
max-width: none;
overflow: visible;
}
/* line 218, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group-wide,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group-wide {
flex: 2 1 260px;
max-width: none;
}
/* line 223, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-wrapper,
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-control,
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-dropdown,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-wrapper,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-control,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-dropdown {
overflow: visible;
}
/* line 229, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-wrapper,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-wrapper {
position: relative;
z-index: 5;
}
/* line 234, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-dropdown,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .ts-dropdown {
z-index: 10020 !important;
}
@media (min-width: 1400px) {
/* line 244, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group,
.payables-module .filters-section .filters-row .filter-group {
flex: 1 1 150px;
}
}
@media (max-width: 1400px) and (min-width: 1200px) {
/* line 252, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row,
.payables-module .filters-section .filters-row {
gap: 0.5rem;
}
/* line 255, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group,
.payables-module .filters-section .filters-row .filter-group {
flex: 1 1 130px;
}
}
@media (max-width: 1200px) {
/* line 263, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row,
.payables-module .filters-section .filters-row {
gap: 0.5rem;
}
/* line 266, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group,
.payables-module .filters-section .filters-row .filter-group {
flex: 1 1 120px;
}
}
@media (max-width: 768px) {
/* line 274, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row,
.payables-module .filters-section .filters-row {
gap: 0.5rem;
}
/* line 277, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .filter-group,
.payables-module .filters-section .filters-row .filter-group {
flex: 1 1 calc(50% - 0.375rem);
}
/* line 282, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid {
left: 50%;
right: auto;
width: calc(100vw - 1.5rem);
max-width: calc(100vw - 1.5rem);
transform: translateX(-50%);
}
/* line 289, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group,
.receivables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group-wide,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group,
.payables-module .filters-section .filters-row .payables-advanced-filters .advanced-filters-grid .filter-group-wide {
flex: 1 1 100%;
}
}
/* line 300, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive,
.payables-module .table-responsive {
border-radius: 0;
overflow: visible !important;
}
/* line 304, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table,
.payables-module .table-responsive .table {
margin-bottom: 0;
}
/* line 307, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table thead,
.payables-module .table-responsive .table thead {
background: #f8f9fc;
}
/* line 310, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table thead th,
.payables-module .table-responsive .table thead th {
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #5a5c69;
padding: 0.75rem;
border-bottom: 2px solid #e3e6f0;
}
/* line 322, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr,
.payables-module .table-responsive .table tbody tr {
transition: background-color 0.2s ease;
}
/* line 325, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr:hover,
.payables-module .table-responsive .table tbody tr:hover {
background-color: #f8f9fc;
}
/* line 329, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger,
.payables-module .table-responsive .table tbody tr.table-danger {
background-color: #fff5f5;
}
/* line 332, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger:hover,
.payables-module .table-responsive .table tbody tr.table-danger:hover {
background-color: #ffe0e0;
}
/* line 341, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.payment, .receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-success,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.payment,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-success,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.payment,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-success,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.payment,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-success {
background-color: white;
color: #28a745;
border-color: #28a745;
}
/* line 347, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.payment:hover, .receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-success:hover,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.payment:hover,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-success:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.payment:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-success:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.payment:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-success:hover {
background-color: #28a745;
color: white;
}
/* line 354, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.edit, .receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-secondary,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.edit,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-secondary,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.edit,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-secondary,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.edit,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-secondary {
background-color: white;
color: #ffc107;
border-color: #ffc107;
}
/* line 360, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.edit:hover, .receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-secondary:hover,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.edit:hover,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-secondary:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.edit:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-secondary:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.edit:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-secondary:hover {
background-color: #ffc107;
color: #212529;
}
/* line 367, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.reverse,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.reverse,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.reverse,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.reverse {
background-color: white;
color: #6c757d;
border-color: #6c757d;
}
/* line 372, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.reverse:hover,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.reverse:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.reverse:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.reverse:hover {
background-color: #6c757d;
color: white;
}
/* line 379, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.view, .receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-primary,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.view,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-primary,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.view,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-primary,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.view,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-primary {
background-color: white;
color: #17a2b8;
border-color: #17a2b8;
}
/* line 385, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.view:hover, .receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-primary:hover,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.view:hover,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-primary:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.view:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.btn-outline-primary:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.view:hover,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.btn-outline-primary:hover {
background-color: #17a2b8;
color: white;
}
/* line 392, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.disabled,
.receivables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.disabled,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .action-btn.disabled,
.payables-module .table-responsive .table tbody tr.table-danger .actions-inline .btn.disabled {
background-color: #f8f9fa;
color: #adb5bd;
border-color: #dee2e6;
cursor: not-allowed;
}
/* line 403, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .table-responsive .table tbody td,
.payables-module .table-responsive .table tbody td {
padding: 0.75rem;
vertical-align: middle;
font-size: 0.875rem;
}
/* line 415, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell,
.payables-module table tbody td.actions-cell {
vertical-align: middle !important;
text-align: center;
padding: 0.75rem !important;
}
/* line 422, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline,
.payables-module table tbody td.actions-cell .actions-inline {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
flex-wrap: nowrap;
white-space: nowrap;
vertical-align: middle;
}
/* line 432, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn,
.receivables-module table tbody td.actions-cell .actions-inline .btn,
.payables-module table tbody td.actions-cell .actions-inline .action-btn,
.payables-module table tbody td.actions-cell .actions-inline .btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 4px;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.2s ease;
background: transparent;
font-size: 0.875rem;
text-decoration: none;
flex-shrink: 0;
vertical-align: middle;
padding: 0;
}
/* line 450, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-primary, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.view,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-primary,
.receivables-module table tbody td.actions-cell .actions-inline .btn.view,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-primary,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.view,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-primary,
.payables-module table tbody td.actions-cell .actions-inline .btn.view {
color: #17a2b8;
border-color: #17a2b8;
}
/* line 455, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-primary:hover, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.view:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-primary:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.view:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-primary:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.view:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-primary:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.view:hover {
background-color: #17a2b8;
color: white;
}
/* line 461, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-secondary, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.edit,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-secondary,
.receivables-module table tbody td.actions-cell .actions-inline .btn.edit,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-secondary,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.edit,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-secondary,
.payables-module table tbody td.actions-cell .actions-inline .btn.edit {
color: #ffc107;
border-color: #ffc107;
}
/* line 466, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-secondary:hover, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.edit:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-secondary:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.edit:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-secondary:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.edit:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-secondary:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.edit:hover {
background-color: #ffc107;
color: #212529;
}
/* line 472, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-danger, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.delete,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-danger,
.receivables-module table tbody td.actions-cell .actions-inline .btn.delete,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-danger,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.delete,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-danger,
.payables-module table tbody td.actions-cell .actions-inline .btn.delete {
color: #dc3545;
border-color: #dc3545;
}
/* line 477, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-danger:hover, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.delete:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-danger:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.delete:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-danger:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.delete:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-danger:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.delete:hover {
background-color: #dc3545;
color: white;
}
/* line 483, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-success, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.payment,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-success,
.receivables-module table tbody td.actions-cell .actions-inline .btn.payment,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-success,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.payment,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-success,
.payables-module table tbody td.actions-cell .actions-inline .btn.payment {
color: #28a745;
border-color: #28a745;
}
/* line 488, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-success:hover, .receivables-module table tbody td.actions-cell .actions-inline .action-btn.payment:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-success:hover,
.receivables-module table tbody td.actions-cell .actions-inline .btn.payment:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.btn-outline-success:hover,
.payables-module table tbody td.actions-cell .actions-inline .action-btn.payment:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.btn-outline-success:hover,
.payables-module table tbody td.actions-cell .actions-inline .btn.payment:hover {
background-color: #28a745;
color: white;
}
/* line 496, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module table tbody td.actions-cell .actions-inline .dropdown,
.payables-module table tbody td.actions-cell .actions-inline .dropdown {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}
/* line 506, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td),
.payables-module .actions-cell:not(td) {
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
flex-wrap: nowrap;
}
/* line 516, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn,
.payables-module .actions-cell:not(td) .action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 4px;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.2s ease;
background: transparent;
font-size: 0.875rem;
text-decoration: none;
flex-shrink: 0;
}
/* line 531, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.view,
.payables-module .actions-cell:not(td) .action-btn.view {
color: #17a2b8;
border-color: #17a2b8;
}
/* line 535, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.view:hover,
.payables-module .actions-cell:not(td) .action-btn.view:hover {
background-color: #17a2b8;
color: white;
}
/* line 541, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.edit,
.payables-module .actions-cell:not(td) .action-btn.edit {
color: #ffc107;
border-color: #ffc107;
}
/* line 545, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.edit:hover,
.payables-module .actions-cell:not(td) .action-btn.edit:hover {
background-color: #ffc107;
color: #212529;
}
/* line 551, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.payment,
.payables-module .actions-cell:not(td) .action-btn.payment {
color: #28a745;
border-color: #28a745;
}
/* line 555, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.payment:hover,
.payables-module .actions-cell:not(td) .action-btn.payment:hover {
background-color: #28a745;
color: white;
}
/* line 561, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.delete,
.payables-module .actions-cell:not(td) .action-btn.delete {
color: #dc3545;
border-color: #dc3545;
}
/* line 565, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .action-btn.delete:hover,
.payables-module .actions-cell:not(td) .action-btn.delete:hover {
background-color: #dc3545;
color: white;
}
/* line 573, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .actions-cell:not(td) .dropdown,
.payables-module .actions-cell:not(td) .dropdown {
display: inline-flex;
align-items: center;
justify-content: center;
}
/* line 581, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .card,
.payables-module .card {
border: none;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 1.5rem;
}
/* line 587, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .card .card-header,
.payables-module .card .card-header {
background: linear-gradient(135deg, #f8f9fc 0%, #eaecf4 100%);
border-bottom: 1px solid #e3e6f0;
padding: 1rem 1.5rem;
}
/* line 592, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .card .card-header .card-title,
.payables-module .card .card-header .card-title {
color: #5a5c69;
font-weight: 600;
font-size: 1rem;
margin: 0;
}
/* line 598, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .card .card-header .card-title i,
.payables-module .card .card-header .card-title i {
margin-right: 0.5rem;
color: #5a5c69;
}
/* line 605, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .card .card-body,
.payables-module .card .card-body {
padding: 0.75rem;
}
/* line 611, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section,
.payables-module .form-section {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid #e3e6f0;
}
/* line 616, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section:last-child,
.payables-module .form-section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
/* line 622, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .section-header,
.payables-module .form-section .section-header {
padding-bottom: 0.25rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid #e3e6f0;
}
/* line 627, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .section-header h6,
.payables-module .form-section .section-header h6 {
font-size: 0.8125rem;
font-weight: 600;
color: #5a5c69;
margin: 0;
line-height: 1.2;
display: flex;
align-items: center;
gap: 0.4rem;
}
/* line 637, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .section-header h6 i,
.payables-module .form-section .section-header h6 i {
font-size: 0.75rem;
color: #007bff;
}
/* line 643, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .section-header small,
.payables-module .form-section .section-header small {
display: none;
}
/* line 648, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-field,
.payables-module .form-section .form-field {
margin-bottom: 0.25rem;
}
/* line 651, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-field label,
.payables-module .form-section .form-field label {
font-size: 0.75rem;
font-weight: 500;
color: #495057;
margin-bottom: 0.15rem;
line-height: 1.2;
}
/* line 658, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-field label .required,
.payables-module .form-section .form-field label .required {
color: #dc3545;
font-size: 0.7rem;
}
/* line 664, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-field .form-control,
.payables-module .form-section .form-field .form-control {
font-size: 0.8125rem;
padding: 0.3rem 0.5rem;
border-color: #ced4da;
line-height: 1.3;
}
/* line 670, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-field .form-control:focus,
.payables-module .form-section .form-field .form-control:focus {
border-color: #007bff;
box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.2);
}
/* line 676, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-field .form-text,
.payables-module .form-section .form-field .form-text {
font-size: 0.7rem;
color: #6c757d;
margin-top: 0.1rem;
line-height: 1.2;
}
/* line 683, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-field .invalid-feedback,
.payables-module .form-section .form-field .invalid-feedback {
font-size: 0.7rem;
margin-top: 0.1rem;
}
/* line 690, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid,
.payables-module .form-section .form-grid {
gap: 0.5rem;
margin-bottom: 0.25rem;
}
/* line 694, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid.one-column,
.payables-module .form-section .form-grid.one-column {
grid-template-columns: 1fr;
}
/* line 698, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid.two-columns,
.payables-module .form-section .form-grid.two-columns {
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
}
/* line 703, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid.three-columns,
.payables-module .form-section .form-grid.three-columns {
grid-template-columns: repeat(3, 1fr);
}
/* line 707, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid.four-columns,
.payables-module .form-section .form-grid.four-columns {
gap: 0.35rem;
}
/* line 711, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid .form-field,
.payables-module .form-section .form-grid .form-field {
display: flex;
flex-direction: column;
}
/* line 715, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid .form-field.span-2,
.payables-module .form-section .form-grid .form-field.span-2 {
grid-column: span 2;
}
/* line 719, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-section .form-grid .form-field.span-3,
.payables-module .form-section .form-grid .form-field.span-3 {
grid-column: span 3;
}
/* line 727, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-label-sm,
.payables-module .form-label-sm {
font-size: 0.75rem;
font-weight: 500;
color: #495057;
margin-bottom: 0.15rem;
}
/* line 735, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-control:disabled,
.receivables-module .form-control[disabled],
.payables-module .form-control:disabled,
.payables-module .form-control[disabled] {
background-color: #f8f9fa;
opacity: 1;
cursor: not-allowed;
}
/* line 744, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .input-group-sm .input-group-text,
.payables-module .input-group-sm .input-group-text {
font-size: 0.75rem;
padding: 0.375rem 0.5rem;
}
/* line 749, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .input-group-sm .form-control,
.payables-module .input-group-sm .form-control {
font-size: 0.875rem;
padding: 0.375rem 0.5rem;
}
/* line 756, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .progress-payable,
.payables-module .progress-payable {
height: 8px;
}
/* line 759, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .progress-payable .progress-bar,
.payables-module .progress-payable .progress-bar {
width: var(--progress-percent, 0%);
}
/* line 765, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .progress-section,
.payables-module .progress-section {
padding: 12px 16px;
background: white;
border-bottom: 1px solid #dee2e6;
}
/* line 771, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .progress-compact,
.payables-module .progress-compact {
height: 8px;
}
/* line 776, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .payables-bulk-col,
.payables-module .payables-bulk-col {
width: 2.5rem;
vertical-align: middle;
text-align: center;
}
/* line 783, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-text.form-text-extra-small,
.receivables-module .form-check-label.form-text-extra-small,
.payables-module .form-text.form-text-extra-small,
.payables-module .form-check-label.form-text-extra-small {
font-size: 10px;
}
/* line 787, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-check-label.form-text-extra-small,
.payables-module .form-check-label.form-text-extra-small {
font-size: 11px;
}
/* line 791, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module #preview-recurring-container .preview-due-date,
.payables-module #preview-recurring-container .preview-due-date {
min-width: 140px;
}
/* line 794, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module #preview-recurring-container .preview-amount,
.payables-module #preview-recurring-container .preview-amount {
min-width: 100px;
}
/* line 797, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module #preview-recurring-container .recurring-preview-table th.recurring-preview-col-month,
.payables-module #preview-recurring-container .recurring-preview-table th.recurring-preview-col-month {
width: 60px;
}
/* line 800, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module #preview-recurring-container .recurring-preview-table th.recurring-preview-col-parcelas,
.payables-module #preview-recurring-container .recurring-preview-table th.recurring-preview-col-parcelas {
width: 80px;
}
/* line 807, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .person-card-content.boletos-tab-active,
.receivables-module .person-card-content:has(#boletos.tab-pane.active),
.receivables-module .person-card-content.payments-tab-active,
.receivables-module .person-card-content:has(#pagamentos.tab-pane.active),
.payables-module .person-card-content.boletos-tab-active,
.payables-module .person-card-content:has(#boletos.tab-pane.active),
.payables-module .person-card-content.payments-tab-active,
.payables-module .person-card-content:has(#pagamentos.tab-pane.active) {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
min-height: unset;
}
/* line 816, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .payments-history-tab,
.payables-module .payments-history-tab {
padding-top: 0;
}
/* line 819, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .payments-history-tab.active,
.payables-module .payments-history-tab.active {
margin-top: -0.25rem;
}
/* line 823, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .payments-history-tab .payments-history-card,
.payables-module .payments-history-tab .payments-history-card {
margin-top: 0;
margin-bottom: 0;
border: 1px solid #dee2e6;
}
/* line 829, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .payments-history-tab .card-header,
.payables-module .payments-history-tab .card-header {
padding: 0.5rem 1rem;
border-bottom: 1px solid #dee2e6;
background: #f8f9fa;
}
/* line 835, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .payments-history-tab .card-body,
.payables-module .payments-history-tab .card-body {
padding: 0 !important;
}
@media (max-width: 768px) {
/* line 842, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .main-container,
.payables-module .main-container {
padding: 1rem;
}
/* line 846, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .stats-row,
.payables-module .stats-row {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
padding: 0.75rem;
}
/* line 853, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .filters-section .filters-row,
.payables-module .filters-section .filters-row {
grid-template-columns: 1fr;
gap: 0.75rem;
}
/* line 860, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-grid.two-columns, .receivables-module .form-grid.three-columns,
.payables-module .form-grid.two-columns,
.payables-module .form-grid.three-columns {
grid-template-columns: 1fr;
}
/* line 866, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .form-grid .form-field.span-2, .receivables-module .form-grid .form-field.span-3,
.payables-module .form-grid .form-field.span-2,
.payables-module .form-grid .form-field.span-3 {
grid-column: span 1;
}
}
/* line 874, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-hero,
.payables-module .boleto-hero {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
padding: 1rem;
border: 1px solid rgba(52, 152, 219, 0.14);
border-radius: var(--border-radius-lg);
background: linear-gradient(135deg, rgba(52, 152, 219, 0.08), rgba(243, 156, 18, 0.06));
}
/* line 885, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-hero-title,
.payables-module .boleto-hero-title {
min-width: 0;
display: flex;
align-items: flex-start;
gap: 0.75rem;
}
/* line 891, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-hero-title h6,
.payables-module .boleto-hero-title h6 {
color: var(--gray-900);
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
}
/* line 898, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-hero-title p,
.payables-module .boleto-hero-title p {
color: var(--gray-600);
font-size: 0.78rem;
line-height: 1.45;
}
/* line 905, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-hero-icon,
.payables-module .boleto-hero-icon {
width: 2.75rem;
height: 2.75rem;
border-radius: 0.95rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--erp-info);
background: rgba(52, 152, 219, 0.14);
font-size: 1.1rem;
flex-shrink: 0;
}
/* line 918, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-status-badge,
.payables-module .boleto-status-badge {
display: inline-flex;
align-items: center;
flex-shrink: 0;
padding: 0.45rem 0.65rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 700;
white-space: nowrap;
}
/* line 929, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-stat-grid,
.payables-module .boleto-stat-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
/* line 935, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-card,
.payables-module .boleto-upload-card {
background: white;
border: 1px solid rgba(243, 156, 18, 0.22);
border-radius: var(--border-radius-lg);
box-shadow: var(--erp-shadow-light);
overflow: hidden;
}
/* line 943, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-header,
.payables-module .boleto-upload-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: var(--spacing-md);
padding: 0.875rem 1rem;
background: linear-gradient(135deg, rgba(243, 156, 18, 0.08), rgba(52, 152, 219, 0.05));
border-bottom: 1px solid rgba(243, 156, 18, 0.14);
}
/* line 953, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-title,
.payables-module .boleto-upload-title {
display: flex;
align-items: flex-start;
gap: 0.75rem;
}
/* line 958, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-title h6,
.payables-module .boleto-upload-title h6 {
color: var(--gray-900);
font-size: 0.95rem;
font-weight: 700;
}
/* line 964, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-title p,
.payables-module .boleto-upload-title p {
color: var(--gray-600);
font-size: 0.75rem;
line-height: 1.4;
}
/* line 971, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-icon,
.payables-module .boleto-upload-icon {
width: 2.25rem;
height: 2.25rem;
border-radius: 0.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(243, 156, 18, 0.12);
color: var(--erp-warning);
flex-shrink: 0;
}
/* line 983, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-badges,
.payables-module .boleto-upload-badges {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
/* line 988, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-badges .badge,
.payables-module .boleto-upload-badges .badge {
font-size: 0.72rem;
font-weight: 600;
padding: 0.35rem 0.55rem;
border-radius: 999px;
}
/* line 995, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-badges .badge-light,
.payables-module .boleto-upload-badges .badge-light {
background: rgba(44, 62, 80, 0.08);
color: var(--erp-primary);
}
/* line 1001, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-dropzone,
.payables-module .boleto-upload-dropzone {
padding: 1rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
/* line 1008, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-copy-row,
.payables-module .boleto-upload-copy-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
/* line 1015, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-copy,
.payables-module .boleto-upload-copy {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
/* line 1020, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-copy strong,
.payables-module .boleto-upload-copy strong {
color: var(--gray-900);
font-size: 0.8rem;
}
/* line 1025, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-copy span,
.payables-module .boleto-upload-copy span {
color: var(--gray-600);
font-size: 0.75rem;
line-height: 1.4;
}
/* line 1032, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-input,
.payables-module .boleto-upload-input {
width: 100%;
display: block;
height: auto;
min-height: 2.6rem;
padding: 0.35rem;
border: 1px dashed rgba(243, 156, 18, 0.48);
border-radius: var(--border-radius-md);
background: rgba(255, 251, 244, 0.65);
color: var(--gray-700);
font-size: 0.78rem;
line-height: 1.5;
overflow: visible;
}
/* line 1046, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-input::file-selector-button,
.payables-module .boleto-upload-input::file-selector-button {
margin-right: 0.75rem;
padding: 0.35rem 0.75rem;
border: 1px solid rgba(243, 156, 18, 0.25);
border-radius: var(--border-radius-base);
background: rgba(243, 156, 18, 0.14);
color: var(--gray-900);
font-size: 0.75rem;
line-height: 1.4;
font-weight: 700;
cursor: pointer;
}
/* line 1059, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-input::-webkit-file-upload-button,
.payables-module .boleto-upload-input::-webkit-file-upload-button {
margin-right: 0.75rem;
padding: 0.35rem 0.75rem;
border: 1px solid rgba(243, 156, 18, 0.25);
border-radius: var(--border-radius-base);
background: rgba(243, 156, 18, 0.14);
color: var(--gray-900);
font-size: 0.75rem;
line-height: 1.4;
font-weight: 700;
cursor: pointer;
}
/* line 1073, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-meta,
.payables-module .boleto-upload-meta {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
/* line 1079, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-meta-pill,
.payables-module .boleto-meta-pill {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.3rem 0.55rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 600;
color: var(--gray-700);
background: var(--gray-100);
border: 1px solid var(--gray-300);
}
/* line 1092, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-grid,
.payables-module .boleto-file-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
padding: 0;
}
/* line 1099, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-card,
.payables-module .boleto-file-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.875rem;
padding: 0.875rem;
background: white;
border: 1px solid var(--gray-300);
border-radius: var(--border-radius-lg);
box-shadow: var(--erp-shadow-light);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
/* line 1111, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-card:hover,
.payables-module .boleto-file-card:hover {
border-color: rgba(52, 152, 219, 0.35);
box-shadow: 0 0.35rem 0.9rem rgba(44, 62, 80, 0.08);
transform: translateY(-1px);
}
/* line 1118, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-card-show,
.payables-module .boleto-file-card-show {
min-height: 96px;
}
/* line 1122, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-main,
.payables-module .boleto-file-main {
min-width: 0;
display: flex;
align-items: center;
gap: 0.75rem;
flex: 1 1 auto;
}
/* line 1130, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-icon,
.payables-module .boleto-file-icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 0.85rem;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 1rem;
}
/* line 1140, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-icon.is-pdf,
.payables-module .boleto-file-icon.is-pdf {
color: var(--erp-danger);
background: rgba(231, 76, 60, 0.1);
}
/* line 1145, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-icon.is-image,
.payables-module .boleto-file-icon.is-image {
color: var(--erp-info);
background: rgba(52, 152, 219, 0.12);
}
/* line 1151, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-body,
.payables-module .boleto-file-body {
min-width: 0;
flex: 1 1 auto;
}
/* line 1156, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-title,
.payables-module .boleto-file-title {
color: var(--gray-900);
font-size: 0.84rem;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 1165, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-meta-text,
.payables-module .boleto-file-meta-text {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-top: 0.25rem;
color: var(--gray-600);
font-size: 0.72rem;
}
/* line 1173, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-meta-text span::after,
.payables-module .boleto-file-meta-text span::after {
content: '•';
margin-left: 0.4rem;
color: var(--gray-400);
}
/* line 1179, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-meta-text span:last-child::after,
.payables-module .boleto-file-meta-text span:last-child::after {
content: none;
margin-left: 0;
}
/* line 1185, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-actions,
.payables-module .boleto-file-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0.4rem;
flex-shrink: 0;
}
/* line 1192, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-actions .btn,
.payables-module .boleto-file-actions .btn {
min-width: 2.25rem;
border-radius: var(--border-radius-base);
box-shadow: none;
font-weight: 600;
}
/* line 1200, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-empty-state,
.payables-module .boleto-empty-state {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0 1rem 1rem;
padding: 0.9rem 1rem;
border: 1px dashed var(--gray-400);
border-radius: var(--border-radius-lg);
background: rgba(248, 249, 250, 0.75);
color: var(--gray-700);
}
/* line 1211, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-empty-state i,
.payables-module .boleto-empty-state i {
font-size: 1.2rem;
color: var(--erp-info);
}
/* line 1216, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-empty-state strong,
.payables-module .boleto-empty-state strong {
display: block;
color: var(--gray-900);
font-size: 0.8rem;
margin-bottom: 0.15rem;
}
/* line 1223, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-empty-state span,
.payables-module .boleto-empty-state span {
display: block;
font-size: 0.74rem;
color: var(--gray-600);
line-height: 1.4;
}
/* line 1231, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-empty-state-lg,
.payables-module .boleto-empty-state-lg {
padding: 1.35rem;
margin: 0;
background: white;
}
/* line 1237, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-stat-card,
.payables-module .boleto-stat-card {
height: 100%;
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.85rem 1rem;
border: 1px solid var(--gray-300);
border-radius: var(--border-radius-lg);
background: white;
box-shadow: var(--erp-shadow-light);
}
/* line 1249, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-stat-icon,
.payables-module .boleto-stat-icon {
width: 2.15rem;
height: 2.15rem;
border-radius: 0.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--erp-info);
background: rgba(52, 152, 219, 0.1);
flex-shrink: 0;
}
/* line 1261, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-stat-label,
.payables-module .boleto-stat-label {
display: block;
color: var(--gray-600);
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 0.35rem;
}
/* line 1271, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-stat-value,
.payables-module .boleto-stat-value {
display: block;
color: var(--gray-900);
font-size: 0.98rem;
font-weight: 700;
line-height: 1.2;
}
/* line 1279, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-upload-submit,
.payables-module .boleto-upload-submit {
min-width: 150px;
}
/* line 1283, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-tab-shell,
.payables-module .boleto-tab-shell {
margin-top: 0;
padding: 1rem;
border: 1px solid var(--gray-300);
border-radius: var(--border-radius-lg);
background: #f8fafc;
box-shadow: var(--erp-shadow-light);
}
/* line 1293, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .installment-cancelled td,
.payables-module .installment-cancelled td {
color: var(--gray-600);
text-decoration: line-through;
}
/* line 1298, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .installment-cancelled .badge,
.receivables-module .installment-cancelled .text-muted,
.receivables-module .installment-cancelled .action-btn,
.payables-module .installment-cancelled .badge,
.payables-module .installment-cancelled .text-muted,
.payables-module .installment-cancelled .action-btn {
text-decoration: none;
}
@media (max-width: 768px) {
/* line 1306, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-hero,
.receivables-module .boleto-upload-header,
.receivables-module .boleto-upload-copy-row,
.receivables-module .boleto-file-card,
.payables-module .boleto-hero,
.payables-module .boleto-upload-header,
.payables-module .boleto-upload-copy-row,
.payables-module .boleto-file-card {
flex-direction: column;
align-items: flex-start;
}
/* line 1314, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-stat-grid,
.payables-module .boleto-stat-grid {
grid-template-columns: 1fr;
}
/* line 1318, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-status-badge,
.receivables-module .boleto-upload-badges,
.receivables-module .boleto-upload-meta,
.receivables-module .boleto-file-actions,
.payables-module .boleto-status-badge,
.payables-module .boleto-upload-badges,
.payables-module .boleto-upload-meta,
.payables-module .boleto-file-actions {
width: 100%;
justify-content: flex-start;
}
/* line 1327, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-actions .btn,
.payables-module .boleto-file-actions .btn {
flex: 1 1 auto;
}
/* line 1332, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-file-grid,
.payables-module .boleto-file-grid {
grid-template-columns: 1fr;
}
/* line 1336, app/assets/stylesheets/components/accounts_payables.scss */
.receivables-module .boleto-tab-shell,
.payables-module .boleto-tab-shell {
padding: 0.75rem;
}
}
/* line 26, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data tbody tr.is-overdue > td {
background: var(--erp-ui-critical-wash);
}
/* line 30, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data tbody tr.is-overdue > td:first-child {
box-shadow: inset 3px 0 0 var(--erp-ui-critical);
}
/* line 34, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data tbody tr.is-overdue:hover > td {
background: var(--erp-ui-critical-soft);
}
/* line 49, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .erp-concilia {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 14px;
margin-top: 10px;
padding: 9px 12px;
border-radius: 6px;
font-size: 12.5px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
color: var(--erp-ui-ink-2);
}
/* line 62, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .erp-concilia .marca {
font-weight: 700;
}
/* line 63, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .erp-concilia .empurra {
margin-left: auto;
}
/* line 65, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .erp-concilia.ok {
background: var(--erp-ui-good-wash);
border-color: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 71, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .erp-concilia.erro {
background: var(--erp-ui-critical-wash);
border-color: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 84, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data.linhas-parcela col.col-numero {
width: 92px;
}
/* line 85, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data.linhas-parcela col.col-valor {
width: 132px;
}
/* line 86, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data.linhas-parcela col.col-vencimento {
width: 150px;
}
/* line 93, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data.linhas-rateio col.col-valor {
width: 112px;
}
/* line 94, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data.linhas-rateio col.col-percentual {
width: 64px;
}
/* line 99, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module table.data.linhas-rateio .percentual-lido {
display: block;
text-align: right;
font-variant-numeric: tabular-nums;
color: var(--erp-ui-ink-2);
}
/* line 125, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixos {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 14px;
align-items: start;
}
/* line 132, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo {
position: relative;
min-width: 0;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
box-shadow: var(--erp-ui-shadow);
}
/* line 147, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-filete {
display: block;
height: 3px;
}
/* line 152, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-financial .rateio-eixo-filete {
background: var(--erp-ui-accent);
}
/* line 153, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-cost_center .rateio-eixo-filete {
background: var(--erp-ui-accent-marker);
}
/* line 155, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-head {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
}
/* line 164, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-ico {
flex: none;
width: 28px;
height: 28px;
border-radius: 7px;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* line 174, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-financial .rateio-eixo-ico {
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-accent);
}
/* line 179, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-cost_center .rateio-eixo-ico {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-accent-soft);
color: var(--erp-ui-accent-marker);
}
/* line 185, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-titulo {
margin: 0;
font-size: 13px;
font-weight: 600;
letter-spacing: -0.005em;
}
/* line 194, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-legenda {
margin: 1px 0 0;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 200, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-corpo {
padding: 12px 14px 14px;
}
/* line 204, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-corpo table.data td,
.erp-ui.accounts-payables-module .rateio-eixo-corpo table.data th {
padding-left: 8px;
padding-right: 8px;
}
/* line 206, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-corpo table.data th:first-child,
.erp-ui.accounts-payables-module .rateio-eixo-corpo table.data td:first-child {
padding-left: 0;
}
/* line 208, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixo-corpo table.data th:last-child,
.erp-ui.accounts-payables-module .rateio-eixo-corpo table.data td:last-child {
padding-right: 0;
}
/* line 215, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .encargo-unidade {
color: var(--erp-ui-ink-3);
font-weight: 400;
}
/* line 223, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .parcelas-acoes {
margin-left: auto;
align-self: center;
}
@media (max-width: 1000px) {
/* line 230, app/assets/stylesheets/components/accounts_payables_module.scss */
.erp-ui.accounts-payables-module .rateio-eixos {
grid-template-columns: minmax(0, 1fr);
}
}
@charset "UTF-8";
/* line 9, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
padding: 1rem;
background: #f8f9fc;
border-bottom: 1px solid #e3e6f0;
}
/* line 17, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row.stats-row-show {
padding: 16px;
background: #f8f9fa;
border-bottom: 1px solid #dee2e6;
}
/* line 23, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card {
background: white;
border-radius: 8px;
padding: 1rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
/* line 30, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
}
/* line 35, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-icon {
width: 48px;
height: 48px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: white;
margin-bottom: 0.75rem;
}
/* line 46, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-icon.secondary {
background: #6c757d;
}
/* line 47, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-icon.info {
background: #17a2b8;
}
/* line 48, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-icon.success {
background: #28a745;
}
/* line 49, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-icon.warning {
background: #ffc107;
}
/* line 50, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-icon.danger {
background: #dc3545;
}
/* line 54, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-content h3 {
font-size: 1.75rem;
font-weight: 700;
margin: 0 0 0.25rem 0;
color: #2c3e50;
}
/* line 61, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row .erp-stat-card .stat-content p {
font-size: 0.875rem;
color: #6c757d;
margin: 0;
}
/* line 71, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .filters-section {
padding: 1rem;
background: white;
border-bottom: 1px solid #e3e6f0;
overflow: visible !important;
}
/* line 77, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .filters-section .filters-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1rem;
align-items: end;
}
/* line 84, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .filters-section .filters-row .filter-group label {
display: block;
font-size: 0.875rem;
font-weight: 500;
color: #495057;
margin-bottom: 0.25rem;
}
/* line 92, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .filters-section .filters-row .filter-group .form-control {
font-size: 0.875rem;
}
/* line 97, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .filters-section .filters-row .filter-actions {
display: flex;
gap: 0.5rem;
align-items: end;
}
/* line 106, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive {
border-radius: 0;
overflow: visible !important;
}
/* line 110, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table {
margin-bottom: 0;
}
/* line 113, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table thead {
background: #f8f9fc;
}
/* line 116, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table thead th {
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #5a5c69;
padding: 0.75rem;
border-bottom: 2px solid #e3e6f0;
}
/* line 128, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table tbody tr {
transition: background-color 0.2s ease;
}
/* line 131, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table tbody tr:hover {
background-color: #f8f9fc;
}
/* line 135, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger {
background-color: #fff5f5;
}
/* line 138, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table tbody tr.table-danger:hover {
background-color: #ffe0e0;
}
/* line 144, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table tbody td {
padding: 0.75rem;
vertical-align: middle;
font-size: 0.875rem;
line-height: 1.5;
}
/* line 151, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive .table tbody td[class*="actions"] {
vertical-align: middle !important;
}
/* line 160, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
flex-wrap: nowrap;
white-space: nowrap;
}
/* line 168, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 4px;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.2s ease;
background: transparent;
font-size: 0.75rem;
text-decoration: none;
flex-shrink: 0;
position: relative;
overflow: visible;
padding: 0;
line-height: 1;
}
/* line 188, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn > i {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
/* line 195, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn::before, .receivables-module .actions-inline .action-btn::after {
display: none !important;
content: none !important;
}
/* line 202, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn[title]::before, .receivables-module .actions-inline .action-btn[title]::after {
display: none !important;
content: none !important;
}
/* line 208, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.view {
color: #17a2b8;
border-color: #17a2b8;
}
/* line 212, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.view:hover {
background-color: #17a2b8;
color: white;
}
/* line 218, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.edit {
color: #ffc107;
border-color: #ffc107;
}
/* line 222, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.edit:hover {
background-color: #ffc107;
color: #212529;
}
/* line 228, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.payment {
color: #28a745;
border-color: #28a745;
}
/* line 232, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.payment:hover {
background-color: #28a745;
color: white;
}
/* line 238, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.delete {
color: #dc3545;
border-color: #dc3545;
}
/* line 242, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.delete:hover {
background-color: #dc3545;
color: white;
}
/* line 248, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.disabled {
color: #6c757d;
border-color: #dee2e6;
cursor: not-allowed;
opacity: 0.6;
}
/* line 254, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.disabled:hover {
background-color: transparent;
color: #6c757d;
border-color: #dee2e6;
}
/* line 261, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.reverse {
color: #dc3545;
border-color: #dc3545;
}
/* line 265, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-inline .action-btn.reverse:hover {
background-color: #dc3545;
color: white;
border-color: #dc3545;
}
/* line 275, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module table tbody td.actions-cell {
vertical-align: middle !important;
text-align: center;
padding: 0.75rem !important;
line-height: 1.5;
}
/* line 281, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module table tbody td.actions-cell .actions-inline {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
flex-wrap: nowrap;
white-space: nowrap;
vertical-align: middle;
line-height: 1;
}
/* line 294, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module table tbody td.actions-cell .action-btn {
vertical-align: middle;
margin: 0;
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
/* line 303, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module table tbody td.actions-cell .action-btn > i {
position: absolute;
text-indent: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* line 312, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module table tbody td.actions-cell .action-btn::before, .receivables-module table tbody td.actions-cell .action-btn::after {
display: none !important;
content: none !important;
}
/* line 321, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card {
border: none;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 1.5rem;
}
/* line 327, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-header {
background: linear-gradient(135deg, #f8f9fc 0%, #eaecf4 100%);
border-bottom: 1px solid #e3e6f0;
padding: 1rem 1.5rem;
}
/* line 332, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-header .card-title {
color: #5a5c69;
font-weight: 600;
font-size: 1rem;
margin: 0;
}
/* line 338, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-header .card-title i {
margin-right: 0.5rem;
}
/* line 344, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-body {
padding: 1.5rem;
}
/* line 348, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-body .table-borderless td {
padding: 0.5rem 0;
border: none;
}
/* line 357, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card.bg-primary,
.receivables-module .card.bg-success,
.receivables-module .card.bg-warning,
.receivables-module .card.bg-danger,
.receivables-module .card.bg-info {
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* line 365, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card.bg-primary .card-body,
.receivables-module .card.bg-success .card-body,
.receivables-module .card.bg-warning .card-body,
.receivables-module .card.bg-danger .card-body,
.receivables-module .card.bg-info .card-body {
padding: 1.5rem;
}
/* line 368, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card.bg-primary .card-body .card-title,
.receivables-module .card.bg-success .card-body .card-title,
.receivables-module .card.bg-warning .card-body .card-title,
.receivables-module .card.bg-danger .card-body .card-title,
.receivables-module .card.bg-info .card-body .card-title {
font-size: 0.875rem;
font-weight: 500;
opacity: 0.9;
margin-bottom: 0.5rem;
}
/* line 375, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card.bg-primary .card-body h3,
.receivables-module .card.bg-success .card-body h3,
.receivables-module .card.bg-warning .card-body h3,
.receivables-module .card.bg-danger .card-body h3,
.receivables-module .card.bg-info .card-body h3 {
font-size: 2rem;
font-weight: 700;
margin: 0;
}
/* line 381, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card.bg-primary .card-body i,
.receivables-module .card.bg-success .card-body i,
.receivables-module .card.bg-warning .card-body i,
.receivables-module .card.bg-danger .card-body i,
.receivables-module .card.bg-info .card-body i {
opacity: 0.3;
}
/* line 388, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card {
border: 1px solid #e3e6f0;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* line 393, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-body {
padding: 0.75rem;
}
/* line 397, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-header {
background: #f8f9fc;
border-bottom: 1px solid #e3e6f0;
padding: 0.5rem 1rem;
}
/* line 402, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .card .card-header h6 {
font-size: 0.875rem;
font-weight: 600;
margin: 0;
color: #5a5c69;
}
/* line 412, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-control:disabled,
.receivables-module .form-control[disabled] {
background-color: #f8f9fc;
border-color: #e3e6f0;
color: #495057;
cursor: not-allowed;
opacity: 1;
}
/* line 420, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-control.text-warning:disabled,
.receivables-module .form-control.text-warning[disabled] {
color: #856404 !important;
}
/* line 424, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-control.text-success:disabled,
.receivables-module .form-control.text-success[disabled] {
color: #155724 !important;
}
/* line 428, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-control.text-info:disabled,
.receivables-module .form-control.text-info[disabled] {
color: #0c5460 !important;
}
/* line 432, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-control.text-danger:disabled,
.receivables-module .form-control.text-danger[disabled] {
color: #721c24 !important;
}
/* line 438, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module.renegotiations-form #renegotiation-preview {
position: relative;
transition: opacity 0.2s ease;
}
/* line 442, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module.renegotiations-form #renegotiation-preview.is-loading {
opacity: 0.6;
}
/* line 446, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module.renegotiations-form #renegotiation-preview.is-loading::after {
content: 'Calculando prévia...';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.9);
padding: 0.5rem 1rem;
border-radius: 999px;
font-size: 0.8125rem;
font-weight: 500;
color: #495057;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
/* line 462, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module.renegotiations-form .preview-summary {
background: #f8f9fc;
border-radius: 8px;
padding: 0.75rem;
border: 1px solid #e3e6f0;
margin-bottom: 0.5rem;
}
/* line 472, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-label-sm {
font-size: 0.75rem;
font-weight: 500;
color: #495057;
margin-bottom: 0.2rem;
line-height: 1.2;
}
/* line 481, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid #e3e6f0;
}
/* line 486, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
/* line 492, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .section-header {
padding-bottom: 0.25rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid #e3e6f0;
}
/* line 497, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .section-header h6 {
font-size: 0.8125rem;
font-weight: 600;
color: #5a5c69;
margin: 0;
line-height: 1.2;
}
/* line 504, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .section-header h6 i {
margin-right: 0.4rem;
font-size: 0.75rem;
color: #007bff;
}
/* line 511, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .section-header small {
display: none;
}
/* line 516, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-field {
margin-bottom: 0.25rem;
}
/* line 519, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-field label {
font-size: 0.75rem;
font-weight: 500;
color: #495057;
margin-bottom: 0.15rem;
line-height: 1.2;
}
/* line 526, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-field label .required {
color: #dc3545;
font-size: 0.7rem;
}
/* line 532, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-field .form-control {
font-size: 0.8125rem;
padding: 0.3rem 0.5rem;
border-color: #ced4da;
line-height: 1.3;
}
/* line 538, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-field .form-control:focus {
border-color: #007bff;
box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.2);
}
/* line 544, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-field .form-text {
font-size: 0.7rem;
color: #6c757d;
margin-top: 0.1rem;
line-height: 1.2;
}
/* line 551, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-field .invalid-feedback {
font-size: 0.7rem;
margin-top: 0.1rem;
}
/* line 558, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-grid {
gap: 0.5rem;
margin-bottom: 0.25rem;
}
/* line 562, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-grid.two-columns {
gap: 0.5rem;
}
/* line 566, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .form-section .form-grid.four-columns {
gap: 0.35rem;
}
/* line 573, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .badge {
font-size: 0.75rem;
font-weight: 500;
padding: 0.35em 0.65em;
}
/* line 580, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .pagination {
margin-bottom: 0;
}
/* line 583, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .pagination .page-link {
font-size: 0.875rem;
color: #007bff;
border-color: #dee2e6;
}
/* line 588, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .pagination .page-link:hover {
color: #0056b3;
background-color: #e9ecef;
border-color: #dee2e6;
}
/* line 595, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .pagination .page-item.active .page-link {
background-color: #007bff;
border-color: #007bff;
}
/* line 602, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .text-center.py-5 {
padding: 3rem 1rem;
}
/* line 605, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .text-center.py-5 i {
opacity: 0.3;
}
/* line 609, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .text-center.py-5 h5 {
color: #6c757d;
margin-top: 1rem;
}
/* line 614, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .text-center.py-5 p {
color: #6c757d;
margin-bottom: 1.5rem;
}
/* line 621, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .progress-section {
padding: 12px 16px;
background: white;
border-bottom: 1px solid #dee2e6;
}
/* line 627, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .progress-compact {
height: 8px;
}
/* line 632, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table th.actions-column {
width: 80px;
}
/* line 637, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .input-group-text-sm {
font-size: 0.7rem;
}
/* line 642, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .footer-actions {
position: relative;
z-index: 1000;
}
/* line 646, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .footer-actions .dropdown {
position: relative;
z-index: 10000;
}
/* line 650, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .footer-actions .dropdown .dropdown-menu {
z-index: 10001 !important;
position: absolute !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
min-width: 200px;
}
/* line 662, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .person-card-footer {
overflow: visible !important;
position: relative;
z-index: 999;
}
/* line 669, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .person-card {
overflow: visible !important;
position: relative;
}
/* line 675, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .person-tabs-container,
.receivables-module .person-tabs-wrapper {
overflow: visible !important;
}
@media (max-width: 768px) {
/* line 682, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .stats-row {
grid-template-columns: 1fr;
}
/* line 686, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .filters-row {
grid-template-columns: 1fr !important;
}
/* line 690, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive {
font-size: 0.8125rem;
}
/* line 695, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .actions-cell .action-btn {
width: 28px;
height: 28px;
font-size: 0.75rem;
}
/* line 703, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .hide-mobile {
display: none !important;
}
}
@media (max-width: 1200px) and (min-width: 769px) {
/* line 710, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* line 714, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .table-responsive table {
min-width: 1200px;
}
}
/* line 722, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module [id^="recipients-section"] {
transition: all 0.3s ease;
}
/* line 725, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .has-error[id^="recipients-section"] {
border: 2px solid #dc3545 !important;
border-radius: 4px;
padding: 12px;
background-color: #fff5f5;
}
/* line 734, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .email-history-item {
border-bottom: 1px solid #dee2e6;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
/* line 739, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .email-history-item:last-child {
border-bottom: none;
margin-bottom: 0;
}
/* line 747, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module [id^="char-count"] {
font-weight: 600;
}
/* line 750, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module .text-danger[id^="char-count"] {
color: #dc3545 !important;
}
/* line 756, app/assets/stylesheets/components/accounts_receivables.scss */
.receivables-module #flash,
.receivables-module .flash-message,
.receivables-module .alert.position-fixed,
.receivables-module .toast,
.receivables-module .toast-container,
.receivables-module .position-fixed[role="alert"] {
z-index: 10060 !important;
}
/* line 769, app/assets/stylesheets/components/accounts_receivables.scss */
.recipients-section-invalid {
border: 1px solid var(--erp-ui-critical-text, #dc3545);
border-radius: 8px;
padding: 12px;
background-color: var(--erp-ui-critical-soft, #fff5f5);
}
/* line 17, app/assets/stylesheets/components/accounts_receivables_module.scss */
.erp-ui.accounts-receivables-module .reneg-split {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 14px;
align-items: start;
}
/* line 48, app/assets/stylesheets/components/accounts_receivables_module.scss */
.erp-ui.accounts-receivables-module .cadastro-parcelas-geradas {
margin-top: 20px;
}
/* line 53, app/assets/stylesheets/components/accounts_receivables_module.scss */
.erp-ui.accounts-receivables-module .cadastro-secao .erp-bars {
margin-top: 16px;
}
/* line 59, app/assets/stylesheets/components/accounts_receivables_module.scss */
.erp-ui.accounts-receivables-module .reneg-preview.is-loading {
opacity: 0.55;
pointer-events: none;
}
/* line 64, app/assets/stylesheets/components/accounts_receivables_module.scss */
.erp-ui.accounts-receivables-module .reneg-preview.preview-error {
border-color: var(--erp-ui-critical);
}
@media (max-width: 1100px) {
/* line 70, app/assets/stylesheets/components/accounts_receivables_module.scss */
.erp-ui.accounts-receivables-module .reneg-split {
grid-template-columns: minmax(0, 1fr);
}
}
@media (prefers-reduced-motion: reduce) {
/* line 76, app/assets/stylesheets/components/accounts_receivables_module.scss */
.erp-ui.accounts-receivables-module .reneg-preview {
transition: none;
}
}
/* line 12, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-steps {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 21, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
}
/* line 26, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step[aria-current="step"] {
border-color: var(--erp-ui-accent);
}
/* line 27, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step.is-failed {
border-color: var(--erp-ui-critical);
}
/* line 28, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step.is-todo summary {
color: var(--erp-ui-ink-3);
}
/* line 30, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step summary {
display: grid;
grid-template-columns: 28px minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 12px 14px;
cursor: pointer;
list-style: none;
}
/* line 39, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step summary::-webkit-details-marker {
display: none;
}
/* line 41, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step summary:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: -2px;
border-radius: var(--erp-ui-radius);
}
/* line 49, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 999px;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
font-size: 13px;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
/* line 63, app/assets/stylesheets/components/activation_guide.scss */
.is-done .erp-ui .activation-guide .guide-num {
border-color: var(--erp-ui-good);
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 69, app/assets/stylesheets/components/activation_guide.scss */
.guide-step[aria-current="step"] .erp-ui .activation-guide .guide-num {
border-color: var(--erp-ui-accent);
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 75, app/assets/stylesheets/components/activation_guide.scss */
.is-failed .erp-ui .activation-guide .guide-num {
border-color: var(--erp-ui-critical);
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 82, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-title {
display: flex;
flex-direction: column;
min-width: 0;
font-size: 14px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 91, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-where {
font-size: 12px;
font-weight: 400;
color: var(--erp-ui-ink-3);
}
/* line 97, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-body {
padding: 0 14px 14px 54px;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 102, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-body p {
margin: 0 0 8px;
}
/* line 103, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-body > .acts {
margin-top: 12px;
}
/* line 106, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-list {
margin: 0 0 8px;
padding-left: 18px;
}
/* line 110, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-list li {
margin-bottom: 4px;
}
/* line 113, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-problems-title {
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 118, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-note {
padding: 8px 10px;
border-left: 3px solid var(--erp-ui-warning);
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-ink);
}
/* line 125, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-body > .acts {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 575.98px) {
/* line 135, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step summary {
grid-template-columns: 28px minmax(0, 1fr);
}
/* line 138, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-step summary .pill {
grid-column: 2;
justify-self: start;
}
/* line 141, app/assets/stylesheets/components/activation_guide.scss */
.erp-ui .activation-guide .guide-body {
padding-left: 14px;
}
}
/* line 34, app/assets/stylesheets/components/aging_module.scss */
.erp-ui.aging-module .erp-stack-seg + .erp-stack-seg {
border-left: 2px solid var(--erp-ui-surface);
}
/* line 45, app/assets/stylesheets/components/aging_module.scss */
.erp-ui.aging-module .data td.num.good {
color: var(--erp-ui-good-text);
}
/* line 46, app/assets/stylesheets/components/aging_module.scss */
.erp-ui.aging-module .data td.num.warning {
color: var(--erp-ui-warning-text);
}
/* line 47, app/assets/stylesheets/components/aging_module.scss */
.erp-ui.aging-module .data td.num.critical {
color: var(--erp-ui-critical-text);
}
/* line 50, app/assets/stylesheets/components/aging_module.scss */
.erp-ui.aging-module .data td.num.zero {
color: var(--erp-ui-ink-3);
}
/* line 53, app/assets/stylesheets/components/aging_module.scss */
.erp-ui.aging-module .table-foot b.critical {
color: var(--erp-ui-critical-text);
}
/* line 57, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-workspace {
display: flex;
align-items: flex-start;
gap: 16px;
margin-top: 14px;
}
/* line 64, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-aside {
flex: 0 0 264px;
max-width: 264px;
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 72, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-panel {
flex: 1 1 auto;
}
/* line 79, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-aside-card {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 13px 14px;
}
/* line 86, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-aside-title {
display: flex;
align-items: center;
gap: 7px;
margin: 0 0 9px;
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 95, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-aside-title .erp-icon {
color: var(--erp-ui-ink-2);
}
/* line 100, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-aside-list {
margin: 0;
padding-left: 17px;
font-size: 12px;
line-height: 1.5;
color: var(--erp-ui-ink-2);
}
/* line 107, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-aside-list li + li {
margin-top: 4px;
}
/* line 120, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-quick-list {
display: flex;
flex-direction: column;
gap: 6px;
}
/* line 137, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-quick {
display: flex;
align-items: center;
gap: 7px;
width: 100%;
padding: 8px 11px;
text-align: left;
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
border: 1px solid transparent;
border-radius: 6px;
cursor: pointer;
}
/* line 152, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-quick:hover {
border-color: var(--erp-ui-accent);
}
/* line 160, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .thread-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
/* line 168, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-thread-meta {
display: flex;
align-items: center;
gap: 12px;
}
/* line 178, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-live {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11.5px;
color: var(--erp-ui-ink-2);
}
/* line 186, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-live-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--erp-ui-ink-3);
}
/* line 193, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-live[data-state="ready"] .chat-live-dot {
background: var(--erp-ui-good);
}
/* line 197, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-live[data-state="working"] .chat-live-dot {
background: var(--erp-ui-warning);
}
/* line 201, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-live[data-state="error"] .chat-live-dot {
background: var(--erp-ui-critical);
}
/* line 205, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-session-count {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
white-space: nowrap;
}
/* line 229, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .thread-window {
background: var(--erp-ui-page);
}
/* line 239, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-msg.is-inbound {
max-width: 92%;
}
/* line 247, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg {
border-color: var(--erp-ui-hairline-strong);
box-shadow: var(--erp-ui-shadow);
}
/* line 252, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-msg-who {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 263, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg.is-blocked {
border-color: var(--erp-ui-warning);
background: var(--erp-ui-warning-wash);
}
/* line 268, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-msg-error {
border-color: var(--erp-ui-critical);
background: var(--erp-ui-critical-wash);
}
/* line 272, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-msg-error .chat-msg-who .erp-icon {
color: var(--erp-ui-critical);
}
/* line 286, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body p {
margin: 0 0 8px;
}
/* line 290, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body p:last-child {
margin-bottom: 0;
}
/* line 294, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body table {
width: 100%;
margin: 9px 0;
border-collapse: collapse;
font-size: 12px;
display: block;
overflow-x: auto;
}
/* line 305, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body th,
.erp-ui.ai-chat-module .msg-body td {
padding: 5px 8px;
border: 1px solid var(--erp-ui-hairline);
text-align: left;
}
/* line 312, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body thead th {
background: var(--erp-ui-surface-2);
font-weight: 600;
color: var(--erp-ui-ink);
white-space: nowrap;
}
/* line 319, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body ul,
.erp-ui.ai-chat-module .msg-body ol {
margin: 0 0 8px;
padding-left: 19px;
}
/* line 325, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body a {
color: var(--erp-ui-accent);
text-decoration: underline;
}
/* line 330, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body pre {
margin: 9px 0;
padding: 9px 11px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
overflow-x: auto;
font-size: 11.5px;
}
/* line 340, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body code {
font-size: 11.5px;
}
/* line 344, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg-body h1,
.erp-ui.ai-chat-module .msg-body h2,
.erp-ui.ai-chat-module .msg-body h3,
.erp-ui.ai-chat-module .msg-body h4,
.erp-ui.ai-chat-module .msg-body h5,
.erp-ui.ai-chat-module .msg-body h6 {
margin: 11px 0 6px;
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 368, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-guardrail {
margin: 9px 0;
padding: 9px 11px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 378, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-guardrail-title {
display: flex;
align-items: center;
gap: 6px;
margin: 0 0 5px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 393, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-badge {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 2px 7px;
border-radius: 999px;
font-size: 10.5px;
font-weight: 600;
border: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
white-space: nowrap;
}
/* line 407, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-badge.is-warning {
border-color: var(--erp-ui-warning);
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 413, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-badge.is-success {
border-color: var(--erp-ui-good);
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 422, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .msg.is-loading {
color: var(--erp-ui-ink-2);
}
/* line 426, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-loader-text {
font-size: 12px;
}
/* line 430, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-typing {
display: inline-flex;
align-items: center;
gap: 3px;
margin-left: 6px;
}
/* line 437, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-typing-dot {
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--erp-ui-ink-3);
animation: erp-ui-chat-typing 1.2s infinite ease-in-out;
}
/* line 445, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-typing-dot:nth-child(2) {
animation-delay: 0.15s;
}
/* line 449, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-typing-dot:nth-child(3) {
animation-delay: 0.3s;
}
/* line 456, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-suggestions {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 11px;
}
/* line 463, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-suggestion {
padding: 4px 10px;
font-size: 11.5px;
color: var(--erp-ui-accent);
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 999px;
cursor: pointer;
text-align: left;
}
/* line 473, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-suggestion:hover {
background: var(--erp-ui-accent-soft);
}
/* line 481, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-feedback {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin-top: 11px;
padding-top: 9px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 491, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-feedback-label {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 496, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-feedback-btn.is-active {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-hairline-strong);
}
/* line 501, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-feedback-comment {
margin-top: 8px;
}
/* line 505, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-feedback-input {
width: 100%;
padding: 6px 9px;
font-size: 12px;
color: var(--erp-ui-ink);
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
resize: vertical;
}
/* line 518, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-feedback-actions {
display: flex;
align-items: center;
gap: 8px;
margin-top: 6px;
}
/* line 528, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-tech {
margin-top: 11px;
}
/* line 532, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-tech-summary {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
cursor: pointer;
}
/* line 538, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-tech-body {
margin-top: 6px;
font-size: 11.5px;
line-height: 1.5;
color: var(--erp-ui-ink-3);
}
/* line 548, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-composer {
padding: 13px 16px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 560, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-input-wrap {
display: flex;
align-items: flex-end;
gap: 9px;
padding: 9px 11px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
transition: border-color .12s, box-shadow .12s;
}
/* line 570, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-input-wrap.is-focused {
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 576, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-input {
flex: 1 1 auto;
min-width: 0;
min-height: 42px;
max-height: 132px;
padding: 4px 2px;
font-size: 13px;
color: var(--erp-ui-ink);
background: transparent;
border: 0;
resize: none;
overflow-y: auto;
}
/* line 595, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-input:focus {
outline: none;
}
/* line 599, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-input::placeholder {
color: var(--erp-ui-ink-3);
}
/* line 604, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-composer-actions {
display: flex;
align-items: center;
gap: 7px;
flex: 0 0 auto;
}
/* line 613, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-mic.is-recording {
border-color: var(--erp-ui-critical);
color: var(--erp-ui-critical-text);
}
/* line 618, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-composer-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-top: 7px;
}
/* line 627, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-composer-meta {
display: inline-flex;
align-items: center;
gap: 10px;
}
/* line 633, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-recording {
font-size: 11.5px;
color: var(--erp-ui-critical-text);
}
/* line 638, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-char-count {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
white-space: nowrap;
}
/* line 644, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-disclaimer {
margin: 9px 0 0;
text-align: center;
}
@media (max-width: 900px) {
/* line 658, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-workspace {
flex-direction: column;
}
/* line 662, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-aside {
flex: 1 1 auto;
max-width: none;
width: 100%;
}
/* line 668, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-quick-list {
flex-direction: row;
flex-wrap: wrap;
}
/* line 673, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-quick {
width: auto;
}
/* line 677, app/assets/stylesheets/components/ai_chat_module.scss */
.erp-ui.ai-chat-module .chat-msg.is-inbound,
.erp-ui.ai-chat-module .msg {
max-width: 100%;
}
}
@keyframes erp-ui-chat-typing {
0%,
60%,
100% {
opacity: 0.25;
}
30% {
opacity: 1;
}
}
/* line 15, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .tab-panel > .card.filters {
border: 0;
border-bottom: 1px solid var(--erp-ui-hairline);
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
/* line 23, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-aviso {
padding: 14px 16px 0;
}
/* line 27, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-nota {
margin: 0;
padding: 10px 16px;
border-top: 1px solid var(--erp-ui-hairline);
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 36, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-erro {
color: var(--erp-ui-critical-text);
max-width: 32ch;
margin-top: 3px;
}
/* line 42, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-reprocessar {
margin-top: 6px;
}
/* line 48, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-form {
display: grid;
grid-template-columns: minmax(0, 1fr) 280px;
gap: 14px;
align-items: start;
}
@media (max-width: 1080px) {
/* line 48, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-form {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 59, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publicos {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
@media (max-width: 640px) {
/* line 59, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publicos {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 69, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 2px 8px;
margin: 0;
padding: 10px 12px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
cursor: pointer;
font-weight: 400;
}
/* line 82, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico input {
grid-row: span 3;
margin-top: 3px;
}
/* line 88, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico input:checked ~ .ai-kb-publico-nome::after {
content: "";
position: absolute;
inset: -1px;
border: 2px solid var(--erp-ui-accent);
border-radius: var(--erp-ui-radius);
pointer-events: none;
}
/* line 97, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico input:focus-visible ~ .ai-kb-publico-nome::after {
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 102, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico-nome {
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 108, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico-quem {
font-size: 11.5px;
font-weight: 600;
}
/* line 112, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico-quem.clientes {
color: var(--erp-ui-warning-text);
}
/* line 113, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico-quem.equipe {
color: var(--erp-ui-ink-3);
}
/* line 116, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-publico-dica {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 121, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .field.invalid .ai-kb-publico {
border-color: var(--erp-ui-critical);
}
/* line 125, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-texto-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 8px;
}
/* line 133, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module textarea.ai-kb-texto {
min-height: 260px;
resize: vertical;
line-height: 1.55;
}
/* line 139, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-medidor {
font-variant-numeric: tabular-nums;
}
/* line 143, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module [data-ai-knowledge-base-form-target="audienceWarning"] {
margin-top: 10px;
}
/* line 148, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .pill {
white-space: nowrap;
}
/* line 152, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-comparacao .hint {
font-size: 12px;
margin: 10px 0 0;
}
/* line 157, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-dicas {
padding: 14px 16px;
display: grid;
gap: 8px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 164, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-dicas h3 {
margin: 0;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--erp-ui-ink-3);
}
/* line 173, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-dicas ul {
margin: 0 0 6px;
padding-left: 16px;
display: grid;
gap: 4px;
}
/* line 188, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module dialog.ai-kb-comparacao {
width: 920px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 64px);
padding: 0;
margin: 32px auto auto;
color: var(--erp-ui-ink);
}
/* line 196, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module dialog.ai-kb-comparacao:not([open]) {
display: none;
}
/* line 198, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module dialog.ai-kb-comparacao::backdrop {
background: rgba(26, 32, 40, 0.42);
}
/* line 200, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module dialog.ai-kb-comparacao .erp-modal-body {
max-height: none;
flex: 1 1 auto;
}
/* line 203, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-lado-a-lado {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 12px;
}
@media (max-width: 768px) {
/* line 203, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-lado-a-lado {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 213, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-lado-a-lado h4 {
display: flex;
justify-content: space-between;
gap: 8px;
margin: 0 0 6px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--erp-ui-ink-3);
}
/* line 226, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-versao {
margin: 0;
padding: 10px 12px;
max-height: 300px;
overflow: auto;
white-space: pre-wrap;
overflow-wrap: anywhere;
font: inherit;
font-size: 12.5px;
line-height: 1.55;
color: var(--erp-ui-ink);
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 242, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module mark.ai-kb-novo {
padding: 0 1px;
color: var(--erp-ui-warning-text);
background: var(--erp-ui-warning-soft);
border-bottom: 2px solid var(--erp-ui-warning);
}
/* line 251, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-ficha {
display: grid;
grid-template-columns: minmax(0, 1fr) 280px;
gap: 14px;
align-items: start;
}
@media (max-width: 1080px) {
/* line 251, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-ficha {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 262, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-card-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
gap: 8px;
padding: 11px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 271, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-card-head h2 {
margin: 0;
font-size: 13.5px;
font-weight: 700;
}
/* line 277, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-card-head .hint {
font-size: 12px;
}
/* line 281, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-conteudo {
padding: 16px 18px;
max-width: 80ch;
white-space: pre-wrap;
overflow-wrap: anywhere;
font-size: 13.5px;
line-height: 1.65;
color: var(--erp-ui-ink);
}
/* line 292, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-meta > div {
display: grid;
gap: 4px;
padding: 10px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
font-size: 13px;
}
/* line 299, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-meta > div:last-child {
border-bottom: 0;
}
/* line 302, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-meta .k {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--erp-ui-ink-3);
}
/* line 310, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-meta .sub {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 316, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-usos {
margin: 4px 0 0;
padding-left: 16px;
display: grid;
gap: 3px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 324, app/assets/stylesheets/components/ai_knowledge_bases_module.scss */
.erp-ui.ai-knowledge-bases-module .ai-kb-usos .nao {
color: var(--erp-ui-ink-3);
}
@charset "UTF-8";
/* line 29, app/assets/stylesheets/components/alerts.scss */
.alert-severity-icon {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
flex-shrink: 0;
}
/* line 39, app/assets/stylesheets/components/alerts.scss */
.alert-severity-icon.alert-severity-critical {
background: rgba(229, 115, 115, 0.1);
color: #e57373;
}
/* line 43, app/assets/stylesheets/components/alerts.scss */
.alert-severity-icon.alert-severity-warning {
background: rgba(255, 183, 77, 0.12);
color: #875800;
}
/* line 47, app/assets/stylesheets/components/alerts.scss */
.alert-severity-icon.alert-severity-info {
background: rgba(100, 181, 246, 0.1);
color: #1565c0;
}
/* line 59, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-toolbar {
border: 1px solid #e8eaed !important;
border-radius: 8px !important;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
/* line 65, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-toolbar__header {
min-height: 46px;
background: #ffffff;
gap: 0.5rem;
}
/* line 71, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-toolbar__filters {
background: #f8fafc;
gap: 0.375rem;
border-top: 1px solid #e8eaed;
flex-wrap: wrap;
align-items: center;
}
/* line 78, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-toolbar__filters .form-control {
border-color: #e8eaed;
background: #ffffff;
color: #1f2937;
border-radius: 5px;
font-size: 0.8rem;
height: calc(1.5em + 0.5rem + 2px);
box-shadow: none;
}
/* line 87, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-toolbar__filters .form-control:focus {
border-color: #93c5fd;
box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.25);
}
/* line 93, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-toolbar__filters .custom-control-label {
font-size: 0.8rem;
color: #6b7280;
line-height: 1.6;
}
/* line 99, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-toolbar__filters .btn {
border-radius: 5px;
font-size: 0.8rem;
}
/* line 107, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills {
gap: 5px;
flex-wrap: wrap;
}
/* line 111, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 11px;
border-radius: 20px;
border: 1px solid #e8eaed;
font-size: 0.78rem;
font-weight: 600;
color: #6b7280;
background: #ffffff;
text-decoration: none;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
white-space: nowrap;
line-height: 1.6;
}
/* line 127, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill i {
font-size: 0.7rem;
}
/* line 129, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill:hover {
text-decoration: none;
background: #f8fafc;
border-color: #c9cdd2;
color: #1f2937;
}
/* line 131, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill.is-active {
background: #e5edff;
border-color: #93c5fd;
color: #1d4ed8;
}
/* line 137, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill--danger {
color: #c0392b;
border-color: rgba(229, 115, 115, 0.4);
}
/* line 140, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill--danger.is-active, .financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill--danger:hover {
background: rgba(229, 115, 115, 0.1);
border-color: #e57373;
color: #c0392b;
}
/* line 143, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill--warning {
color: #875800;
border-color: rgba(255, 183, 77, 0.5);
}
/* line 146, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill--warning.is-active, .financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill--warning:hover {
background: rgba(255, 183, 77, 0.12);
border-color: #ffb74d;
color: #875800;
}
/* line 149, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-stats-pills .fa-stat-pill--info {
color: #1565c0;
border-color: rgba(100, 181, 246, 0.4);
cursor: default;
}
/* line 158, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-list-card {
border: 1px solid #e8eaed !important;
border-radius: 8px !important;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
/* line 164, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-list-card .erp-card-header {
background: #ffffff;
border-bottom: 1px solid #e8eaed;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
/* line 173, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row {
border: none;
border-bottom: 1px solid #e8eaed;
border-left: 3px solid #e8eaed;
padding: 0.65rem 1rem;
background: #ffffff;
transition: background 0.12s ease;
}
/* line 181, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row:last-child {
border-bottom: none;
}
/* line 183, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row--critical {
border-left-color: #e57373;
}
/* line 185, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row--critical.financial-alert-row--unread {
background: rgba(254, 248, 248, 0.55);
}
/* line 187, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row--warning {
border-left-color: #ffb74d;
}
/* line 189, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row--warning.financial-alert-row--unread {
background: rgba(255, 251, 244, 0.56);
}
/* line 191, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row--info {
border-left-color: #64b5f6;
}
/* line 193, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row--info.financial-alert-row--unread {
background: rgba(247, 251, 255, 0.55);
}
/* line 196, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row--unread:not([class*="--critical"]):not([class*="--warning"]):not([class*="--info"]) {
background: rgba(66, 133, 244, 0.03);
}
/* line 200, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row:hover {
background: #f8fafc;
}
/* line 202, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__body {
min-width: 0;
}
/* line 204, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__title {
font-size: 0.875rem;
}
/* line 206, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__title a {
color: #1f2937;
text-decoration: none;
}
/* line 209, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__title a:hover {
color: #2563eb;
text-decoration: none;
}
/* line 213, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__message {
font-size: 0.78rem;
color: #6b7280;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4;
}
/* line 223, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__actions .btn-group {
flex-wrap: nowrap;
}
/* line 225, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__actions .btn {
font-size: 0.75rem;
padding: 0.2rem 0.45rem;
border-color: #e8eaed;
color: #6b7280;
background: #ffffff;
}
/* line 232, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alert-row__actions .btn:hover {
background: #f8fafc;
color: #1f2937;
}
/* line 241, app/assets/stylesheets/components/alerts.scss */
.financial-alerts-page .financial-alerts-empty {
color: #6b7280;
}
/* line 251, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-detail-card {
border: 1px solid #e8eaed !important;
border-radius: 8px !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
/* line 257, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-detail-card--critical {
border-left: 4px solid #e57373 !important;
}
/* line 258, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-detail-card--warning {
border-left: 4px solid #ffb74d !important;
}
/* line 259, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-detail-card--info {
border-left: 4px solid #64b5f6 !important;
}
/* line 261, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-detail-card .erp-card-header {
background: #ffffff;
border-bottom: 1px solid #e8eaed;
}
/* line 266, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-detail-card .erp-card-footer {
background: #f8fafc;
border-top: 1px solid #e8eaed;
}
/* line 272, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .alert-detail-message-block {
background: #f8fafc;
border: 1px solid #e8eaed;
border-radius: 5px;
padding: 0.875rem 1rem;
font-size: 0.875rem;
white-space: pre-wrap;
color: #1f2937;
line-height: 1.6;
}
/* line 283, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .alert-detail-recommended {
background: rgba(255, 183, 77, 0.07);
border: 1px solid rgba(255, 183, 77, 0.3);
border-radius: 5px;
padding: 0.75rem 1rem;
font-size: 0.875rem;
}
/* line 291, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .alert-detail-meta-label {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #6b7280;
font-weight: 600;
margin-bottom: 0.5rem;
}
/* line 300, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .alert-detail-dl {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.15rem 1rem;
font-size: 0.82rem;
}
/* line 306, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .alert-detail-dl dt {
color: #6b7280;
font-weight: 500;
white-space: nowrap;
padding: 0.2rem 0;
}
/* line 312, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .alert-detail-dl dd {
color: #1f2937;
margin-bottom: 0;
padding: 0.2rem 0;
border-bottom: 1px solid #e8eaed;
}
/* line 318, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .alert-detail-dl dt:last-of-type + dd {
border-bottom: none;
}
/* line 321, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-metadata-details {
border: 1px solid #e8eaed;
border-radius: 5px;
overflow: hidden;
font-size: 0.82rem;
}
/* line 327, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-metadata-details summary {
cursor: pointer;
list-style: none;
background: #f8fafc;
padding: 0.5rem 0.875rem;
user-select: none;
color: #6b7280;
font-weight: 600;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* line 339, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-metadata-details summary::-webkit-details-marker {
display: none;
}
/* line 340, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-metadata-details summary::before {
content: '▸';
display: inline-block;
margin-right: 0.3rem;
font-size: 0.7rem;
transition: transform 0.2s ease;
}
/* line 349, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-metadata-details[open] summary::before {
transform: rotate(90deg);
}
/* line 353, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-sidebar-card {
border: 1px solid #e8eaed !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
overflow: hidden;
}
/* line 359, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-sidebar-card .erp-card-header {
background: #f8fafc;
border-bottom: 1px solid #e8eaed;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
/* line 367, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-quick-links .list-group-item {
border-left: none;
border-right: none;
border-color: #e8eaed;
font-size: 0.84rem;
padding: 0.5rem 1rem;
color: #1f2937;
background: #ffffff;
}
/* line 376, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-quick-links .list-group-item:first-child {
border-top: none;
}
/* line 377, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-quick-links .list-group-item:hover {
background: #f8fafc;
color: #2563eb;
}
/* line 379, app/assets/stylesheets/components/alerts.scss */
.financial-alert-detail-page .financial-alert-quick-links .list-group-item i {
width: 1.1rem;
text-align: center;
}
/* line 386, app/assets/stylesheets/components/alerts.scss */
.alert-widget-item {
border-left: 3px solid transparent;
transition: background 0.15s ease;
}
/* line 390, app/assets/stylesheets/components/alerts.scss */
.alert-widget-item[data-severity="critical"] {
border-left-color: #e57373;
}
/* line 392, app/assets/stylesheets/components/alerts.scss */
.alert-widget-item[data-severity="critical"]:hover {
background: rgba(229, 115, 115, 0.1);
}
/* line 394, app/assets/stylesheets/components/alerts.scss */
.alert-widget-item[data-severity="warning"] {
border-left-color: #ffb74d;
}
/* line 396, app/assets/stylesheets/components/alerts.scss */
.alert-widget-item[data-severity="warning"]:hover {
background: rgba(255, 183, 77, 0.12);
}
/* line 398, app/assets/stylesheets/components/alerts.scss */
.alert-widget-item[data-severity="info"] {
border-left-color: #64b5f6;
}
/* line 400, app/assets/stylesheets/components/alerts.scss */
.alert-widget-item[data-severity="info"]:hover {
background: rgba(100, 181, 246, 0.1);
}
/* line 408, app/assets/stylesheets/components/alerts.scss */
.alerts-module .alert-unread {
background-color: rgba(255, 193, 7, 0.05);
border-left: 3px solid #ffc107;
}
/* line 413, app/assets/stylesheets/components/alerts.scss */
.alerts-module .list-group-item {
border-left: none;
border-right: none;
padding: 0.875rem 1rem;
}
/* line 417, app/assets/stylesheets/components/alerts.scss */
.alerts-module .list-group-item:first-child {
border-top: none;
}
/* line 418, app/assets/stylesheets/components/alerts.scss */
.alerts-module .list-group-item:last-child {
border-bottom: none;
}
/* line 419, app/assets/stylesheets/components/alerts.scss */
.alerts-module .list-group-item:hover {
background-color: #f8fafc;
}
/* line 58, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .period-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
/* line 76, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .segmented {
display: flex;
gap: 2px;
padding: 3px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
overflow-x: auto;
}
/* line 87, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .seg-btn {
height: 34px;
padding: 0 13px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
white-space: nowrap;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: var(--erp-ui-ink-2);
font-size: 13.5px;
font-weight: 600;
transition: background .12s, color .12s, border-color .12s;
}
/* line 106, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .seg-btn:hover {
color: var(--erp-ui-accent);
}
/* line 113, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .seg-btn[aria-pressed="true"] {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 122, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .seg-btn:focus-visible {
outline: none;
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 133, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .freshness {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 146, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .gap-note {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding: 10px 14px;
margin-bottom: 14px;
background: var(--erp-ui-accent-soft);
border-radius: var(--erp-ui-radius);
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 162, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .gap-note .pill {
white-space: nowrap;
}
/* line 180, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .filters-row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 12px;
grid-template-columns: none;
}
/* line 195, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .filters-row > .filter-group {
flex: 1 1 170px;
max-width: 280px;
min-width: 0;
}
/* line 201, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .filters-row > .filter-actions {
flex: 0 0 auto;
margin-left: auto;
}
/* line 211, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .split-headline {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
}
/* line 218, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .split-headline > .kpi-standalone {
flex: 0 0 260px;
}
/* line 222, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .split-headline > .card:not(.kpi-standalone) {
flex: 1 1 420px;
min-width: 0;
}
/* line 237, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .occupancy-cell {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
/* line 244, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .occupancy-meter {
width: 68px;
height: 6px;
flex: none;
border: 0;
border-radius: 999px;
background: var(--erp-ui-hairline);
appearance: none;
}
/* line 253, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .occupancy-meter::-webkit-meter-bar {
background: var(--erp-ui-hairline);
border: 0;
border-radius: 999px;
}
/* line 259, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .occupancy-meter::-webkit-meter-optimum-value, .erp-ui.analytics-module .occupancy-meter::-webkit-meter-suboptimum-value, .erp-ui.analytics-module .occupancy-meter::-webkit-meter-even-less-good-value {
background: var(--erp-ui-accent);
border-radius: 999px;
}
/* line 266, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .occupancy-meter::-moz-meter-bar {
background: var(--erp-ui-accent);
border-radius: 999px;
}
/* line 272, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .occupancy-value {
font-variant-numeric: tabular-nums;
}
/* line 277, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .insight-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 14px;
}
/* line 303, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .insight-grid .insight-card {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 6px;
position: static;
overflow: visible;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 14px 16px;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 326, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .insight-grid .insight-card h3 {
margin: 0;
font-size: 14px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 333, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .insight-grid .insight-card p {
margin: 0;
}
/* line 337, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .insight-grid .insight-card ul {
margin: 0;
padding-left: 1.1em;
}
/* line 342, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .insight-grid .insight-card strong {
color: var(--erp-ui-ink);
font-weight: 600;
}
@media (max-width: 1080px) {
/* line 357, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .kpi-grid.three,
.erp-ui.analytics-module .insight-grid {
grid-template-columns: repeat(2, 1fr);
}
/* line 365, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .filters-row > .filter-actions {
margin-left: 0;
}
}
@media (max-width: 640px) {
/* line 370, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .kpi-grid.three,
.erp-ui.analytics-module .insight-grid {
grid-template-columns: 1fr;
}
/* line 375, app/assets/stylesheets/components/analytics_dashboard.scss */
.erp-ui.analytics-module .filters-row > .filter-group {
flex: 1 1 100%;
}
}
/* line 17, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .saldo-par {
display: flex;
flex-direction: column;
gap: 2px;
align-items: flex-end;
}
/* line 23, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .saldo-par b {
font-variant-numeric: tabular-nums;
font-weight: 600;
}
/* line 28, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .saldo-par small {
color: var(--erp-ui-ink-3);
font-size: 11.5px;
font-variant-numeric: tabular-nums;
}
/* line 34, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .saldo-par.divergente b {
color: var(--erp-ui-critical-text);
}
/* line 42, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .banco-cell {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
/* line 49, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .banco-logo {
flex-shrink: 0;
border-radius: 3px;
}
/* line 54, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .banco-num {
flex-shrink: 0;
padding: 3px 5px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 4px;
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 11px;
line-height: 1;
}
/* line 68, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .audit-change {
display: block;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 73, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .audit-change + .audit-change {
margin-top: 3px;
}
/* line 77, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module .audit-change b {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 87, app/assets/stylesheets/components/bank_accounts_module.scss */
.erp-ui.bank-accounts-module output.valor-calculado {
display: block;
padding: 7px 10px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
font-size: 14px;
font-variant-numeric: tabular-nums;
}
/* line 23, app/assets/stylesheets/components/bank_reconciliation.scss */
:root {
--erp-primary: #2c3e50;
--erp-primary-light: #34495e;
--erp-secondary: #7f8c8d;
--erp-success: #27ae60;
--erp-warning: #f39c12;
--erp-danger: #e74c3c;
--erp-info: #3498db;
--erp-warning-text: #96590a;
--erp-info-text: #1a6a9c;
--erp-success-text: #1d7d45;
--erp-danger-text: #a52a1a;
--gray-900: #212529;
--gray-800: #343a40;
--gray-700: #495057;
--gray-600: #6c757d;
--gray-500: #adb5bd;
--gray-400: #ced4da;
--gray-300: #dee2e6;
--gray-200: #e9ecef;
--gray-100: #f8f9fa;
--gray-50: #ffffff;
--shadow-light: 0 1px 3px rgba(0,0,0,0.05);
--shadow-medium: 0 2px 6px rgba(0,0,0,0.08);
--shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
--border-radius: 4px;
--border-radius-lg: 8px;
}
/* line 51, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module {
padding-top: 25px;
}
@media (min-width: 992px) {
/* line 55, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module {
padding-left: 35px;
padding-right: 35px;
}
}
@media (max-width: 991px) {
/* line 61, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module {
padding-left: 15px;
padding-right: 15px;
}
}
/* line 66, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .content-header {
margin-top: 5px !important;
margin-bottom: 25px;
padding-top: 15px;
padding-bottom: 10px;
}
/* line 72, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module section.content {
padding-top: 15px;
padding-bottom: 20px;
}
/* line 76, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module section.content .container-fluid {
padding-left: 0;
padding-right: 0;
}
/* line 80, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-card {
background: white;
border-radius: var(--border-radius);
box-shadow: var(--shadow-light);
border: 1px solid var(--gray-300);
margin-bottom: 20px;
}
/* line 87, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-card:first-of-type {
margin-top: 0;
}
/* line 90, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-card-header {
padding: 15px 20px;
border-bottom: 1px solid var(--gray-300);
background: var(--gray-50);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
/* line 100, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-card-title {
font-size: 16px;
font-weight: 600;
color: var(--gray-800);
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
/* line 109, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-card-body {
padding: 20px;
}
/* line 112, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card {
background: white;
border-radius: var(--border-radius);
padding: 12px 15px;
box-shadow: var(--shadow-light);
border: 1px solid var(--gray-300);
border-left: 3px solid var(--erp-primary);
display: flex;
align-items: center;
gap: 12px;
transition: all 0.2s ease;
}
/* line 124, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-medium);
}
/* line 128, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card.success {
border-left-color: var(--erp-success);
}
/* line 131, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card.warning {
border-left-color: var(--erp-warning);
}
/* line 134, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card.danger {
border-left-color: var(--erp-danger);
}
/* line 137, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card.info {
border-left-color: var(--erp-info);
}
/* line 140, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .stat-icon {
width: 40px;
height: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
}
/* line 150, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card.success .stat-icon {
background: rgba(39, 174, 96, 0.1);
color: var(--erp-success);
}
/* line 154, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card.warning .stat-icon {
background: rgba(243, 156, 18, 0.1);
color: var(--erp-warning);
}
/* line 158, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .erp-stat-card.info .stat-icon {
background: rgba(52, 152, 219, 0.1);
color: var(--erp-info);
}
/* line 162, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .stat-content {
flex: 1;
min-width: 0;
}
@keyframes shimmer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
/* line 174, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .btn-erp {
padding: 8px 16px;
border-radius: var(--border-radius);
border: none;
font-weight: 500;
font-size: 13px;
cursor: pointer;
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 6px;
text-decoration: none;
}
/* line 187, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .btn-erp.btn-erp-primary {
background: var(--erp-primary);
color: white;
}
/* line 191, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .btn-erp.btn-erp-primary:hover {
background: var(--erp-primary-light);
transform: translateY(-1px);
box-shadow: var(--shadow-light);
color: white;
text-decoration: none;
}
/* line 198, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .btn-erp.btn-erp-outline {
background: white;
color: var(--gray-700);
border: 1px solid var(--gray-300);
}
/* line 203, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .btn-erp.btn-erp-outline:hover {
border-color: var(--erp-info);
color: var(--erp-info);
text-decoration: none;
}
/* line 208, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .btn-erp.btn-sm {
padding: 6px 12px;
font-size: 12px;
}
/* line 212, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .empty-state {
text-align: center;
padding: 40px;
color: var(--gray-500);
}
/* line 217, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .empty-state-icon {
font-size: 48px;
margin-bottom: 15px;
opacity: 0.5;
}
/* line 222, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .empty-state-text {
font-size: 14px;
margin-bottom: 20px;
}
/* line 226, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .text-erp-success {
color: var(--erp-success);
}
/* line 229, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .text-erp-info {
color: var(--erp-info);
}
/* line 232, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .mr-10 {
margin-right: 10px;
}
/* line 235, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .recon-text-muted-xs {
font-size: 11px;
color: var(--gray-600);
}
/* line 239, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .recon-section-title {
font-size: 14px;
font-weight: 600;
color: var(--gray-800);
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
/* line 248, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .recon-select-sm {
width: 140px;
font-size: 12px;
}
/* line 252, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .gap-8 {
gap: 8px;
}
/* line 255, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .threshold-recommendation {
border: 1px solid var(--erp-info);
background: rgba(52, 152, 219, 0.08);
border-radius: var(--border-radius);
padding: 12px 14px;
}
/* line 261, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .threshold-recommendation-header {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.4px;
color: var(--erp-info);
margin-bottom: 6px;
display: flex;
align-items: center;
gap: 6px;
}
/* line 272, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .threshold-recommendation-body {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
}
/* line 278, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .threshold-recommendation-value {
font-size: 24px;
font-weight: 700;
color: var(--gray-800);
}
/* line 283, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .threshold-recommendation-reason {
font-size: 13px;
color: var(--gray-700);
}
/* line 287, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module .threshold-recommendation-footnote {
font-size: 11px;
color: var(--gray-600);
margin-top: 6px;
}
@keyframes listaLinkFlash {
0% {
background: rgba(52, 152, 219, 0.35);
}
100% {
background: rgba(52, 152, 219, 0.08);
}
}
/* line 300, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module #lista-reconciliation-summary {
border: 1px solid var(--gray-300);
}
/* line 303, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module #modo-lista .erp-card-body {
overflow: hidden;
}
/* line 306, app/assets/stylesheets/components/bank_reconciliation.scss */
.bank-reconciliations-module #extrato-items-list,
.bank-reconciliations-module #sistema-items-list {
width: 100%;
max-width: 100%;
min-width: 0;
}
/* line 312, app/assets/stylesheets/components/bank_reconciliation.scss */
.wrapper .content-wrapper .bank-reconciliations-module .content-header {
margin-top: 5px !important;
}
/* line 18, app/assets/stylesheets/components/bank_slips_module.scss */
.erp-ui.bank-slips-module .linha-digitavel {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
margin-bottom: 14px;
}
/* line 25, app/assets/stylesheets/components/bank_slips_module.scss */
.erp-ui.bank-slips-module .linha-digitavel code {
flex: 1 1 380px;
min-width: 0;
padding: 10px 12px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.4px;
color: var(--erp-ui-ink);
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow-wrap: anywhere;
}
/* line 44, app/assets/stylesheets/components/bank_slips_module.scss */
.erp-ui.bank-slips-module .form-section > .acts {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 14px;
}
/* line 16, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-progress,
.erp-ui .bank-statements-module .stmt-progress {
display: flex;
align-items: center;
gap: 9px;
min-width: 0;
}
/* line 27, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .erp-bar-track,
.erp-ui .bank-statements-module .erp-bar-track {
width: 84px;
flex: none;
}
/* line 32, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-progress-text,
.erp-ui .bank-statements-module .stmt-progress-text {
font-size: 12px;
color: var(--erp-ui-ink-2);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
/* line 52, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-credit,
.erp-ui .bank-statements-module .stmt-credit {
color: var(--erp-ui-good-text);
font-weight: 600;
}
/* line 57, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-debit,
.erp-ui .bank-statements-module .stmt-debit {
color: var(--erp-ui-critical-text);
font-weight: 600;
}
/* line 68, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-steps,
.erp-ui .bank-statements-module .stmt-steps {
margin: 0;
padding-left: 18px;
font-size: 13px;
color: var(--erp-ui-ink-2);
line-height: 1.7;
}
/* line 75, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-steps b,
.erp-ui .bank-statements-module .stmt-steps b {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 81, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-outcomes,
.erp-ui .bank-statements-module .stmt-outcomes {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
}
/* line 87, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-outcomes > div,
.erp-ui .bank-statements-module .stmt-outcomes > div {
display: flex;
flex-direction: column;
gap: 3px;
}
/* line 93, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-outcomes dt,
.erp-ui .bank-statements-module .stmt-outcomes dt {
display: flex;
align-items: flex-start;
font-weight: 400;
}
/* line 103, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-outcomes dd,
.erp-ui .bank-statements-module .stmt-outcomes dd {
margin: 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 108, app/assets/stylesheets/components/bank_statements_module.scss */
.erp-ui.bank-statements-module .stmt-outcomes dd b,
.erp-ui .bank-statements-module .stmt-outcomes dd b {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 9, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module {
--bd-serie-1: #2a78d6;
--bd-serie-2: #eb6834;
--bd-serie-3: #1baf7a;
}
/* line 12, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-controles {
display: grid;
}
/* line 16, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 10px 14px;
padding: 12px 14px;
}
/* line 24, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-botoes {
display: inline-flex;
flex-wrap: wrap;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
overflow: hidden;
}
/* line 32, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-botao {
padding: 5px 11px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
background: var(--erp-ui-surface);
text-decoration: none;
}
/* line 39, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-botao + .bd-periodo-botao {
border-left: 1px solid var(--erp-ui-hairline);
}
/* line 41, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-botao:hover {
background: var(--erp-ui-surface-2);
}
/* line 43, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-botao[aria-pressed="true"] {
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 49, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-datas {
display: flex;
align-items: flex-end;
gap: 8px;
}
/* line 54, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-datas .field {
min-width: 0;
}
/* line 55, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-datas input {
width: 150px;
}
/* line 58, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-periodo-texto {
margin: 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
flex: 1 1 200px;
}
/* line 67, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-sec-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
gap: 4px 12px;
padding: 12px 16px 0;
}
/* line 75, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-sec-head h2 {
margin: 0;
font-size: 14.5px;
}
/* line 80, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-sec-head .ctx {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 86, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-sec-body {
padding: 12px 16px 16px;
display: grid;
gap: 12px;
}
/* line 92, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-charts {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 14px;
}
@media (max-width: 1000px) {
/* line 92, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-charts {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 102, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
@media (max-width: 1000px) {
/* line 102, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-two {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 114, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
margin-top: 12px;
border-top: 1px solid var(--erp-ui-hairline);
}
@media (max-width: 1100px) {
/* line 114, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
/* line 114, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 124, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo-item {
display: grid;
gap: 2px;
padding: 12px 16px;
color: inherit;
text-decoration: none;
border-right: 1px solid var(--erp-ui-hairline);
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 133, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo-item:hover {
background: var(--erp-ui-surface-2);
}
/* line 135, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo-item .t {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 144, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo-item .n {
font-size: 20px;
font-weight: 650;
font-variant-numeric: tabular-nums;
}
/* line 150, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo-item .v {
font-size: 12.5px;
color: var(--erp-ui-ink-2);
font-variant-numeric: tabular-nums;
}
/* line 156, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo-item .go {
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-accent);
}
/* line 162, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-todo-item.crit .n {
color: var(--erp-ui-critical-text);
}
/* line 165, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-sev {
width: 8px;
height: 8px;
border-radius: 50%;
flex: 0 0 auto;
background: var(--erp-ui-ink-3);
}
/* line 172, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-sev.crit {
background: var(--erp-ui-critical);
}
/* line 173, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-sev.warn {
background: var(--erp-ui-warning);
}
/* line 178, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-trend {
font-weight: 700;
}
/* line 181, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-trend.down {
color: var(--erp-ui-critical-text);
}
/* line 182, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-trend.up {
color: var(--erp-ui-good-text);
}
/* line 185, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-como {
margin-left: auto;
border: 0;
background: none;
padding: 0 2px;
line-height: 1;
color: var(--erp-ui-ink-3);
cursor: pointer;
}
/* line 194, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-como:hover {
color: var(--erp-ui-accent);
}
/* line 196, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-como .erp-icon {
width: 14px;
height: 14px;
}
/* line 199, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-mix-legend {
margin-top: 10px;
}
/* line 206, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-chart-box {
position: relative;
height: 300px;
}
@media (max-width: 640px) {
/* line 206, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-chart-box {
height: 220px;
}
}
/* line 225, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .legend .swatch.bd-serie-1 {
background: var(--bd-serie-1);
}
/* line 226, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .legend .swatch.bd-serie-2 {
background: var(--bd-serie-2);
}
/* line 227, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .legend .swatch.bd-serie-3 {
background: var(--bd-serie-3);
}
/* line 231, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .legend .swatch.esmaecido {
opacity: .45;
}
/* line 239, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-ciclo .bd-sec-head-interna {
border-top: 1px solid var(--erp-ui-hairline);
padding-top: 14px;
}
/* line 245, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-ciclo-tabelas {
padding: 0 16px 16px;
}
/* line 248, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-ciclo-tabelas > div {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
min-width: 0;
}
/* line 255, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-ciclo-tabelas .bd-sec-head-interna {
border-top: 0;
padding: 12px 14px 0;
}
/* line 261, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-revisar-acao {
margin-left: auto;
}
/* line 267, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-subtabs {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 12px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 275, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-subtab {
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
border-radius: 999px;
padding: 4px 12px;
font-size: 12.5px;
text-decoration: none;
}
/* line 284, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-subtab:hover {
background: var(--erp-ui-surface-2);
}
/* line 286, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-subtab[aria-pressed="true"] {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent);
font-weight: 600;
}
/* line 294, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-lista-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
gap: 4px 16px;
padding: 12px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 303, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-lista-head h3 {
margin: 0;
font-size: 13.5px;
}
/* line 308, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-lista-head p {
margin: 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 315, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-lista-total {
font-size: 13px;
color: var(--erp-ui-ink-2);
font-variant-numeric: tabular-nums;
}
/* line 321, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-lista-carregando {
padding: 24px 16px;
color: var(--erp-ui-ink-3);
font-size: 13px;
}
/* line 327, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-foot-line {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 10px 14px;
border-top: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 340, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-see-all {
font-size: 12.5px;
font-weight: 600;
}
/* line 345, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-revisar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 24px;
}
/* line 351, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-revisar > div {
display: grid;
gap: 2px;
}
/* line 356, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-revisar .k {
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 362, app/assets/stylesheets/components/billing_dashboard_module.scss */
.erp-ui.billing-dashboard-module .bd-revisar b {
font-size: 16px;
font-variant-numeric: tabular-nums;
}
/* line 6, app/assets/stylesheets/components/budgets.scss */
.budgets-module .erp-card {
position: relative;
}
/* line 10, app/assets/stylesheets/components/budgets.scss */
.budgets-module .erp-card-body {
position: relative;
}
/* line 14, app/assets/stylesheets/components/budgets.scss */
.budgets-module .erp-card-body .table-responsive {
overflow-x: auto;
overflow-y: auto;
max-height: 600px;
position: relative;
}
/* line 23, app/assets/stylesheets/components/budgets.scss */
.financial-amount:disabled {
background-color: #e9ecef;
cursor: not-allowed;
}
/* line 29, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable {
font-size: 0.875rem;
}
/* line 32, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable th {
font-size: 0.8rem;
padding: 0.5rem 0.3rem;
white-space: nowrap;
vertical-align: middle;
}
/* line 39, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable td {
padding: 0.4rem 0.3rem;
vertical-align: middle;
}
/* line 44, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-cell {
min-width: 100px;
}
/* line 47, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-cell .month-input {
font-size: 0.875rem !important;
padding: 0.25rem 0.5rem !important;
min-width: 90px;
text-align: right;
font-weight: 600;
height: calc(1.5em + 0.5rem + 2px);
line-height: 1.5;
color: #212529;
}
/* line 57, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-cell .month-input:focus {
border-color: #007bff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
z-index: 1;
background-color: #fff;
}
/* line 64, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-cell .month-input::placeholder {
color: #adb5bd;
font-weight: normal;
}
/* line 70, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-cell .month-input[value]:not([value=""]) {
color: #212529;
font-weight: 600;
}
/* line 77, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-header {
font-weight: 600;
background-color: #f8f9fa;
position: sticky;
top: 0;
z-index: 10;
}
/* line 85, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-total {
font-size: 0.75rem;
background-color: #f8f9fa;
font-weight: 600;
}
/* line 92, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .financial-row:hover {
background-color: #f8f9fa;
}
/* line 95, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .financial-row:hover .month-input {
background-color: #fff;
}
@media (max-width: 1400px) {
/* line 105, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-cell {
min-width: 90px;
}
/* line 108, app/assets/stylesheets/components/budgets.scss */
#annualBudgetTable .month-cell .month-input {
font-size: 0.8rem !important;
padding: 0.2rem 0.4rem !important;
min-width: 85px;
}
}
/* line 118, app/assets/stylesheets/components/budgets.scss */
.card-body .table-responsive {
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}
/* line 126, app/assets/stylesheets/components/budgets.scss */
.card .card-header .card-title {
margin-bottom: 0;
}
/* line 133, app/assets/stylesheets/components/budgets.scss */
.badge.badge-sm {
font-size: 0.7rem;
padding: 0.2rem 0.4rem;
}
/* line 138, app/assets/stylesheets/components/budgets.scss */
.badge.badge-lg {
font-size: 0.9rem;
padding: 0.4rem 0.6rem;
}
/* line 146, app/assets/stylesheets/components/budgets.scss */
.btn-group .btn:not(:last-child) {
margin-right: 0.25rem;
}
/* line 152, app/assets/stylesheets/components/budgets.scss */
.form-check-input:checked {
background-color: #007bff;
border-color: #007bff;
}
/* line 161, app/assets/stylesheets/components/budgets.scss */
.budget-form-module .d-flex.flex-wrap {
align-items: stretch;
}
/* line 164, app/assets/stylesheets/components/budgets.scss */
.budget-form-module .d-flex.flex-wrap .flex-fill {
display: flex;
}
/* line 167, app/assets/stylesheets/components/budgets.scss */
.budget-form-module .d-flex.flex-wrap .flex-fill .erp-stat-card {
width: 100%;
flex: 1;
}
/* line 177, app/assets/stylesheets/components/budgets.scss */
.budget-annual-module .erp-card {
position: relative;
display: block;
clear: both;
}
/* line 184, app/assets/stylesheets/components/budgets.scss */
.budget-annual-module .erp-card-body {
position: relative;
}
/* line 190, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
}
/* line 196, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card {
min-width: 0;
padding: 0.85rem 1rem;
border: 1px solid #e3e8ee;
border-left: 4px solid #6c757d;
border-radius: 0.35rem;
background: #fff;
}
/* line 204, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card.revenue {
border-left-color: #28a745;
}
/* line 205, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card.expense {
border-left-color: #dc3545;
}
/* line 206, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card.result {
border-left-color: #17a2b8;
}
/* line 208, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card small,
.budget-show-module .budget-executive-card span {
display: block;
}
/* line 213, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card small {
color: #6c757d;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: 0.7rem;
}
/* line 221, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card strong {
display: block;
margin: 0.2rem 0;
color: #2c3e50;
font-size: clamp(1rem, 1.45vw, 1.35rem);
line-height: 1.2;
overflow-wrap: anywhere;
}
/* line 230, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-card span {
color: #6c757d;
font-size: 0.75rem;
}
/* line 236, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-progress-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
/* line 242, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-tabs {
border-bottom-color: #dee2e6;
}
/* line 245, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-tabs .nav-link {
color: #5c6773;
font-weight: 600;
}
/* line 249, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-tabs .nav-link.active {
color: #1f2d3d;
border-top: 3px solid #17a2b8;
}
/* line 256, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metrics {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0.65rem;
}
/* line 262, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric {
min-width: 0;
padding: 0.75rem;
border: 1px solid #e3e8ee;
border-top: 3px solid #17a2b8;
border-radius: 0.3rem;
background: #fff;
}
/* line 270, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric.success {
border-top-color: #28a745;
}
/* line 271, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric.warning {
border-top-color: #ffc107;
}
/* line 272, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric.secondary {
border-top-color: #6c757d;
}
/* line 273, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric.danger {
border-top-color: #dc3545;
}
/* line 275, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric small,
.budget-show-module .budget-audit-metric strong {
display: block;
}
/* line 280, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric small {
min-height: 2.1em;
color: #6c757d;
font-size: 0.68rem;
font-weight: 700;
line-height: 1.1;
text-transform: uppercase;
}
/* line 289, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metric strong {
margin-top: 0.35rem;
color: #2c3e50;
font-size: clamp(0.88rem, 1.2vw, 1.1rem);
line-height: 1.15;
overflow-wrap: anywhere;
}
/* line 298, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-equation {
gap: 0.75rem;
padding: 0.55rem 0.75rem;
border-radius: 0.3rem;
background: #f7f9fb;
color: #5c6773;
font-size: 0.8rem;
}
/* line 307, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-subheader {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 0.9rem;
border-bottom: 1px solid #e3e8ee;
background: #f8f9fa;
}
/* line 317, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-table-wrap {
max-height: 430px;
}
/* line 321, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-review-list {
max-height: 430px;
overflow-y: auto;
}
/* line 326, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-review-item {
padding: 0.8rem 0.9rem;
border-bottom: 1px solid #edf0f2;
font-size: 0.82rem;
}
/* line 331, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-review-item:last-child {
border-bottom: 0;
}
/* line 334, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-empty {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 150px;
padding: 1rem;
color: #6c757d;
text-align: center;
}
/* line 345, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-summary-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.85rem;
}
/* line 351, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-summary-card {
min-width: 0;
padding: 1rem;
border: 1px solid #e3e8ee;
border-radius: 0.35rem;
background: #fff;
}
/* line 358, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-summary-card small,
.budget-show-module .budget-audit-summary-card strong,
.budget-show-module .budget-audit-summary-card span {
display: block;
}
/* line 362, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-summary-card small {
color: #6c757d;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
}
/* line 369, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-summary-card strong {
margin: 0.35rem 0;
font-size: clamp(1.05rem, 1.7vw, 1.45rem);
overflow-wrap: anywhere;
}
/* line 375, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-summary-card span {
color: #6c757d;
font-size: 0.78rem;
}
/* line 381, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-actions {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
justify-content: flex-end;
}
/* line 388, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-section-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.75rem;
}
/* line 394, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-table-wrap {
max-height: 620px;
}
/* line 398, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-table {
font-size: 0.9rem;
}
/* line 402, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-stack {
display: block;
}
/* line 406, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-stack-section {
width: 100%;
}
/* line 410, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-name-cell {
min-width: 280px;
white-space: nowrap;
}
/* line 415, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-spacer {
display: inline-block;
width: 20px;
margin-right: 0.5rem;
}
/* line 421, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-code {
display: inline-block;
min-width: 82px;
margin-right: 0.5rem;
color: #6c757d;
font-weight: 700;
font-size: 0.82rem;
}
/* line 430, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-synthetic {
background: rgba(108, 117, 125, 0.08);
}
/* line 434, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-progress {
width: 72px;
height: 8px;
margin: 0 auto 0.15rem;
}
/* line 440, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-toggle {
width: 18px;
min-width: 18px;
font-size: 0.7rem;
}
/* line 446, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-zero-row {
display: none;
}
@media (max-width: 991px) {
/* line 453, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-metrics {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* line 457, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-audit-summary-grid {
grid-template-columns: 1fr;
}
/* line 461, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-actions {
justify-content: flex-start;
margin-top: 0.75rem;
}
/* line 466, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-hierarchy-name-cell {
min-width: 220px;
}
}
@media (max-width: 575px) {
/* line 474, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .budget-executive-grid,
.budget-show-module .budget-progress-grid,
.budget-show-module .budget-audit-metrics {
grid-template-columns: 1fr;
}
}
/* line 484, app/assets/stylesheets/components/budgets.scss */
.budget-annual-module .erp-stat-card.filled.info {
background: #3498db !important;
border-color: #3498db !important;
border-left-color: #3498db !important;
border-radius: var(--erp-border-radius) !important;
padding: 10px 12px !important;
box-shadow: var(--erp-shadow-light) !important;
}
/* line 494, app/assets/stylesheets/components/budgets.scss */
.budget-annual-module .erp-stat-card.filled.info .stat-content h3,
.budget-annual-module .erp-stat-card.filled.info .stat-content .erp-stat-value {
color: #ffffff !important;
font-size: 18px !important;
font-weight: 700 !important;
}
/* line 501, app/assets/stylesheets/components/budgets.scss */
.budget-annual-module .erp-stat-card.filled.info .stat-content p,
.budget-annual-module .erp-stat-card.filled.info .stat-content .erp-stat-label {
color: rgba(255, 255, 255, 0.9) !important;
font-size: 10px !important;
}
/* line 508, app/assets/stylesheets/components/budgets.scss */
.budget-annual-module .erp-stat-card.filled.info .stat-icon,
.budget-annual-module .erp-stat-card.filled.info .erp-stat-icon {
background: rgba(255, 255, 255, 0.2) !important;
color: #ffffff !important;
width: 34px !important;
height: 34px !important;
}
/* line 515, app/assets/stylesheets/components/budgets.scss */
.budget-annual-module .erp-stat-card.filled.info .stat-icon i,
.budget-annual-module .erp-stat-card.filled.info .erp-stat-icon i {
color: #ffffff !important;
font-size: 15px !important;
}
/* line 526, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .chart-empty-state {
color: #adb5bd;
text-align: center;
}
/* line 533, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .donut-chart-wrapper .donut-center-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
pointer-events: none;
width: 70%;
}
/* line 542, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .donut-chart-wrapper .donut-center-label .donut-center-value {
font-size: 1.75rem;
font-weight: 700;
color: #2c3e50;
line-height: 1.1;
}
/* line 549, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .donut-chart-wrapper .donut-center-label .donut-center-caption {
font-size: 0.7rem;
color: #6c757d;
margin-top: 2px;
line-height: 1.2;
}
/* line 559, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .legend-dot {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
margin-right: 4px;
vertical-align: middle;
}
/* line 569, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .variance-legend-btn {
transition: all 0.18s ease;
cursor: pointer;
font-size: 0.78rem;
padding: 4px 10px;
}
/* line 575, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .variance-legend-btn:hover {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
/* line 580, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .variance-legend-btn.active {
color: #fff;
box-shadow: 0 2px 6px rgba(0, 123, 255, 0.3);
}
/* line 584, app/assets/stylesheets/components/budgets.scss */
.budget-show-module .variance-legend-btn.active .legend-dot {
outline: 2px solid #fff;
outline-offset: 1px;
}
/* line 592, app/assets/stylesheets/components/budgets.scss */
.budget-show-module #variance-filter-badge {
animation: fadeInDown 0.25s ease;
}
/* line 595, app/assets/stylesheets/components/budgets.scss */
.budget-show-module #variance-filter-badge .btn-link {
text-decoration: none;
color: inherit;
}
/* line 599, app/assets/stylesheets/components/budgets.scss */
.budget-show-module #variance-filter-badge .btn-link:hover {
text-decoration: underline;
}
/* line 606, app/assets/stylesheets/components/budgets.scss */
.budget-show-module [data-budget-row="true"] {
transition: opacity 0.2s ease;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* line 623, app/assets/stylesheets/components/budgets.scss */
body.modal-open:has(#approveModal.show) .modal-backdrop,
body.modal-open:has(#rejectModal.show) .modal-backdrop,
body.modal-open:has(#duplicateModal.show) .modal-backdrop,
body.modal-open:has(.show[id^="rejectModal"]) .modal-backdrop,
body.modal-open:has(.show[id^="duplicateModal"]) .modal-backdrop {
z-index: 1040 !important;
}
/* line 631, app/assets/stylesheets/components/budgets.scss */
body.modal-open #approveModal.show,
body.modal-open #rejectModal.show,
body.modal-open #duplicateModal.show,
body.modal-open .show[id^="rejectModal"],
body.modal-open .show[id^="duplicateModal"] {
z-index: 1050 !important;
}
/* line 17, app/assets/stylesheets/components/busy_feedback.scss */
form[aria-busy="true"] [type="submit"],
form[aria-busy="true"] button:not([type]) {
cursor: progress;
opacity: 0.65;
}
/* line 24, app/assets/stylesheets/components/busy_feedback.scss */
turbo-frame[busy] {
cursor: progress;
}
/* line 31, app/assets/stylesheets/components/busy_feedback.scss */
turbo-frame[complete] {
transition: opacity 0.15s ease-out;
}
/* line 35, app/assets/stylesheets/components/busy_feedback.scss */
turbo-frame[busy][complete] {
opacity: 0.6;
transition: opacity 0.15s ease-in 0.2s;
}
@media (prefers-reduced-motion: reduce) {
/* line 42, app/assets/stylesheets/components/busy_feedback.scss */
turbo-frame[complete] {
transition: none;
}
/* line 46, app/assets/stylesheets/components/busy_feedback.scss */
turbo-frame[busy][complete] {
transition: opacity 0s linear 0.2s;
}
}
/* line 54, app/assets/stylesheets/components/busy_feedback.scss */
.remote-modal-loading {
padding: 24px;
min-height: 220px;
}
/* line 62, app/assets/stylesheets/components/busy_feedback.scss */
.erp-ui .frame-loading {
padding: 16px 0;
}
/* line 14, app/assets/stylesheets/components/cash_flow_projection.scss */
.erp-ui.cash-flow-projection-module .data td.num {
font-variant-numeric: tabular-nums;
}
/* line 17, app/assets/stylesheets/components/cash_flow_projection.scss */
.erp-ui.cash-flow-projection-module .data td.num.entrada {
color: var(--erp-ui-good-text);
}
/* line 18, app/assets/stylesheets/components/cash_flow_projection.scss */
.erp-ui.cash-flow-projection-module .data td.num.saida {
color: var(--erp-ui-critical-text);
}
/* line 20, app/assets/stylesheets/components/cash_flow_projection.scss */
.erp-ui.cash-flow-projection-module .data td.num .main.saida {
color: var(--erp-ui-critical-text);
}
/* line 26, app/assets/stylesheets/components/cash_flow_projection.scss */
.erp-ui.cash-flow-projection-module .data .sub.critical {
color: var(--erp-ui-critical-text);
}
/* line 32, app/assets/stylesheets/components/cash_flow_projection.scss */
.erp-ui.cash-flow-projection-module .nota-acao {
display: block;
margin-top: 3px;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 22, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-lista {
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 28, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-item {
display: flex;
flex-direction: column;
gap: 5px;
}
/* line 34, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-topo {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
}
/* line 41, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-rotulo {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
/* line 48, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-nome {
font-size: 13.5px;
color: var(--erp-ui-ink);
}
/* line 53, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-pct {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 58, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-valor {
font-size: 13.5px;
font-weight: 600;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
/* line 64, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-valor.entrada {
color: var(--erp-ui-good-text);
}
/* line 68, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-valor.saida {
color: var(--erp-ui-critical-text);
}
/* line 73, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-barra {
height: 6px;
border-radius: 999px;
background: var(--erp-ui-surface-2);
overflow: hidden;
}
/* line 79, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-barra i {
display: block;
height: 100%;
border-radius: 999px;
}
/* line 84, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-barra i.entrada {
background: var(--erp-ui-good-text);
}
/* line 88, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cat-barra i.saida {
background: var(--erp-ui-critical-text);
}
/* line 96, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .data td.num.entrada {
color: var(--erp-ui-good-text);
}
/* line 100, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .data td.num.saida {
color: var(--erp-ui-critical-text);
}
/* line 107, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .data tr.sem-movimento td {
color: var(--erp-ui-ink-3);
}
/* line 117, app/assets/stylesheets/components/cash_flow_report_module.scss */
.erp-ui.cash-flow-module .cash-flow-canvas-box {
position: relative;
width: 100%;
height: 300px;
}
/* line 12, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-inline-form {
display: inline;
margin: 0;
}
/* line 14, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-email-form {
display: inline-flex;
gap: 6px;
align-items: center;
margin: 0 8px 0 0;
}
/* line 20, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-email-form input {
width: 220px;
max-width: 100%;
}
/* line 24, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-field-label {
display: block;
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 31, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-switch {
display: flex;
gap: 10px;
align-items: flex-start;
margin: 4px 0 0;
font-size: 13px;
font-weight: 400;
cursor: pointer;
}
/* line 40, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-switch input {
width: 16px;
height: 16px;
margin: 2px 0 0;
flex: none;
accent-color: var(--erp-ui-accent);
}
/* line 41, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-switch small {
display: block;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 44, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-inline-check {
display: flex;
gap: 6px;
align-items: center;
margin: 0 0 6px;
font-size: 12.5px;
font-weight: 400;
}
/* line 54, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-suggest {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
align-items: center;
margin: 0 0 10px;
padding: 10px 12px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface-2);
}
/* line 66, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-suggest-text {
flex: 1 1 320px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 71, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-suggest-text strong {
display: block;
font-size: 13.5px;
color: var(--erp-ui-ink);
}
/* line 74, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-suggest-status {
flex: 1 1 100%;
margin: 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 80, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-suggest-status.is-ok {
color: var(--erp-ui-good-text);
font-weight: 600;
}
/* line 81, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-suggest-status.is-warn {
color: var(--erp-ui-warning-text);
font-weight: 600;
}
/* line 84, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-suggested {
background: var(--erp-ui-accent-soft);
}
/* line 86, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-flag {
display: inline-block;
margin-top: 3px;
font-size: 11px;
font-weight: 600;
}
/* line 92, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-flag.is-suggested {
color: var(--erp-ui-ink-3);
}
/* line 93, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-flag.is-check {
color: var(--erp-ui-warning-text);
}
/* line 96, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-import {
margin: 0 0 12px;
border: 1px dashed var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
padding: 8px 12px;
}
/* line 102, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-import summary {
cursor: pointer;
font-weight: 600;
color: var(--erp-ui-accent);
}
/* line 108, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-import[open] summary {
margin-bottom: 8px;
}
/* line 111, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 116, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows-head,
.erp-ui.checklists-module .ck-row-grid {
display: grid;
gap: 8px;
align-items: center;
padding: 8px 10px;
}
/* line 124, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows-items .ck-rows-head,
.erp-ui.checklists-module .ck-rows-items .ck-row-grid {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 2.6fr) 190px 110px 56px 108px;
}
/* line 129, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows-where .ck-rows-head,
.erp-ui.checklists-module .ck-rows-where .ck-row-grid {
grid-template-columns: minmax(0, 1.6fr) 190px minmax(0, 1.8fr) 32px;
}
/* line 134, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows-head {
background: var(--erp-ui-surface-2);
border-bottom: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 145, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row {
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 148, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row:last-of-type {
border-bottom: 0;
}
/* line 149, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row.invalid {
background: var(--erp-ui-critical-wash);
}
/* line 151, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row .field {
margin: 0;
}
/* line 154, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
/* line 163, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-col-check {
justify-self: center;
}
/* line 164, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-col-check input {
width: 16px;
height: 16px;
accent-color: var(--erp-ui-accent);
}
/* line 166, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-acts {
display: flex;
gap: 4px;
justify-content: flex-end;
}
/* line 172, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-target-all {
font-size: 12.5px;
color: var(--erp-ui-ink-3);
}
/* line 177, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows-empty {
margin: 0;
padding: 12px 14px;
font-size: 12.5px;
color: var(--erp-ui-ink-3);
}
/* line 184, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-err {
margin: 0;
padding: 0 10px 8px;
}
/* line 187, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-status {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
/* line 196, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-status-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* line 202, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-progress {
flex: 1 1 260px;
max-width: 420px;
}
/* line 206, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-progress label {
display: block;
margin-bottom: 4px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 213, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-progress progress {
display: block;
width: 100%;
height: 10px;
border: 0;
border-radius: 999px;
background: var(--erp-ui-hairline);
overflow: hidden;
appearance: none;
-webkit-appearance: none;
}
/* line 224, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-progress progress::-webkit-progress-bar {
background: var(--erp-ui-hairline);
border-radius: 999px;
}
/* line 225, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-progress progress::-webkit-progress-value {
background: var(--erp-ui-accent);
border-radius: 999px;
}
/* line 226, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-progress progress::-moz-progress-bar {
background: var(--erp-ui-accent);
border-radius: 999px;
}
/* line 8, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-items {
padding: 0;
}
/* line 10, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: "text answer" "obs obs" "photo photo";
gap: 8px 16px;
align-items: center;
padding: 12px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 22, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item:last-child {
border-bottom: 0;
}
/* line 23, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item.is-nc {
background: var(--erp-ui-critical-wash);
}
/* line 26, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item-text {
grid-area: text;
display: flex;
gap: 6px;
font-size: 14px;
line-height: 1.4;
}
/* line 27, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item-num {
color: var(--erp-ui-ink-3);
font-variant-numeric: tabular-nums;
}
/* line 28, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item-answer {
grid-area: answer;
}
/* line 29, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item-obs {
grid-area: obs;
}
/* line 31, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item-photo {
grid-area: photo;
display: flex;
flex-wrap: wrap;
gap: 6px 12px;
align-items: center;
}
/* line 39, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-photo-label {
margin: 0;
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 46, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-photo-file {
max-width: 100%;
font-size: 12.5px;
}
/* line 48, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-photo-thumb {
display: block;
max-width: 120px;
max-height: 90px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
}
/* line 56, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-photo-link {
display: inline-block;
margin-top: 4px;
}
/* line 57, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item-obs textarea {
min-height: 34px;
}
/* line 59, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice {
display: inline-flex;
gap: 6px;
}
/* line 66, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice-input {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}
/* line 73, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 52px;
height: 44px;
margin: 0;
padding: 0 12px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
font-size: 14px;
font-weight: 700;
cursor: pointer;
user-select: none;
}
/* line 91, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice-input:focus-visible + .ck-choice-btn {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 96, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice-input:checked + .ck-choice-conforming {
background: var(--erp-ui-good-soft);
border: 2px solid var(--erp-ui-good);
color: var(--erp-ui-good-text);
}
/* line 102, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice-input:checked + .ck-choice-non_conforming {
background: var(--erp-ui-critical-soft);
border: 2px solid var(--erp-ui-critical);
color: var(--erp-ui-critical-text);
}
/* line 108, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice-input:checked + .ck-choice-not_applicable {
background: var(--erp-ui-surface-2);
border: 2px solid var(--erp-ui-ink-3);
color: var(--erp-ui-ink);
}
/* line 114, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-measure {
display: flex;
gap: 6px;
align-items: center;
}
/* line 119, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-measure input {
width: 130px;
text-align: right;
}
/* line 122, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-unit {
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 146, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-pad {
padding: 12px;
}
/* line 148, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-ident {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 10px 14px;
}
/* line 154, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-ident-field label {
display: block;
margin: 0 0 4px;
font-size: 12px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 162, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-ident-hint {
margin: 8px 0 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 168, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-witnesses {
display: grid;
gap: 14px;
}
/* line 170, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-witness {
min-width: 0;
margin: 0;
padding: 10px 12px 12px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 177, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-witness legend {
width: auto;
margin: 0;
padding: 0 4px;
font-size: 13px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 186, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-witness small {
font-weight: 400;
color: var(--erp-ui-ink-3);
}
/* line 189, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-signature-canvas {
display: block;
width: 100%;
height: 180px;
margin: 8px 0;
border: 1px dashed var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
touch-action: none;
}
/* line 200, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-witness .ck-signature-canvas {
height: 150px;
}
/* line 202, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release {
min-width: 0;
margin: 0 0 10px;
padding: 0;
border: 0;
}
/* line 208, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release legend {
width: auto;
margin: 0 0 6px;
}
/* line 211, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-option {
display: flex;
gap: 8px;
align-items: center;
min-height: 40px;
margin: 0 0 6px;
padding: 6px 10px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
/* line 224, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-option input {
margin: 0;
}
/* line 225, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-option:has(input:disabled) {
opacity: .55;
cursor: not-allowed;
}
/* line 228, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-result {
display: inline-block;
margin: 0 0 8px;
padding: 4px 10px;
border: 2px solid var(--erp-ui-good);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
font-weight: 700;
}
/* line 238, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-result.is-released_with_comments {
border-color: var(--erp-ui-warning);
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 244, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-result.is-not_released {
border-color: var(--erp-ui-critical);
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 253, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-notes {
margin: 4px 0 0;
}
/* line 254, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-field:has(input[value="released"]:checked) .ck-release-notes {
display: none;
}
/* line 255, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-release-notes-read {
margin: 0 0 8px;
white-space: pre-line;
}
/* line 257, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-bulletin {
margin: 0 0 14px;
padding: 12px 16px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
}
/* line 265, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-bulletin-number {
margin: 0 0 8px;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 267, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-ident-read {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 8px 14px;
margin: 0;
}
/* line 273, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-ident-read dt {
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-ink-3);
}
/* line 274, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-ident-read dd {
margin: 0;
font-size: 14px;
color: var(--erp-ui-ink);
}
/* line 277, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-divergence {
display: block;
font-size: 12px;
color: var(--erp-ui-warning-text);
}
/* line 283, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-witness-read {
margin: 10px 0 0;
padding: 0;
list-style: none;
font-size: 13px;
}
/* line 234, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-fill-foot {
position: sticky;
bottom: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
align-items: center;
justify-content: space-between;
margin-top: 14px;
padding: 12px 16px;
box-shadow: var(--erp-ui-shadow);
}
/* line 247, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-fill-foot .status {
margin: 0;
font-size: 12.5px;
color: var(--erp-ui-ink-3);
flex: 1 1 280px;
}
/* line 248, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-fill-foot .acts {
display: flex;
gap: 8px;
}
/* line 252, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module table.data tr.ck-row-nc td {
background: var(--erp-ui-critical-wash);
}
/* line 256, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module table.data.ck-answers {
table-layout: fixed;
}
/* line 259, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module table.data.ck-answers th:nth-child(1) {
width: 60px;
}
/* line 260, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module table.data.ck-answers td:first-child {
white-space: nowrap;
}
/* line 261, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module table.data.ck-answers th:nth-child(3) {
width: 180px;
}
/* line 262, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module table.data.ck-answers th:nth-child(4) {
width: 32%;
}
/* line 263, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module table.data.ck-answers td {
overflow-wrap: anywhere;
}
/* line 267, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-link-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin: 0 0 10px;
}
/* line 274, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-link-row input {
flex: 1 1 320px;
}
/* line 275, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-link-row .field-hint {
flex: 1 1 100%;
margin: 0;
}
/* line 278, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-invite-form {
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
align-items: flex-end;
}
/* line 284, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-invite-form .field {
margin: 0;
flex: 0 1 260px;
}
/* line 288, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-panel-title {
margin: 0 0 8px;
font-size: 15px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 295, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-decision-acts {
display: flex;
gap: 8px;
justify-content: flex-end;
margin-top: 8px;
}
/* line 302, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-signature-image {
display: block;
max-width: 320px;
max-height: 120px;
margin-bottom: 8px;
}
/* line 309, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-approver {
margin: 0 0 6px;
}
/* line 311, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-digest {
font-size: 11px;
word-break: break-all;
}
@media (max-width: 900px) {
/* line 320, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows-head {
display: none;
}
/* line 322, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-rows-items .ck-row-grid,
.erp-ui.checklists-module .ck-rows-where .ck-row-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
/* line 327, app/assets/stylesheets/components/checklists_module.scss */
.erp-ui.checklists-module .ck-row-label {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
display: block;
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 128, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-item {
grid-template-columns: minmax(0, 1fr);
grid-template-areas: "text" "answer" "obs" "photo";
}
/* line 137, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice {
display: flex;
}
/* line 138, app/assets/stylesheets/components/_checklist_fill.scss */
.erp-ui.checklists-module .ck-choice-btn {
flex: 1 1 0;
}
}
/* line 16, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions {
display: flex;
align-items: center;
gap: 12px 18px;
flex-wrap: wrap;
padding: 12px 16px;
}
/* line 23, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions-meta {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
/* line 29, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions-meta .sep {
color: var(--erp-ui-ink-3);
font-size: 12px;
}
/* line 33, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions-flow {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
/* line 39, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions-record {
margin-left: auto;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
/* line 46, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions .btn .erp-icon {
width: 15px;
height: 15px;
}
/* line 55, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions .btn[disabled],
.erp-ui.contracts-module .ct-actions .btn[aria-disabled="true"] {
opacity: .55;
cursor: not-allowed;
}
/* line 60, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-closed {
font-size: 13px;
color: var(--erp-ui-ink-2);
display: inline-flex;
gap: 6px;
align-items: center;
}
/* line 70, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-facts {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 0;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 76, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact {
padding: 10px 16px;
border-right: 1px solid var(--erp-ui-hairline);
min-width: 0;
}
/* line 81, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact:last-child {
border-right: 0;
}
/* line 84, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact .lbl {
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 92, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact .val {
display: block;
font-size: 13.5px;
font-weight: 600;
color: var(--erp-ui-ink);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 101, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact .val a {
color: var(--erp-ui-accent);
text-decoration: none;
}
/* line 105, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact .val a:hover {
text-decoration: underline;
}
/* line 108, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact .sub {
display: block;
font-size: 12px;
color: var(--erp-ui-ink-2);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 118, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ficha-tabs-card {
margin-top: 14px;
}
/* line 123, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .tab-panel .an-section {
margin-top: 14px;
}
/* line 126, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .tab-panel .an-section:first-child {
margin-top: 0;
}
/* line 129, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-tabbody {
padding: 16px;
}
/* line 132, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-section-actions {
display: flex;
gap: 8px;
align-items: center;
}
/* line 140, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-card {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 0;
}
/* line 145, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-main {
padding: 11px 14px;
border-right: 1px solid var(--erp-ui-hairline);
}
/* line 149, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-doc {
padding: 11px 14px;
border-right: 1px solid var(--erp-ui-hairline);
}
/* line 153, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-doc:last-child {
border-right: 0;
}
/* line 156, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-doc .lbl {
font-size: 10.5px;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
display: block;
margin-bottom: 4px;
}
/* line 165, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-doc .name {
font-weight: 600;
font-size: 13.5px;
}
/* line 169, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-doc .meta {
font-size: 11.5px;
color: var(--erp-ui-ink-2);
margin: 2px 0 6px;
}
/* line 174, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-chips {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 12px;
margin: 8px 0;
font-size: 12px;
line-height: 1.3;
color: var(--erp-ui-ink-2);
}
/* line 184, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-chips b {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 188, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-next {
font-size: 12.5px;
line-height: 1.4;
color: var(--erp-ui-ink-2);
margin: 0 0 8px;
padding: 7px 9px;
background: var(--erp-ui-surface-2);
border-radius: 6px;
border: 1px solid var(--erp-ui-hairline);
}
/* line 198, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-next b {
color: var(--erp-ui-ink);
}
/* line 201, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-actions {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
/* line 208, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-rows {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 213, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-row {
display: grid;
grid-template-columns: 1fr 1.2fr 32px;
gap: 8px;
align-items: center;
}
@media (max-width: 1080px) {
/* line 226, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-facts {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* line 229, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-fact:nth-child(3n) {
border-right: 0;
}
/* line 232, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-card {
grid-template-columns: 1fr;
}
/* line 235, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-main,
.erp-ui.contracts-module .sig-doc {
border-right: 0;
border-bottom: 1px solid var(--erp-ui-hairline);
}
}
@media (max-width: 640px) {
/* line 242, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-facts {
grid-template-columns: 1fr 1fr;
}
/* line 245, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .ct-actions-record {
margin-left: 0;
}
}
/* line 272, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .radio-row {
display: flex;
gap: 18px;
align-items: center;
font-size: 13.5px;
}
/* line 278, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .radio-row label {
display: inline-flex;
gap: 6px;
align-items: center;
margin-bottom: 0;
}
/* line 286, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .item-rows {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 292, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .item-row {
display: grid;
grid-template-columns: 1fr 90px 32px;
gap: 8px;
align-items: end;
}
/* line 302, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .item-row .item-patrimonies {
grid-column: 1 / -1;
border: 0;
padding: 0;
margin: 0;
min-width: 0;
}
/* line 309, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .item-row .item-patrimonies > legend {
float: none;
width: auto;
margin: 0;
padding: 0;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.03em;
color: var(--erp-ui-ink-2);
}
/* line 331, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .item-row.item-row--wide {
grid-template-columns: 3fr 90px 110px 110px 32px;
}
/* line 342, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .item-row.item-row--wide > * {
min-width: 0;
}
/* line 346, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .modal-actions-row {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 10px;
}
/* line 353, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .fiscal-block {
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
padding: 10px 12px;
margin-top: 8px;
}
/* line 359, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .fiscal-block .t {
font-weight: 600;
font-size: 13px;
display: flex;
gap: 8px;
align-items: center;
}
/* line 367, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .fiscal-block p {
margin: 6px 0 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 388, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .field-unit input[inputmode="decimal"] {
text-align: right;
font-variant-numeric: tabular-nums;
}
/* line 412, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tfoot tr:last-child > td {
padding: 10px 12px;
border-top: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface-2);
font-weight: 600;
color: var(--erp-ui-ink);
border-bottom: 1px solid var(--erp-ui-hairline-strong);
}
/* line 430, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tfoot .sub {
display: inline;
margin-left: 8px;
font-weight: 400;
color: var(--erp-ui-ink-3);
}
/* line 437, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tfoot td.num {
font-variant-numeric: tabular-nums;
}
/* line 449, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data td .sub.sub-1l {
display: block;
max-width: 34ch;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 461, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .item-row .item-total .item-total-valor {
text-align: right;
font-weight: 700;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
background: var(--erp-ui-surface-2);
-webkit-text-fill-color: var(--erp-ui-ink);
opacity: 1;
}
/* line 475, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .field .opt.opt-sem-caixa {
grid-template-columns: 1fr;
}
/* line 482, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .resumo-cobranca {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 4px;
}
/* line 488, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .resumo-cobranca .resumo-item {
padding: 10px 12px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
background: var(--erp-ui-surface-2);
}
/* line 495, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .resumo-cobranca .resumo-rotulo {
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 504, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .resumo-cobranca .resumo-valor {
display: block;
margin-top: 2px;
font-size: 18px;
font-weight: 700;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 513, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .resumo-cobranca .resumo-item.destaque {
border-color: var(--erp-ui-hairline-strong);
background: var(--erp-ui-accent-soft);
}
/* line 517, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .resumo-cobranca .resumo-item.destaque .resumo-valor {
color: var(--erp-ui-accent);
font-size: 20px;
}
@media (max-width: 640px) {
/* line 522, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .resumo-cobranca {
grid-template-columns: 1fr;
}
}
/* line 532, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento {
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
padding: 12px 14px;
margin-top: 4px;
}
/* line 538, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
/* line 545, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-head .sub-h {
margin: 0;
}
/* line 548, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-meta {
margin: 2px 0 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 554, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-link {
display: inline-flex;
align-items: center;
gap: 6px;
flex: none;
font-size: 12.5px;
font-weight: 600;
color: var(--erp-ui-accent);
text-decoration: none;
}
/* line 564, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-link:hover {
text-decoration: underline;
}
/* line 565, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-link:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
border-radius: 4px;
}
/* line 566, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-link .erp-icon {
width: 14px;
height: 14px;
}
/* line 569, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-valores {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
/* line 576, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-valor .rv-rotulo {
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 585, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-valor .rv-numero {
display: block;
margin-top: 1px;
font-size: 14px;
color: var(--erp-ui-ink-2);
font-variant-numeric: tabular-nums;
}
/* line 594, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-valor.destaque .rv-numero {
font-size: 19px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 602, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-nota {
display: flex;
align-items: center;
gap: 6px;
margin: 10px 0 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 610, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-nota .erp-icon {
width: 13px;
height: 13px;
flex: none;
}
@media (max-width: 640px) {
/* line 615, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .recebimento .recebimento-valores {
grid-template-columns: 1fr;
}
}
/* line 628, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .pill-com-detalhe {
display: inline-flex;
align-items: center;
gap: 6px;
}
/* line 634, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .pop-i {
width: 16px;
height: 16px;
flex: none;
padding: 0;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 999px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-3);
font-size: 10px;
font-weight: 700;
font-style: italic;
line-height: 1;
cursor: pointer;
}
/* line 649, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .pop-i:hover {
color: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
}
/* line 651, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .pop-i:focus-visible {
outline: none;
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 666, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento {
position: fixed;
top: auto;
right: auto;
z-index: 1100050;
width: 260px;
max-width: 86vw;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow-overlay);
padding: 12px 14px;
font-size: 12.5px;
line-height: 1.5;
color: var(--erp-ui-ink-2);
font-family: inherit;
display: none;
}
/* line 686, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento.is-open {
display: block;
}
/* line 688, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento h4 {
margin: 0 0 6px;
font-size: 12.5px;
font-weight: 700;
line-height: 1.4;
color: var(--erp-ui-ink);
}
/* line 696, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento .df-secao {
margin: 8px 0 3px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 705, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento .df-linha,
.popover.detalhe-faturamento .df-total {
display: flex;
justify-content: space-between;
gap: 12px;
margin: 0 0 2px;
font-size: 12.5px;
font-variant-numeric: tabular-nums;
}
/* line 715, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento .df-total {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--erp-ui-hairline);
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 724, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento .df-saldo {
margin-top: 2px;
padding-top: 0;
border-top: 0;
color: var(--erp-ui-warning-text);
}
/* line 731, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento .df-vazio {
margin: 6px 0 0;
color: var(--erp-ui-ink-3);
}
/* line 740, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento.lista-envios {
width: 280px;
}
/* line 743, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento.lista-envios .env {
padding: 7px 0;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 747, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento.lista-envios .env:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* line 751, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento.lista-envios .env-quem {
margin: 0;
font-weight: 600;
color: var(--erp-ui-ink);
overflow-wrap: anywhere;
}
/* line 758, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento.lista-envios .env-nome {
margin: 1px 0 0;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 764, app/assets/stylesheets/components/contracts_module.scss */
.popover.detalhe-faturamento.lista-envios .env-quando {
display: flex;
align-items: center;
gap: 6px;
margin: 3px 0 0;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
font-variant-numeric: tabular-nums;
}
/* line 779, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-resumo {
margin: 0 0 12px;
font-size: 13.5px;
color: var(--erp-ui-ink);
}
/* line 785, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-linha {
display: grid;
grid-template-columns: 1fr auto auto;
gap: 10px 14px;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 793, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-linha:last-child {
border-bottom: 0;
}
/* line 797, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-nome {
margin: 0;
font-size: 13.5px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 804, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-email {
margin: 1px 0 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
overflow-wrap: anywhere;
}
/* line 811, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-linha-estado {
text-align: right;
}
/* line 813, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-quando {
margin: 3px 0 0;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
@media (max-width: 640px) {
/* line 820, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-linha {
grid-template-columns: 1fr;
}
/* line 823, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .sig-linha .sig-linha-estado {
text-align: left;
}
}
/* line 839, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .svc-os {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 4px 8px;
margin-top: 3px;
}
/* line 858, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module a.svc-os-link {
background: var(--erp-ui-blue-soft);
color: var(--erp-ui-blue-text);
border: 1px solid var(--erp-ui-blue-soft);
text-decoration: none;
font-variant-numeric: tabular-nums;
transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
/* line 866, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module a.svc-os-link .ico {
width: 13px;
height: 13px;
flex: 0 0 auto;
}
/* line 872, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module a.svc-os-link:hover {
background: var(--erp-ui-blue-text);
border-color: var(--erp-ui-blue-text);
color: var(--erp-ui-blue-ink);
text-decoration: underline;
}
/* line 879, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module a.svc-os-link:focus-visible {
outline: 2px solid var(--erp-ui-blue-text);
outline-offset: 2px;
text-decoration: underline;
}
/* line 886, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .svc-os-date {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: var(--erp-ui-ink-3);
font-variant-numeric: tabular-nums;
}
/* line 894, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .svc-os-date .ico {
width: 13px;
height: 13px;
flex: 0 0 auto;
}
/* line 914, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.row-warning {
background: var(--erp-ui-warning-wash);
}
/* line 920, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.row-warning > td:first-child {
box-shadow: inset 3px 0 0 var(--erp-ui-warning);
}
/* line 924, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.row-warning .form-control {
border-color: var(--erp-ui-warning);
}
/* line 939, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-equipments-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
/* line 947, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data th.col-chev,
.erp-ui.contracts-module table.data td.col-chev {
width: 34px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
/* line 957, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-chev {
width: 26px;
height: 26px;
display: inline-grid;
place-items: center;
padding: 0;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: var(--erp-ui-ink-2);
cursor: pointer;
}
/* line 969, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-chev::before {
content: "";
width: 7px;
height: 7px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateX(-1px) rotate(-45deg);
transition: transform .15s ease;
}
/* line 979, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-chev:hover {
border-color: var(--erp-ui-hairline-strong);
color: var(--erp-ui-ink);
}
/* line 981, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-chev:focus-visible {
outline: none;
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 988, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.prebilling-group.is-open > td {
background: var(--erp-ui-surface-2);
}
/* line 989, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.prebilling-group.is-open .prebilling-group-chev::before {
transform: translateY(-1px) rotate(45deg);
}
/* line 992, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.prebilling-unit.is-grouped > td:nth-child(3) {
padding-left: 28px;
}
/* line 994, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.prebilling-group-tools > td {
padding: 0;
background: var(--erp-ui-surface-2);
}
/* line 1001, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-tools-body {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
padding: 8px 12px 10px 72px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 1010, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-tools-body label {
display: inline;
margin: 0;
font-weight: 500;
color: var(--erp-ui-ink-2);
}
/* line 1017, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-tools-body input.form-control {
width: 150px;
flex: 0 0 150px;
}
/* line 1024, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.prebilling-group > td:nth-child(3),
.erp-ui.contracts-module table.data tr.prebilling-unit > td:nth-child(3) {
min-width: 200px;
}
/* line 1029, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.prebilling-unit.is-grouped .prebilling-unit-of {
display: none;
}
/* line 1031, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-tools-error {
color: var(--erp-ui-critical-text);
font-weight: 600;
}
@media (max-width: 640px) {
/* line 1037, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module table.data tr.prebilling-unit.is-grouped > td:nth-child(3) {
padding-left: 12px;
}
/* line 1038, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-tools-body {
padding-left: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
/* line 1042, app/assets/stylesheets/components/contracts_module.scss */
.erp-ui.contracts-module .prebilling-group-chev::before {
transition: none;
}
}
/* Gráfico CSS Puro (sem dependência de Chart.js) */
.css-chart {
padding: 20px;
}
.chart-bar {
margin-bottom: 20px;
}
.chart-label {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
font-size: 14px;
}
.label-text {
font-weight: 600;
color: #2c3e50;
}
.label-value {
font-weight: 500;
color: #6c757d;
}
.chart-bar-container {
background: #e9ecef;
border-radius: 8px;
height: 32px;
overflow: hidden;
position: relative;
}
.chart-bar-fill {
height: 100%;
border-radius: 8px;
transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 12px;
color: white;
font-weight: 600;
font-size: 13px;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1);
}
.chart-bar-fill:hover {
filter: brightness(1.1);
}
/* Animação de entrada */
@keyframes fillBar {
from {
width: 0 !important;
}
}
.chart-bar-fill {
animation: fillBar 1s ease-out;
}
/* Responsividade */
@media (max-width: 576px) {
.chart-label {
font-size: 12px;
}
.chart-bar-container {
height: 28px;
}
.label-value {
font-size: 11px;
}
}
/* line 16, app/assets/stylesheets/components/custom_report_module.scss */
.erp-ui.custom-report-module .rp-definicao {
padding: 12px 14px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface-2);
}
/* line 23, app/assets/stylesheets/components/custom_report_module.scss */
.erp-ui.custom-report-module .rp-definicao-texto {
margin: 0;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 29, app/assets/stylesheets/components/custom_report_module.scss */
.erp-ui.custom-report-module .rp-filtros {
margin: 8px 0 0;
padding-left: 18px;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 35, app/assets/stylesheets/components/custom_report_module.scss */
.erp-ui.custom-report-module .rp-filtros li + li {
margin-top: 2px;
}
/* line 40, app/assets/stylesheets/components/custom_report_module.scss */
.erp-ui.custom-report-module .rp-comparacao {
margin: 8px 0 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 49, app/assets/stylesheets/components/custom_report_module.scss */
.erp-ui.custom-report-module .data td.num,
.erp-ui.custom-report-module .data th.num {
font-variant-numeric: tabular-nums;
}
@charset "UTF-8";
/* line 27, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module {
--dash-accent: #1c5cab;
--dash-accent-soft: rgba(28, 92, 171, 0.08);
--dash-hairline: var(--gray-200, #e9ecef);
--dash-hairline-strong: var(--gray-400, #ced4da);
--dash-ink: var(--gray-900, #212529);
--dash-ink-2: var(--gray-700, #495057);
--dash-ink-3: var(--gray-600, #6c757d);
--dash-surface-2: var(--gray-100, #f8f9fa);
--dash-critical: var(--color-danger, #dc3545);
--dash-critical-text: #b51f2e;
--dash-critical-soft: var(--color-danger-light, #f8d7da);
--dash-warning-text: #8a5a00;
--dash-warning-soft: var(--color-warning-light, #fff3cd);
--dash-good-text: var(--color-success-dark, #218838);
--dash-good-soft: var(--color-success-light, #d4edda);
}
/* line 48, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-section {
margin-top: 24px;
}
/* line 51, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-section:first-of-type {
margin-top: 0;
}
/* line 56, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-section-head {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 10px;
flex-wrap: wrap;
}
/* line 64, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-section-title {
font-size: 16px;
font-weight: 700;
letter-spacing: -0.01em;
margin: 0;
color: var(--dash-ink);
}
/* line 72, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-section-sub {
font-size: 12.5px;
color: var(--dash-ink-3);
}
/* line 77, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-eyebrow {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--dash-ink-3);
margin: 0 0 8px;
}
/* line 85, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-eyebrow .dash-eyebrow-ctx {
font-weight: 500;
letter-spacing: 0.04em;
color: var(--dash-ink-3);
text-transform: none;
}
/* line 97, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-period-bar .dashboard-period-filters {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
/* line 105, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-segmented {
display: flex;
gap: 2px;
padding: 3px;
background: var(--dash-surface-2);
border: 1px solid var(--dash-hairline);
border-radius: 8px;
overflow-x: auto;
}
/* line 115, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-seg-btn {
border: 0;
background: transparent;
color: var(--dash-ink-2);
padding: 5px 13px;
border-radius: 6px;
white-space: nowrap;
font-size: 13px;
font-weight: 500;
transition: background 0.12s, color 0.12s;
line-height: 1.4;
}
/* line 127, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-seg-btn:hover, .erp-dashboard-module .dash-seg-btn:focus {
color: var(--dash-ink);
text-decoration: none;
}
/* line 133, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-seg-btn[aria-pressed="true"] {
background: var(--dash-accent);
color: #fff;
}
/* line 139, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-custom-range {
display: none;
align-items: center;
gap: 8px;
margin: 0;
}
/* line 145, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-custom-range input[type="date"] {
height: 31px;
width: auto;
flex: 0 0 auto;
}
/* line 152, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module.dashboard-period-filters.custom-period-active .dash-custom-range,
.erp-dashboard-module .dashboard-period-filters.custom-period-active .dash-custom-range {
display: flex;
}
/* line 157, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-seg-apply {
white-space: nowrap;
border: 0;
background: var(--dash-accent);
color: #fff;
border-radius: 6px;
padding: 5px 14px;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
cursor: pointer;
}
/* line 169, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-seg-apply:hover, .erp-dashboard-module .dash-seg-apply:focus {
background: var(--dash-accent);
filter: brightness(1.1);
color: #fff;
}
/* line 177, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-freshness {
font-size: 12px;
color: var(--dash-ink-3);
margin-left: auto;
}
/* line 186, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-card {
overflow: hidden;
}
/* line 190, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-tabs {
border-bottom: 1px solid var(--dash-hairline);
flex-wrap: nowrap;
overflow-x: auto;
margin: 0;
}
/* line 197, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-tab.nav-link {
border: 0;
border-bottom: 2px solid transparent;
color: var(--dash-ink-2);
padding: 12px 16px 10px;
font-size: 13.5px;
font-weight: 500;
white-space: nowrap;
border-radius: 0;
display: flex;
align-items: center;
gap: 8px;
}
/* line 210, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-tab.nav-link:hover {
color: var(--dash-ink);
border-color: transparent;
}
/* line 215, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-tab.nav-link.active {
color: var(--dash-ink);
font-weight: 600;
border-color: var(--dash-accent);
background: transparent;
}
/* line 223, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-count {
display: inline-flex;
align-items: center;
font-size: 11.5px;
font-weight: 700;
line-height: 1;
padding: 3px 7px;
border-radius: 999px;
background: var(--dash-surface-2);
color: var(--dash-ink-2);
border: 1px solid var(--dash-hairline);
font-variant-numeric: tabular-nums;
}
/* line 236, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-count.dash-count-critical {
background: var(--dash-critical-soft);
color: var(--dash-critical-text);
border-color: transparent;
}
/* line 242, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-count.dash-count-warning {
background: var(--dash-warning-soft);
color: var(--dash-warning-text);
border-color: transparent;
}
/* line 250, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-tab-content .tab-pane {
padding: 0;
}
/* line 255, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-panel-foot {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding: 10px 16px;
font-size: 12.5px;
color: var(--dash-ink-3);
border-top: 1px solid var(--dash-hairline);
background: var(--dash-surface-2);
}
/* line 267, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-panel-foot a {
font-weight: 600;
text-decoration: none;
}
/* line 271, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-panel-foot a:hover {
text-decoration: underline;
}
/* line 277, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-empty-state {
text-align: center;
padding: 32px 16px;
color: var(--dash-ink-3);
}
/* line 282, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-empty-state i {
font-size: 1.75rem;
color: var(--erp-success, #27ae60);
margin-bottom: 8px;
display: block;
}
/* line 289, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-empty-state p {
margin: 0;
}
/* line 295, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-empty-state.dash-empty-state-neutral i {
color: var(--dash-ink-3);
}
/* line 303, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .table-scroll {
overflow-x: auto;
}
/* line 308, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-table thead th {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--dash-ink-3);
background: var(--dash-surface-2);
}
/* line 317, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-table .cell-main {
font-weight: 600;
display: block;
}
/* line 322, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-table .cell-sub {
color: var(--dash-ink-3);
font-size: 12px;
display: block;
}
/* line 328, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-table td.num,
.erp-dashboard-module .dash-table th.num {
text-align: right;
font-variant-numeric: tabular-nums;
}
/* line 338, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-pill {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11.5px;
font-weight: 600;
line-height: 1;
padding: 4px 8px;
border-radius: 999px;
white-space: nowrap;
}
/* line 349, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-pill.dash-pill-critical {
background: var(--dash-critical-soft);
color: var(--dash-critical-text);
}
/* line 354, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-pill.dash-pill-warning {
background: var(--dash-warning-soft);
color: var(--dash-warning-text);
}
/* line 359, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-pill.dash-pill-good {
background: var(--dash-good-soft);
color: var(--dash-good-text);
}
/* line 364, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-pill.dash-pill-neutral {
background: var(--dash-surface-2);
color: var(--dash-ink-2);
border: 1px solid var(--dash-hairline);
}
/* line 371, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-row-action {
display: inline-block;
border: 1px solid var(--dash-hairline-strong);
background: #fff;
color: var(--dash-accent);
font-size: 12.5px;
font-weight: 600;
padding: 5px 12px;
border-radius: 6px;
white-space: nowrap;
text-decoration: none;
}
/* line 383, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-row-action:hover {
border-color: var(--dash-accent);
background: var(--dash-accent-soft);
color: var(--dash-accent);
text-decoration: none;
}
/* line 394, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-groups {
display: flex;
flex-direction: column;
gap: 20px;
}
/* line 400, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
@media (max-width: 991.98px) {
/* line 400, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 575.98px) {
/* line 400, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-grid {
grid-template-columns: 1fr;
}
}
/* line 414, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi {
padding: 16px 18px;
display: flex;
flex-direction: column;
gap: 4px;
position: relative;
}
/* line 430, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi.good {
background: var(--erp-ui-good-wash);
border-color: var(--erp-ui-hairline);
}
/* line 434, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi.warning {
background: var(--erp-ui-warning-wash);
border-color: var(--erp-ui-hairline);
}
/* line 438, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi.critical {
background: var(--erp-ui-critical-wash);
border-color: var(--erp-ui-hairline);
}
/* line 447, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi.good .dash-kpi-context, .erp-dashboard-module .dash-kpi.warning .dash-kpi-context, .erp-dashboard-module .dash-kpi.critical .dash-kpi-context {
color: var(--dash-ink-2);
}
/* line 454, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-label {
display: flex;
align-items: center;
gap: 7px;
font-size: 12.5px;
font-weight: 600;
color: var(--dash-ink-2);
}
/* line 467, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-dot {
width: 8px;
height: 8px;
border-radius: 999px;
flex: none;
background: var(--erp-ui-hairline-strong);
}
/* line 474, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi.good .dash-kpi-dot {
background: var(--erp-ui-good);
}
/* line 475, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi.warning .dash-kpi-dot {
background: var(--erp-ui-warning);
}
/* line 476, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi.critical .dash-kpi-dot {
background: var(--erp-ui-critical);
}
/* line 478, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-info {
position: absolute;
top: 12px;
right: 12px;
width: 22px;
height: 22px;
border-radius: 999px;
border: 1px solid var(--dash-hairline-strong);
background: #fff;
color: var(--dash-ink-3);
font-size: 11px;
font-weight: 700;
line-height: 1;
display: grid;
place-items: center;
font-style: italic;
font-family: var(--font-family-base);
}
/* line 496, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-info:hover, .erp-dashboard-module .dash-kpi-info[aria-expanded="true"] {
color: var(--dash-accent);
border-color: var(--dash-accent);
background: var(--dash-accent-soft);
}
/* line 504, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-popover {
position: absolute;
top: 40px;
right: 10px;
z-index: 50;
width: 280px;
max-width: 86vw;
background: #fff;
border: 1px solid var(--dash-hairline-strong);
border-radius: 8px;
box-shadow: var(--erp-shadow-lg);
padding: 12px 14px;
font-size: 12.5px;
line-height: 1.5;
color: var(--dash-ink-2);
display: none;
font-weight: 400;
}
/* line 527, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-popover.is-open {
display: block;
}
/* line 531, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-popover h4 {
margin: 0 0 4px;
font-size: 12.5px;
font-weight: 700;
color: var(--dash-ink);
}
/* line 538, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-popover p {
margin: 0;
}
/* line 542, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-popover .dash-pop-how {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--dash-hairline);
}
/* line 547, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-popover .dash-pop-how p {
margin-top: 2px;
}
/* line 552, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-popover .dash-pop-eyebrow {
display: block;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--dash-ink-3);
margin-bottom: 2px;
}
/* line 563, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-value {
font-size: 26px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.15;
color: var(--dash-ink);
font-variant-numeric: tabular-nums;
}
/* line 572, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-context {
font-size: 12px;
color: var(--dash-ink-3);
}
/* line 577, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-foot {
margin-top: 6px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
/* line 585, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-delta {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
/* line 593, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-delta.dash-delta-up {
color: var(--dash-good-text);
}
/* line 597, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-delta.dash-delta-down {
color: var(--dash-critical-text);
}
/* line 601, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-delta .dash-delta-vs {
color: var(--dash-ink-3);
font-weight: 500;
}
/* line 608, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-delta.dash-delta-flat {
color: var(--dash-ink-3);
font-weight: 600;
}
/* line 614, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-link {
font-size: 12px;
font-weight: 600;
text-decoration: none;
}
/* line 619, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-link:hover {
text-decoration: underline;
}
/* line 623, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-kpi-link.dash-kpi-link-danger {
color: var(--dash-critical-text);
}
/* line 628, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar {
height: 6px;
border-radius: 999px;
background: var(--dash-surface-2);
border: 1px solid var(--dash-hairline);
overflow: hidden;
margin-top: 8px;
}
/* line 637, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill {
display: block;
height: 100%;
background: var(--dash-accent);
border-radius: 999px;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="0"] {
width: 0%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="1"] {
width: 1%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="2"] {
width: 2%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="3"] {
width: 3%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="4"] {
width: 4%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="5"] {
width: 5%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="6"] {
width: 6%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="7"] {
width: 7%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="8"] {
width: 8%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="9"] {
width: 9%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="10"] {
width: 10%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="11"] {
width: 11%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="12"] {
width: 12%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="13"] {
width: 13%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="14"] {
width: 14%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="15"] {
width: 15%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="16"] {
width: 16%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="17"] {
width: 17%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="18"] {
width: 18%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="19"] {
width: 19%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="20"] {
width: 20%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="21"] {
width: 21%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="22"] {
width: 22%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="23"] {
width: 23%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="24"] {
width: 24%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="25"] {
width: 25%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="26"] {
width: 26%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="27"] {
width: 27%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="28"] {
width: 28%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="29"] {
width: 29%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="30"] {
width: 30%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="31"] {
width: 31%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="32"] {
width: 32%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="33"] {
width: 33%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="34"] {
width: 34%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="35"] {
width: 35%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="36"] {
width: 36%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="37"] {
width: 37%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="38"] {
width: 38%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="39"] {
width: 39%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="40"] {
width: 40%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="41"] {
width: 41%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="42"] {
width: 42%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="43"] {
width: 43%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="44"] {
width: 44%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="45"] {
width: 45%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="46"] {
width: 46%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="47"] {
width: 47%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="48"] {
width: 48%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="49"] {
width: 49%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="50"] {
width: 50%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="51"] {
width: 51%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="52"] {
width: 52%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="53"] {
width: 53%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="54"] {
width: 54%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="55"] {
width: 55%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="56"] {
width: 56%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="57"] {
width: 57%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="58"] {
width: 58%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="59"] {
width: 59%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="60"] {
width: 60%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="61"] {
width: 61%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="62"] {
width: 62%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="63"] {
width: 63%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="64"] {
width: 64%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="65"] {
width: 65%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="66"] {
width: 66%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="67"] {
width: 67%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="68"] {
width: 68%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="69"] {
width: 69%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="70"] {
width: 70%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="71"] {
width: 71%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="72"] {
width: 72%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="73"] {
width: 73%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="74"] {
width: 74%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="75"] {
width: 75%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="76"] {
width: 76%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="77"] {
width: 77%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="78"] {
width: 78%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="79"] {
width: 79%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="80"] {
width: 80%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="81"] {
width: 81%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="82"] {
width: 82%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="83"] {
width: 83%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="84"] {
width: 84%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="85"] {
width: 85%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="86"] {
width: 86%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="87"] {
width: 87%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="88"] {
width: 88%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="89"] {
width: 89%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="90"] {
width: 90%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="91"] {
width: 91%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="92"] {
width: 92%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="93"] {
width: 93%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="94"] {
width: 94%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="95"] {
width: 95%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="96"] {
width: 96%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="97"] {
width: 97%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="98"] {
width: 98%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="99"] {
width: 99%;
}
/* line 645, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-occ-bar-fill[data-percent="100"] {
width: 100%;
}
/* line 655, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding: 16px 18px 0;
}
/* line 664, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-title {
margin: 0;
font-size: 14px;
font-weight: 700;
color: var(--dash-ink);
}
/* line 671, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-sub {
display: block;
font-size: 12px;
color: var(--dash-ink-3);
}
/* line 677, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-tools {
display: flex;
align-items: center;
gap: 8px;
}
/* line 686, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-table {
margin: 4px 0 6px;
}
/* line 689, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-table summary {
font-size: 12px;
color: var(--dash-ink-3);
cursor: pointer;
padding: 4px 0;
list-style: none;
}
/* line 696, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-table summary::-webkit-details-marker {
display: none;
}
/* line 700, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-table summary:hover {
color: var(--dash-accent);
}
/* line 704, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-table summary::before {
content: "▸ ";
}
/* line 709, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-table[open] summary::before {
content: "▾ ";
}
/* line 713, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-chart-table table {
font-size: 12.5px;
}
/* line 722, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc details {
border-bottom: 1px solid var(--dash-hairline);
}
/* line 725, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc details:last-child {
border-bottom: 0;
}
/* line 730, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
padding: 14px 18px;
font-size: 14px;
font-weight: 600;
color: var(--dash-ink);
}
/* line 741, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc summary::-webkit-details-marker {
display: none;
}
/* line 745, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc summary:hover {
background: var(--dash-surface-2);
}
/* line 750, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc .dash-acc-hint {
font-size: 12px;
font-weight: 500;
color: var(--dash-ink-3);
}
/* line 756, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc .dash-acc-chev {
margin-left: auto;
color: var(--dash-ink-3);
font-size: 16px;
transition: transform 0.15s;
}
/* line 763, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc details[open] summary .dash-acc-chev {
transform: rotate(90deg);
}
/* line 767, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc .dash-acc-body {
padding: 4px 18px 18px;
}
@media (prefers-reduced-motion: reduce) {
/* line 773, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-acc-chev {
transition: none;
}
}
/* line 783, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-metric-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
@media (max-width: 767.98px) {
/* line 783, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-metric-grid {
grid-template-columns: 1fr;
}
}
/* line 793, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-compare-card,
.erp-dashboard-module .dash-predict-card {
border: 1px solid var(--dash-hairline);
border-radius: 8px;
padding: 14px 16px;
display: flex;
flex-direction: column;
gap: 4px;
}
/* line 803, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-compare-label {
font-size: 12.5px;
font-weight: 600;
color: var(--dash-ink-2);
}
/* line 809, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-compare-value {
font-size: 20px;
font-weight: 700;
color: var(--dash-ink);
font-variant-numeric: tabular-nums;
}
/* line 816, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-compare-sub {
font-size: 12px;
color: var(--dash-ink-3);
}
/* line 821, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-compare-note {
margin: 6px 0 0;
font-size: 12px;
color: var(--dash-ink-3);
}
/* line 827, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-predict-meta {
list-style: none;
margin: 10px 0 0;
padding: 10px 0 0;
border-top: 1px solid var(--dash-hairline);
display: flex;
flex-direction: column;
gap: 6px;
font-size: 12.5px;
}
/* line 837, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-predict-meta li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
/* line 844, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-predict-meta li > span:first-child {
color: var(--dash-ink-3);
}
/* line 849, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-trend-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
@media (max-width: 767.98px) {
/* line 849, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-trend-grid {
grid-template-columns: 1fr;
}
}
/* line 859, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-trend-item {
border: 1px solid var(--dash-hairline);
border-radius: 8px;
padding: 12px 14px;
display: flex;
flex-direction: column;
gap: 6px;
}
/* line 868, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-trend-strength {
font-size: 12px;
color: var(--dash-ink-3);
}
/* line 873, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-season-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 13px;
}
/* line 882, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-season-list li {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
/* line 889, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-season-list li > span:first-child {
color: var(--dash-ink-3);
min-width: 160px;
}
/* line 900, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-note {
margin-top: 12px;
padding: 10px 14px;
border-radius: 8px;
font-size: 12.5px;
line-height: 1.5;
background: var(--dash-surface-2);
border-left: 3px solid var(--dash-hairline-strong);
color: var(--dash-ink-2);
}
/* line 910, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-note strong {
color: var(--dash-ink);
}
/* line 914, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-note.dash-note-warning {
background: var(--dash-warning-soft);
border-left-color: var(--dash-warning-text);
color: var(--dash-warning-text);
}
/* line 919, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-note.dash-note-warning strong {
color: inherit;
}
/* line 924, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-note.dash-note-critical {
background: var(--dash-critical-soft);
border-left-color: var(--dash-critical-text);
color: var(--dash-critical-text);
}
/* line 929, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-note.dash-note-critical strong {
color: inherit;
}
/* line 934, app/assets/stylesheets/components/dashboard_redesign.scss */
.erp-dashboard-module .dash-note.dash-note-info {
background: var(--dash-surface-2);
border-left-color: var(--dash-accent);
}
/* line 54, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-layout {
display: flex;
align-items: flex-start;
gap: 16px;
margin-top: 14px;
}
/* line 64, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-list {
flex: 0 0 320px;
width: 320px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
}
/* line 75, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-list .panel-foot {
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 10px 14px;
}
/* line 83, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-items {
list-style: none;
margin: 0;
padding: 0;
max-height: 560px;
overflow-y: auto;
overflow-x: hidden;
}
/* line 94, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-item {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 11px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
color: var(--erp-ui-ink);
text-decoration: none;
}
/* line 103, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-item:hover {
background: var(--erp-ui-accent-soft);
text-decoration: none;
}
/* line 109, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-item:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: -2px;
}
/* line 117, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-item.is-active {
background: var(--erp-ui-accent-soft);
box-shadow: inset 3px 0 0 var(--erp-ui-accent);
}
/* line 123, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-avatar {
flex: none;
width: 34px;
height: 34px;
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 600;
}
/* line 137, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-info {
display: block;
min-width: 0;
flex: 1;
}
/* line 146, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-top {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 8px;
}
/* line 153, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-mail {
display: block;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 162, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-name {
display: block;
font-size: 13px;
font-weight: 600;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 174, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-last {
display: block;
font-size: 12px;
color: var(--erp-ui-ink-2);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 183, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-when {
flex: none;
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 212, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-thread {
flex: 1 1 auto;
}
/* line 216, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-subject {
margin: 0 0 6px;
font-size: 13.5px;
font-weight: 600;
color: var(--erp-ui-ink);
overflow-wrap: anywhere;
}
/* line 230, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-body {
overflow-x: auto;
overflow-y: hidden;
}
/* line 234, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-body img {
max-width: 100%;
height: auto;
}
/* line 239, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-body table {
max-width: 100%;
}
/* line 264, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-body svg:not([width]) {
width: 60px;
height: auto;
}
/* line 269, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-body svg {
max-width: 100%;
max-height: 240px;
}
/* line 275, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-foot {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
margin-top: 9px;
padding-top: 8px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 286, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-trail {
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 291, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg-actions {
display: inline-flex;
align-items: center;
gap: 8px;
}
/* line 300, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .reply-box {
padding: 13px 16px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 305, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .reply-actions {
display: flex;
align-items: center;
gap: 12px;
margin-top: 8px;
}
/* line 312, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-empty {
padding: 30px 16px;
}
/* line 324, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-list {
list-style: none;
margin: 0 0 14px;
padding: 0;
max-height: 260px;
overflow-y: auto;
overflow-x: hidden;
}
/* line 335, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-item {
display: block;
width: 100%;
text-align: left;
padding: 9px 11px;
margin-bottom: 7px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
cursor: pointer;
}
/* line 346, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-item:hover {
border-color: var(--erp-ui-accent);
}
/* line 350, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-item:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 1px;
}
/* line 356, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-item.is-active {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent);
}
/* line 362, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-name {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 369, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-kind {
display: block;
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 375, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-vars-label {
display: block;
margin-top: 6px;
}
/* line 380, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-vars {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 6px;
}
/* line 387, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-var {
padding: 4px 8px;
font-size: 11px;
font-family: monospace;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
color: var(--erp-ui-ink-2);
cursor: pointer;
}
/* line 397, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-var:hover {
border-color: var(--erp-ui-accent);
color: var(--erp-ui-ink);
}
/* line 402, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .tpl-var:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 1px;
}
/* line 414, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-meta {
padding: 12px 14px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
margin-bottom: 12px;
}
/* line 422, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-attachments {
padding: 10px 14px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
margin-bottom: 12px;
}
/* line 428, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-attachments h3 {
margin: 0 0 6px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--erp-ui-ink-3);
}
/* line 436, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-attachments ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 442, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-attachments li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 4px 0;
font-size: 12.5px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 452, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-attachments li:last-child {
border-bottom: 0;
}
/* line 457, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .att-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 463, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .att-size {
flex: none;
color: var(--erp-ui-ink-3);
font-size: 11.5px;
}
/* line 469, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-body {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
}
/* line 476, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .preview-body img {
max-width: 100%;
height: auto;
}
@media (max-width: 900px) {
/* line 490, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-layout {
flex-direction: column;
}
/* line 494, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-list {
flex: 1 1 auto;
width: 100%;
}
/* line 499, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .conv-items {
max-height: 260px;
}
/* line 503, app/assets/stylesheets/components/email_module.scss */
.erp-ui.email-module .msg {
max-width: 100%;
}
}
@charset "UTF-8";
/* line 16, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module {
padding: 20px;
background-color: #f5f7fa;
min-height: calc(100vh - 56px);
}
/* line 22, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .kpi-group-title {
font-size: 0.8rem;
font-weight: 600;
color: var(--gray-600, #6c757d);
margin: 0 0 8px;
}
/* line 31, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .erp-card-title-quiet {
font-size: 0.875rem;
font-weight: 600;
color: var(--gray-700, #495057);
}
/* line 36, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .erp-card-title-quiet > i {
color: var(--gray-600, #6c757d);
font-size: 0.8125rem;
}
/* line 43, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .period-presets {
display: inline-flex;
flex-wrap: wrap;
border: 1px solid var(--gray-300, #ced4da);
border-radius: 6px;
overflow: hidden;
}
/* line 50, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .period-presets .btn-period-filter {
border: none;
border-radius: 0;
margin: 0;
border-right: 1px solid var(--gray-300, #ced4da);
}
/* line 56, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .period-presets .btn-period-filter:last-child {
border-right: none;
}
/* line 64, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dashboard-period-filters .period-custom-control {
display: none;
}
/* line 68, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dashboard-period-filters.custom-period-active .period-custom-control {
display: block;
}
/* line 72, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dashboard-period-filters.custom-period-active .filter-actions.period-custom-control {
display: flex;
}
/* line 79, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .analytics-card .analytics-tabs {
padding: 8px 16px 0;
border-bottom: 1px solid var(--gray-300, #ced4da);
}
/* line 83, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .analytics-card .analytics-tabs .nav-link {
font-size: 0.875rem;
font-weight: 600;
}
/* line 89, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .analytics-card .analytics-tab-content {
padding: 16px;
}
/* line 95, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .row {
display: flex;
flex-wrap: wrap;
}
/* line 99, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .row > [class*="col-"] {
display: flex;
flex-direction: column;
}
/* line 106, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .erp-card {
display: flex;
flex-direction: column;
flex: 1;
}
/* line 111, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .erp-card .erp-card-body {
flex: 1;
display: flex;
flex-direction: column;
}
/* line 130, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .erp-card .chart-container {
width: 100%;
min-width: 0;
}
/* line 148, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .erp-icon {
width: 16px;
height: 16px;
display: block;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
/* line 162, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi-linha {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
/* line 169, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi-texto {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
/* line 181, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi-tile {
width: 38px;
height: 38px;
flex-shrink: 0;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
color: var(--erp-ui-ink-2);
}
/* line 193, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi-tile .erp-icon {
width: 19px;
height: 19px;
}
/* line 199, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi.good .dash-kpi-tile {
background: var(--erp-ui-good-soft);
border-color: transparent;
color: var(--erp-ui-good-text);
}
/* line 205, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi.warning .dash-kpi-tile {
background: var(--erp-ui-warning-soft);
border-color: transparent;
color: var(--erp-ui-warning-text);
}
/* line 211, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi.critical .dash-kpi-tile {
background: var(--erp-ui-critical-soft);
border-color: transparent;
color: var(--erp-ui-critical-text);
}
/* line 220, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module .dash-kpi.has-ico .dash-kpi-label {
padding-right: 26px;
}
/* line 230, app/assets/stylesheets/components/erp_dashboard.scss */
.prebilling-alert-compact {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding-right: 40px;
}
/* line 237, app/assets/stylesheets/components/erp_dashboard.scss */
.prebilling-alert-compact .prebilling-alert-text {
flex: 1 1 auto;
min-width: 220px;
}
/* line 242, app/assets/stylesheets/components/erp_dashboard.scss */
.prebilling-alert-compact .prebilling-alert-actions {
flex-shrink: 0;
}
/* line 248, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-card-header-compact {
padding: 0.75rem 1rem;
}
/* line 251, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-card-header-compact .erp-card-title-compact {
font-size: 0.95rem;
margin: 0;
}
/* line 255, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-card-header-compact .erp-card-title-compact .badge-sm {
font-size: 0.7rem;
padding: 0.2rem 0.4rem;
}
/* line 263, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-card-header-compact .card-tools-compact .custom-switch-sm .custom-control-label {
font-size: 0.875rem;
padding-left: 0.5rem;
}
/* line 272, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item {
display: flex;
align-items: center;
padding: 1rem;
border-bottom: 1px solid #e3e6f0;
transition: var(--transition-fast);
}
/* line 279, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item:last-child {
border-bottom: none;
}
/* line 283, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item:hover {
background-color: #f8f9fa;
}
/* line 287, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem;
flex-shrink: 0;
}
/* line 297, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-icon i {
font-size: 1.2rem;
}
/* line 302, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-content {
flex: 1;
min-width: 0;
}
/* line 306, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-content .alert-title {
font-weight: 600;
font-size: 0.95rem;
margin-bottom: 0.25rem;
}
/* line 312, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-content .alert-message {
font-size: 0.875rem;
color: #6c757d;
}
/* line 318, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-actions {
display: flex;
gap: 0.5rem;
margin-left: 1rem;
flex-shrink: 0;
}
/* line 324, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-actions .btn {
font-weight: 500;
border-radius: 4px;
transition: all 0.2s ease;
}
/* line 329, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-actions .btn:hover {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* line 334, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item .alert-actions .btn:active {
transform: translateY(0);
}
/* line 342, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item.alert-danger .alert-icon {
background-color: var(--danger-light);
color: var(--danger-color);
}
/* line 349, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item.alert-warning .alert-icon {
background-color: var(--warning-light);
color: var(--warning-color);
}
/* line 356, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list .alert-item.alert-info .alert-icon {
background-color: var(--info-light);
color: var(--info-color);
}
/* line 364, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
padding: 0.75rem;
}
/* line 370, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact {
flex: 1 1 auto;
min-width: 220px;
max-width: 100%;
padding: 0.625rem 0.875rem;
min-height: auto;
border-bottom: none;
border-right: none;
border: 1px solid #e3e6f0;
border-radius: 4px;
display: flex;
align-items: center;
gap: 0.5rem;
transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
/* line 386, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact:only-child {
flex: 1 1 100%;
}
/* line 390, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact:hover {
background-color: #f8f9fa;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
/* line 395, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-icon-compact {
width: 28px;
height: 28px;
margin-right: 0;
flex-shrink: 0;
}
/* line 401, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-icon-compact i {
font-size: 0.875rem;
}
/* line 406, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-content-compact {
flex: 1;
min-width: 0;
}
/* line 410, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-content-compact .alert-title-compact {
display: flex;
flex-direction: column;
gap: 0.125rem;
font-size: 0.8125rem;
line-height: 1.3;
}
/* line 417, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-content-compact .alert-title-compact strong {
font-weight: 600;
color: #212529;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 425, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-content-compact .alert-title-compact .alert-message-compact {
font-weight: 400;
color: #6c757d;
font-size: 0.75rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 433, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-content-compact .alert-title-compact .alert-message-compact::before {
display: none;
}
/* line 440, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-actions-compact {
margin-left: 0;
gap: 0.25rem;
flex-shrink: 0;
}
/* line 445, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-actions-compact .btn-xs {
padding: 0.2rem 0.4rem;
font-size: 0.7rem;
line-height: 1.2;
min-width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
/* line 370, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact {
flex: 1 1 100%;
border-right: none;
border-bottom: 1px solid #e3e6f0;
}
/* line 463, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact:last-child {
border-bottom: none;
}
/* line 467, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-title-compact {
flex-direction: row;
align-items: center;
}
/* line 472, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact .alert-title-compact .alert-message-compact::before {
display: inline;
content: "•";
margin: 0 0.375rem;
color: #adb5bd;
}
}
@media (max-width: 576px) {
/* line 370, app/assets/stylesheets/components/erp_dashboard.scss */
.alerts-list.alerts-list-compact .alert-item-compact {
min-width: 100%;
padding: 0.5rem 0.75rem;
}
}
/* line 495, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card {
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius-lg);
padding: 1.5rem;
transition: var(--transition-normal);
display: flex;
align-items: center;
gap: 1rem;
height: 100%;
}
/* line 506, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card:hover {
box-shadow: var(--shadow);
transform: translateY(-2px);
}
/* line 511, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card[title] {
cursor: help;
}
/* line 515, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-icon {
width: 60px;
height: 60px;
border-radius: var(--border-radius-lg);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 524, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-icon i {
font-size: 1.75rem;
color: inherit;
}
/* line 530, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-content {
flex: 1;
min-width: 0;
}
/* line 534, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-content h3 {
font-size: 1.75rem;
font-weight: 700;
margin: 0 0 0.25rem 0;
color: #2c3e50;
}
/* line 541, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-content p {
font-size: 0.875rem;
color: #6c757d;
margin: 0;
}
/* line 547, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-content .stat-trend {
display: inline-flex;
align-items: center;
gap: 0.25rem;
font-size: 0.75rem;
font-weight: 600;
margin-top: 0.5rem;
padding: 0.25rem 0.5rem;
border-radius: var(--border-radius);
}
/* line 557, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-content .stat-trend.up {
color: var(--success-color);
background-color: var(--success-light);
}
/* line 562, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-content .stat-trend.down {
color: var(--danger-color);
background-color: var(--danger-light);
}
/* line 570, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.success .stat-icon {
background: var(--success-color);
}
/* line 574, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.info .stat-icon {
background: var(--info-color);
}
/* line 583, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.primary .stat-icon {
background: var(--primary-color);
}
/* line 587, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.warning .stat-icon {
background: var(--warning-color);
}
/* line 591, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.danger .stat-icon {
background: linear-gradient(135deg, var(--danger-color) 0%, #e74c3c 100%);
}
/* line 596, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled {
background: var(--erp-primary) !important;
border-left-color: var(--erp-primary) !important;
border-color: var(--erp-primary) !important;
}
/* line 602, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled .stat-content h3 {
color: var(--gray-50) !important;
}
/* line 606, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled .stat-content p {
color: rgba(255, 255, 255, 0.9) !important;
}
/* line 611, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled .stat-icon {
background: rgba(255, 255, 255, 0.2) !important;
}
/* line 614, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled .stat-icon i {
color: var(--gray-50) !important;
}
/* line 619, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled.info {
background: var(--erp-info) !important;
border-left-color: var(--erp-info) !important;
border-color: var(--erp-info) !important;
}
/* line 625, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled.success {
background: var(--erp-success) !important;
border-left-color: var(--erp-success) !important;
border-color: var(--erp-success) !important;
}
/* line 631, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled.danger {
background: var(--erp-danger) !important;
border-left-color: var(--erp-danger) !important;
border-color: var(--erp-danger) !important;
}
/* line 637, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card.filled.warning {
background: var(--erp-warning) !important;
border-left-color: var(--erp-warning) !important;
border-color: var(--erp-warning) !important;
}
/* line 649, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-table {
width: 100%;
margin: 0;
font-size: 0.875rem;
}
/* line 654, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-table thead {
background-color: #f8f9fa;
}
/* line 657, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-table thead th {
padding: 0.75rem;
font-weight: 600;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.5px;
color: #6c757d;
border-bottom: 2px solid #e3e6f0;
}
/* line 669, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-table tbody tr {
transition: var(--transition-fast);
}
/* line 672, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-table tbody tr:hover {
background-color: #f8f9fa;
}
/* line 676, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-table tbody tr td {
padding: 0.75rem;
border-bottom: 1px solid #e3e6f0;
vertical-align: middle;
}
/* line 689, app/assets/stylesheets/components/erp_dashboard.scss */
.chart-stat-item {
display: flex;
align-items: center;
gap: 0.75rem;
}
/* line 694, app/assets/stylesheets/components/erp_dashboard.scss */
.chart-stat-item .chart-stat-icon {
width: 40px;
height: 40px;
border-radius: var(--border-radius);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 703, app/assets/stylesheets/components/erp_dashboard.scss */
.chart-stat-item .chart-stat-icon i {
font-size: 1.2rem;
}
/* line 708, app/assets/stylesheets/components/erp_dashboard.scss */
.chart-stat-item .chart-stat-content {
flex: 1;
min-width: 0;
}
/* line 712, app/assets/stylesheets/components/erp_dashboard.scss */
.chart-stat-item .chart-stat-content .chart-stat-value {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
/* line 718, app/assets/stylesheets/components/erp_dashboard.scss */
.chart-stat-item .chart-stat-content .chart-stat-label {
font-size: 0.75rem;
color: #6c757d;
}
/* line 725, app/assets/stylesheets/components/erp_dashboard.scss */
.legend-item {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 0;
}
/* line 731, app/assets/stylesheets/components/erp_dashboard.scss */
.legend-item .legend-color {
width: 12px;
height: 12px;
border-radius: 4px;
flex-shrink: 0;
}
/* line 738, app/assets/stylesheets/components/erp_dashboard.scss */
.legend-item .legend-label {
flex: 1;
font-size: 0.875rem;
color: #6c757d;
}
/* line 744, app/assets/stylesheets/components/erp_dashboard.scss */
.legend-item .legend-value {
font-size: 0.875rem;
color: #2c3e50;
}
/* line 754, app/assets/stylesheets/components/erp_dashboard.scss */
.list-group-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.75rem 1rem;
border: none;
border-bottom: 1px solid #e3e6f0;
transition: var(--transition-fast);
}
/* line 763, app/assets/stylesheets/components/erp_dashboard.scss */
.list-group-item:last-child {
border-bottom: none;
}
/* line 767, app/assets/stylesheets/components/erp_dashboard.scss */
.list-group-item:hover {
background-color: #f8f9fa;
text-decoration: none;
}
/* line 772, app/assets/stylesheets/components/erp_dashboard.scss */
.list-group-item i:first-child {
margin-right: 0.5rem;
width: 20px;
text-align: center;
}
/* line 778, app/assets/stylesheets/components/erp_dashboard.scss */
.list-group-item .fas.fa-chevron-right {
opacity: 0.5;
}
@media (max-width: 768px) {
/* line 788, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-dashboard-module {
padding: 10px;
}
/* line 792, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card {
flex-direction: column;
text-align: center;
}
/* line 796, app/assets/stylesheets/components/erp_dashboard.scss */
.erp-stat-card .stat-content {
text-align: center;
}
/* line 801, app/assets/stylesheets/components/erp_dashboard.scss */
.alert-item {
flex-direction: column;
align-items: flex-start;
}
/* line 805, app/assets/stylesheets/components/erp_dashboard.scss */
.alert-item .alert-actions {
margin-left: 0;
margin-top: 0.75rem;
width: 100%;
justify-content: flex-end;
}
}
/* line 818, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-item {
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 15px;
background: white;
height: 100%;
}
/* line 826, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-header h5 {
font-size: 14px;
font-weight: 600;
margin: 0 0 12px 0;
color: #495057;
display: flex;
align-items: center;
gap: 8px;
}
/* line 836, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-values {
margin-bottom: 12px;
}
/* line 840, app/assets/stylesheets/components/erp_dashboard.scss */
.value-current,
.value-previous {
font-size: 13px;
margin-bottom: 6px;
color: #6c757d;
}
/* line 847, app/assets/stylesheets/components/erp_dashboard.scss */
.value-current strong,
.value-previous strong {
color: #495057;
margin-right: 8px;
}
/* line 853, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-trend {
padding: 8px 12px;
border-radius: 4px;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
}
/* line 862, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-trend.trend-up {
background: #d4edda;
color: #155724;
}
/* line 867, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-trend.trend-down {
background: #f8d7da;
color: #721c24;
}
/* line 872, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-trend strong {
font-size: 16px;
font-weight: 700;
}
/* line 877, app/assets/stylesheets/components/erp_dashboard.scss */
.comparison-trend .difference {
font-size: 12px;
opacity: 0.8;
}
/* line 886, app/assets/stylesheets/components/erp_dashboard.scss */
.trend-up {
color: #28a745;
}
/* line 890, app/assets/stylesheets/components/erp_dashboard.scss */
.trend-down {
color: #dc3545;
}
/* line 894, app/assets/stylesheets/components/erp_dashboard.scss */
.prediction-card {
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 15px;
background: white;
height: 100%;
transition: box-shadow 0.2s ease;
}
/* line 903, app/assets/stylesheets/components/erp_dashboard.scss */
.prediction-card:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* line 907, app/assets/stylesheets/components/erp_dashboard.scss */
.prediction-header h5 {
font-size: 14px;
font-weight: 600;
margin: 0 0 12px 0;
color: #495057;
display: flex;
align-items: center;
gap: 8px;
}
/* line 917, app/assets/stylesheets/components/erp_dashboard.scss */
.projected-value {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e9ecef;
}
/* line 923, app/assets/stylesheets/components/erp_dashboard.scss */
.projected-value strong {
display: block;
font-size: 12px;
color: #6c757d;
margin-bottom: 5px;
}
/* line 930, app/assets/stylesheets/components/erp_dashboard.scss */
.value-large {
font-size: 24px;
font-weight: 700;
color: #2c3e50;
}
/* line 936, app/assets/stylesheets/components/erp_dashboard.scss */
.prediction-details {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 942, app/assets/stylesheets/components/erp_dashboard.scss */
.detail-item {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
}
/* line 949, app/assets/stylesheets/components/erp_dashboard.scss */
.detail-item .label {
color: #6c757d;
}
/* line 953, app/assets/stylesheets/components/erp_dashboard.scss */
.detail-item .value {
font-weight: 600;
color: #495057;
}
/* line 958, app/assets/stylesheets/components/erp_dashboard.scss */
.trend-item {
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 15px;
background: white;
text-align: center;
}
/* line 966, app/assets/stylesheets/components/erp_dashboard.scss */
.trend-item.trend-overall {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border: 2px solid #6c757d;
}
/* line 971, app/assets/stylesheets/components/erp_dashboard.scss */
.trend-label {
font-size: 12px;
color: #6c757d;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* line 979, app/assets/stylesheets/components/erp_dashboard.scss */
.trend-value {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
/* line 989, app/assets/stylesheets/components/erp_dashboard.scss */
.trend-strength {
font-size: 11px;
color: #6c757d;
}
/* line 994, app/assets/stylesheets/components/erp_dashboard.scss */
.trends-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
}
/* line 1000, app/assets/stylesheets/components/erp_dashboard.scss */
.seasonality-info {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
background: #f8f9fa;
border-radius: 4px;
}
/* line 1009, app/assets/stylesheets/components/erp_dashboard.scss */
.seasonality-item {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
/* line 1016, app/assets/stylesheets/components/erp_dashboard.scss */
.seasonality-item .label {
font-weight: 600;
color: #495057;
}
/* line 1021, app/assets/stylesheets/components/erp_dashboard.scss */
.seasonality-item .value {
font-weight: 600;
}
@media (max-width: 768px) {
/* line 1026, app/assets/stylesheets/components/erp_dashboard.scss */
.trends-grid {
grid-template-columns: 1fr;
}
/* line 1030, app/assets/stylesheets/components/erp_dashboard.scss */
.seasonality-item {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
}
/* line 34, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui {
--aging-f1: #0ca30c;
--aging-f2: #fab219;
--aging-f3: #e5761c;
--aging-f4: #d03b3b;
--aging-f5: #8f2323;
}
/* line 36, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .page-head {
display: flex;
align-items: flex-start;
gap: 16px;
flex-wrap: wrap;
margin: 20px 0 14px;
}
/* line 43, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .crumb {
font-size: 12px;
color: var(--erp-ui-ink-3);
margin: 0 0 2px;
}
/* line 48, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .crumb a {
text-decoration: none;
font-weight: 400;
}
/* line 52, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .crumb a:hover {
text-decoration: underline;
}
/* line 55, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .page-title {
font-size: 21px;
font-weight: 700;
letter-spacing: -0.02em;
margin: 0;
}
/* line 61, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .page-sub {
font-size: 13px;
color: var(--erp-ui-ink-3);
margin: 2px 0 0;
}
/* line 66, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .page-actions {
margin-left: auto;
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
/* line 75, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn {
display: inline-flex;
align-items: center;
gap: 7px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
padding: 7px 14px;
border: 1px solid transparent;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
border-color: var(--erp-ui-hairline-strong);
text-decoration: none;
white-space: nowrap;
transition: background .12s, border-color .12s, color .12s;
}
/* line 91, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn:hover {
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
}
/* line 97, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn[disabled] {
opacity: .5;
pointer-events: none;
}
/* line 102, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-primary {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 107, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-primary:hover {
background: var(--erp-ui-accent-hover);
border-color: var(--erp-ui-accent-hover);
color: var(--erp-ui-accent-ink);
}
/* line 113, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-primary:active {
background: var(--erp-ui-accent-pressed);
border-color: var(--erp-ui-accent-pressed);
}
/* line 118, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-danger {
color: var(--erp-ui-critical-text);
}
/* line 121, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-danger:hover {
background: var(--erp-ui-critical-soft);
border-color: var(--erp-ui-critical);
color: var(--erp-ui-critical-text);
}
/* line 127, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-quiet {
border-color: transparent;
background: transparent;
}
/* line 131, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-sm {
padding: 5px 10px;
font-size: 12.5px;
}
/* line 164, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-neutra {
background: var(--erp-ui-accent-soft);
border-color: transparent;
color: var(--erp-ui-accent);
}
/* line 169, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-neutra:hover {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent);
}
/* line 176, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-altera {
background: var(--erp-ui-warning-soft);
border-color: transparent;
color: var(--erp-ui-warning-text);
}
/* line 181, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-altera:hover {
background: var(--erp-ui-warning-soft);
border-color: var(--erp-ui-warning);
color: var(--erp-ui-warning-text);
}
/* line 188, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-avanca {
background: var(--erp-ui-good-soft);
border-color: transparent;
color: var(--erp-ui-good-text);
}
/* line 193, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-avanca:hover {
background: var(--erp-ui-good-soft);
border-color: var(--erp-ui-good);
color: var(--erp-ui-good-text);
}
/* line 203, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-desfaz,
.erp-ui .btn-danger.btn-desfaz {
background: var(--erp-ui-critical-soft);
border-color: transparent;
color: var(--erp-ui-critical-text);
}
/* line 209, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-desfaz:hover,
.erp-ui .btn-danger.btn-desfaz:hover {
background: var(--erp-ui-critical-soft);
border-color: var(--erp-ui-critical);
color: var(--erp-ui-critical-text);
}
/* line 220, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-group-label {
display: inline-flex;
align-items: center;
gap: 8px;
}
/* line 225, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-group-label::before {
content: "";
width: 1px;
height: 22px;
background: var(--erp-ui-hairline);
flex: none;
}
/* line 233, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .btn-group-label > .lbl {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
white-space: nowrap;
}
/* line 244, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .card {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow);
display: block;
flex-direction: row;
position: static;
}
/* line 278, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .card.pad {
padding: 14px 18px;
}
/* line 280, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .card .card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 12px 18px;
border-bottom: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface);
}
/* line 289, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .card .card-head .card-title {
margin: 0;
font-size: 14px;
font-weight: 700;
color: var(--erp-ui-ink);
letter-spacing: -0.01em;
display: flex;
align-items: center;
gap: 8px;
}
/* line 300, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .card .card-head .card-actions {
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
}
/* line 329, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}
/* line 334, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid.two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* line 335, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid.three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* line 336, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid.four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* line 341, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid.five {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
/* line 347, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid > turbo-frame {
display: grid;
}
/* line 349, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi {
padding: 14px 16px;
display: flex;
flex-direction: column;
gap: 3px;
position: relative;
}
/* line 380, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.good {
background: var(--erp-ui-good-wash);
border-color: var(--erp-ui-hairline);
}
/* line 384, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.good .kpi-context {
color: var(--erp-ui-ink-2);
}
/* line 385, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.good .kpi-label .dot {
background: var(--erp-ui-good);
}
/* line 387, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.warning {
background: var(--erp-ui-warning-wash);
border-color: var(--erp-ui-hairline);
}
/* line 391, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.warning .kpi-context {
color: var(--erp-ui-ink-2);
}
/* line 392, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.warning .kpi-label .dot {
background: var(--erp-ui-warning);
}
/* line 394, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.critical {
background: var(--erp-ui-critical-wash);
border-color: var(--erp-ui-hairline);
}
/* line 398, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.critical .kpi-context {
color: var(--erp-ui-ink-2);
}
/* line 399, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.critical .kpi-label .dot {
background: var(--erp-ui-critical);
}
/* line 408, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.accent {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent);
}
/* line 412, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.accent .kpi-value {
color: var(--erp-ui-accent);
}
/* line 413, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.accent .kpi-context {
color: var(--erp-ui-ink-2);
}
/* line 436, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact {
padding: 9px 12px;
flex-direction: row;
align-items: center;
gap: 10px;
}
/* line 442, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact > .dot {
width: 8px;
height: 8px;
border-radius: 999px;
flex: none;
background: var(--erp-ui-hairline-strong);
}
/* line 449, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact.good > .dot {
background: var(--erp-ui-good);
}
/* line 450, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact.warning > .dot {
background: var(--erp-ui-warning);
}
/* line 451, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact.critical > .dot {
background: var(--erp-ui-critical);
}
/* line 453, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact .kpi-text {
min-width: 0;
display: flex;
flex-direction: column;
gap: 1px;
}
/* line 463, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact .kpi-label {
display: block;
font-size: 11.5px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 32px;
}
/* line 494, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact .kpi-value {
font-size: 18px;
line-height: 1.2;
white-space: nowrap;
}
/* line 499, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi.compact .kpi-info {
top: 7px;
right: 8px;
width: 18px;
height: 18px;
font-size: 10px;
}
/* line 517, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-delta {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 2px;
font-size: 12px;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
/* line 526, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-delta .erp-icon {
width: 14px;
height: 14px;
}
/* line 531, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-delta-up {
color: var(--erp-ui-good-text);
}
/* line 532, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-delta-down {
color: var(--erp-ui-critical-text);
}
/* line 533, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-delta-flat {
color: var(--erp-ui-ink-3);
}
/* line 536, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-delta-vs {
color: var(--erp-ui-ink-3);
font-weight: 400;
}
/* line 541, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-info {
position: absolute;
top: 11px;
right: 11px;
width: 22px;
height: 22px;
border-radius: 999px;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-3);
font-size: 11px;
font-weight: 700;
line-height: 1;
display: grid;
place-items: center;
}
/* line 557, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-info:hover, .erp-ui .kpi-info[aria-expanded="true"] {
color: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
}
/* line 564, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .popover {
position: absolute;
top: 38px;
right: 10px;
z-index: 20;
width: 280px;
max-width: 86vw;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow-overlay);
padding: 12px 14px;
font-size: 12.5px;
line-height: 1.5;
color: var(--erp-ui-ink-2);
display: none;
}
/* line 581, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .popover.is-open {
display: block;
}
/* line 583, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .popover h4 {
margin: 0 0 4px;
font-size: 12.5px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 593, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .popover .pop-how,
.erp-ui .popover .pop-context {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 599, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .popover .pop-eyebrow {
display: block;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
margin-bottom: 2px;
}
/* line 609, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-label {
margin: 0;
text-transform: none;
letter-spacing: normal;
display: flex;
align-items: center;
gap: 7px;
font-size: 12.5px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 638, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-label .dot {
width: 8px;
height: 8px;
border-radius: 999px;
flex: none;
background: var(--erp-ui-hairline-strong);
}
/* line 646, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-value {
margin: 0;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.15;
font-variant-numeric: tabular-nums;
}
/* line 656, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-context {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 662, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters {
padding: 14px 16px;
margin-bottom: 12px;
}
/* line 666, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters-row {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr auto;
gap: 12px;
align-items: end;
}
/* line 672, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filter-group {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
/* line 679, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filter-group label,
.erp-ui .field label {
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.03em;
color: var(--erp-ui-ink-2);
text-align: left;
}
/* line 701, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filter-group label {
margin-bottom: 4px;
}
/* line 702, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters input,
.erp-ui .filters select {
height: 34px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
padding: 0 10px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
font-size: 13.5px;
width: 100%;
}
/* line 713, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters input:focus,
.erp-ui .filters select:focus {
border-color: var(--erp-ui-accent);
outline: none;
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 719, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filter-actions {
display: flex;
gap: 8px;
}
@media (min-width: 1081px) {
/* line 728, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters-row:has(> .filter-group--short) {
display: flex;
}
/* line 730, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters-row:has(> .filter-group--short) > .filter-group {
flex: 1 1 0;
}
/* line 731, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters-row:has(> .filter-group--short) > .filter-group--short {
flex: 0 0 132px;
}
/* line 732, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters-row:has(> .filter-group--short) > .filter-actions {
flex: none;
}
}
/* line 742, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field.field-actions {
justify-content: flex-end;
}
/* line 745, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters-active {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
margin-top: 10px;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 754, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chip {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: 999px;
padding: 3px 6px 3px 10px;
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 765, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chip button {
border: 0;
background: none;
color: var(--erp-ui-ink-3);
line-height: 1;
padding: 0 3px;
font-size: 14px;
}
/* line 773, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chip button:hover {
color: var(--erp-ui-critical-text);
}
/* line 778, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .table-scroll {
overflow-x: auto;
}
/* line 779, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data {
width: 100%;
border-collapse: collapse;
font-size: 13.5px;
}
/* line 784, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th {
text-align: left;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
padding: 10px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
white-space: nowrap;
background: var(--erp-ui-surface);
}
/* line 807, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th.wrap {
white-space: normal;
}
/* line 833, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th.clamp,
.erp-ui table.data td.clamp {
max-width: 200px;
}
/* line 837, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td {
padding: 9px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
vertical-align: middle;
background: transparent;
}
/* line 849, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tbody tr:hover {
background: var(--erp-ui-surface-2);
}
/* line 850, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tr:last-child td {
border-bottom: 0;
}
/* line 856, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tbody tr.is-highlighted,
.erp-ui table.data tbody tr.is-highlighted:hover {
background: var(--erp-ui-accent-soft);
}
/* line 858, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tbody tr.is-highlighted td:first-child {
box-shadow: inset 3px 0 0 var(--erp-ui-accent);
}
/* line 877, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td input:not([type="checkbox"]):not([type="radio"]),
.erp-ui table.data td select {
width: 100%;
height: 30px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
padding: 0 8px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
font-size: 13px;
font-family: inherit;
}
/* line 890, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td input:focus, .erp-ui table.data td select:focus {
border-color: var(--erp-ui-accent);
outline: none;
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 896, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td input:disabled, .erp-ui table.data td input[readonly], .erp-ui table.data td select:disabled {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-3);
}
/* line 904, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td.num input {
text-align: right;
}
/* line 906, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .num {
text-align: right;
font-variant-numeric: tabular-nums;
}
/* line 910, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th.num {
text-align: right;
}
/* line 911, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .main {
font-weight: 600;
display: block;
}
/* line 915, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .sub {
color: var(--erp-ui-ink-3);
font-size: 12px;
display: block;
}
/* line 920, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td.acts {
width: 1%;
white-space: nowrap;
text-align: right;
}
/* line 936, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td.acts > * {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
/* line 950, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th.sortable {
padding: 0;
}
/* line 953, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .sort-link {
display: flex;
align-items: center;
gap: 6px;
width: 100%;
height: 100%;
padding: 10px 16px;
color: inherit;
text-decoration: none;
cursor: pointer;
}
/* line 964, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .sort-link:hover {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink);
}
/* line 968, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .sort-link:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: -2px;
}
/* line 980, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .sort-ico {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 5px solid var(--erp-ui-ink-3);
opacity: .45;
flex-shrink: 0;
}
/* line 989, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th.sortable[aria-sort="ascending"] .sort-ico {
opacity: 1;
border-bottom-color: var(--erp-ui-accent);
}
/* line 993, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th.sortable[aria-sort="descending"] .sort-ico {
opacity: 1;
border-bottom: 0;
border-top: 5px solid var(--erp-ui-accent);
}
/* line 998, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data th.sortable.active .sort-label {
color: var(--erp-ui-ink);
font-weight: 700;
}
/* line 1003, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .check {
width: 15px;
height: 15px;
accent-color: var(--erp-ui-accent);
}
/* line 1039, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn {
width: 32px;
height: 32px;
border-radius: 6px;
border: 1px solid transparent;
background: transparent;
display: inline-grid;
place-items: center;
margin-left: 2px;
margin-right: 0;
font-size: 15px;
line-height: 1;
text-decoration: none;
transition: background .12s, border-color .12s, color .12s;
color: var(--erp-ui-ink-2);
}
/* line 1071, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn .erp-icon {
flex: 0 0 auto;
}
/* line 1112, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn:hover, .erp-ui .action-btn:focus-visible {
border-color: transparent;
}
/* line 1117, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn.neutra:hover, .erp-ui .action-btn.neutra:focus-visible {
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-accent);
}
/* line 1122, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn.altera:hover, .erp-ui .action-btn.altera:focus-visible {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 1127, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn.avanca:hover, .erp-ui .action-btn.avanca:focus-visible {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 1132, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn.desfaz:hover, .erp-ui .action-btn.desfaz:focus-visible {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 1141, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 1px;
}
/* line 1150, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .action-btn[disabled], .erp-ui .action-btn[aria-disabled="true"] {
color: var(--erp-ui-ink-3);
background: var(--erp-ui-surface-2);
border-color: transparent;
pointer-events: none;
}
/* line 1167, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-icon {
width: 16px;
height: 16px;
display: block;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
/* line 1179, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pill {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11.5px;
font-weight: 600;
line-height: 1;
padding: 4px 8px;
border-radius: 999px;
}
/* line 1189, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pill.critical {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 1190, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pill.warning {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 1191, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pill.good {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 1192, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pill.neutral {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
border: 1px solid var(--erp-ui-hairline);
}
/* line 1212, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pill.info {
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-accent);
}
/* line 1229, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 12px 14px;
border: 1px solid transparent;
border-radius: var(--erp-ui-radius);
margin-bottom: 16px;
}
/* line 1238, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner .banner-icon {
width: 18px;
height: 18px;
flex: none;
margin-top: 1px;
}
/* line 1244, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner .banner-text {
min-width: 0;
}
/* line 1245, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner .banner-title {
margin: 0;
font-size: 13.5px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 1251, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner .banner-body {
margin: 3px 0 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 1257, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.good {
background: var(--erp-ui-good-soft);
border-color: var(--erp-ui-good);
}
/* line 1257, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.good .banner-icon {
color: var(--erp-ui-good-text);
}
/* line 1258, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.warning {
background: var(--erp-ui-warning-soft);
border-color: var(--erp-ui-warning);
}
/* line 1258, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.warning .banner-icon {
color: var(--erp-ui-warning-text);
}
/* line 1259, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.critical {
background: var(--erp-ui-critical-soft);
border-color: var(--erp-ui-critical);
}
/* line 1259, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.critical .banner-icon {
color: var(--erp-ui-critical-text);
}
/* line 1260, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.info {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent);
}
/* line 1260, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .banner.info .banner-icon {
color: var(--erp-ui-accent);
}
/* line 1264, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .bulk-bar {
display: none;
align-items: center;
gap: 12px;
padding: 8px 16px;
background: var(--erp-ui-accent-soft);
border-bottom: 1px solid var(--erp-ui-hairline);
font-size: 13px;
color: var(--erp-ui-ink-2);
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
}
/* line 1275, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .bulk-bar.on {
display: flex;
}
/* line 1277, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .bulk-bar .sel {
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 1281, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .panel-foot {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding: 10px 16px;
font-size: 12.5px;
color: var(--erp-ui-ink-3);
border-top: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
border-radius: 0 0 var(--erp-ui-radius) var(--erp-ui-radius);
}
/* line 1294, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pager {
display: flex;
gap: 4px;
}
/* line 1298, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pager button {
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
min-width: 30px;
height: 30px;
border-radius: 6px;
font-size: 12.5px;
font-weight: 600;
}
/* line 1308, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .pager button[aria-current="page"] {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 1317, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .empty {
text-align: center;
padding: 40px 20px;
color: var(--erp-ui-ink-2);
}
/* line 1322, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .empty .mark {
background: transparent;
padding: 0;
color: var(--erp-ui-good-text);
display: block;
margin-bottom: 6px;
}
/* line 1342, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .empty .mark .erp-icon {
width: 26px;
height: 26px;
margin: 0 auto;
}
/* line 1348, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .empty p {
margin: 0 0 12px;
font-size: 13.5px;
}
/* line 1365, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .search-results {
position: relative;
}
/* line 1368, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .search-results .skeleton-overlay {
display: none;
}
/* line 1374, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .search-results[aria-busy="true"] > .card {
opacity: .35;
pointer-events: none;
}
/* line 1378, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .search-results[aria-busy="true"] .skeleton-overlay {
display: block;
position: absolute;
inset: 0;
z-index: 2;
padding: 16px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 1390, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .skeleton-row {
height: 34px;
border-radius: 6px;
margin-bottom: 8px;
background: linear-gradient(90deg, var(--erp-ui-surface-2) 25%, var(--erp-ui-hairline) 50%, var(--erp-ui-surface-2) 75%);
background-size: 200% 100%;
animation: erp-ui-skeleton-pulse 1.5s ease-in-out infinite;
}
/* line 1398, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .skeleton-row:last-child {
margin-bottom: 0;
}
@media (prefers-reduced-motion: reduce) {
/* line 1404, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .skeleton-row {
animation: none;
background: var(--erp-ui-surface-2);
}
}
/* line 1411, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-head {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
padding: 12px 18px;
border-bottom: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
}
/* line 1421, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-head .ft {
font-size: 15px;
font-weight: 700;
margin: 0;
display: flex;
align-items: center;
gap: 9px;
}
/* line 1429, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-head .ft .ico {
color: var(--erp-ui-accent);
}
/* line 1434, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-head .ft-alias {
font-weight: 400;
color: var(--erp-ui-ink-3);
font-size: 13.5px;
}
/* line 1444, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-meta {
margin-left: auto;
display: flex;
align-items: center;
gap: 14px;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 1452, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .completude {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 1459, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .completude .bar {
width: 90px;
height: 6px;
border-radius: 999px;
background: var(--erp-ui-hairline);
overflow: hidden;
}
/* line 1466, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .completude .bar i {
display: block;
height: 100%;
background: var(--erp-ui-accent);
border-radius: 999px;
}
/* line 1485, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .next-steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 12px;
}
/* line 1496, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .next-step {
display: flex;
flex-direction: column;
gap: 8px;
padding: 14px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
}
/* line 1505, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .next-step h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 1512, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .next-step p {
margin: 0;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 1518, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .next-step .fluxo {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 1523, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .next-step .btn {
margin-top: auto;
}
/* line 1534, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-errors {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0 0 16px;
padding: 12px 14px;
border: 1px solid var(--erp-ui-critical);
border-left-width: 3px;
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-critical-wash);
}
/* line 1545, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-errors .titulo {
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-critical-text);
}
/* line 1551, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-errors ul {
margin: 0;
padding-left: 18px;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 1569, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .period-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
/* line 1578, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .segmented {
display: flex;
gap: 2px;
padding: 3px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
overflow-x: auto;
}
/* line 1588, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .seg-btn {
height: 34px;
padding: 0 13px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
white-space: nowrap;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: var(--erp-ui-ink-2);
font-size: 13.5px;
font-weight: 600;
transition: background .12s, color .12s, border-color .12s;
}
/* line 1604, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .seg-btn:hover {
color: var(--erp-ui-accent);
}
/* line 1608, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .seg-btn[aria-pressed="true"] {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 1614, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .seg-btn:focus-visible {
outline: none;
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 1621, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .period-custom-form {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 1629, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .period-custom-form input[type="date"] {
height: 34px;
padding: 0 10px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
font-size: 13px;
color: var(--erp-ui-ink);
background: var(--erp-ui-surface);
}
/* line 1638, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .period-custom-form input[type="date"]:focus-visible {
outline: none;
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 1646, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .freshness {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 1656, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack {
display: flex;
height: 16px;
border-radius: 999px;
overflow: hidden;
background: var(--erp-ui-hairline);
}
/* line 1689, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.f1,
.erp-ui .erp-stack-legend .swatch.f1 {
background: var(--aging-f1);
}
/* line 1690, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.f2,
.erp-ui .erp-stack-legend .swatch.f2 {
background: var(--aging-f2);
}
/* line 1691, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.f3,
.erp-ui .erp-stack-legend .swatch.f3 {
background: var(--aging-f3);
}
/* line 1692, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.f4,
.erp-ui .erp-stack-legend .swatch.f4 {
background: var(--aging-f4);
}
/* line 1693, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.f5,
.erp-ui .erp-stack-legend .swatch.f5 {
background: var(--aging-f5);
}
/* line 1696, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg {
display: block;
height: 100%;
width: 0;
background: var(--erp-ui-ink-3);
}
/* line 1705, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.good {
background: var(--erp-ui-good);
}
/* line 1706, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.accent {
background: var(--erp-ui-accent);
}
/* line 1707, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.warning {
background: var(--erp-ui-warning);
}
/* line 1708, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.critical {
background: var(--erp-ui-critical);
}
/* line 1709, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.info {
background: var(--erp-ui-accent);
}
/* line 1713, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.chart-1 {
background: var(--erp-ui-chart-1);
}
/* line 1714, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.chart-2 {
background: var(--erp-ui-chart-2);
}
/* line 1715, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.chart-3 {
background: var(--erp-ui-chart-3);
}
/* line 1716, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.chart-4 {
background: var(--erp-ui-chart-4);
}
/* line 1717, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.chart-5 {
background: var(--erp-ui-chart-5);
}
/* line 1718, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-seg.chart-6 {
background: var(--erp-ui-chart-6);
}
/* line 1734, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-chart {
min-width: 0;
}
/* line 1736, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-columns {
display: flex;
align-items: flex-end;
gap: 8px;
height: 128px;
padding-top: 4px;
border-bottom: 1px solid var(--erp-ui-hairline-strong);
}
/* line 1745, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
flex: 1 1 0;
min-width: 0;
height: 100%;
gap: 4px;
}
/* line 1756, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column-track {
display: flex;
align-items: flex-end;
width: 100%;
flex: 1 1 auto;
min-height: 0;
}
/* line 1764, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column-fill {
display: block;
width: 100%;
height: 0;
border-radius: 3px 3px 0 0;
background: var(--erp-ui-accent-marker);
}
/* line 1780, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column.is-peak .erp-column-fill {
background: var(--erp-ui-accent);
}
/* line 1781, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column.is-peak .erp-column-value {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 1784, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column-value {
font-size: 11px;
font-variant-numeric: tabular-nums;
color: var(--erp-ui-ink-3);
white-space: nowrap;
min-height: 14px;
}
/* line 1796, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-columns-labels {
display: flex;
gap: 8px;
margin-top: 5px;
}
/* line 1802, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column-label {
flex: 1 1 0;
min-width: 0;
text-align: center;
font-size: 11px;
color: var(--erp-ui-ink-2);
white-space: nowrap;
overflow: visible;
}
/* line 1815, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-column-label.is-marked::before {
content: "";
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
margin: 0 auto 3px;
background: var(--erp-ui-accent-marker);
}
/* line 1829, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-chart.is-dense .erp-columns,
.erp-ui .erp-chart.is-dense .erp-columns-labels {
gap: 2px;
}
/* line 1832, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-chart.is-dense .erp-column-fill {
border-radius: 2px 2px 0 0;
}
/* line 1843, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie {
position: relative;
width: 100%;
max-width: 200px;
aspect-ratio: 1;
height: auto;
border-radius: 50%;
background: var(--erp-ui-hairline);
flex: 1 1 140px;
}
/* line 1860, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie::after {
content: "";
position: absolute;
top: 22%;
left: 22%;
width: 56%;
height: 56%;
border-radius: 50%;
background: var(--erp-ui-surface);
}
/* line 1872, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-total {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1;
line-height: 1.15;
}
/* line 1885, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-total b {
font-size: 17px;
font-variant-numeric: tabular-nums;
color: var(--erp-ui-ink);
}
/* line 1891, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-total span {
font-size: 10.5px;
color: var(--erp-ui-ink-3);
}
/* line 1899, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-slice {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
/* line 1909, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .swatch {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 3px;
margin-right: 7px;
vertical-align: baseline;
background: var(--erp-ui-ink-3);
}
/* line 1918, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .swatch.chart-1 {
background: var(--erp-ui-chart-1);
}
/* line 1919, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .swatch.chart-2 {
background: var(--erp-ui-chart-2);
}
/* line 1920, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .swatch.chart-3 {
background: var(--erp-ui-chart-3);
}
/* line 1921, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .swatch.chart-4 {
background: var(--erp-ui-chart-4);
}
/* line 1922, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .swatch.chart-5 {
background: var(--erp-ui-chart-5);
}
/* line 1923, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data .swatch.chart-6 {
background: var(--erp-ui-chart-6);
}
/* line 1931, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
/* line 1944, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-wrap.is-solo .erp-pie {
max-width: 90%;
}
/* line 1946, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-wrap.is-solo .erp-pie-total b {
font-size: 20px;
}
/* line 1947, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-pie-wrap.is-solo .erp-pie-total span {
font-size: 12px;
}
/* line 1951, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-1 {
background: var(--erp-ui-chart-1);
}
/* line 1952, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-2 {
background: var(--erp-ui-chart-2);
}
/* line 1953, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-3 {
background: var(--erp-ui-chart-3);
}
/* line 1954, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-4 {
background: var(--erp-ui-chart-4);
}
/* line 1955, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-5 {
background: var(--erp-ui-chart-5);
}
/* line 1956, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-6 {
background: var(--erp-ui-chart-6);
}
/* line 1958, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend {
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
margin-top: 10px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 1966, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .item {
display: inline-flex;
align-items: center;
gap: 7px;
min-width: 0;
}
/* line 1973, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch {
width: 10px;
height: 10px;
border-radius: 3px;
flex: none;
background: var(--erp-ui-ink-3);
}
/* line 1980, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.good {
background: var(--erp-ui-good);
}
/* line 1981, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.accent {
background: var(--erp-ui-accent);
}
/* line 1982, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.warning {
background: var(--erp-ui-warning);
}
/* line 1983, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.critical {
background: var(--erp-ui-critical);
}
/* line 1984, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.info {
background: var(--erp-ui-accent);
}
/* line 1989, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.chart-1 {
background: var(--erp-ui-chart-1);
}
/* line 1990, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.chart-2 {
background: var(--erp-ui-chart-2);
}
/* line 1991, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.chart-3 {
background: var(--erp-ui-chart-3);
}
/* line 1992, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.chart-4 {
background: var(--erp-ui-chart-4);
}
/* line 1993, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.chart-5 {
background: var(--erp-ui-chart-5);
}
/* line 1994, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend .swatch.chart-6 {
background: var(--erp-ui-chart-6);
}
/* line 1997, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-stack-legend b {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 2002, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-steps {
display: flex;
flex-direction: column;
}
/* line 2011, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-step {
display: grid;
grid-template-columns: minmax(0, 1fr) 90px minmax(0, 15rem);
align-items: baseline;
gap: 12px;
padding: 9px 0;
border-bottom: 1px solid var(--erp-ui-hairline);
font-size: 13px;
}
/* line 2020, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-step:last-child {
border-bottom: none;
}
/* line 2022, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-step .rotulo {
color: var(--erp-ui-ink);
}
/* line 2024, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-step .valor {
color: var(--erp-ui-ink);
font-weight: 600;
font-variant-numeric: tabular-nums;
text-align: right;
}
/* line 2032, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-step-rate {
font-size: 12.5px;
font-variant-numeric: tabular-nums;
color: var(--erp-ui-ink-2);
text-align: right;
}
/* line 2040, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-step-rate.sobe {
color: var(--erp-ui-warning-text);
font-weight: 600;
}
/* line 2041, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-step-rate.cai {
color: var(--erp-ui-ink-2);
}
/* line 2051, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bars {
display: flex;
flex-direction: column;
gap: 12px;
}
/* line 2061, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar {
display: flex;
flex-direction: column;
min-width: 0;
}
/* line 2067, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar-label {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
font-size: 12px;
color: var(--erp-ui-ink-2);
margin-bottom: 4px;
}
/* line 2077, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar-track {
height: 10px;
border-radius: 999px;
background: var(--erp-ui-hairline);
overflow: hidden;
}
/* line 2084, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar-fill {
display: block;
height: 100%;
border-radius: 999px;
background: var(--erp-ui-ink-3);
width: 0;
}
/* line 2101, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar-fill.good {
background: var(--erp-ui-good);
}
/* line 2102, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar-fill.accent {
background: var(--erp-ui-accent);
}
/* line 2103, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar-fill.warning {
background: var(--erp-ui-warning);
}
/* line 2104, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-bar-fill.critical {
background: var(--erp-ui-critical);
}
/* line 2127, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .section-switch {
display: flex;
flex-wrap: wrap;
gap: 4px;
padding: 4px;
margin-bottom: 12px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
}
/* line 2137, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .section-switch a {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 7px 14px;
border: 1px solid transparent;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
line-height: 1.2;
color: var(--erp-ui-ink-2);
text-decoration: none;
white-space: nowrap;
}
/* line 2152, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .section-switch a:hover {
color: var(--erp-ui-ink);
}
/* line 2160, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .section-switch a[aria-current="page"] {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
font-weight: 600;
}
/* line 2168, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .section-switch a[aria-current="page"] .count {
background: var(--erp-ui-accent-ink);
border-color: transparent;
color: var(--erp-ui-accent);
}
/* line 2177, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .section-switch a[aria-current="page"]:hover {
color: var(--erp-ui-accent-ink);
}
/* line 2179, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .section-switch a:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 1px;
}
/* line 2186, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .tabs {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid var(--erp-ui-hairline);
overflow-x: auto;
overflow-y: hidden;
}
/* line 2205, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .tab {
border: 0;
background: none;
color: var(--erp-ui-ink-2);
padding: 11px 15px 9px;
font-size: 13.5px;
font-weight: 500;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
display: flex;
align-items: center;
gap: 7px;
white-space: nowrap;
}
/* line 2219, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .tab:hover {
color: var(--erp-ui-ink);
background: var(--erp-ui-surface-2);
}
/* line 2223, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .tab[aria-selected="true"] {
color: var(--erp-ui-ink);
font-weight: 600;
border-bottom-color: var(--erp-ui-accent);
}
/* line 2229, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .count {
font-size: 11px;
font-weight: 700;
line-height: 1;
padding: 3px 7px;
border-radius: 999px;
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
border: 1px solid var(--erp-ui-hairline);
font-variant-numeric: tabular-nums;
}
/* line 2240, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .count.critical {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
border-color: transparent;
}
/* line 2241, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .count.warning {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
border-color: transparent;
}
/* line 2242, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .count.good {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
border-color: transparent;
}
/* line 2244, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .tab-panel {
display: none;
}
/* line 2247, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .tab-panel.active {
display: block;
}
/* line 2250, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-body {
padding: 18px 18px 22px;
}
/* line 2264, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px 16px;
margin-bottom: 14px;
}
/* line 2270, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv .lbl {
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 2279, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv .val {
font-size: 13.5px;
color: var(--erp-ui-ink);
}
/* line 2286, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv .val.val-forte {
font-size: 16px;
font-weight: 700;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 2294, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .sub-h {
font-size: 13px;
font-weight: 700;
margin: 14px 0 8px;
color: var(--erp-ui-ink);
}
/* line 2301, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-hint {
font-size: 12px;
color: var(--erp-ui-ink-3);
margin-top: 4px;
}
/* line 2307, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
margin-bottom: 0;
}
/* line 2322, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section + .form-section {
margin-top: 22px;
}
/* line 2323, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section-head {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 10px;
margin: 0 0 12px;
padding-bottom: 7px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 2337, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section-head > h3 {
flex: 0 1 auto;
min-width: 0;
}
/* line 2338, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section-head > .hint {
flex: 1 1 240px;
min-width: 0;
}
/* line 2340, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section-head.bare {
margin: 0;
padding: 0;
border: 0;
}
/* line 2342, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section-head h3 {
margin: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 2350, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-section-head .hint {
font-size: 12px;
color: var(--erp-ui-ink-3);
font-weight: 400;
}
/* line 2357, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 12px 14px;
}
/* line 2364, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .c2 {
grid-column: span 2;
}
/* line 2365, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .c3 {
grid-column: span 3;
}
/* line 2366, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .c4 {
grid-column: span 4;
}
/* line 2367, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .c5 {
grid-column: span 5;
}
/* line 2368, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .c6 {
grid-column: span 6;
}
/* line 2369, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .c8 {
grid-column: span 8;
}
/* line 2370, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .c12 {
grid-column: span 12;
}
/* line 2372, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
text-align: left;
}
/* line 2379, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field .req {
color: var(--erp-ui-critical-text);
margin-left: 2px;
}
/* line 2386, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field input:not([type="checkbox"]):not([type="radio"]), .erp-ui .field select, .erp-ui .field textarea {
height: 34px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
padding: 0 10px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
font-size: 13.5px;
width: 100%;
}
/* line 2396, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field textarea {
height: auto;
padding: 8px 10px;
resize: vertical;
min-height: 76px;
line-height: 1.5;
}
/* line 2403, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field input:focus, .erp-ui .field select:focus, .erp-ui .field textarea:focus {
border-color: var(--erp-ui-accent);
outline: none;
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 2408, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field input:disabled, .erp-ui .field select:disabled {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-3);
}
/* line 2412, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field .hint {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 2431, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field > .pill {
align-self: flex-start;
}
/* line 2436, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field.invalid input, .erp-ui .field.invalid select {
border-color: var(--erp-ui-critical);
background: var(--erp-ui-critical-soft);
}
/* line 2440, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field .err {
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-critical-text);
display: none;
}
/* line 2446, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field.invalid .err {
display: block;
}
/* line 2447, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field .ok-hint {
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-good-text);
display: none;
}
/* line 2453, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field.resolved .ok-hint {
display: block;
}
/* line 2465, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field .invalid-feedback {
flex: 0 0 100%;
width: 100%;
margin: 4px 0 0;
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-critical-text);
}
/* line 2477, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field.invalid:has(> .err) .invalid-feedback {
display: none;
}
/* line 2479, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .with-btn {
display: flex;
gap: 6px;
}
/* line 2483, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .with-btn input {
flex: 1;
}
/* line 2486, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .repeat-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
/* line 2492, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .repeat-head .btn {
margin-left: auto;
}
/* line 2494, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .subtable {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
}
/* line 2499, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .subtable table.data th {
background: var(--erp-ui-surface-2);
}
/* line 2520, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-body table.data tr:last-child > td,
.erp-ui .form-body table.data tr:last-child > th {
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 2540, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit {
display: flex;
align-items: stretch;
min-width: 0;
}
/* line 2545, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit .field-unit-prefix,
.erp-ui .field-unit .field-unit-suffix {
display: inline-flex;
align-items: center;
flex: none;
padding: 0 9px;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
font-size: 12.5px;
font-weight: 600;
white-space: nowrap;
}
/* line 2559, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit .field-unit-prefix {
border-right: 0;
border-radius: 6px 0 0 6px;
}
/* line 2564, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit .field-unit-suffix {
border-left: 0;
border-radius: 0 6px 6px 0;
}
/* line 2573, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit input {
flex: 1 1 auto;
min-width: 0;
border-radius: 0;
}
/* line 2579, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit .field-unit-prefix + input {
border-radius: 0 6px 6px 0;
}
/* line 2583, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit input:first-child {
border-radius: 6px 0 0 6px;
}
/* line 2587, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field-unit .field-unit-prefix + input:not(:last-child) {
border-radius: 0;
}
/* line 2592, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-foot {
position: sticky;
bottom: 0;
z-index: 10;
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding: 11px 18px;
background: var(--erp-ui-surface);
border-top: 1px solid var(--erp-ui-hairline);
border-radius: 0 0 var(--erp-ui-radius) var(--erp-ui-radius);
box-shadow: 0 -2px 8px rgba(26, 32, 40, 0.06);
}
/* line 2611, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-foot .status {
font-size: 12px;
color: var(--erp-ui-ink-3);
display: flex;
align-items: center;
gap: 6px;
}
/* line 2618, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .form-foot .acts {
margin-left: auto;
display: flex;
gap: 8px;
align-items: center;
}
/* line 2635, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field .form-check-label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13.5px;
font-weight: 400;
color: var(--erp-ui-ink);
cursor: pointer;
}
/* line 2644, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .field input.form-check-input[type="checkbox"],
.erp-ui .field input.form-check-input[type="radio"] {
position: static;
margin: 0;
width: 16px;
height: 16px;
flex: 0 0 auto;
accent-color: var(--erp-ui-accent);
}
/* line 2658, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .check-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 20px;
}
/* line 2676, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .periodo-chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 14px;
}
/* line 2683, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .periodo-chip {
display: inline-flex;
align-items: center;
padding: 5px 12px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 999px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
font-size: 12.5px;
text-decoration: none;
}
/* line 2694, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .periodo-chip:hover {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink);
text-decoration: none;
}
/* line 2700, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .periodo-chip[aria-current="true"] {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
font-weight: 600;
}
/* line 2722, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .opt-list {
display: flex;
flex-direction: column;
gap: 8px;
}
/* line 2728, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .opt {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 9px;
align-items: start;
font-size: 13.5px;
line-height: 1.35;
cursor: pointer;
}
/* line 2737, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .opt > input.check {
margin: 2px 0 0;
}
/* line 2741, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .opt > span {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
/* line 2748, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .opt b {
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 2753, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .opt small {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 2758, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .opt input:disabled + span b {
color: var(--erp-ui-ink-3);
}
/* line 2770, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .table-foot {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding: 10px 14px;
border-top: 1px solid var(--erp-ui-hairline);
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 2781, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .table-foot b {
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 2790, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .arquivo-preview {
margin: 0;
padding: 12px 14px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12.5px;
line-height: 1.55;
color: var(--erp-ui-ink-2);
overflow-x: auto;
overflow-y: hidden;
white-space: pre;
}
/* line 2813, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .split-2 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 14px;
align-items: start;
}
/* line 2823, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 12px 18px;
}
/* line 2828, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv-grid > div {
min-width: 0;
}
/* line 2832, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv-grid dt {
margin: 0 0 2px;
font-size: 11.5px;
color: var(--erp-ui-ink-2);
}
/* line 2838, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv-grid dd {
margin: 0;
font-size: 14px;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 2847, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv-grid .kv-full {
grid-column: 1 / -1;
}
/* line 2850, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv-grid .kv-full dd {
font-variant-numeric: normal;
white-space: pre-line;
}
@media (max-width: 1100px) {
/* line 2858, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .split-2 {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 2869, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .acts .acts-form {
display: contents;
}
/* line 2878, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-split {
display: grid;
grid-template-columns: minmax(0, 1fr) 208px;
gap: 16px;
align-items: start;
}
/* line 2888, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice {
position: sticky;
top: 16px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 10px 0;
}
/* line 2896, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice p {
margin: 0 0 6px;
padding: 0 14px;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.7px;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 2906, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 6px 14px;
font-size: 13px;
color: var(--erp-ui-ink-2);
text-decoration: none;
border-left: 2px solid transparent;
}
/* line 2917, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice a:hover {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink);
}
/* line 2922, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice a[aria-current="true"] {
border-left-color: var(--erp-ui-accent);
color: var(--erp-ui-ink);
font-weight: 600;
background: var(--erp-ui-accent-soft);
}
/* line 2930, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice .ct {
font-size: 11px;
color: var(--erp-ui-ink-3);
font-variant-numeric: tabular-nums;
}
/* line 2937, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice .ct.critical {
color: var(--erp-ui-critical-text);
font-weight: 700;
}
/* line 2945, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-secao {
scroll-margin-top: 74px;
}
/* line 2949, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-secao + .cadastro-secao {
margin-top: 26px;
}
@media (max-width: 1160px) {
/* line 2956, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-split {
grid-template-columns: minmax(0, 1fr);
}
/* line 2960, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .cadastro-indice {
display: none;
}
}
/* line 2967, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui.is-readonly .field input:disabled, .erp-ui.is-readonly .field textarea:disabled {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
-webkit-text-fill-color: var(--erp-ui-ink-2);
opacity: 1;
}
/* line 2981, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-tooltip-anchor {
min-width: 0;
}
/* line 2995, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui td.num .erp-tooltip-anchor {
display: block;
padding: 8px 0;
margin: -8px 0;
}
/* line 3015, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .num-detalhe .slot {
display: inline-block;
width: 12px;
margin-left: 5px;
vertical-align: -1px;
}
/* line 3021, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .num-detalhe .slot .erp-icon {
width: 12px;
height: 12px;
color: var(--erp-ui-accent-marker);
}
/* line 3026, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .num-detalhe:hover .slot .erp-icon,
.erp-ui .num-detalhe:focus-visible .slot .erp-icon {
color: var(--erp-ui-accent);
}
/* line 3033, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-wrap {
position: relative;
}
/* line 3037, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-native {
display: none;
}
/* line 3038, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-control {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
height: 34px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
padding: 0 8px 0 10px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
font-size: 13.5px;
text-align: left;
}
/* line 3052, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-control .ts-value {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 3058, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-control .ts-value.placeholder {
color: var(--erp-ui-ink-3);
}
/* line 3060, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-control .ts-caret {
color: var(--erp-ui-ink-3);
font-size: 10px;
line-height: 1;
}
/* line 3065, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-control:hover {
border-color: var(--erp-ui-hairline-strong);
}
/* line 3066, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-control[aria-expanded="true"] {
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 3071, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters .ts-control {
height: 34px;
}
/* line 3072, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-dropdown {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
z-index: 60;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
box-shadow: var(--erp-ui-shadow-overlay);
display: none;
overflow: hidden;
}
/* line 3085, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-dropdown.open {
display: block;
}
/* line 3087, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-search {
width: 100%;
height: 32px;
border: 0;
border-bottom: 1px solid var(--erp-ui-hairline);
padding: 0 10px;
font-size: 13px;
color: var(--erp-ui-ink);
background: var(--erp-ui-surface-2);
}
/* line 3097, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-search:focus {
outline: none;
}
/* line 3099, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-options {
max-height: 208px;
overflow-y: auto;
padding: 4px;
}
/* line 3104, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-opt {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
text-align: left;
padding: 6px 9px;
border: 0;
background: none;
border-radius: 4px;
font-size: 13.5px;
color: var(--erp-ui-ink);
}
/* line 3117, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-opt:hover, .erp-ui .ts-opt.active {
background: var(--erp-ui-accent-soft);
}
/* line 3118, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-opt[aria-selected="true"] {
font-weight: 600;
}
/* line 3119, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-opt[aria-selected="true"]::after {
content: "\2713";
margin-left: auto;
color: var(--erp-ui-accent);
font-size: 12px;
}
/* line 3126, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .ts-empty {
padding: 10px;
font-size: 12.5px;
color: var(--erp-ui-ink-3);
}
/* line 3133, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline {
list-style: none;
margin: 0;
padding: 0;
}
/* line 3143, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline::before {
content: none;
}
/* line 3145, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline li {
display: flex;
gap: 12px;
padding: 9px 0;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 3151, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline li:last-child {
border-bottom: 0;
}
/* line 3153, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline .dot {
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--erp-ui-hairline-strong);
margin-top: 6px;
flex: none;
}
/* line 3161, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline .dot.good {
background: var(--erp-ui-good);
}
/* line 3162, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline .dot.warning {
background: var(--erp-ui-warning);
}
/* line 3164, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline .ev {
font-size: 13.5px;
font-weight: 600;
}
/* line 3165, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline .when {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 3166, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .timeline .txt {
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 3170, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .detail-avatar {
width: 46px;
height: 46px;
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-accent);
display: grid;
place-items: center;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.02em;
}
/* line 3204, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .is-hidden {
display: none !important;
}
/* line 3209, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 768px) {
/* line 3247, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .table-scroll {
overflow-x: visible;
}
/* line 3249, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data {
display: block;
}
/* line 3252, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data thead {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
/* line 3263, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tbody, .erp-ui table.data tr, .erp-ui table.data td {
display: block;
width: 100%;
}
/* line 3265, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tr {
margin-bottom: 12px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 4px 12px;
background: var(--erp-ui-surface);
}
/* line 3272, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tr:last-child {
margin-bottom: 0;
}
/* line 3276, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data tbody tr:hover {
background: var(--erp-ui-surface);
}
/* line 3278, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 9px 0;
border-bottom: 1px solid var(--erp-ui-hairline);
text-align: right;
}
/* line 3287, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td:last-child {
border-bottom: 0;
}
/* line 3289, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td[data-label]::before {
content: attr(data-label);
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
text-align: left;
flex-shrink: 0;
}
/* line 3303, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td.acts {
justify-content: flex-end;
}
/* line 3304, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui table.data td.col-check {
justify-content: flex-start;
}
}
@media (max-width: 1080px) {
/* line 3316, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid[class] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* line 3317, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .filters-row {
grid-template-columns: 1fr 1fr;
}
/* line 3318, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .grid > [class*="c"] {
grid-column: span 6;
}
}
@media (max-width: 640px) {
/* line 3321, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kpi-grid[class],
.erp-ui .filters-row {
grid-template-columns: minmax(0, 1fr);
}
/* line 3323, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .grid > [class*="c"] {
grid-column: span 12;
}
/* line 3324, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .page-actions {
width: 100%;
}
}
/* line 3337, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .an-section {
margin-bottom: 20px;
}
/* line 3340, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .an-section-head {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 10px;
}
/* line 3348, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .an-section-title {
font-size: 15px;
font-weight: 700;
margin: 0;
color: var(--erp-ui-ink);
}
/* line 3354, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .an-section-sub {
font-size: 12px;
color: var(--erp-ui-ink-3);
margin: 2px 0 0;
}
/* line 3368, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-head {
display: flex;
flex-direction: column;
gap: 2px;
padding: 14px 16px 0;
margin-bottom: 10px;
}
/* line 3391, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-head .chart-title {
font-size: 14px;
font-weight: 700;
margin: 0;
color: var(--erp-ui-ink);
}
/* line 3397, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-head .chart-sub {
font-size: 12px;
color: var(--erp-ui-ink-3);
margin: 0;
}
/* line 3403, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-body {
position: relative;
padding: 0 16px;
}
/* line 3417, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-canvas-box {
position: relative;
height: 300px;
}
/* line 3421, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-canvas-box canvas {
display: block;
}
@media (max-width: 640px) {
/* line 3427, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-canvas-box {
height: 220px;
}
}
/* line 3442, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table {
margin-top: 10px;
padding: 0 0 14px;
}
/* line 3455, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table summary {
cursor: pointer;
list-style: none;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12.5px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 3465, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table summary::before {
content: "";
width: 0;
height: 0;
border-left: 5px solid currentColor;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
transition: transform .12s;
}
/* line 3475, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table summary::-webkit-details-marker {
display: none;
}
/* line 3479, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table summary:hover {
color: var(--erp-ui-accent);
}
/* line 3483, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table summary:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 3489, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table[open] > summary::before {
transform: rotate(90deg);
}
/* line 3493, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-table table.data {
margin-top: 8px;
}
/* line 3517, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-board {
display: flex;
gap: 16px;
overflow-x: auto;
padding-bottom: 8px;
}
/* line 3524, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column {
flex: 1 1 260px;
min-width: 240px;
max-width: 340px;
display: flex;
flex-direction: column;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
max-height: 100%;
}
/* line 3543, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 8px 10px;
border-top: 1px solid var(--erp-ui-hairline);
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 3554, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 12px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 3563, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column-title {
margin: 0;
font-size: 12.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: var(--erp-ui-ink-2);
}
/* line 3579, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
font-size: 12px;
font-weight: 700;
color: var(--erp-ui-ink-2);
}
/* line 3599, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column-body {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px;
min-height: 140px;
transition: background-color 0.15s ease;
overflow-y: auto;
overflow-x: hidden;
max-height: 62vh;
}
/* line 3618, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column-body.is-drag-over {
background: var(--erp-ui-accent-soft);
}
/* line 3623, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column-empty {
margin: auto 0;
padding: 16px 8px;
text-align: center;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 3633, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-card {
display: flex;
flex-direction: column;
gap: 8px;
padding: 10px 12px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
box-shadow: var(--erp-ui-shadow);
cursor: grab;
}
/* line 3644, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-card.is-dragging {
opacity: 0.5;
}
@media (max-width: 768px) {
/* line 3650, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-board {
flex-direction: column;
overflow-x: visible;
}
/* line 3655, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kanban-column {
max-width: none;
}
}
/* line 3703, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .erp-thread {
min-width: 0;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
display: flex;
flex-direction: column;
}
/* line 3712, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .thread-head {
padding: 13px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 3717, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .thread-who {
display: flex;
align-items: center;
gap: 11px;
}
/* line 3723, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .thread-title {
margin: 0;
font-size: 15px;
font-weight: 600;
color: var(--erp-ui-ink);
overflow-wrap: anywhere;
}
/* line 3734, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .thread-window {
padding: 16px;
display: flex;
flex-direction: column;
gap: 14px;
max-height: 560px;
overflow-y: auto;
overflow-x: hidden;
background: var(--erp-ui-surface-2);
}
/* line 3745, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .thread-more {
align-self: center;
text-align: center;
margin: 0;
}
/* line 3750, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .thread-more .hint {
display: block;
margin-top: 5px;
}
/* line 3756, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .msg {
max-width: 82%;
padding: 11px 14px;
border-radius: var(--erp-ui-radius);
border: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface);
}
/* line 3768, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .msg.is-inbound {
align-self: flex-start;
}
/* line 3772, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .msg.is-outbound {
align-self: flex-end;
background: var(--erp-ui-accent-soft);
}
/* line 3777, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .msg-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 6px;
}
/* line 3785, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .msg-when {
font-size: 11px;
color: var(--erp-ui-ink-3);
white-space: nowrap;
}
/* line 3794, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .msg-body {
font-size: 13px;
color: var(--erp-ui-ink);
overflow-wrap: anywhere;
}
@media print {
/* line 3806, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .page-actions,
.erp-ui .form-foot,
.erp-ui .bulk-bar,
.erp-ui .section-switch,
.erp-ui .action-btn {
display: none;
}
}
/* line 3816, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plans-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin-top: 14px;
margin-bottom: 24px;
}
/* line 3824, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-card {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: box-shadow .15s, border-color .15s;
}
/* line 3834, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-card:hover {
border-color: var(--erp-ui-hairline-strong);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
/* line 3839, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-card.featured {
border: 2px solid var(--erp-ui-accent);
position: relative;
}
/* line 3843, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-card.featured::after {
content: "Destaque";
position: absolute;
top: -10px;
right: 16px;
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
padding: 2px 8px;
border-radius: 4px;
}
/* line 3859, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-card-header {
border-bottom: 1px solid var(--erp-ui-hairline);
padding-bottom: 14px;
margin-bottom: 14px;
}
/* line 3864, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-card-header h4 {
margin: 0 0 4px;
font-size: 16px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 3872, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-price {
font-size: 26px;
font-weight: 700;
color: var(--erp-ui-accent);
letter-spacing: -0.02em;
margin-top: 8px;
}
/* line 3879, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-price .price-period {
font-size: 13px;
font-weight: 400;
color: var(--erp-ui-ink-3);
}
/* line 3886, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-features-list {
list-style: none;
padding: 0;
margin: 0 0 16px 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
display: grid;
gap: 8px;
}
/* line 3895, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-features-list li {
display: flex;
align-items: center;
gap: 8px;
}
/* line 3900, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .plan-features-list li .erp-icon {
flex: none;
width: 14px;
height: 14px;
color: var(--erp-ui-good);
}
/* line 3910, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .charts-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-bottom: 20px;
}
@media (max-width: 900px) {
/* line 3910, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .charts-grid {
grid-template-columns: 1fr;
}
}
/* line 3920, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .charts-grid > .card {
margin-bottom: 0;
}
/* line 3925, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .chart-container {
height: 240px;
position: relative;
width: 100%;
}
/* line 3933, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .grid-two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-bottom: 20px;
}
@media (max-width: 900px) {
/* line 3933, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .grid-two {
grid-template-columns: 1fr;
gap: 14px;
margin-bottom: 14px;
}
}
/* line 3945, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .grid-two > .card {
margin-bottom: 0;
}
/* line 3950, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meta-list {
display: grid;
grid-template-columns: auto 1fr;
gap: 10px 18px;
margin: 0;
font-size: 13px;
}
/* line 3957, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meta-list dt {
color: var(--erp-ui-ink-2);
font-weight: 600;
}
/* line 3962, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meta-list dd {
margin: 0;
color: var(--erp-ui-ink);
}
@media (max-width: 640px) {
/* line 3950, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meta-list {
grid-template-columns: 1fr;
gap: 4px;
font-size: 12px;
}
/* line 3972, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meta-list dt {
margin-top: 8px;
}
/* line 3974, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meta-list dt:first-child {
margin-top: 0;
}
}
/* line 3979, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .disk-meter-wrap {
margin-top: 14px;
}
/* line 3983, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .disk-meter-header {
display: flex;
justify-content: space-between;
font-size: 11.5px;
color: var(--erp-ui-ink-2);
}
/* line 3990, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meter-bar {
height: 8px;
background: var(--erp-ui-hairline);
border-radius: 999px;
overflow: hidden;
margin-top: 6px;
}
/* line 3997, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meter-bar .meter-fill {
height: 100%;
width: 12%;
border-radius: 999px;
background: var(--erp-ui-good);
}
/* line 4003, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meter-bar .meter-fill.warning {
background: var(--erp-ui-warning);
}
/* line 4004, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .meter-bar .meter-fill.critical {
background: var(--erp-ui-critical);
}
/* line 4008, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .badge-sub {
color: var(--erp-ui-ink-3);
font-size: 11.5px;
margin-top: 2px;
}
/* line 4014, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .legal-guidelines {
font-size: 13px;
line-height: 1.55;
color: var(--erp-ui-ink-2);
}
/* line 4019, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .legal-guidelines ul {
margin: 8px 0 16px 20px;
padding: 0;
}
/* line 4023, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .admin-lgpd-compliance-module .legal-guidelines ul li {
margin-bottom: 6px;
}
@keyframes erp-ui-skeleton-pulse {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
/* line 4057, app/assets/stylesheets/components/erp_ui.scss */
#erp-i-play path, #erp-i-pause rect {
fill: currentColor;
stroke: currentColor;
}
/* line 4072, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-backdrop {
position: fixed;
inset: 0;
background: rgba(26, 32, 40, 0.42);
z-index: 1030;
opacity: 0;
pointer-events: none;
transition: opacity .16s;
}
/* line 4100, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-backdrop.is-open {
opacity: 1;
pointer-events: auto;
}
/* line 4105, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal {
text-align: left;
position: fixed;
inset: 0;
z-index: 1040;
display: none;
align-items: flex-start;
justify-content: center;
padding: 56px 16px;
overflow-y: auto;
}
/* line 4124, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal.is-open {
display: flex;
}
/* line 4126, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-box {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow-overlay);
width: 720px;
max-width: 100%;
display: flex;
flex-direction: column;
}
/* line 4136, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-head {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 15px 18px;
border-bottom: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
}
/* line 4145, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-head h2 {
margin: 0;
font-size: 15px;
font-weight: 700;
}
/* line 4146, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-head p {
margin: 2px 0 0;
font-size: 12.5px;
color: var(--erp-ui-ink-3);
}
/* line 4148, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-close {
margin-left: auto;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
width: 28px;
height: 28px;
border-radius: 6px;
font-size: 15px;
line-height: 1;
}
/* line 4159, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-close:hover {
border-color: var(--erp-ui-critical);
color: var(--erp-ui-critical-text);
}
/* line 4164, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-body {
padding: 18px;
overflow-y: auto;
max-height: 62vh;
}
/* line 4169, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-foot {
display: flex;
gap: 8px;
align-items: center;
padding: 12px 18px;
border-top: 1px solid var(--erp-ui-hairline);
border-radius: 0 0 var(--erp-ui-radius) var(--erp-ui-radius);
}
/* line 4177, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-foot .keep {
margin-right: auto;
font-size: 12.5px;
color: var(--erp-ui-ink-3);
display: flex;
align-items: center;
gap: 7px;
}
/* line 4195, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal .erp-icon {
width: 16px;
height: 16px;
display: block;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (max-width: 640px) {
/* line 4207, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal {
padding: 0;
}
/* line 4208, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-box {
min-height: 100vh;
border-radius: 0;
border: 0;
}
/* line 4213, app/assets/stylesheets/components/erp_ui.scss */
.erp-modal-body {
max-height: none;
flex: 1;
}
}
/* line 2, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal {
background: var(--erp-ui-surface);
border-radius: var(--erp-ui-radius);
border: 1px solid var(--erp-ui-hairline-strong);
font-family: inherit;
padding: 0 0 18px;
width: 30em;
}
/* line 10, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-title {
font-size: 16px;
font-weight: 700;
color: var(--erp-ui-ink);
text-align: left;
padding: 16px 20px 0;
margin: 0;
}
/* line 18, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-html-container {
font-size: 13.5px;
color: var(--erp-ui-ink-2);
text-align: left;
margin: 6px 0 0;
padding: 0 20px;
line-height: 1.55;
}
/* line 26, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-icon {
display: none;
}
/* line 31, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal.has-icon .swal2-icon {
display: flex;
font-size: 6.8px;
width: 5em;
height: 5em;
margin: 16px 0 -4px 20px;
border-width: 2px;
}
/* line 39, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal.has-icon .swal2-icon .swal2-icon-content {
font-size: 20px;
}
/* line 41, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-actions {
justify-content: flex-end;
padding: 0 20px;
margin: 18px 0 0;
gap: 8px;
width: 100%;
}
/* line 48, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-styled {
border-radius: 6px;
font-size: 13px;
font-weight: 600;
padding: 8px 16px;
margin: 0;
box-shadow: none;
}
/* line 56, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-confirm {
background: var(--erp-ui-accent);
}
/* line 57, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal.danger .swal2-confirm {
background: var(--erp-ui-critical);
}
/* line 58, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-cancel {
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
border: 1px solid var(--erp-ui-hairline-strong);
}
/* line 63, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-input, .swal2-popup.erp-swal .swal2-textarea, .swal2-popup.erp-swal .swal2-select {
font-size: 13.5px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
box-shadow: none;
margin: 10px 20px 0;
width: calc(100% - 40px);
}
/* line 71, app/assets/stylesheets/components/_erp_swal.scss */
.swal2-popup.erp-swal .swal2-validation-message {
font-size: 12.5px;
border-radius: 6px;
margin: 10px 20px 0;
width: calc(100% - 40px);
}
/* line 4244, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast {
padding: 11px 14px;
width: auto;
max-width: 380px;
display: grid;
grid-template-columns: auto 1fr;
column-gap: 11px;
align-items: start;
}
/* line 4253, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast .swal2-title {
font-size: 13.5px;
font-weight: 700;
padding: 0;
margin: 0;
grid-column: 2;
}
/* line 4260, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast .swal2-html-container {
font-size: 12.5px;
padding: 0;
margin: 1px 0 0;
grid-column: 2;
}
/* line 4270, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast .swal2-icon {
display: flex;
grid-row: 1 / span 2;
grid-column: 1;
width: 18px;
height: 18px;
min-width: 18px;
margin: 1px 0 0;
border: 0;
}
/* line 4280, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast .swal2-close {
grid-row: 1;
grid-column: 3;
box-shadow: none;
}
/* line 4286, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.success {
background: var(--erp-ui-good-soft);
border-color: var(--erp-ui-good);
}
/* line 4289, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.success .swal2-icon {
color: var(--erp-ui-good-text);
}
/* line 4290, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.success .swal2-timer-progress-bar {
background: var(--erp-ui-good);
}
/* line 4292, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.warning {
background: var(--erp-ui-warning-soft);
border-color: var(--erp-ui-warning);
}
/* line 4295, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.warning .swal2-icon {
color: var(--erp-ui-warning-text);
}
/* line 4296, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.warning .swal2-timer-progress-bar {
background: var(--erp-ui-warning);
}
/* line 4298, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.critical {
background: var(--erp-ui-critical-soft);
border-color: var(--erp-ui-critical);
}
/* line 4301, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.critical .swal2-icon {
color: var(--erp-ui-critical-text);
}
/* line 4304, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.info {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent);
}
/* line 4307, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.info .swal2-icon {
color: var(--erp-ui-accent);
}
/* line 4308, app/assets/stylesheets/components/erp_ui.scss */
.swal2-container .swal2-popup.erp-toast.info .swal2-timer-progress-bar {
background: var(--erp-ui-accent);
}
/* line 4311, app/assets/stylesheets/components/erp_ui.scss */
.swal-list {
margin: 8px 0 0;
padding: 0;
list-style: none;
}
/* line 4316, app/assets/stylesheets/components/erp_ui.scss */
.swal-list li {
display: flex;
gap: 8px;
align-items: baseline;
padding: 6px 0;
border-bottom: 1px solid var(--erp-ui-hairline);
font-size: 13px;
}
/* line 4324, app/assets/stylesheets/components/erp_ui.scss */
.swal-list li:last-child {
border-bottom: 0;
}
/* line 4326, app/assets/stylesheets/components/erp_ui.scss */
.swal-list .where {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
border-radius: 4px;
padding: 2px 6px;
flex: none;
}
/* line 4338, app/assets/stylesheets/components/erp_ui.scss */
.swal-kv {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 14px;
margin-top: 10px;
font-size: 13px;
}
/* line 4345, app/assets/stylesheets/components/erp_ui.scss */
.swal-kv dt {
color: var(--erp-ui-ink-3);
}
/* line 4346, app/assets/stylesheets/components/erp_ui.scss */
.swal-kv dd {
margin: 0;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
/* line 4352, app/assets/stylesheets/components/erp_ui.scss */
.swal-note {
margin-top: 10px;
}
/* line 4379, app/assets/stylesheets/components/erp_ui.scss */
.erp-tooltip-bubble {
position: fixed;
top: 0;
left: 0;
z-index: 90;
width: 240px;
max-width: 86vw;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow-overlay);
padding: 8px 12px;
font-size: 12.5px;
line-height: 1.5;
color: var(--erp-ui-ink-2);
white-space: pre-line;
visibility: hidden;
opacity: 0;
transition: opacity .12s, visibility .12s;
}
/* line 4406, app/assets/stylesheets/components/erp_ui.scss */
.erp-tooltip-bubble.is-open {
visibility: visible;
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
/* line 4412, app/assets/stylesheets/components/erp_ui.scss */
.erp-tooltip-bubble {
transition: none;
}
}
/* line 4425, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell {
position: relative;
}
/* line 4428, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-trigger {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
background: transparent;
border: 0;
border-radius: var(--erp-ui-radius);
color: var(--erp-ui-ink-2);
cursor: pointer;
}
/* line 4442, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-trigger:hover {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink);
}
/* line 4444, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-trigger:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 4449, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-trigger .erp-icon {
width: 20px;
height: 20px;
}
/* line 4454, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-count {
position: absolute;
top: 3px;
right: 3px;
min-width: 17px;
height: 17px;
padding: 0 4px;
border-radius: 9px;
background: var(--erp-ui-critical);
color: #fff;
font-size: 11px;
font-weight: 600;
line-height: 17px;
text-align: center;
}
/* line 4470, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-panel {
position: absolute;
top: calc(100% + 6px);
right: 0;
z-index: 1050;
width: 340px;
max-width: calc(100vw - 24px);
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow-overlay);
}
/* line 4483, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 10px 12px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 4492, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-title {
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 4498, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-mark {
padding: 0;
background: transparent;
border: 0;
color: var(--erp-ui-accent);
font-size: 12px;
cursor: pointer;
}
/* line 4506, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-mark:hover {
text-decoration: underline;
}
/* line 4509, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-list {
max-height: 340px;
margin: 0;
padding: 0;
overflow-y: auto;
list-style: none;
}
/* line 4517, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item + .erp-bell-item {
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 4519, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-link {
display: flex;
gap: 10px;
padding: 10px 12px;
color: inherit;
text-decoration: none;
}
/* line 4526, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-link:hover {
background: var(--erp-ui-surface-2);
text-decoration: none;
}
/* line 4529, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-icon {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
}
/* line 4538, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-icon .erp-icon {
width: 15px;
height: 15px;
}
/* line 4540, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-icon.critical {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 4541, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-icon.warning {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 4542, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-icon.neutral {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
}
/* line 4547, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-text {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 2px;
}
/* line 4553, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-title {
overflow: hidden;
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 4562, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-body {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 4567, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-item-time {
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 4572, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-empty {
margin: 0;
padding: 20px 12px;
color: var(--erp-ui-ink-3);
font-size: 13px;
text-align: center;
}
/* line 4580, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-foot {
padding: 8px 12px;
border-top: 1px solid var(--erp-ui-hairline);
text-align: center;
}
/* line 4586, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-all {
color: var(--erp-ui-accent);
font-size: 12px;
font-weight: 600;
}
/* line 4591, app/assets/stylesheets/components/erp_ui.scss */
.erp-bell .erp-bell-all:hover {
text-decoration: underline;
}
@media (max-width: 1080px) {
/* line 4598, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
/* line 4602, app/assets/stylesheets/components/erp_ui.scss */
.erp-ui .kv {
grid-template-columns: 1fr;
}
}
/* line 4608, app/assets/stylesheets/components/erp_ui.scss */
a[data-controller~="pdf-link"][aria-busy="true"] {
opacity: 0.55;
cursor: progress;
}
/* line 9, app/assets/stylesheets/components/financial_dashboard.scss */
:root {
--primary-color: #007bff;
--secondary-color: #6c757d;
--success-color: #28a745;
--danger-color: #dc3545;
--warning-color: #ffc107;
--info-color: #17a2b8;
--light-color: #f8f9fa;
--dark-color: #343a40;
--white: #ffffff;
--primary-light: rgba(0, 123, 255, 0.1);
--success-light: rgba(40, 167, 69, 0.1);
--danger-light: rgba(220, 53, 69, 0.1);
--warning-light: rgba(255, 193, 7, 0.1);
--info-light: rgba(23, 162, 184, 0.1);
--shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--transition-fast: all 0.15s ease-in-out;
--transition-normal: all 0.3s ease-in-out;
--transition-slow: all 0.5s ease-in-out;
--border-radius: 0.375rem;
--border-radius-lg: 0.5rem;
--border-radius-xl: 1rem;
}
/* line 47, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-dashboard {
background-color: #f5f7fa;
min-height: 100vh;
}
/* line 51, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-dashboard .dashboard-content {
padding: 0 15px;
}
/* line 55, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-dashboard .dashboard-content .row {
display: flex;
flex-wrap: wrap;
}
/* line 59, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-dashboard .dashboard-content .row > [class*="col-"] {
display: flex;
flex-direction: column;
}
/* line 66, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-dashboard .dashboard-content .card {
display: flex;
flex-direction: column;
flex: 1;
}
/* line 71, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-dashboard .dashboard-content .card .card-body {
flex: 1;
display: flex;
flex-direction: column;
}
/* line 84, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card {
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius-lg);
transition: var(--transition-normal);
overflow: hidden;
}
/* line 91, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card:hover {
box-shadow: var(--shadow);
transform: translateY(-2px);
}
/* line 96, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-card-body {
padding: 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
}
/* line 103, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-icon {
width: 60px;
height: 60px;
border-radius: var(--border-radius-lg);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
flex-shrink: 0;
}
/* line 114, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-content {
flex: 1;
}
/* line 118, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-value {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5rem;
line-height: 1;
}
/* line 125, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-label {
font-size: 0.9rem;
color: var(--secondary-color);
font-weight: 500;
margin-bottom: 0.75rem;
}
/* line 132, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-trend {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.8rem;
font-weight: 500;
}
/* line 141, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-progress .progress {
height: 6px;
border-radius: 3px;
background: #e9ecef;
margin-bottom: 0.5rem;
}
/* line 148, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-progress small {
font-size: 0.75rem;
color: var(--secondary-color);
}
/* line 155, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stat-card {
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
padding: 1rem;
transition: var(--transition-fast);
}
/* line 162, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stat-card:hover {
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
/* line 167, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stat-card .quick-stat-content {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 173, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stat-card .quick-stat-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--primary-light);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 184, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stat-card .quick-stat-info {
flex: 1;
}
/* line 188, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stat-card .quick-stat-value {
font-size: 1.25rem;
font-weight: 700;
color: var(--dark-color);
margin-bottom: 0.25rem;
}
/* line 195, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stat-card .quick-stat-label {
font-size: 0.8rem;
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 208, app/assets/stylesheets/components/financial_dashboard.scss */
.receivables-summary .summary-card,
.payables-summary .summary-card {
display: flex;
align-items: center;
padding: 1rem;
border-radius: var(--border-radius-lg);
background: var(--white);
border: 1px solid #e3e6f0;
margin-bottom: 1rem;
}
/* line 218, app/assets/stylesheets/components/financial_dashboard.scss */
.receivables-summary .summary-icon,
.payables-summary .summary-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem;
flex-shrink: 0;
}
/* line 229, app/assets/stylesheets/components/financial_dashboard.scss */
.receivables-summary .overdue .summary-icon,
.payables-summary .overdue .summary-icon {
background: rgba(220, 53, 69, 0.1);
color: #dc3545;
}
/* line 234, app/assets/stylesheets/components/financial_dashboard.scss */
.receivables-summary .upcoming .summary-icon,
.payables-summary .upcoming .summary-icon {
background: rgba(255, 193, 7, 0.1);
color: #ffc107;
}
/* line 239, app/assets/stylesheets/components/financial_dashboard.scss */
.receivables-summary .summary-value,
.payables-summary .summary-value {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
/* line 245, app/assets/stylesheets/components/financial_dashboard.scss */
.receivables-summary .summary-label,
.payables-summary .summary-label {
font-size: 0.875rem;
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 252, app/assets/stylesheets/components/financial_dashboard.scss */
.receivables-list,
.payables-list {
max-height: 300px;
overflow-y: auto;
}
/* line 258, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-item,
.payable-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
margin-bottom: 0.75rem;
background: var(--white);
transition: var(--transition-fast);
}
/* line 270, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-item:hover,
.payable-item:hover {
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
/* line 275, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-item.overdue-item,
.payable-item.overdue-item {
border-left: 4px solid #dc3545;
}
/* line 279, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-item.upcoming-item,
.payable-item.upcoming-item {
border-left: 4px solid #ffc107;
}
/* line 284, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-customer,
.payable-supplier {
margin-bottom: 0.5rem;
}
/* line 289, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-details,
.payable-details {
display: flex;
gap: 1rem;
font-size: 0.875rem;
}
/* line 296, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-amount,
.payable-amount {
font-weight: 600;
}
/* line 301, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-date,
.payable-date {
color: var(--secondary-color);
}
/* line 306, app/assets/stylesheets/components/financial_dashboard.scss */
.receivable-days,
.payable-days {
font-weight: 500;
}
/* line 311, app/assets/stylesheets/components/financial_dashboard.scss */
.placeholder-message {
text-align: center;
padding: 2rem 1rem;
background: #f8f9fa;
border-radius: var(--border-radius-lg);
border: 2px dashed #dee2e6;
}
/* line 318, app/assets/stylesheets/components/financial_dashboard.scss */
.placeholder-message .placeholder-icon {
font-size: 2.5rem;
margin-bottom: 1rem;
}
/* line 324, app/assets/stylesheets/components/financial_dashboard.scss */
.placeholder-message .placeholder-text h6 {
margin-bottom: 0.5rem;
color: var(--dark-color);
}
/* line 329, app/assets/stylesheets/components/financial_dashboard.scss */
.placeholder-message .placeholder-text p {
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 340, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-accounts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1rem;
margin-bottom: 1rem;
}
/* line 347, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-account-card {
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius-lg);
padding: 1.5rem;
transition: var(--transition-fast);
}
/* line 354, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-account-card:hover {
box-shadow: var(--shadow-sm);
transform: translateY(-2px);
}
/* line 360, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-account-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
}
/* line 367, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-name {
font-size: 1.1rem;
margin-bottom: 0.5rem;
color: var(--dark-color);
}
/* line 373, app/assets/stylesheets/components/financial_dashboard.scss */
.account-details {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
/* line 379, app/assets/stylesheets/components/financial_dashboard.scss */
.account-name {
font-size: 0.9rem;
color: var(--secondary-color);
}
/* line 384, app/assets/stylesheets/components/financial_dashboard.scss */
.account-number {
font-size: 0.8rem;
color: var(--secondary-color);
font-family: monospace;
}
/* line 390, app/assets/stylesheets/components/financial_dashboard.scss */
.account-type-badge {
flex-shrink: 0;
}
/* line 394, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-account-balance {
text-align: center;
margin-bottom: 1rem;
padding: 1rem;
background: #f8f9fa;
border-radius: var(--border-radius);
}
/* line 402, app/assets/stylesheets/components/financial_dashboard.scss */
.balance-label {
font-size: 0.875rem;
color: var(--secondary-color);
margin-bottom: 0.5rem;
}
/* line 408, app/assets/stylesheets/components/financial_dashboard.scss */
.balance-amount {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
/* line 414, app/assets/stylesheets/components/financial_dashboard.scss */
.balance-warning {
font-size: 0.8rem;
color: var(--warning-color);
font-weight: 500;
}
/* line 420, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-account-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
/* line 426, app/assets/stylesheets/components/financial_dashboard.scss */
.account-status {
flex: 1;
}
/* line 430, app/assets/stylesheets/components/financial_dashboard.scss */
.account-actions {
flex-shrink: 0;
}
/* line 434, app/assets/stylesheets/components/financial_dashboard.scss */
.total-balance-summary {
background: #f8f9fa;
border-radius: var(--border-radius-lg);
padding: 1.5rem;
}
/* line 440, app/assets/stylesheets/components/financial_dashboard.scss */
.total-balance-item {
text-align: center;
}
/* line 444, app/assets/stylesheets/components/financial_dashboard.scss */
.total-balance-label {
font-size: 0.875rem;
color: var(--secondary-color);
margin-bottom: 0.5rem;
}
/* line 450, app/assets/stylesheets/components/financial_dashboard.scss */
.total-balance-value {
font-size: 1.25rem;
font-weight: 700;
}
/* line 459, app/assets/stylesheets/components/financial_dashboard.scss */
.transactions-list {
max-height: 400px;
overflow-y: auto;
}
/* line 464, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
margin-bottom: 0.75rem;
background: var(--white);
transition: var(--transition-fast);
}
/* line 475, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-item:hover {
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
/* line 481, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: #f8f9fa;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 492, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-content {
flex: 1;
}
/* line 496, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0.5rem;
}
/* line 503, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-description {
font-size: 0.9rem;
color: var(--dark-color);
flex: 1;
margin-right: 1rem;
}
/* line 510, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-amount {
font-size: 1rem;
font-weight: 700;
flex-shrink: 0;
}
/* line 516, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-details {
display: flex;
justify-content: space-between;
align-items: center;
}
/* line 522, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-info {
display: flex;
gap: 1rem;
font-size: 0.8rem;
color: var(--secondary-color);
}
/* line 529, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-date,
.transaction-account {
display: flex;
align-items: center;
}
/* line 535, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-status {
flex-shrink: 0;
}
/* line 539, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-actions {
flex-shrink: 0;
}
/* line 543, app/assets/stylesheets/components/financial_dashboard.scss */
.transactions-actions {
display: flex;
gap: 0.5rem;
}
/* line 552, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-overview {
display: flex;
flex-direction: column;
gap: 1rem;
}
/* line 558, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
transition: var(--transition-fast);
}
/* line 568, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item:hover {
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
/* line 573, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item.positive {
border-left: 4px solid #28a745;
}
/* line 577, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item.negative {
border-left: 4px solid #dc3545;
}
/* line 581, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item.net {
border-left: 4px solid #007bff;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
/* line 587, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 597, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item.positive .cash-flow-icon {
background: rgba(40, 167, 69, 0.1);
color: #28a745;
}
/* line 602, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item.negative .cash-flow-icon {
background: rgba(220, 53, 69, 0.1);
color: #dc3545;
}
/* line 607, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-item.net .cash-flow-icon {
background: rgba(0, 123, 255, 0.1);
color: #007bff;
}
/* line 612, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-content {
flex: 1;
}
/* line 616, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-label {
font-size: 0.875rem;
color: var(--secondary-color);
margin-bottom: 0.25rem;
}
/* line 622, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-value {
font-size: 1.25rem;
font-weight: 700;
}
/* line 628, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-chart .chart-container {
position: relative;
height: 200px;
margin: 0 auto;
}
/* line 635, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-breakdown {
display: flex;
flex-direction: column;
gap: 1rem;
}
/* line 641, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-item {
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
padding: 1rem;
}
/* line 647, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-item.total {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-left: 4px solid var(--primary-color);
}
/* line 653, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
}
/* line 660, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-title {
font-size: 0.875rem;
font-weight: 600;
color: var(--dark-color);
}
/* line 666, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-value {
font-size: 1rem;
font-weight: 700;
}
/* line 671, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-bar {
height: 8px;
background: #e9ecef;
border-radius: 4px;
overflow: hidden;
}
/* line 678, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-progress {
height: 100%;
border-radius: 4px;
transition: width 0.3s ease;
}
/* line 684, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-actions {
display: flex;
gap: 0.5rem;
}
/* line 693, app/assets/stylesheets/components/financial_dashboard.scss */
.alerts-panel-modern {
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius-lg);
box-shadow: var(--shadow-sm);
overflow: hidden;
}
/* line 701, app/assets/stylesheets/components/financial_dashboard.scss */
.alerts-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
border-bottom: 1px solid #ffeaa7;
}
/* line 710, app/assets/stylesheets/components/financial_dashboard.scss */
.alerts-title {
margin-bottom: 0;
font-size: 1.1rem;
font-weight: 600;
color: #856404;
}
/* line 717, app/assets/stylesheets/components/financial_dashboard.scss */
.alerts-container {
max-height: 400px;
overflow-y: auto;
}
/* line 722, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1.5rem;
border-bottom: 1px solid #e3e6f0;
transition: all 0.3s ease;
opacity: 1;
transform: translateX(0);
}
/* line 732, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item:last-child {
border-bottom: none;
}
/* line 736, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.danger {
border-left: 4px solid #dc3545;
background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%);
}
/* line 741, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.warning {
border-left: 4px solid #ffc107;
background: linear-gradient(135deg, #fffbf0 0%, #fef5e7 100%);
}
/* line 746, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.info {
border-left: 4px solid #17a2b8;
background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}
/* line 751, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.primary {
border-left: 4px solid #007bff;
background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);
}
/* line 757, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 1.2rem;
}
/* line 768, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.danger .alert-icon {
background: rgba(220, 53, 69, 0.1);
color: #dc3545;
}
/* line 773, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.warning .alert-icon {
background: rgba(255, 193, 7, 0.1);
color: #ffc107;
}
/* line 778, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.info .alert-icon {
background: rgba(23, 162, 184, 0.1);
color: #17a2b8;
}
/* line 783, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item.primary .alert-icon {
background: rgba(0, 123, 255, 0.1);
color: #007bff;
}
/* line 788, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-content {
flex: 1;
}
/* line 792, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0.5rem;
}
/* line 799, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-title {
font-size: 1rem;
font-weight: 600;
color: var(--dark-color);
margin-bottom: 0;
}
/* line 806, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-close {
background: none;
border: none;
color: var(--secondary-color);
cursor: pointer;
padding: 0.25rem;
border-radius: 50%;
transition: var(--transition-fast);
flex-shrink: 0;
}
/* line 816, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-close:hover {
background: rgba(0, 0, 0, 0.1);
color: var(--dark-color);
}
/* line 822, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-message {
font-size: 0.9rem;
color: var(--secondary-color);
margin-bottom: 1rem;
}
/* line 828, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-actions {
display: flex;
gap: 0.5rem;
}
/* line 833, app/assets/stylesheets/components/financial_dashboard.scss */
.no-alerts {
text-align: center;
padding: 3rem 1.5rem;
}
/* line 838, app/assets/stylesheets/components/financial_dashboard.scss */
.no-alerts-icon {
font-size: 3rem;
margin-bottom: 1rem;
}
/* line 844, app/assets/stylesheets/components/financial_dashboard.scss */
.no-alerts-text h6 {
margin-bottom: 0.5rem;
color: var(--dark-color);
}
/* line 849, app/assets/stylesheets/components/financial_dashboard.scss */
.no-alerts-text p {
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 859, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn {
display: block;
width: 100%;
padding: 1.5rem;
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius-lg);
text-decoration: none;
color: var(--dark-color);
transition: var(--transition-normal);
position: relative;
overflow: hidden;
}
/* line 872, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn:hover {
text-decoration: none;
color: var(--dark-color);
box-shadow: var(--shadow);
transform: translateY(-2px);
}
/* line 879, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn.primary {
border-left: 4px solid var(--primary-color);
}
/* line 883, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn.success {
border-left: 4px solid var(--success-color);
}
/* line 887, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .quick-action-content {
display: flex;
align-items: center;
gap: 1rem;
}
/* line 893, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .quick-action-icon {
width: 50px;
height: 50px;
border-radius: var(--border-radius-lg);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
flex-shrink: 0;
}
/* line 904, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn.primary .quick-action-icon {
background: var(--primary-light);
color: var(--primary-color);
}
/* line 909, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn.success .quick-action-icon {
background: var(--success-light);
color: var(--success-color);
}
/* line 914, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .quick-action-info {
flex: 1;
}
/* line 918, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .quick-action-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
/* line 924, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .quick-action-desc {
font-size: 0.8rem;
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 930, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .quick-action-arrow {
color: var(--secondary-color);
transition: var(--transition-fast);
}
/* line 935, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn:hover .quick-action-arrow {
transform: translateX(3px);
}
/* line 939, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .badge-notification {
position: absolute;
top: 0.5rem;
right: 0.5rem;
font-size: 0.7rem;
}
/* line 947, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-card {
display: block;
width: 100%;
padding: 1rem;
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
text-decoration: none;
color: var(--dark-color);
text-align: center;
transition: var(--transition-fast);
}
/* line 959, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-card:hover {
text-decoration: none;
color: var(--dark-color);
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
/* line 966, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-card .quick-action-card-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 0.75rem;
font-size: 1.2rem;
}
/* line 977, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-card .quick-action-card-title {
font-size: 0.9rem;
font-weight: 500;
margin-bottom: 0;
}
/* line 988, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-container {
position: relative;
height: 300px;
margin: 0 auto;
}
/* line 995, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-stats .chart-stat-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
margin-bottom: 0.75rem;
}
/* line 1005, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-stats .chart-stat-item:last-child {
margin-bottom: 0;
}
/* line 1010, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-stats .chart-stat-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 1020, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-stats .chart-stat-content {
flex: 1;
}
/* line 1024, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-stats .chart-stat-value {
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
/* line 1030, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-stats .chart-stat-label {
font-size: 0.8rem;
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 1037, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-card {
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius-lg);
box-shadow: var(--shadow-sm);
}
/* line 1044, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-card-header {
padding: 1rem 1.5rem;
border-bottom: 1px solid #e9ecef;
}
/* line 1049, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-card-title {
font-size: 1rem;
font-weight: 600;
color: var(--dark-color);
margin-bottom: 0;
}
/* line 1056, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-card-body {
padding: 1.5rem;
}
/* line 1064, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-overview {
display: flex;
flex-direction: column;
gap: 1rem;
}
/* line 1070, app/assets/stylesheets/components/financial_dashboard.scss */
.overview-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
background: #f8f9fa;
border-radius: var(--border-radius);
border-left: 4px solid transparent;
}
/* line 1079, app/assets/stylesheets/components/financial_dashboard.scss */
.overview-item.highlight {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-left-color: var(--primary-color);
box-shadow: var(--shadow-sm);
}
/* line 1086, app/assets/stylesheets/components/financial_dashboard.scss */
.overview-label {
font-size: 0.875rem;
color: var(--secondary-color);
font-weight: 500;
}
/* line 1092, app/assets/stylesheets/components/financial_dashboard.scss */
.overview-value {
font-size: 1.25rem;
font-weight: 700;
}
/* line 1097, app/assets/stylesheets/components/financial_dashboard.scss */
.overview-trend {
font-size: 0.8rem;
font-weight: 500;
}
/* line 1102, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-chart {
position: relative;
height: 200px;
margin: 0 auto;
}
/* line 1108, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-legend {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
/* line 1114, app/assets/stylesheets/components/financial_dashboard.scss */
.legend-item {
display: flex;
align-items: center;
gap: 0.75rem;
}
/* line 1120, app/assets/stylesheets/components/financial_dashboard.scss */
.legend-color {
width: 12px;
height: 12px;
border-radius: 2px;
flex-shrink: 0;
}
/* line 1127, app/assets/stylesheets/components/financial_dashboard.scss */
.legend-text {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
}
/* line 1134, app/assets/stylesheets/components/financial_dashboard.scss */
.legend-label {
font-size: 0.875rem;
color: var(--dark-color);
font-weight: 500;
}
/* line 1140, app/assets/stylesheets/components/financial_dashboard.scss */
.legend-value {
font-size: 0.875rem;
color: var(--secondary-color);
font-weight: 600;
}
/* line 1146, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-stats {
display: flex;
flex-direction: column;
gap: 1rem;
}
/* line 1152, app/assets/stylesheets/components/financial_dashboard.scss */
.stat-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
transition: var(--transition-fast);
}
/* line 1162, app/assets/stylesheets/components/financial_dashboard.scss */
.stat-item:hover {
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
/* line 1168, app/assets/stylesheets/components/financial_dashboard.scss */
.stat-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 1178, app/assets/stylesheets/components/financial_dashboard.scss */
.stat-content {
flex: 1;
}
/* line 1182, app/assets/stylesheets/components/financial_dashboard.scss */
.stat-value {
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
/* line 1188, app/assets/stylesheets/components/financial_dashboard.scss */
.stat-label {
font-size: 0.8rem;
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 1198, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-categories {
display: flex;
flex-direction: column;
gap: 1rem;
}
/* line 1204, app/assets/stylesheets/components/financial_dashboard.scss */
.category-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
transition: var(--transition-fast);
}
/* line 1214, app/assets/stylesheets/components/financial_dashboard.scss */
.category-item:hover {
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
/* line 1220, app/assets/stylesheets/components/financial_dashboard.scss */
.category-header {
display: flex;
align-items: center;
gap: 1rem;
flex: 1;
}
/* line 1227, app/assets/stylesheets/components/financial_dashboard.scss */
.category-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
/* line 1237, app/assets/stylesheets/components/financial_dashboard.scss */
.category-item.operating .category-icon {
background: rgba(0, 123, 255, 0.1);
color: #007bff;
}
/* line 1242, app/assets/stylesheets/components/financial_dashboard.scss */
.category-item.investing .category-icon {
background: rgba(255, 193, 7, 0.1);
color: #ffc107;
}
/* line 1247, app/assets/stylesheets/components/financial_dashboard.scss */
.category-item.financing .category-icon {
background: rgba(23, 162, 184, 0.1);
color: #17a2b8;
}
/* line 1252, app/assets/stylesheets/components/financial_dashboard.scss */
.category-info {
flex: 1;
}
/* line 1256, app/assets/stylesheets/components/financial_dashboard.scss */
.category-name {
font-size: 0.9rem;
font-weight: 600;
color: var(--dark-color);
margin-bottom: 0.25rem;
}
/* line 1263, app/assets/stylesheets/components/financial_dashboard.scss */
.category-description {
font-size: 0.8rem;
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 1269, app/assets/stylesheets/components/financial_dashboard.scss */
.category-amount {
font-size: 1rem;
font-weight: 700;
margin-right: 1rem;
}
/* line 1275, app/assets/stylesheets/components/financial_dashboard.scss */
.category-percentage {
font-size: 0.8rem;
color: var(--secondary-color);
font-weight: 500;
min-width: 40px;
text-align: right;
}
/* line 1283, app/assets/stylesheets/components/financial_dashboard.scss */
.net-change-summary {
background: #f8f9fa;
border-radius: var(--border-radius-lg);
padding: 1.5rem;
}
/* line 1289, app/assets/stylesheets/components/financial_dashboard.scss */
.net-change-item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
/* line 1296, app/assets/stylesheets/components/financial_dashboard.scss */
.net-change-label {
font-size: 0.9rem;
font-weight: 600;
color: var(--dark-color);
}
/* line 1302, app/assets/stylesheets/components/financial_dashboard.scss */
.net-change-value {
font-size: 1.1rem;
font-weight: 700;
}
/* line 1307, app/assets/stylesheets/components/financial_dashboard.scss */
.net-change-bar {
height: 8px;
background: #e9ecef;
border-radius: 4px;
overflow: hidden;
}
/* line 1314, app/assets/stylesheets/components/financial_dashboard.scss */
.net-change-progress {
height: 100%;
border-radius: 4px;
transition: width 0.3s ease;
}
/* line 1320, app/assets/stylesheets/components/financial_dashboard.scss */
.cash-flow-insights {
display: flex;
flex-direction: column;
gap: 1rem;
}
/* line 1326, app/assets/stylesheets/components/financial_dashboard.scss */
.insight-item {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1rem;
background: var(--white);
border: 1px solid #e3e6f0;
border-radius: var(--border-radius);
}
/* line 1335, app/assets/stylesheets/components/financial_dashboard.scss */
.insight-item.positive {
border-left: 4px solid #28a745;
}
/* line 1339, app/assets/stylesheets/components/financial_dashboard.scss */
.insight-item.negative {
border-left: 4px solid #dc3545;
}
/* line 1344, app/assets/stylesheets/components/financial_dashboard.scss */
.insight-icon {
flex-shrink: 0;
margin-top: 0.25rem;
}
/* line 1349, app/assets/stylesheets/components/financial_dashboard.scss */
.insight-text {
flex: 1;
}
/* line 1352, app/assets/stylesheets/components/financial_dashboard.scss */
.insight-text strong {
display: block;
font-size: 0.9rem;
margin-bottom: 0.25rem;
color: var(--dark-color);
}
/* line 1359, app/assets/stylesheets/components/financial_dashboard.scss */
.insight-text p {
font-size: 0.8rem;
color: var(--secondary-color);
margin-bottom: 0;
}
/* line 1366, app/assets/stylesheets/components/financial_dashboard.scss */
.breakdown-actions {
display: flex;
gap: 0.5rem;
}
/* line 1375, app/assets/stylesheets/components/financial_dashboard.scss */
.empty-state {
text-align: center;
padding: 3rem 1rem;
}
/* line 1380, app/assets/stylesheets/components/financial_dashboard.scss */
.empty-state-icon {
font-size: 3rem;
margin-bottom: 1rem;
}
/* line 1386, app/assets/stylesheets/components/financial_dashboard.scss */
.empty-state-text h6 {
margin-bottom: 0.5rem;
color: var(--dark-color);
}
/* line 1391, app/assets/stylesheets/components/financial_dashboard.scss */
.empty-state-text p {
color: var(--secondary-color);
margin-bottom: 1.5rem;
}
/* line 1402, app/assets/stylesheets/components/financial_dashboard.scss */
.nav-tabs .nav-link {
border: none;
color: var(--secondary-color);
font-weight: 500;
padding: 0.75rem 1rem;
}
/* line 1408, app/assets/stylesheets/components/financial_dashboard.scss */
.nav-tabs .nav-link.active {
color: var(--primary-color);
background: none;
border-bottom: 2px solid var(--primary-color);
}
/* line 1414, app/assets/stylesheets/components/financial_dashboard.scss */
.nav-tabs .nav-link:hover {
border: none;
color: var(--primary-color);
}
/* line 1425, app/assets/stylesheets/components/financial_dashboard.scss */
.bg-primary-light {
background-color: var(--primary-light) !important;
}
/* line 1426, app/assets/stylesheets/components/financial_dashboard.scss */
.bg-success-light {
background-color: var(--success-light) !important;
}
/* line 1427, app/assets/stylesheets/components/financial_dashboard.scss */
.bg-danger-light {
background-color: var(--danger-light) !important;
}
/* line 1428, app/assets/stylesheets/components/financial_dashboard.scss */
.bg-warning-light {
background-color: var(--warning-light) !important;
}
/* line 1429, app/assets/stylesheets/components/financial_dashboard.scss */
.bg-info-light {
background-color: var(--info-light) !important;
}
/* line 1431, app/assets/stylesheets/components/financial_dashboard.scss */
.badge-soft-primary {
color: var(--primary-color);
background-color: var(--primary-light);
}
/* line 1436, app/assets/stylesheets/components/financial_dashboard.scss */
.badge-soft-success {
color: var(--success-color);
background-color: var(--success-light);
}
/* line 1441, app/assets/stylesheets/components/financial_dashboard.scss */
.badge-soft-danger {
color: var(--danger-color);
background-color: var(--danger-light);
}
/* line 1446, app/assets/stylesheets/components/financial_dashboard.scss */
.badge-soft-warning {
color: var(--warning-color);
background-color: var(--warning-light);
}
/* line 1451, app/assets/stylesheets/components/financial_dashboard.scss */
.badge-soft-info {
color: var(--info-color);
background-color: var(--info-light);
}
/* line 1456, app/assets/stylesheets/components/financial_dashboard.scss */
.badge-soft-secondary {
color: var(--secondary-color);
background-color: rgba(108, 117, 125, 0.1);
}
@media (max-width: 768px) {
/* line 1466, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-accounts-grid {
grid-template-columns: 1fr;
}
/* line 1470, app/assets/stylesheets/components/financial_dashboard.scss */
.bank-account-header {
flex-direction: column;
gap: 1rem;
}
/* line 1475, app/assets/stylesheets/components/financial_dashboard.scss */
.account-type-badge {
align-self: flex-start;
}
/* line 1479, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-header {
flex-direction: column;
gap: 0.5rem;
}
/* line 1484, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-details {
flex-direction: column;
gap: 0.5rem;
align-items: flex-start;
}
/* line 1490, app/assets/stylesheets/components/financial_dashboard.scss */
.transaction-info {
flex-direction: column;
gap: 0.25rem;
}
/* line 1495, app/assets/stylesheets/components/financial_dashboard.scss */
.alerts-header {
flex-direction: column;
gap: 1rem;
text-align: center;
}
/* line 1501, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-item {
flex-direction: column;
text-align: center;
}
/* line 1506, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-header {
flex-direction: column;
gap: 0.5rem;
}
/* line 1511, app/assets/stylesheets/components/financial_dashboard.scss */
.alert-actions {
justify-content: center;
}
/* line 1515, app/assets/stylesheets/components/financial_dashboard.scss */
.category-item {
flex-direction: column;
gap: 1rem;
text-align: center;
}
/* line 1521, app/assets/stylesheets/components/financial_dashboard.scss */
.category-header {
flex-direction: column;
gap: 0.5rem;
}
/* line 1526, app/assets/stylesheets/components/financial_dashboard.scss */
.category-amount,
.category-percentage {
margin-right: 0;
}
/* line 1531, app/assets/stylesheets/components/financial_dashboard.scss */
.net-change-item {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
/* line 1537, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card .kpi-card-body {
flex-direction: column;
text-align: center;
gap: 1rem;
}
/* line 1543, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn .quick-action-content {
flex-direction: column;
text-align: center;
gap: 1rem;
}
/* line 1549, app/assets/stylesheets/components/financial_dashboard.scss */
.chart-stats .chart-stat-item {
flex-direction: column;
text-align: center;
gap: 0.75rem;
}
}
@media (max-width: 576px) {
/* line 1558, app/assets/stylesheets/components/financial_dashboard.scss */
.financial-dashboard .dashboard-content {
padding: 0 10px;
}
/* line 1563, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card {
margin-bottom: 1rem;
}
/* line 1567, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn {
padding: 1rem;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* line 1598, app/assets/stylesheets/components/financial_dashboard.scss */
.kpi-card {
animation: fadeInUp 0.6s ease-out;
}
/* line 1602, app/assets/stylesheets/components/financial_dashboard.scss */
.quick-action-btn {
animation: slideInRight 0.6s ease-out;
}
/* line 13, app/assets/stylesheets/components/financial_dashboard_module.scss */
.erp-ui.financial-dashboard-module .data td.num {
font-variant-numeric: tabular-nums;
}
/* line 16, app/assets/stylesheets/components/financial_dashboard_module.scss */
.erp-ui.financial-dashboard-module .data td.num.good {
color: var(--erp-ui-good-text);
}
/* line 17, app/assets/stylesheets/components/financial_dashboard_module.scss */
.erp-ui.financial-dashboard-module .data td.num.critical {
color: var(--erp-ui-critical-text);
}
/* line 22, app/assets/stylesheets/components/financial_dashboard_module.scss */
.erp-ui.financial-dashboard-module .alerta-acao {
display: block;
margin-top: 3px;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 22, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .pos-rotulo {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
/* line 29, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .pos-nome {
font-size: 13.5px;
color: var(--erp-ui-ink);
}
/* line 34, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .pos-detalhe {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 39, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .pos-valor {
font-size: 13.5px;
font-weight: 600;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
/* line 45, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .pos-valor.entrada {
color: var(--erp-ui-good-text);
}
/* line 49, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .pos-valor.saida {
color: var(--erp-ui-critical-text);
}
/* line 58, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .erp-bar.subtotal {
padding-top: 10px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 62, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .erp-bar.subtotal .pos-nome,
.erp-ui.financial-position-module .erp-bar.subtotal .pos-valor {
font-weight: 600;
}
/* line 70, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .table-foot b {
font-variant-numeric: tabular-nums;
}
/* line 73, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .table-foot b.entrada {
color: var(--erp-ui-good-text);
}
/* line 77, app/assets/stylesheets/components/financial_position_module.scss */
.erp-ui.financial-position-module .table-foot b.saida {
color: var(--erp-ui-critical-text);
}
/* line 14, app/assets/stylesheets/components/financial_reports_index_module.scss */
.erp-ui.financial-reports-index-module .formatos {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
/* line 23, app/assets/stylesheets/components/financial_reports_index_module.scss */
.erp-ui.financial-reports-index-module .data th:first-child,
.erp-ui.financial-reports-index-module .data td:first-child {
width: 100%;
}
/* line 19, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-card {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
}
/* line 24, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-card + .nat-card {
margin-top: 8px;
}
/* line 29, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 14px;
background: var(--erp-ui-surface-2);
font-size: 13.5px;
cursor: pointer;
list-style: none;
}
/* line 40, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-head::-webkit-details-marker {
display: none;
}
/* line 45, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-titulo {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
/* line 51, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-titulo b {
font-weight: 600;
}
/* line 56, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-meta {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 61, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-corpo {
padding: 12px 14px;
}
/* line 68, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-linha {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
}
/* line 74, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-linha.nivel-1 {
padding-left: 16px;
}
/* line 75, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-linha.nivel-2 {
padding-left: 32px;
}
/* line 76, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-linha.nivel-3 {
padding-left: 48px;
}
/* line 79, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .nat-codigo {
flex-shrink: 0;
color: var(--erp-ui-ink-3);
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 11.5px;
}
/* line 86, app/assets/stylesheets/components/financial_reports_shared.scss */
.erp-ui .data tr.sintetica .nat-nome {
font-weight: 600;
}
/* line 21, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .valor-tx {
display: flex;
flex-direction: column;
gap: 1px;
align-items: flex-end;
}
/* line 27, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .valor-tx b {
font-variant-numeric: tabular-nums;
font-weight: 600;
}
/* line 32, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .valor-tx small {
color: var(--erp-ui-ink-3);
font-size: 11.5px;
}
/* line 37, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .valor-tx.entrada b {
color: var(--erp-ui-good-text);
}
/* line 41, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .valor-tx.saida b {
color: var(--erp-ui-critical-text);
}
/* line 48, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .lanc {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
/* line 54, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .lanc .doc {
display: inline-block;
margin-right: 6px;
padding: 1px 5px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 4px;
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 11px;
}
/* line 72, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .oculto-ate-o-js {
display: none;
}
/* line 79, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .saldo-projetado {
margin-top: 8px;
gap: 6px 18px;
}
/* line 83, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .saldo-projetado dd b {
font-variant-numeric: tabular-nums;
}
/* line 91, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .conta-dupla {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
/* line 97, app/assets/stylesheets/components/financial_transactions_module.scss */
.erp-ui.financial-transactions-module .conta-dupla small {
color: var(--erp-ui-ink-3);
font-size: 11.5px;
}
/* line 15, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .toggle-row {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 12px;
}
/* line 22, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .toggle-label {
font-size: 12.5px;
font-weight: 700;
color: var(--erp-ui-ink-2);
text-transform: uppercase;
letter-spacing: .02em;
}
/* line 29, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .toggle-hint {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 35, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tt-toolbar {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 10px;
}
/* line 42, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tt-toolbar .btn {
padding: 6px 10px;
font-size: 12.5px;
}
/* line 44, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tt-hint {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 58, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module [hidden] {
display: none !important;
}
/* line 63, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .nat-group {
margin-bottom: 18px;
}
/* line 66, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .nat-group:last-child {
margin-bottom: 0;
}
/* line 68, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .nat-group-head {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-bottom: 0;
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
font-weight: 700;
}
/* line 79, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .nat-group-head .cnt {
font-weight: 400;
color: var(--erp-ui-ink-3);
font-size: 12.5px;
}
/* line 85, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .nat-group .card {
border-radius: 0 0 var(--erp-ui-radius) var(--erp-ui-radius);
}
/* line 90, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .indent-cell {
white-space: nowrap;
}
/* line 91, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .indent-slot {
display: inline-block;
width: 18px;
}
/* line 92, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .expander {
width: 24px;
height: 24px;
border: 0;
background: transparent;
color: var(--erp-ui-ink-2);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: -6px;
padding: 0;
border-radius: 6px;
}
/* line 106, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .expander:hover, .erp-ui.financials-module .expander:focus-visible {
background: var(--erp-ui-surface-2);
}
/* line 108, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .expander .erp-icon {
transition: transform .12s ease;
}
/* line 114, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .expander[aria-expanded="false"] .erp-icon {
transform: rotate(-90deg);
}
/* line 116, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .expander-slot {
display: inline-block;
width: 24px;
}
/* line 117, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .kind-tag {
font-size: 10.5px;
font-weight: 700;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
@media (prefers-reduced-motion: reduce) {
/* line 124, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .expander .erp-icon {
transition: none;
}
}
/* line 128, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .problema {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-critical-text);
}
/* line 136, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .problema .erp-icon {
width: 13px;
height: 13px;
stroke: currentColor;
}
/* line 141, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .lnk {
color: var(--erp-ui-accent);
text-decoration: underline;
font-size: 12.5px;
white-space: nowrap;
}
/* line 147, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .lnk:hover {
color: var(--erp-ui-accent-hover);
}
/* line 150, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .lock-reason {
font-size: 11.5px;
color: var(--erp-ui-warning-text);
background: var(--erp-ui-warning-wash);
border: 1px solid var(--erp-ui-warning-soft);
border-radius: 6px;
padding: 5px 8px;
margin-top: 6px;
}
/* line 163, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .sub-mobile {
display: none;
}
/* line 166, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .fin-tree, .erp-ui.financials-module .fin-tree ul {
list-style: none;
margin: 0;
padding: 0;
}
/* line 171, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .fin-tree ul {
padding-left: 20px;
}
/* line 172, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .fin-tree li {
position: relative;
padding: 3px 0;
}
/* line 173, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tree-node {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 8px;
border-radius: 6px;
flex-wrap: wrap;
}
/* line 181, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tree-node:hover {
background: var(--erp-ui-surface-2);
}
/* line 183, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tree-node .code {
font-variant-numeric: tabular-nums;
color: var(--erp-ui-ink-3);
font-size: 12px;
min-width: 70px;
display: inline-block;
}
/* line 190, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tree-node .nm {
font-weight: 600;
}
/* line 191, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tree-node .usage {
margin-left: auto;
font-size: 12px;
color: var(--erp-ui-ink-3);
font-variant-numeric: tabular-nums;
}
@media (max-width: 460px) {
/* line 208, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module table.data.tt-financials th.tt-col-especie, .erp-ui.financials-module table.data.tt-financials td.tt-col-especie,
.erp-ui.financials-module table.data.tt-financials th.tt-col-uso, .erp-ui.financials-module table.data.tt-financials td.tt-col-uso,
.erp-ui.financials-module table.data.tt-financials th.tt-col-situacao, .erp-ui.financials-module table.data.tt-financials td.tt-col-situacao,
.erp-ui.financials-module table.data.tt-financials th.tt-col-problema, .erp-ui.financials-module table.data.tt-financials td.tt-col-problema {
display: none;
}
/* line 215, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .indent-slot {
width: 10px;
}
/* line 216, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .sub-mobile {
display: block;
}
/* line 218, app/assets/stylesheets/components/financials_module.scss */
.erp-ui.financials-module .tree-node .kind-tag, .erp-ui.financials-module .tree-node .usage {
display: none;
}
}
/* line 4, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination {
display: inline-flex !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
border: 1px solid #dee2e6 !important;
border-radius: 0.25rem !important;
overflow: hidden !important;
}
/* line 13, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item {
margin: 0 !important;
}
/* line 16, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item .page-link {
padding: 0.5rem 0.75rem !important;
color: #007bff !important;
background: white !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.15s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
height: 38px !important;
border: none !important;
border-radius: 0 !important;
border-right: 1px solid #dee2e6 !important;
margin: 0 !important;
}
/* line 34, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item .page-link:hover:not(.disabled) {
background: #f8f9fa !important;
color: #0056b3 !important;
}
/* line 39, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item .page-link i {
font-size: 14px !important;
}
/* line 44, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item:first-child .page-link {
border-radius: 0.25rem 0 0 0.25rem !important;
}
/* line 48, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item:last-child .page-link {
border-right: none !important;
border-radius: 0 0.25rem 0.25rem 0 !important;
}
/* line 54, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item.active .page-link {
background: #007bff !important;
color: white !important;
cursor: default !important;
}
/* line 59, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item.active .page-link:hover {
background: #007bff !important;
color: white !important;
}
/* line 67, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination .page-item.disabled .page-link {
opacity: 0.5 !important;
cursor: not-allowed !important;
pointer-events: none !important;
color: #6c757d !important;
}
/* line 78, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination.pagination-sm .page-item .page-link {
padding: 0.375rem 0.5rem !important;
font-size: 12px !important;
min-width: 36px !important;
height: 32px !important;
}
/* line 88, app/assets/stylesheets/components/kaminari_pagination.scss */
.pagination.pagination-lg .page-item .page-link {
padding: 0.75rem 1rem !important;
font-size: 16px !important;
min-width: 48px !important;
height: 44px !important;
}
/* line 105, app/assets/stylesheets/components/kaminari_pagination.scss */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
/* line 14, app/assets/stylesheets/components/lgpd_logs_module.scss */
.erp-ui.lgpd-logs-module .lgpd-ip {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 12px;
color: var(--erp-ui-ink-2);
overflow-wrap: anywhere;
}
/* line 21, app/assets/stylesheets/components/lgpd_logs_module.scss */
.erp-ui.lgpd-logs-module .tab-panel > .card.filters {
border: 0;
border-bottom: 1px solid var(--erp-ui-hairline);
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
/* line 13, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .pref-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 8px 16px;
padding: 8px 10px;
border-radius: 6px;
}
/* line 22, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .pref-row:hover {
background: var(--erp-ui-surface-2);
}
/* line 26, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .pref-row > .opt {
flex: 1 1 320px;
min-width: 0;
}
/* line 32, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .pref-aside {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 8px;
}
/* line 38, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .pref-aside > span {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 8px;
}
/* line 46, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .pref-aside > span[hidden] {
display: none;
}
@media (max-width: 575.98px) {
/* line 54, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .pref-aside {
padding-left: 24px;
}
}
/* line 59, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-rules {
display: flex;
flex-direction: column;
}
/* line 64, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-rule {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px 0;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 71, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-rule:first-child {
border-top: 0;
padding-top: 0;
}
/* line 77, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-rule-head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 2px 10px;
}
/* line 83, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-rule-head b {
font-size: 13.5px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 91, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-status {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 95, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-status[data-state="ok"] {
color: var(--erp-ui-good-text);
}
/* line 96, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-status[data-state="error"] {
color: var(--erp-ui-critical-text);
}
/* line 99, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-row {
display: grid;
grid-template-columns: 110px 1fr;
gap: 4px 8px;
align-items: start;
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
/* line 111, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-row > legend {
float: left;
width: auto;
margin: 0;
padding: 2px 0 0;
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
@media (max-width: 575.98px) {
/* line 123, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-row {
grid-template-columns: 1fr;
}
}
/* line 128, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-choice {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
font-size: 13px;
font-weight: 400;
color: var(--erp-ui-ink);
cursor: pointer;
}
/* line 138, app/assets/stylesheets/components/notification_settings_module.scss */
.erp-ui.notification-settings-module .nr-choice > input.check {
margin: 0;
}
/* Offline Queue - Estilos */
/* Toast Notifications */
.offline-queue-toast {
position: fixed;
bottom: 100px; /* Acima do bottom-nav */
left: 50%;
transform: translateX(-50%) translateY(100%);
background: white;
padding: 12px 20px;
border-radius: 24px;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
display: flex;
align-items: center;
gap: 10px;
z-index: 9999;
opacity: 0;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
max-width: 90%;
font-size: 14px;
font-weight: 500;
}
.offline-queue-toast.show {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
.offline-queue-toast i {
font-size: 20px;
flex-shrink: 0;
}
.offline-queue-toast.offline {
border-left: 4px solid #ffc107;
}
.offline-queue-toast.offline i {
color: #ffc107;
}
.offline-queue-toast.success {
border-left: 4px solid #28a745;
}
.offline-queue-toast.success i {
color: #28a745;
}
.offline-queue-toast.error {
border-left: 4px solid #dc3545;
}
.offline-queue-toast.error i {
color: #dc3545;
}
.offline-queue-toast.info {
border-left: 4px solid #17a2b8;
}
.offline-queue-toast.info i {
color: #17a2b8;
}
/* Badge de Itens Pendentes */
.pending-sync-badge {
background: #ffc107;
color: #856404;
padding: 2px 8px;
border-radius: 12px;
font-size: 11px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 4px;
animation: pulse 2s infinite;
margin-left: 8px;
}
.pending-sync-badge i {
animation: bounce 1s infinite;
}
.nav-pending-badge {
position: absolute;
top: -4px;
right: -4px;
background: #dc3545;
color: white;
border-radius: 50%;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: bold;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.8; transform: scale(1.05); }
}
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-3px); }
}
/* Indicador de Pendente Sincronização */
.pending-sync-indicator {
background: rgba(255, 193, 7, 0.1);
border: 1px solid #ffc107;
color: #856404;
padding: 6px 12px;
border-radius: 16px;
font-size: 12px;
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 8px;
}
.pending-sync-indicator i {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Status Container (com indicador) */
.status-with-sync {
display: flex;
flex-direction: column;
gap: 4px;
}
/* Botão de Sincronização Manual */
.btn-sync-now {
position: relative;
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
color: white;
border: none;
padding: 8px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-sync-now:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(44, 62, 80, 0.3);
}
.btn-sync-now:active {
transform: translateY(0);
}
.btn-sync-now:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.btn-sync-now i.fa-spin {
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Panel de Status de Sincronização */
.sync-status-panel {
background: white;
border-radius: 12px;
padding: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
margin-bottom: 16px;
}
.sync-status-panel h4 {
margin: 0 0 16px 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
display: flex;
align-items: center;
gap: 8px;
}
.sync-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 16px;
}
.sync-stats .stat {
background: #f8f9fa;
border-radius: 8px;
padding: 12px;
display: flex;
align-items: center;
gap: 12px;
}
.sync-stats .stat-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: white;
}
.sync-stats .stat:nth-child(1) .stat-icon {
background: #ffc107;
}
.sync-stats .stat:nth-child(2) .stat-icon {
background: #28a745;
}
.sync-stats .stat:nth-child(3) .stat-icon {
background: #dc3545;
}
.sync-stats .stat-content h3 {
margin: 0;
font-size: 24px;
font-weight: 700;
color: #2c3e50;
}
.sync-stats .stat-content p {
margin: 0;
font-size: 12px;
color: #6c757d;
}
/* Lista de Itens Pendentes */
.pending-items-list {
margin-top: 16px;
max-height: 300px;
overflow-y: auto;
}
.pending-item {
background: #f8f9fa;
border-left: 3px solid #ffc107;
padding: 12px;
border-radius: 6px;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
}
.pending-item i {
color: #ffc107;
}
.pending-item small {
color: #6c757d;
margin-left: auto;
}
.pending-item .badge {
margin-left: 8px;
}
/* Empty State */
.sync-empty-state {
text-align: center;
padding: 40px 20px;
color: #6c757d;
}
.sync-empty-state i {
font-size: 48px;
color: #28a745;
margin-bottom: 16px;
}
.sync-empty-state h5 {
margin: 0 0 8px 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
}
.sync-empty-state p {
margin: 0;
font-size: 14px;
}
/* Responsividade */
@media (max-width: 576px) {
.sync-stats {
grid-template-columns: 1fr;
}
.offline-queue-toast {
max-width: 85%;
font-size: 13px;
}
}
/* line 14, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .detail-avatar.avatar-lg {
width: 88px;
height: 88px;
font-size: 28px;
margin-bottom: 6px;
overflow: hidden;
}
/* line 21, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .detail-avatar.avatar-lg.has-photo {
background: var(--erp-ui-surface-2);
}
/* line 25, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .detail-avatar.avatar-lg img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
/* line 37, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .avatar-c0 {
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-accent);
}
/* line 38, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .avatar-c1 {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 39, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .avatar-c2 {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 40, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .avatar-c3 {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 41, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .avatar-c4 {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
}
/* line 46, app/assets/stylesheets/components/profile_module.scss */
.erp-ui.profile-module .avatar-upload-label {
cursor: pointer;
display: inline-flex;
margin-top: 4px;
}
/* line 28, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre {
width: 100%;
border-collapse: collapse;
font-size: 13.5px;
}
/* line 33, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre td {
padding: 7px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
vertical-align: top;
}
/* line 39, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre td.num {
text-align: right;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
/* line 44, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre td.num.entrada {
color: var(--erp-ui-good-text);
}
/* line 48, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre td.num.saida {
color: var(--erp-ui-critical-text);
}
/* line 53, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre tr.grupo td {
background: var(--erp-ui-surface-2);
padding-top: 12px;
padding-bottom: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--erp-ui-ink-2);
}
/* line 64, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre tr.linha td:first-child,
.erp-ui.profit-loss-module .dre tr.deducao td:first-child {
padding-left: 32px;
color: var(--erp-ui-ink-2);
}
/* line 70, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre tr.subtotal td {
border-top: 1px solid var(--erp-ui-ink-3);
border-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
}
/* line 81, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre tr.resultado td {
border-top: 2px solid var(--erp-ui-accent);
border-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
font-weight: 700;
}
/* line 92, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre .peso {
display: block;
margin-top: 2px;
font-size: 11px;
font-weight: 400;
color: var(--erp-ui-ink-3);
}
/* line 105, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre .trilho {
display: block;
height: 3px;
max-width: 320px;
margin-top: 5px;
border-radius: 999px;
background: var(--erp-ui-hairline);
overflow: hidden;
}
/* line 114, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre .trilho i {
display: block;
height: 100%;
width: 0;
border-radius: 999px;
background: var(--erp-ui-ink-3);
}
/* line 121, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre .trilho i.saida {
background: var(--erp-ui-critical-text);
}
/* line 134, app/assets/stylesheets/components/profit_loss_module.scss */
.erp-ui.profit-loss-module .dre-canvas-box {
position: relative;
width: 100%;
height: 280px;
}
/* line 35, app/assets/stylesheets/components/public_ui.scss */
.pub-page {
min-height: 100vh;
padding: 32px 16px 48px;
background: var(--erp-ui-page);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: var(--erp-ui-ink);
}
/* line 46, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet {
max-width: 960px;
margin: 0 auto;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow);
overflow: hidden;
}
/* line 57, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet + .pub-sheet {
margin-top: 24px;
}
/* line 62, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet--narrow {
max-width: 560px;
}
/* line 69, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
padding: 28px 32px;
background: var(--erp-ui-surface-2);
border-bottom: 3px solid var(--erp-ui-accent);
}
/* line 80, app/assets/stylesheets/components/public_ui.scss */
.pub-brand {
display: flex;
align-items: flex-start;
gap: 16px;
min-width: 0;
}
/* line 87, app/assets/stylesheets/components/public_ui.scss */
.pub-brand__logo {
display: block;
flex-shrink: 0;
max-width: 180px;
max-height: 64px;
object-fit: contain;
}
/* line 95, app/assets/stylesheets/components/public_ui.scss */
.pub-brand__eyebrow {
margin: 0 0 6px;
color: var(--erp-ui-accent);
font-size: .6875rem;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
/* line 104, app/assets/stylesheets/components/public_ui.scss */
.pub-brand__title {
margin: 0;
color: var(--erp-ui-ink);
font-size: 1.375rem;
font-weight: 700;
line-height: 1.25;
overflow-wrap: anywhere;
}
/* line 113, app/assets/stylesheets/components/public_ui.scss */
.pub-brand__meta {
margin: 6px 0 0;
color: var(--erp-ui-ink-2);
font-size: .875rem;
overflow-wrap: anywhere;
}
/* line 120, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__status {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
min-width: 160px;
text-align: right;
}
/* line 132, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__section {
padding: 24px 32px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 137, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__section:last-child {
border-bottom: 0;
}
/* line 141, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__section-title {
margin: 0 0 16px;
color: var(--erp-ui-accent);
font-size: .8125rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
}
/* line 150, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__section p {
margin: 0 0 12px;
color: var(--erp-ui-ink);
font-size: .9375rem;
line-height: 1.6;
}
/* line 157, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__section p:last-child {
margin-bottom: 0;
}
/* line 161, app/assets/stylesheets/components/public_ui.scss */
.pub-rows {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
/* line 167, app/assets/stylesheets/components/public_ui.scss */
.pub-rows--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* line 171, app/assets/stylesheets/components/public_ui.scss */
.pub-row {
min-width: 0;
padding: 14px 16px;
background: var(--erp-ui-surface-2);
border-radius: 6px;
}
/* line 178, app/assets/stylesheets/components/public_ui.scss */
.pub-row--full {
grid-column: 1 / -1;
}
/* line 183, app/assets/stylesheets/components/public_ui.scss */
.pub-row--highlight {
grid-column: 1 / -1;
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
text-align: center;
font-weight: 700;
}
/* line 191, app/assets/stylesheets/components/public_ui.scss */
.pub-row__label {
display: block;
margin-bottom: 4px;
color: var(--erp-ui-ink-2);
font-size: .75rem;
font-weight: 600;
letter-spacing: .02em;
text-transform: uppercase;
}
/* line 201, app/assets/stylesheets/components/public_ui.scss */
.pub-row--highlight .pub-row__label {
color: var(--erp-ui-accent-ink);
}
/* line 205, app/assets/stylesheets/components/public_ui.scss */
.pub-row__value {
display: block;
overflow-wrap: anywhere;
color: var(--erp-ui-ink);
font-size: .9375rem;
line-height: 1.5;
}
/* line 213, app/assets/stylesheets/components/public_ui.scss */
.pub-row--highlight .pub-row__value {
color: var(--erp-ui-accent-ink);
}
/* line 223, app/assets/stylesheets/components/public_ui.scss */
.pub-callout {
padding: 18px 20px;
margin: 0 0 16px;
background: var(--erp-ui-surface-2);
border-radius: 6px;
}
/* line 230, app/assets/stylesheets/components/public_ui.scss */
.pub-callout:last-child {
margin-bottom: 0;
}
/* line 234, app/assets/stylesheets/components/public_ui.scss */
.pub-callout--warning {
background: var(--erp-ui-warning-soft);
}
/* line 238, app/assets/stylesheets/components/public_ui.scss */
.pub-callout h3,
.pub-callout h4 {
margin: 0 0 8px;
color: var(--erp-ui-accent);
font-size: .8125rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
/* line 248, app/assets/stylesheets/components/public_ui.scss */
.pub-callout--warning h3,
.pub-callout--warning h4 {
color: var(--erp-ui-warning-text);
}
/* line 253, app/assets/stylesheets/components/public_ui.scss */
.pub-callout p {
margin: 0;
color: var(--erp-ui-ink);
font-size: .9375rem;
line-height: 1.6;
white-space: pre-line;
}
/* line 264, app/assets/stylesheets/components/public_ui.scss */
.pub-table-wrap {
overflow-x: auto;
}
/* line 268, app/assets/stylesheets/components/public_ui.scss */
.pub-table {
width: 100%;
min-width: 560px;
border-collapse: collapse;
font-size: .875rem;
}
/* line 275, app/assets/stylesheets/components/public_ui.scss */
.pub-table thead th {
padding: 12px 16px;
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
font-size: .75rem;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
text-align: left;
white-space: nowrap;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 288, app/assets/stylesheets/components/public_ui.scss */
.pub-table th.pub-table__col-numeric,
.pub-table td.pub-table__col-numeric {
text-align: right;
}
/* line 293, app/assets/stylesheets/components/public_ui.scss */
.pub-table th.pub-table__col-center,
.pub-table td.pub-table__col-center {
text-align: center;
}
/* line 298, app/assets/stylesheets/components/public_ui.scss */
.pub-table tbody td {
padding: 14px 16px;
vertical-align: top;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 304, app/assets/stylesheets/components/public_ui.scss */
.pub-table tbody tr:last-child td {
border-bottom: 0;
}
/* line 308, app/assets/stylesheets/components/public_ui.scss */
.pub-table__item-title {
display: block;
color: var(--erp-ui-ink);
font-weight: 700;
}
/* line 314, app/assets/stylesheets/components/public_ui.scss */
.pub-table__item-description {
display: block;
margin-top: 2px;
color: var(--erp-ui-ink-2);
font-size: .8125rem;
}
/* line 321, app/assets/stylesheets/components/public_ui.scss */
.pub-total {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: baseline;
gap: 12px;
padding: 20px 32px;
background: var(--erp-ui-accent-soft);
border-top: 2px solid var(--erp-ui-accent);
}
/* line 332, app/assets/stylesheets/components/public_ui.scss */
.pub-total__label {
color: var(--erp-ui-ink-2);
font-size: .8125rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
/* line 340, app/assets/stylesheets/components/public_ui.scss */
.pub-total__value {
color: var(--erp-ui-accent);
font-size: 1.375rem;
font-weight: 700;
}
/* line 346, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__footer {
padding: 20px 32px;
color: var(--erp-ui-ink-2);
font-size: .8125rem;
text-align: center;
line-height: 1.6;
}
/* line 357, app/assets/stylesheets/components/public_ui.scss */
.pub-field {
margin-bottom: 16px;
}
/* line 361, app/assets/stylesheets/components/public_ui.scss */
.pub-field:last-child {
margin-bottom: 0;
}
/* line 365, app/assets/stylesheets/components/public_ui.scss */
.pub-field__label {
display: block;
margin-bottom: 6px;
color: var(--erp-ui-ink);
font-size: .875rem;
font-weight: 700;
}
/* line 373, app/assets/stylesheets/components/public_ui.scss */
.pub-field__control {
display: block;
width: 100%;
min-height: 44px;
padding: 10px 12px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
font-size: .9375rem;
}
/* line 385, app/assets/stylesheets/components/public_ui.scss */
.pub-field__control:focus {
outline: none;
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 3px var(--erp-ui-accent-soft);
}
/* line 391, app/assets/stylesheets/components/public_ui.scss */
textarea.pub-field__control {
min-height: 96px;
resize: vertical;
}
/* line 402, app/assets/stylesheets/components/public_ui.scss */
.pub-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
min-width: 44px;
padding: 0 20px;
border: 1px solid transparent;
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink);
font-size: .9375rem;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
/* line 420, app/assets/stylesheets/components/public_ui.scss */
.pub-btn:hover,
.pub-btn:focus {
text-decoration: none;
}
/* line 425, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--block {
display: flex;
width: 100%;
}
/* line 430, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--primary {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 436, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--primary:hover,
.pub-btn--primary:focus {
background: var(--erp-ui-accent-hover);
border-color: var(--erp-ui-accent-hover);
color: var(--erp-ui-accent-ink);
}
/* line 443, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--secondary {
background: var(--erp-ui-surface);
border-color: var(--erp-ui-hairline-strong);
color: var(--erp-ui-ink);
}
/* line 449, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--secondary:hover,
.pub-btn--secondary:focus {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink);
}
/* line 455, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--positive {
background: var(--erp-ui-good);
border-color: var(--erp-ui-good);
color: var(--erp-ui-accent-ink);
}
/* line 461, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--positive:hover,
.pub-btn--positive:focus {
color: var(--erp-ui-accent-ink);
filter: brightness(0.92);
}
/* line 467, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--negative {
background: var(--erp-ui-surface);
border-color: var(--erp-ui-critical);
color: var(--erp-ui-critical-text);
}
/* line 473, app/assets/stylesheets/components/public_ui.scss */
.pub-btn--negative:hover,
.pub-btn--negative:focus {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 479, app/assets/stylesheets/components/public_ui.scss */
.pub-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
/* line 490, app/assets/stylesheets/components/public_ui.scss */
.pub-accept {
display: flex;
align-items: flex-start;
gap: 10px;
min-height: 44px;
padding: 10px 4px;
cursor: pointer;
}
/* line 499, app/assets/stylesheets/components/public_ui.scss */
.pub-accept input[type="checkbox"],
.pub-accept input[type="radio"] {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 1px;
}
/* line 509, app/assets/stylesheets/components/public_ui.scss */
.pub-field.ck-release-field:has(input[value="released"]:checked) .ck-release-notes {
display: none;
}
/* line 511, app/assets/stylesheets/components/public_ui.scss */
.pub-accept span {
color: var(--erp-ui-ink);
font-size: .9375rem;
line-height: 1.5;
}
/* line 520, app/assets/stylesheets/components/public_ui.scss */
.pub-result {
padding: 40px 32px;
text-align: center;
}
/* line 525, app/assets/stylesheets/components/public_ui.scss */
.pub-result__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin-bottom: 16px;
border-radius: 50%;
}
/* line 535, app/assets/stylesheets/components/public_ui.scss */
.pub-result__icon svg {
width: 30px;
height: 30px;
}
/* line 540, app/assets/stylesheets/components/public_ui.scss */
.pub-result__title {
margin: 0 0 8px;
font-size: 1.125rem;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 547, app/assets/stylesheets/components/public_ui.scss */
.pub-result__text {
margin: 0;
color: var(--erp-ui-ink-2);
font-size: .9375rem;
line-height: 1.6;
}
/* line 554, app/assets/stylesheets/components/public_ui.scss */
.pub-result--success .pub-result__icon {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
}
/* line 559, app/assets/stylesheets/components/public_ui.scss */
.pub-result--warning .pub-result__icon {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
}
/* line 564, app/assets/stylesheets/components/public_ui.scss */
.pub-result--danger .pub-result__icon {
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
}
/* line 569, app/assets/stylesheets/components/public_ui.scss */
.pub-result--info .pub-result__icon {
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-accent);
}
/* line 577, app/assets/stylesheets/components/public_ui.scss */
.pub-signature__canvas {
display: block;
width: 100%;
height: 220px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
touch-action: none;
cursor: crosshair;
}
/* line 588, app/assets/stylesheets/components/public_ui.scss */
.pub-signature__error {
margin-top: 8px;
}
/* line 592, app/assets/stylesheets/components/public_ui.scss */
.pub-signature__actions {
margin-top: 10px;
}
/* line 600, app/assets/stylesheets/components/public_ui.scss */
.pub-modal[hidden] {
display: none;
}
/* line 604, app/assets/stylesheets/components/public_ui.scss */
.pub-modal__backdrop {
position: fixed;
inset: 0;
z-index: var(--z-modal-backdrop);
background: var(--modal-backdrop-bg);
}
/* line 611, app/assets/stylesheets/components/public_ui.scss */
.pub-modal__panel {
position: fixed;
z-index: var(--z-modal);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 480px;
max-height: 90vh;
overflow-y: auto;
background: var(--erp-ui-surface);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow-overlay);
}
/* line 626, app/assets/stylesheets/components/public_ui.scss */
.pub-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 20px 24px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 635, app/assets/stylesheets/components/public_ui.scss */
.pub-modal__title {
margin: 0;
font-size: 1rem;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 642, app/assets/stylesheets/components/public_ui.scss */
.pub-modal__body {
padding: 20px 24px;
}
/* line 646, app/assets/stylesheets/components/public_ui.scss */
.pub-modal__footer {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
padding: 16px 24px 24px;
}
@media (max-width: 639.98px) {
/* line 658, app/assets/stylesheets/components/public_ui.scss */
.pub-page {
padding: 16px 0 32px;
}
/* line 662, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet {
border-left: 0;
border-right: 0;
border-radius: 0;
}
/* line 668, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet--narrow {
border-left: 0;
border-right: 0;
border-radius: 0;
}
/* line 674, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__header {
padding: 20px;
flex-direction: column;
}
/* line 679, app/assets/stylesheets/components/public_ui.scss */
.pub-brand__logo {
max-width: 150px;
max-height: 52px;
}
/* line 684, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__status {
align-items: flex-start;
width: 100%;
text-align: left;
}
/* line 690, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__section,
.pub-total,
.pub-sheet__footer {
padding-left: 20px;
padding-right: 20px;
}
/* line 697, app/assets/stylesheets/components/public_ui.scss */
.pub-rows,
.pub-rows--4 {
grid-template-columns: minmax(0, 1fr);
}
/* line 702, app/assets/stylesheets/components/public_ui.scss */
.pub-table {
min-width: 0;
}
/* line 706, app/assets/stylesheets/components/public_ui.scss */
.pub-table thead {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* line 718, app/assets/stylesheets/components/public_ui.scss */
.pub-table,
.pub-table tbody {
display: block;
width: 100%;
}
/* line 724, app/assets/stylesheets/components/public_ui.scss */
.pub-table tbody tr {
display: grid;
grid-template-columns: minmax(112px, 40%) minmax(0, 1fr);
gap: 8px 16px;
padding: 16px 20px;
border-top: 1px solid var(--erp-ui-hairline);
border-bottom: 0;
}
/* line 733, app/assets/stylesheets/components/public_ui.scss */
.pub-table tbody td {
display: contents;
padding: 0;
border: 0;
text-align: left !important;
white-space: normal !important;
}
/* line 741, app/assets/stylesheets/components/public_ui.scss */
.pub-table tbody td::before {
content: attr(data-label);
color: var(--erp-ui-ink-2);
font-size: .75rem;
font-weight: 600;
letter-spacing: .02em;
text-transform: uppercase;
}
/* line 750, app/assets/stylesheets/components/public_ui.scss */
.pub-table tbody td[data-label="Item"] {
display: block;
grid-column: 1 / -1;
padding: 0 0 8px;
}
/* line 756, app/assets/stylesheets/components/public_ui.scss */
.pub-table tbody td[data-label="Item"]::before {
display: none;
}
/* line 760, app/assets/stylesheets/components/public_ui.scss */
.pub-total {
justify-content: space-between;
}
/* line 764, app/assets/stylesheets/components/public_ui.scss */
.pub-actions {
flex-direction: column;
}
/* line 768, app/assets/stylesheets/components/public_ui.scss */
.pub-actions .pub-btn {
width: 100%;
}
}
@media (min-width: 640px) and (max-width: 899.98px) {
/* line 774, app/assets/stylesheets/components/public_ui.scss */
.pub-rows--4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media print {
@page {
margin: 12mm;
}
/* line 784, app/assets/stylesheets/components/public_ui.scss */
.pub-page {
min-height: 0;
padding: 0;
background: #fff;
}
/* line 790, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet {
max-width: none;
border: 0;
border-radius: 0;
box-shadow: none;
}
/* line 797, app/assets/stylesheets/components/public_ui.scss */
.pub-actions,
.footer-public {
display: none !important;
}
/* line 802, app/assets/stylesheets/components/public_ui.scss */
.pub-sheet__section {
break-inside: avoid;
}
/* line 806, app/assets/stylesheets/components/public_ui.scss */
.pub-table-wrap {
overflow: visible;
}
/* line 810, app/assets/stylesheets/components/public_ui.scss */
.pub-table {
min-width: 0;
}
}
/* line 833, app/assets/stylesheets/components/public_ui.scss */
.pub-plans {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
}
/* line 839, app/assets/stylesheets/components/public_ui.scss */
.pub-plan {
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 10px;
background: var(--erp-ui-surface);
}
/* line 851, app/assets/stylesheets/components/public_ui.scss */
.pub-plan--recommended {
border-color: var(--erp-ui-accent);
box-shadow: 0 0 0 1px var(--erp-ui-accent);
}
/* line 856, app/assets/stylesheets/components/public_ui.scss */
.pub-plan__flag {
align-self: flex-start;
font-size: 12px;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-accent);
}
/* line 868, app/assets/stylesheets/components/public_ui.scss */
.pub-plan__name {
font-size: 18px;
font-weight: 700;
margin: 0;
}
/* line 874, app/assets/stylesheets/components/public_ui.scss */
.pub-plan__price {
font-size: 26px;
font-weight: 700;
line-height: 1.1;
margin: 0;
font-variant-numeric: tabular-nums;
}
/* line 882, app/assets/stylesheets/components/public_ui.scss */
.pub-plan__cycle {
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 887, app/assets/stylesheets/components/public_ui.scss */
.pub-plan__features {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px;
font-size: 14px;
color: var(--erp-ui-ink-2);
}
/* line 901, app/assets/stylesheets/components/public_ui.scss */
.pub-plan__action {
margin-top: auto;
}
/* line 905, app/assets/stylesheets/components/public_ui.scss */
.pub-choice {
display: flex;
flex-direction: column;
gap: 10px;
}
/* line 911, app/assets/stylesheets/components/public_ui.scss */
.pub-choice__option {
display: flex;
align-items: center;
gap: 12px;
min-height: 44px;
padding: 12px 14px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 8px;
background: var(--erp-ui-surface);
cursor: pointer;
font-size: 15px;
}
/* line 924, app/assets/stylesheets/components/public_ui.scss */
.pub-choice__option:hover {
border-color: var(--erp-ui-accent);
}
/* line 931, app/assets/stylesheets/components/public_ui.scss */
.pub-choice__option input {
width: 18px;
height: 18px;
margin: 0;
flex: none;
}
/* line 940, app/assets/stylesheets/components/public_ui.scss */
.pub-checklist__photo {
display: block;
max-width: 160px;
max-height: 120px;
margin-top: 6px;
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
}
/* line 11, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-banner-row {
display: block;
}
/* line 15, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module table.data .sub.warn {
color: var(--erp-ui-warning-text);
}
/* line 16, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module table.data .sub.crit {
color: var(--erp-ui-critical-text);
font-weight: 600;
}
/* line 20, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module table.data .pill {
white-space: nowrap;
}
/* line 22, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-inline-form {
display: inline;
margin: 0;
}
/* line 25, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-layout {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
align-items: start;
}
/* line 32, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-aside {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
align-items: start;
}
/* line 42, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-aside > * {
min-width: 0;
}
/* line 45, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-preset {
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
align-items: flex-end;
padding: 12px 16px;
}
/* line 52, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-preset .field {
flex: 1 1 240px;
max-width: 380px;
}
/* line 53, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-preset .field-hint {
flex: 1 1 240px;
margin: 0;
}
/* line 56, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-location-hint {
align-self: end;
margin: 0 0 6px;
}
/* line 58, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-add {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
/* line 64, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-add select, .erp-ui.quotations-module .qt-add .ts-wrapper {
width: 300px;
max-width: 100%;
}
/* line 69, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 74, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-head,
.erp-ui.quotations-module .qt-row-grid {
display: grid;
gap: 8px;
align-items: center;
padding: 8px 10px;
}
/* line 82, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-eq .qt-rows-head,
.erp-ui.quotations-module .qt-rows-eq .qt-row-grid {
grid-template-columns: minmax(0, 2.6fr) 70px 124px 82px 140px 128px 32px;
}
/* line 87, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-sv .qt-rows-head,
.erp-ui.quotations-module .qt-rows-sv .qt-row-grid {
grid-template-columns: minmax(0, 2.6fr) 84px 90px 140px 128px 32px;
}
/* line 92, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-head {
background: var(--erp-ui-surface-2);
border-bottom: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 102, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-head .r {
text-align: right;
}
/* line 105, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row {
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 108, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row:last-of-type {
border-bottom: 0;
}
/* line 109, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row.invalid {
background: var(--erp-ui-critical-wash);
}
/* line 111, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row .field {
margin: 0;
}
/* line 114, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
/* line 123, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-total {
text-align: right;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
/* line 128, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-total b {
display: block;
font-weight: 600;
}
/* line 129, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-total small {
display: block;
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 132, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-unit {
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 137, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-auto-note {
display: flex;
gap: 6px;
align-items: center;
flex-wrap: wrap;
margin-top: 4px;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 147, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-empty {
margin: 0;
padding: 12px 14px;
font-size: 12.5px;
color: var(--erp-ui-ink-3);
}
/* line 154, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-err {
margin: 0;
padding: 0 10px 8px;
}
/* line 157, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-sp {
display: grid;
grid-template-columns: auto minmax(160px, 1fr) auto;
gap: 6px 12px;
align-items: center;
padding: 0 10px 10px;
font-size: 12px;
}
/* line 165, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-sp .pill {
justify-self: start;
}
/* line 168, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-sp-msg {
color: var(--erp-ui-ink-2);
grid-column: 2 / -1;
}
/* line 170, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-sp-actions {
display: flex;
gap: 4px;
justify-content: flex-end;
flex-wrap: wrap;
}
/* line 177, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range {
display: grid;
gap: 3px;
min-width: 0;
}
/* line 179, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-track {
position: relative;
height: 8px;
border-radius: 999px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
}
/* line 188, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-track i {
position: absolute;
top: 0;
bottom: 0;
opacity: 0.35;
}
/* line 189, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-track .z-below {
background: var(--erp-ui-critical);
border-radius: 999px 0 0 999px;
}
/* line 190, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-track .z-under {
background: var(--erp-ui-warning);
}
/* line 191, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-track .z-within {
background: var(--erp-ui-good);
}
/* line 192, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-track .z-above {
background: var(--erp-ui-hairline-strong);
border-radius: 0 999px 999px 0;
}
/* line 194, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-track b {
position: absolute;
top: -4px;
width: 3px;
height: 14px;
margin-left: -1px;
background: var(--erp-ui-ink);
border-radius: 4px;
box-shadow: 0 0 0 2px var(--erp-ui-surface);
}
/* line 206, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-labels {
display: flex;
justify-content: space-between;
gap: 6px;
flex-wrap: wrap;
font-size: 11px;
color: var(--erp-ui-ink-3);
font-variant-numeric: tabular-nums;
}
/* line 215, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-labels b {
color: var(--erp-ui-ink-2);
font-weight: 600;
}
/* line 219, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-panel {
padding: 14px 16px;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
/* line 225, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-panel h3 {
margin: 0;
font-size: 13.5px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
}
/* line 234, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-panel .field-hint {
margin: 0;
}
/* line 237, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .smart-pricing-field-tooltip {
border: 0;
background: none;
padding: 2px;
color: var(--erp-ui-ink-3);
cursor: pointer;
line-height: 0;
border-radius: 4px;
}
/* line 246, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .smart-pricing-field-tooltip:hover {
color: var(--erp-ui-accent);
}
/* line 247, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .smart-pricing-field-tooltip .erp-icon {
width: 14px;
height: 14px;
}
/* line 250, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-calc {
display: grid;
gap: 4px;
margin: 0;
font-size: 12.5px;
font-variant-numeric: tabular-nums;
}
/* line 257, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-calc > div {
display: flex;
justify-content: space-between;
gap: 10px;
}
/* line 258, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-calc dt {
font-weight: 400;
color: var(--erp-ui-ink-2);
}
/* line 259, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-calc dd {
margin: 0;
}
/* line 260, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-calc .crit dd {
color: var(--erp-ui-critical-text);
font-weight: 600;
}
/* line 263, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-calc-sum {
border-top: 1px solid var(--erp-ui-hairline);
padding-top: 5px;
margin-top: 2px;
font-size: 15px;
font-weight: 700;
}
/* line 270, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-calc-sum dt {
color: var(--erp-ui-ink);
font-weight: 700;
}
/* line 273, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-boxes {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
text-align: center;
}
/* line 279, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-boxes > div {
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
padding: 6px 4px;
display: grid;
gap: 1px;
}
/* line 287, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-boxes small {
font-size: 10.5px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--erp-ui-ink-3);
}
/* line 294, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-boxes b {
font-size: 12px;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
/* line 295, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-range-boxes .rec {
border-color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
}
/* line 298, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-below-title {
margin: 4px 0 0;
font-size: 12.5px;
font-weight: 700;
}
/* line 300, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-below-list {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 4px;
font-size: 12.5px;
}
/* line 308, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-below-list li {
display: flex;
justify-content: space-between;
gap: 8px;
min-width: 0;
}
/* line 310, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-below-list li span:first-child {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 311, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-below-list li span:last-child {
flex: none;
white-space: nowrap;
}
/* line 315, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-below-list .err,
.erp-ui.quotations-module .qt-foot-sum .err {
color: var(--erp-ui-critical-text);
font-weight: 600;
}
/* line 320, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .kpi:not(.compact) {
min-width: 0;
}
/* line 321, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .kpi:not(.compact) .kpi-value {
font-size: 22px;
overflow-wrap: anywhere;
}
/* line 324, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-aside > [data-quotation-form-target="calcPanel"] {
grid-column: 1 / -1;
}
/* line 326, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-steps {
margin: 0;
padding-left: 18px;
display: grid;
gap: 5px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 334, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-steps b {
color: var(--erp-ui-ink);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
/* line 337, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-foot-sum {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}
/* line 343, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-foot-sum b {
font-size: 14px;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 347, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
/* line 354, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 12px 14px;
gap: 8px 0;
}
/* line 363, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow-step {
flex: 1 1 140px;
display: grid;
gap: 2px;
padding: 0 10px 0 22px;
position: relative;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 372, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow-step b {
color: var(--erp-ui-ink-2);
font-size: 12.5px;
}
/* line 374, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow-step::before {
content: "";
position: absolute;
left: 6px;
top: 4px;
width: 9px;
height: 9px;
border-radius: 50%;
border: 2px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
}
/* line 386, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow-step.done::before {
background: var(--erp-ui-good-text);
border-color: var(--erp-ui-good-text);
}
/* line 387, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow-step.now::before {
border-color: var(--erp-ui-accent);
}
/* line 388, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow-step.now b {
color: var(--erp-ui-accent);
}
/* line 389, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-flow-step.stop::before {
background: var(--erp-ui-ink-3);
border-color: var(--erp-ui-ink-3);
}
/* line 392, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-more {
position: relative;
}
/* line 395, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-more > summary {
list-style: none;
}
/* line 396, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-more > summary::-webkit-details-marker {
display: none;
}
/* line 399, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-menu {
position: absolute;
right: 0;
top: 100%;
margin-top: 4px;
z-index: 20;
min-width: 220px;
display: grid;
padding: 4px;
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
box-shadow: var(--erp-ui-shadow-overlay);
}
/* line 413, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-menu form {
margin: 0;
}
/* line 416, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-menu-item {
display: block;
width: 100%;
border: 0;
background: none;
text-align: left;
padding: 7px 10px;
border-radius: 4px;
font-size: 13px;
color: var(--erp-ui-ink);
text-decoration: none;
cursor: pointer;
}
/* line 429, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-menu-item:hover, .erp-ui.quotations-module .qt-menu-item:focus-visible {
background: var(--erp-ui-surface-2);
}
/* line 432, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-menu-danger {
color: var(--erp-ui-critical-text);
}
/* line 434, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-copy {
display: flex;
gap: 6px;
max-width: 640px;
}
/* line 439, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-copy input {
flex: 1 1 auto;
}
/* line 442, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-total-line {
display: flex;
justify-content: flex-end;
gap: 14px;
align-items: baseline;
font-variant-numeric: tabular-nums;
}
/* line 449, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-total-line b {
font-size: 16px;
}
/* line 452, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .kv-grid .sub {
display: block;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 461, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .erp-modal legend.lbl {
font-size: 11.5px;
font-weight: 700;
color: var(--erp-ui-ink-2);
margin-bottom: 6px;
}
/* line 468, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .erp-modal .qt-options {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
}
/* line 474, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .erp-modal .qt-options .opt {
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
padding: 8px 10px;
}
/* line 480, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .erp-modal .qt-new-work {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 12px;
margin: 0 0 12px;
}
/* line 487, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .erp-modal .qt-conversion-summary {
margin-bottom: 12px;
}
/* line 494, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-rows-eq .qt-rows-head,
.erp-ui.quotations-module .qp-rows-eq .qt-row-grid {
grid-template-columns: minmax(0, 2.6fr) 80px 140px 150px 32px;
}
/* line 499, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-rows-sv .qt-rows-head,
.erp-ui.quotations-module .qp-rows-sv .qt-row-grid {
grid-template-columns: minmax(0, 2.6fr) 90px 140px 32px;
}
/* line 506, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-add {
flex: 1 1 320px;
max-width: 440px;
flex-wrap: nowrap;
}
/* line 511, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-add select, .erp-ui.quotations-module .qp-add .ts-wrapper {
flex: 1 1 auto;
width: auto;
min-width: 0;
}
/* line 512, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-add .btn {
flex: none;
}
/* line 515, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-inactive {
background: var(--erp-ui-warning-soft);
}
/* line 517, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-name {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
font-weight: 600;
}
/* line 525, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-note {
display: block;
margin-top: 3px;
font-size: 11.5px;
line-height: 1.35;
color: var(--erp-ui-warning-text);
}
/* line 533, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-aside {
grid-template-columns: minmax(0, 1fr);
}
/* line 535, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-panel-note {
margin: 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 540, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-panel-note.warn {
color: var(--erp-ui-warning-text);
}
/* line 543, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-preset-skipped {
display: block;
margin-top: 4px;
}
/* line 545, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-switch {
display: flex;
gap: 10px;
align-items: flex-start;
margin: 4px 0 0;
font-size: 13px;
font-weight: 400;
cursor: pointer;
}
/* line 554, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-switch input {
width: 16px;
height: 16px;
margin: 2px 0 0;
flex: none;
accent-color: var(--erp-ui-accent);
}
/* line 555, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qp-switch small {
display: block;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
@media (min-width: 1500px) {
/* line 560, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-layout {
grid-template-columns: minmax(0, 1fr) 320px;
}
/* line 561, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-aside {
grid-template-columns: minmax(0, 1fr);
position: sticky;
top: 12px;
}
}
@media (max-width: 1400px) {
/* line 568, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module.is-readonly .kpi:not(.compact) .kpi-value {
font-size: 18px;
}
}
@media (max-width: 1180px) {
/* line 573, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-head {
display: none;
}
/* line 575, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-eq .qt-row-grid,
.erp-ui.quotations-module .qt-rows-sv .qt-row-grid,
.erp-ui.quotations-module .qp-rows-eq .qt-row-grid,
.erp-ui.quotations-module .qp-rows-sv .qt-row-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: end;
}
/* line 583, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-col-main {
grid-column: 1 / -1;
}
/* line 585, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-label {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
font-size: 11px;
font-weight: 700;
color: var(--erp-ui-ink-2);
}
/* line 596, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-row-total {
text-align: left;
}
/* line 597, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-sp {
grid-template-columns: minmax(0, 1fr);
}
/* line 598, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-sp-msg {
grid-column: auto;
}
/* line 599, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-sp-actions {
justify-content: flex-start;
}
}
@media (max-width: 700px) {
/* line 604, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-aside {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 600px) {
/* line 609, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .qt-rows-eq .qt-row-grid,
.erp-ui.quotations-module .qt-rows-sv .qt-row-grid,
.erp-ui.quotations-module .qp-rows-eq .qt-row-grid,
.erp-ui.quotations-module .qp-rows-sv .qt-row-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* line 614, app/assets/stylesheets/components/quotations_module.scss */
.erp-ui.quotations-module .erp-modal .qt-options {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 15, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .form-subsection-title {
margin: 14px 0 8px;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 24, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .grid + .form-subsection-title {
margin-top: 18px;
}
/* line 29, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .field-help-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
margin-left: 4px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--erp-ui-ink-3);
line-height: 1;
vertical-align: middle;
}
/* line 44, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .field-help-btn:hover, .erp-ui.receivable-advance-contracts-module .field-help-btn:focus {
color: var(--erp-ui-accent);
}
/* line 49, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .field-help-btn:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 54, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .field-help-btn .erp-icon {
width: 13px;
height: 13px;
}
/* line 62, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-remove-cell {
justify-content: flex-end;
align-self: end;
}
/* line 69, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-submit-working {
margin-right: 6px;
}
/* line 80, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-trigger-btn {
display: inline-flex;
align-items: center;
gap: var(--spacing-1);
margin-top: var(--spacing-1);
padding: 0;
border: 0;
background: transparent;
color: var(--erp-ui-accent);
font-size: var(--font-size-xs);
text-decoration: underline;
text-underline-offset: 2px;
}
/* line 93, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-trigger-btn:hover, .erp-ui.receivable-advance-contracts-module .calibration-trigger-btn:focus {
color: var(--erp-ui-accent-hover);
}
/* line 98, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-trigger-btn:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 103, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-trigger-btn i {
font-size: var(--font-size-xs);
}
/* line 112, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operations-hint {
margin: 0 0 var(--spacing-2);
color: var(--erp-ui-ink-2);
font-size: var(--font-size-xs);
}
/* line 118, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operations-loading,
.erp-ui.receivable-advance-contracts-module .calibration-operations-empty {
display: flex;
align-items: center;
gap: var(--spacing-2);
padding: var(--spacing-2) var(--spacing-3);
border-radius: var(--border-radius-md);
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink-2);
font-size: var(--font-size-sm);
}
/* line 130, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operations-error {
margin-bottom: var(--spacing-2);
padding: var(--spacing-2) var(--spacing-3);
border: 1px solid var(--erp-ui-critical);
border-radius: var(--border-radius-md);
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
font-size: var(--font-size-sm);
}
/* line 142, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operations-fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
/* line 151, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operations-list {
display: flex;
flex-direction: column;
gap: var(--spacing-2);
max-height: 220px;
padding-right: var(--spacing-1);
overflow-y: auto;
}
/* line 163, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-row {
display: flex;
align-items: flex-start;
gap: var(--spacing-2);
margin: 0;
padding: var(--spacing-2) var(--spacing-3);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--border-radius-md);
background: var(--erp-ui-surface);
cursor: pointer;
}
/* line 174, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-row:hover {
border-color: var(--erp-ui-accent);
}
/* line 178, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-row:focus-within {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 183, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-row.is-selected {
border-color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
}
/* line 189, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-radio {
flex-shrink: 0;
margin-top: 3px;
}
/* line 194, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-info {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 2px;
min-width: 0;
}
/* line 202, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-headline {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: var(--spacing-2);
}
/* line 209, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-reference {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--erp-ui-ink);
}
/* line 215, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-date {
font-size: var(--font-size-xs);
color: var(--erp-ui-ink-2);
}
/* line 220, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-payer {
display: block;
font-size: var(--font-size-xs);
color: var(--erp-ui-ink-2);
}
/* line 226, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-metrics {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-3);
margin-top: 2px;
}
/* line 233, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-metric {
display: flex;
flex-direction: column;
}
/* line 238, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-metric-label {
font-size: var(--font-size-xs);
color: var(--erp-ui-ink-3);
text-transform: uppercase;
letter-spacing: 0.03em;
}
/* line 245, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-operation-metric-value {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--erp-ui-ink);
}
/* line 251, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-manual-section-title {
margin-top: var(--spacing-4);
padding-top: var(--spacing-3);
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 257, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-titles-section {
margin-top: var(--spacing-3);
}
/* line 261, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-title-row .calibration-remove-row-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
margin-top: 1px;
padding: 0;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--border-radius-md);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
}
/* line 274, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-title-row .calibration-remove-row-btn:hover, .erp-ui.receivable-advance-contracts-module .calibration-title-row .calibration-remove-row-btn:focus {
border-color: var(--erp-ui-critical);
color: var(--erp-ui-critical-text);
}
/* line 280, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-title-row .calibration-remove-row-btn:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 286, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-add-row-btn {
margin-top: var(--spacing-1);
}
/* line 290, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-error-box {
margin-top: var(--spacing-3);
padding: var(--spacing-2) var(--spacing-3);
border: 1px solid var(--erp-ui-critical);
border-radius: var(--border-radius-md);
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
font-size: var(--font-size-sm);
}
/* line 300, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-results {
margin-top: var(--spacing-4);
padding-top: var(--spacing-3);
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 306, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-results-title {
margin: 0 0 var(--spacing-2);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--erp-ui-ink);
}
/* line 313, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-explanation {
display: flex;
align-items: flex-start;
gap: var(--spacing-2);
margin: 0 0 var(--spacing-3);
padding: var(--spacing-2) var(--spacing-3);
border-radius: var(--border-radius-md);
background: var(--erp-ui-accent-soft);
color: var(--erp-ui-ink-2);
font-size: var(--font-size-xs);
}
/* line 324, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-explanation i {
margin-top: 2px;
color: var(--erp-ui-accent);
}
/* line 330, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidates {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--spacing-3);
}
@media (max-width: 640px) {
/* line 337, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidates {
grid-template-columns: 1fr;
}
}
/* line 342, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-card {
display: flex;
flex-direction: column;
padding: var(--spacing-3);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--border-radius-md);
background: var(--erp-ui-surface);
}
/* line 351, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-header {
margin-bottom: var(--spacing-2);
}
/* line 355, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-convention {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--erp-ui-ink);
}
/* line 361, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-metrics {
margin: 0 0 var(--spacing-3);
}
/* line 364, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-metrics .calibration-candidate-metric {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: var(--spacing-2);
padding: var(--spacing-1) 0;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 372, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-metrics .calibration-candidate-metric:last-child {
border-bottom: 0;
}
/* line 376, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-metrics .calibration-candidate-metric dt {
margin: 0;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-normal);
color: var(--erp-ui-ink-2);
}
/* line 383, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-candidate-metrics .calibration-candidate-metric dd {
margin: 0;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--erp-ui-ink);
text-align: right;
}
/* line 393, app/assets/stylesheets/components/receivable_advance_contracts.scss */
.erp-ui.receivable-advance-contracts-module .calibration-use-btn {
align-self: flex-start;
}
/* line 19, app/assets/stylesheets/components/receivable_advances_module.scss */
.erp-ui.receivable-advances-module .limite {
display: grid;
grid-template-columns: minmax(0, 1fr) 210px;
gap: 14px;
align-items: center;
}
/* line 28, app/assets/stylesheets/components/receivable_advances_module.scss */
.erp-ui.receivable-advances-module .limite + .limite {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 44, app/assets/stylesheets/components/receivable_advances_module.scss */
.erp-ui.receivable-advances-module .previa.is-loading {
opacity: 0.55;
pointer-events: none;
}
@media (max-width: 760px) {
/* line 51, app/assets/stylesheets/components/receivable_advances_module.scss */
.erp-ui.receivable-advances-module .limite {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 17, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .bulk-bar {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
background: var(--erp-ui-surface-2);
border-bottom: 1px solid var(--erp-ui-hairline);
border-radius: 8px 8px 0 0;
}
/* line 29, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .bulk-bar-count {
margin: 0;
font-size: 13px;
color: var(--erp-ui-ink-2);
}
/* line 34, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .bulk-bar-count strong {
font-size: 15px;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 41, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .bulk-bar-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
/* line 49, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .data .check-col {
width: 40px;
text-align: center;
padding-right: 0;
}
/* line 57, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .data td .sub {
display: block;
margin-top: 3px;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 64, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .data td .val {
display: block;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 75, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module.is-kanban {
min-height: calc(100vh - 140px);
}
/* line 77, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-board {
display: flex;
gap: 16px;
overflow-x: auto;
padding-bottom: 12px;
align-items: flex-start;
}
/* line 85, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-column {
flex: 0 0 300px;
width: 300px;
background: var(--erp-ui-surface-2);
border: 1px solid var(--erp-ui-hairline);
border-radius: 10px;
padding: 12px;
}
/* line 94, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-column-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
/* line 101, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-column-title {
display: flex;
align-items: center;
gap: 6px;
margin: 0;
font-size: 13px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 113, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-column-hint {
margin: 4px 0 10px;
font-size: 11.5px;
line-height: 1.35;
color: var(--erp-ui-ink-3);
}
/* line 120, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-column-body {
display: flex;
flex-direction: column;
gap: 10px;
min-height: 80px;
border-radius: 8px;
transition: background .12s, box-shadow .12s;
}
/* line 129, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-column-body.drag-over {
background: var(--erp-ui-accent-soft);
box-shadow: inset 0 0 0 2px var(--erp-ui-accent);
}
/* line 135, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-column-empty {
margin: 0;
padding: 10px 2px;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 142, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-card {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-left: 3px solid var(--erp-ui-hairline-strong);
border-radius: 8px;
padding: 10px;
cursor: grab;
}
/* line 152, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-card.tone-info {
border-left-color: var(--erp-ui-accent);
}
/* line 153, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-card.tone-good {
border-left-color: var(--erp-ui-good-text);
}
/* line 155, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kanban-card.dragging {
opacity: .5;
cursor: grabbing;
}
/* line 158, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
}
/* line 166, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-doc {
font-weight: 700;
font-size: 13px;
color: var(--erp-ui-ink);
}
/* line 167, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-date {
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 169, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-person,
.erp-ui.receivables-delivery-module .kc-work {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 177, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-person {
font-size: 13px;
color: var(--erp-ui-ink);
}
/* line 178, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-work {
font-size: 11.5px;
color: var(--erp-ui-ink-3);
margin-top: 2px;
}
/* line 180, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-docs {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin: 8px 0;
}
/* line 187, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-doc-link {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 7px;
font-size: 11px;
font-weight: 600;
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
color: var(--erp-ui-ink-2);
background: var(--erp-ui-surface);
}
/* line 199, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-doc-link:hover {
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent);
text-decoration: none;
}
/* line 200, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-doc-link.is-remove:hover {
border-color: var(--erp-ui-critical-text);
color: var(--erp-ui-critical-text);
}
/* line 202, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-doc-link .erp-icon {
width: 12px;
height: 12px;
}
/* line 206, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-amount {
margin: 8px 0 0;
font-size: 15px;
font-weight: 700;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 214, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 224, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-note {
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 225, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .kc-actions {
display: flex;
gap: 4px;
}
/* line 236, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .historico-envios {
max-height: 260px;
overflow-y: auto;
}
/* line 241, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module .upload-boleto input[type="file"] {
padding: 4px 8px;
}
/* line 245, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module.is-preview .preview-body {
padding: 0;
height: 72vh;
}
/* line 249, app/assets/stylesheets/components/receivables_delivery_module.scss */
.erp-ui.receivables-delivery-module.is-preview .preview-body iframe {
display: block;
border: 0;
width: 100%;
height: 100%;
}
/* line 15, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-progress,
.erp-ui .recon-module .recon-progress {
display: flex;
align-items: center;
gap: 9px;
min-width: 0;
}
/* line 21, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-progress .erp-bar-track,
.erp-ui .recon-module .recon-progress .erp-bar-track {
flex: none;
width: 72px;
height: 6px;
}
/* line 28, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-progress-text,
.erp-ui .recon-module .recon-progress-text {
font-size: 12px;
color: var(--erp-ui-ink-2);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
/* line 37, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-credit,
.erp-ui.recon-module .recon-debit,
.erp-ui .recon-module .recon-credit,
.erp-ui .recon-module .recon-debit {
display: block;
font-weight: 600;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
/* line 45, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-credit,
.erp-ui .recon-module .recon-credit {
color: var(--erp-ui-good-text);
}
/* line 48, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module td .pill,
.erp-ui .recon-module td .pill {
white-space: nowrap;
}
/* line 49, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-debit,
.erp-ui .recon-module .recon-debit {
color: var(--erp-ui-critical-text);
}
/* line 56, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-steps,
.erp-ui .recon-module .recon-steps {
margin: 0;
padding-left: 18px;
font-size: 13px;
color: var(--erp-ui-ink-2);
line-height: 1.7;
}
/* line 63, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-steps b,
.erp-ui .recon-module .recon-steps b {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 75, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-note,
.erp-ui .recon-module .recon-note {
margin: 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 80, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-note b,
.erp-ui .recon-module .recon-note b {
color: var(--erp-ui-ink);
font-weight: 600;
}
/* line 83, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-summary,
.erp-ui .recon-module .recon-summary {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 88, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-summary > summary,
.erp-ui .recon-module .recon-summary > summary {
padding: 10px 14px;
cursor: pointer;
font-size: 13px;
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: baseline;
}
/* line 97, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-summary > summary > span,
.erp-ui .recon-module .recon-summary > summary > span {
color: var(--erp-ui-ink-3);
font-size: 12px;
}
/* line 100, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-summary > div,
.erp-ui .recon-module .recon-summary > div {
padding: 0 14px 12px;
display: grid;
gap: 8px;
max-width: 90ch;
}
/* line 107, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-summary h4,
.erp-ui .recon-module .recon-summary h4 {
margin: 4px 0 0;
font-size: 12.5px;
}
/* line 110, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-summary-text,
.erp-ui .recon-module .recon-summary-text {
margin: 0;
font-size: 13px;
color: var(--erp-ui-ink-2);
white-space: pre-line;
}
/* line 117, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-flags,
.erp-ui .recon-module .recon-flags {
margin: 0;
padding-left: 18px;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
display: grid;
gap: 2px;
}
/* line 127, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-tools,
.erp-ui .recon-module .recon-tools {
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 137, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-tools-acts,
.erp-ui .recon-module .recon-tools-acts {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}
/* line 144, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-filter,
.erp-ui .recon-module .recon-filter {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
/* line 149, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-filter a,
.erp-ui .recon-module .recon-filter a {
display: inline-flex;
align-items: center;
gap: 6px;
border: 1px solid var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
border-radius: 999px;
padding: 3px 6px 3px 12px;
font-size: 12.5px;
text-decoration: none;
white-space: nowrap;
}
/* line 162, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-filter a:hover,
.erp-ui .recon-module .recon-filter a:hover {
background: var(--erp-ui-surface-2);
color: var(--erp-ui-ink);
}
/* line 164, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-filter a[aria-current="page"],
.erp-ui .recon-module .recon-filter a[aria-current="page"] {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent);
font-weight: 600;
}
/* line 171, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-filter a:focus-visible,
.erp-ui .recon-module .recon-filter a:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 1px;
}
/* line 175, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-period,
.erp-ui .recon-module .recon-period {
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
align-items: flex-end;
padding: 10px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 183, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-period .field,
.erp-ui .recon-module .recon-period .field {
width: 160px;
}
/* line 186, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-check-label,
.erp-ui .recon-module .recon-check-label {
display: inline-flex;
gap: 6px;
align-items: center;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
padding-bottom: 6px;
}
/* line 196, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-work,
.erp-ui .recon-module .recon-work {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
}
/* line 201, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-queue,
.erp-ui .recon-module .recon-queue {
min-width: 0;
border-right: 1px solid var(--erp-ui-hairline);
}
/* line 206, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-list,
.erp-ui .recon-module .recon-list {
list-style: none;
margin: 0;
padding: 0;
max-height: 620px;
overflow-y: auto;
}
/* line 214, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row,
.erp-ui .recon-module .recon-row {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
align-items: start;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 221, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-check,
.erp-ui .recon-module .recon-row-check {
margin: 12px 0 0 12px;
width: 14px;
height: 14px;
}
/* line 227, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-link,
.erp-ui .recon-module .recon-row-link {
display: grid;
grid-template-columns: 44px minmax(0, 1fr) auto;
grid-template-areas: "data desc valor" "data dica valor";
gap: 2px 10px;
padding: 9px 14px 9px 6px;
color: var(--erp-ui-ink);
text-decoration: none;
border-left: 3px solid transparent;
}
/* line 239, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-link:hover,
.erp-ui .recon-module .recon-row-link:hover {
background: var(--erp-ui-surface-2);
}
/* line 240, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-link:focus-visible,
.erp-ui .recon-module .recon-row-link:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: -2px;
}
/* line 242, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-link[aria-current="true"],
.erp-ui .recon-module .recon-row-link[aria-current="true"] {
background: var(--erp-ui-accent-soft);
border-left-color: var(--erp-ui-accent);
}
/* line 248, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-date,
.erp-ui .recon-module .recon-row-date {
grid-area: data;
font-size: 12px;
color: var(--erp-ui-ink-3);
font-variant-numeric: tabular-nums;
padding-top: 1px;
}
/* line 256, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-desc,
.erp-ui .recon-module .recon-row-desc {
grid-area: desc;
font-size: 13px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
/* line 266, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-hint,
.erp-ui .recon-module .recon-row-hint {
grid-area: dica;
display: flex;
flex-wrap: wrap;
gap: 4px 6px;
align-items: center;
}
/* line 274, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-row-amount,
.erp-ui .recon-module .recon-row-amount {
grid-area: valor;
text-align: right;
}
/* line 279, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-keys,
.erp-ui .recon-module .recon-keys {
margin: 0;
padding: 8px 14px;
font-size: 12px;
color: var(--erp-ui-ink-3);
background: var(--erp-ui-surface-2);
}
/* line 286, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-keys kbd,
.erp-ui .recon-module .recon-keys kbd {
font: 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
border: 1px solid var(--erp-ui-hairline-strong);
border-bottom-width: 2px;
border-radius: 4px;
padding: 0 4px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
}
/* line 297, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-panel,
.erp-ui .recon-module .recon-panel {
min-width: 0;
}
/* line 299, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-decide,
.erp-ui .recon-module .recon-decide {
padding: 14px 16px;
display: grid;
gap: 12px;
align-content: start;
}
/* line 306, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp,
.erp-ui .recon-module .recon-cmp {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
}
/* line 313, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp > div,
.erp-ui .recon-module .recon-cmp > div {
padding: 10px 12px;
display: grid;
gap: 4px;
align-content: start;
min-width: 0;
}
/* line 321, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp > div + div,
.erp-ui .recon-module .recon-cmp > div + div {
border-left: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
}
/* line 327, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp-label,
.erp-ui .recon-module .recon-cmp-label {
font-size: 10.5px;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--erp-ui-ink-3);
font-weight: 700;
}
/* line 335, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp-value,
.erp-ui .recon-module .recon-cmp-value {
font-size: 18px;
font-weight: 650;
font-variant-numeric: tabular-nums;
}
/* line 341, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp-desc,
.erp-ui .recon-module .recon-cmp-desc {
font-size: 12.5px;
overflow-wrap: anywhere;
}
/* line 346, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-kv,
.erp-ui .recon-module .recon-kv {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 2px 10px;
margin: 0;
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 354, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-kv dd,
.erp-ui .recon-module .recon-kv dd {
margin: 0;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
overflow-wrap: anywhere;
}
/* line 362, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cands,
.erp-ui .recon-module .recon-cands {
display: grid;
gap: 6px;
}
/* line 367, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cand,
.erp-ui .recon-module .recon-cand {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto auto;
gap: 2px 10px;
align-items: center;
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
padding: 8px 10px;
font-size: 12.5px;
}
/* line 377, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cand.is-top,
.erp-ui .recon-module .recon-cand.is-top {
border-color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
}
/* line 380, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cand-main,
.erp-ui .recon-module .recon-cand-main {
min-width: 0;
display: grid;
gap: 1px;
}
/* line 382, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cand-amount,
.erp-ui.recon-module .recon-cand-score,
.erp-ui .recon-module .recon-cand-amount,
.erp-ui .recon-module .recon-cand-score {
font-variant-numeric: tabular-nums;
white-space: nowrap;
text-align: right;
}
/* line 389, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cand-score,
.erp-ui .recon-module .recon-cand-score {
font-weight: 700;
font-size: 12px;
}
/* line 391, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-more,
.erp-ui .recon-module .recon-more {
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
}
/* line 395, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-more > summary,
.erp-ui .recon-module .recon-more > summary {
padding: 8px 10px;
font-size: 12.5px;
font-weight: 600;
cursor: pointer;
color: var(--erp-ui-ink-2);
}
/* line 403, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-more > div,
.erp-ui.recon-module .recon-more > turbo-frame,
.erp-ui .recon-module .recon-more > div,
.erp-ui .recon-module .recon-more > turbo-frame {
padding: 0 10px 10px;
display: grid;
gap: 6px;
}
/* line 411, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-group-row,
.erp-ui .recon-module .recon-group-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
font-size: 12.5px;
padding: 4px 0;
cursor: pointer;
}
/* line 421, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-decide-acts,
.erp-ui .recon-module .recon-decide-acts {
display: flex;
flex-wrap: wrap;
gap: 8px;
border-top: 1px solid var(--erp-ui-hairline);
padding-top: 12px;
}
/* line 429, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-spacer,
.erp-ui .recon-module .recon-spacer {
flex: 1 1 auto;
}
/* line 431, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-candidates fieldset,
.erp-ui .recon-module .recon-candidates fieldset {
border: 0;
margin: 0;
padding: 0;
display: grid;
gap: 6px;
}
/* line 439, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-badges,
.erp-ui .recon-module .recon-badges {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 3px;
}
/* line 446, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-line,
.erp-ui .recon-module .recon-line {
display: block;
font-size: 12.5px;
}
/* line 449, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal,
.erp-ui .recon-module .recon-bal {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
padding: 14px;
}
/* line 456, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-card,
.erp-ui .recon-module .recon-bal-card {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
padding: 10px 12px;
display: grid;
gap: 8px;
align-content: start;
}
/* line 464, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-card h3,
.erp-ui .recon-module .recon-bal-card h3 {
margin: 0;
font-size: 12.5px;
color: var(--erp-ui-ink-2);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 4px 8px;
}
/* line 473, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-card h3 span,
.erp-ui .recon-module .recon-bal-card h3 span {
font-weight: 400;
color: var(--erp-ui-ink-3);
}
/* line 477, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-cells,
.erp-ui .recon-module .recon-bal-cells {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
margin: 0;
}
/* line 483, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-cells div,
.erp-ui .recon-module .recon-bal-cells div {
display: grid;
gap: 1px;
min-width: 0;
}
/* line 484, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-cells dt,
.erp-ui .recon-module .recon-bal-cells dt {
font-size: 11px;
color: var(--erp-ui-ink-3);
font-weight: 400;
}
/* line 485, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-cells dd,
.erp-ui .recon-module .recon-bal-cells dd {
margin: 0;
font-size: 14px;
font-weight: 650;
font-variant-numeric: tabular-nums;
overflow-wrap: anywhere;
}
/* line 488, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-note,
.erp-ui .recon-module .recon-bal-note {
margin: 0;
font-size: 12px;
color: var(--erp-ui-warning-text);
background: var(--erp-ui-warning-soft);
border-radius: 6px;
padding: 6px 8px;
}
/* line 497, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-diff,
.erp-ui .recon-module .recon-diff {
margin: 0 14px 14px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
overflow: hidden;
}
/* line 504, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-diff-row,
.erp-ui .recon-module .recon-diff-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
padding: 8px 12px;
font-size: 13px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 512, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-diff-row:first-child,
.erp-ui .recon-module .recon-diff-row:first-child {
border-top: 0;
}
/* line 513, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-diff-row.is-head,
.erp-ui .recon-module .recon-diff-row.is-head {
background: var(--erp-ui-warning-soft);
color: var(--erp-ui-warning-text);
font-weight: 600;
}
/* line 514, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-diff-row.is-ok,
.erp-ui .recon-module .recon-diff-row.is-ok {
background: var(--erp-ui-good-soft);
color: var(--erp-ui-good-text);
font-weight: 600;
}
/* line 516, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-diff-row small,
.erp-ui .recon-module .recon-diff-row small {
display: block;
color: var(--erp-ui-ink-3);
font-weight: 400;
font-size: 11.5px;
}
/* line 523, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-diff-row .money,
.erp-ui .recon-module .recon-diff-row .money {
font-weight: 600;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
/* line 526, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-sides,
.erp-ui .recon-module .recon-sides {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 532, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-side,
.erp-ui .recon-module .recon-side {
min-width: 0;
max-height: 520px;
overflow-y: auto;
}
/* line 537, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-side + .recon-side,
.erp-ui .recon-module .recon-side + .recon-side {
border-left: 1px solid var(--erp-ui-hairline);
}
/* line 539, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-side h3,
.erp-ui .recon-module .recon-side h3 {
position: sticky;
top: 0;
margin: 0;
padding: 10px 14px;
font-size: 13px;
display: flex;
justify-content: space-between;
gap: 8px;
border-bottom: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
}
/* line 551, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-side h3 span,
.erp-ui .recon-module .recon-side h3 span {
font-weight: 400;
color: var(--erp-ui-ink-3);
font-size: 12px;
}
/* line 554, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-side > .recon-note,
.erp-ui .recon-module .recon-side > .recon-note {
padding: 14px;
}
/* line 557, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow,
.erp-ui .recon-module .recon-srow {
display: grid;
grid-template-columns: 70px 44px minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
padding: 7px 14px;
border-bottom: 1px solid var(--erp-ui-hairline);
font-size: 12.5px;
cursor: pointer;
margin: 0;
}
/* line 568, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow:hover,
.erp-ui .recon-module .recon-srow:hover {
background: var(--erp-ui-surface-2);
}
/* line 569, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow.is-done,
.erp-ui .recon-module .recon-srow.is-done {
color: var(--erp-ui-ink-3);
cursor: default;
}
/* line 571, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow .recon-row-desc,
.erp-ui .recon-module .recon-srow .recon-row-desc {
font-weight: 400;
font-size: 12.5px;
}
/* line 575, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow .recon-row-date,
.erp-ui.recon-module .recon-srow .recon-row-desc,
.erp-ui.recon-module .recon-srow .recon-row-amount,
.erp-ui .recon-module .recon-srow .recon-row-date,
.erp-ui .recon-module .recon-srow .recon-row-desc,
.erp-ui .recon-module .recon-srow .recon-row-amount {
grid-area: auto;
}
/* line 580, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow-state,
.erp-ui .recon-module .recon-srow-state {
font-size: 11px;
color: var(--erp-ui-ink-3);
}
/* line 585, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-selbar,
.erp-ui .recon-module .recon-selbar {
position: sticky;
bottom: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
background: var(--erp-ui-surface);
border-top: 1px solid var(--erp-ui-hairline-strong);
font-size: 12.5px;
}
/* line 598, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-selbar b,
.erp-ui .recon-module .recon-selbar b {
font-variant-numeric: tabular-nums;
}
/* line 601, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-modal-error,
.erp-ui .recon-module .recon-modal-error {
margin: 0 0 10px;
padding: 8px 10px;
border-radius: 6px;
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
font-size: 12.5px;
}
/* line 610, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-modal-narrow,
.erp-ui .recon-module .recon-modal-narrow {
width: 520px;
max-width: 100%;
}
@media (max-width: 1100px) {
/* line 613, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-work,
.erp-ui .recon-module .recon-work {
grid-template-columns: minmax(0, 1fr);
}
/* line 614, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-queue,
.erp-ui .recon-module .recon-queue {
border-right: 0;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 615, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-list,
.erp-ui .recon-module .recon-list {
max-height: 360px;
}
}
@media (max-width: 900px) {
/* line 619, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal,
.erp-ui.recon-module .recon-sides,
.erp-ui .recon-module .recon-bal,
.erp-ui .recon-module .recon-sides {
grid-template-columns: minmax(0, 1fr);
}
/* line 621, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-side + .recon-side,
.erp-ui .recon-module .recon-side + .recon-side {
border-left: 0;
border-top: 1px solid var(--erp-ui-hairline);
}
}
@media (max-width: 600px) {
/* line 625, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp,
.erp-ui .recon-module .recon-cmp {
grid-template-columns: minmax(0, 1fr);
}
/* line 626, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cmp > div + div,
.erp-ui .recon-module .recon-cmp > div + div {
border-left: 0;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 627, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-bal-cells,
.erp-ui .recon-module .recon-bal-cells {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* line 628, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-cand,
.erp-ui .recon-module .recon-cand {
grid-template-columns: minmax(0, 1fr) auto;
}
/* line 629, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow,
.erp-ui .recon-module .recon-srow {
grid-template-columns: 60px 40px minmax(0, 1fr);
}
/* line 630, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-srow .recon-row-amount,
.erp-ui .recon-module .recon-srow .recon-row-amount {
grid-column: 3;
}
}
/* line 644, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-grid,
.erp-ui .recon-module .recon-an-grid {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 16px;
margin-bottom: 16px;
}
/* line 650, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-grid.is-three,
.erp-ui .recon-module .recon-an-grid.is-three {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 0;
}
/* line 655, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-grid > .card,
.erp-ui .recon-module .recon-an-grid > .card {
margin-bottom: 0;
}
@media (max-width: 1100px) {
/* line 658, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-grid.is-three,
.erp-ui .recon-module .recon-an-grid.is-three {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 900px) {
/* line 644, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-grid,
.erp-ui .recon-module .recon-an-grid {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 666, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-note,
.erp-ui .recon-module .recon-an-note {
margin: 8px 0 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 672, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-subhead,
.erp-ui .recon-module .recon-an-subhead {
margin: 0 0 8px;
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 679, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-cols,
.erp-ui .recon-module .recon-an-cols {
display: flex;
align-items: flex-end;
gap: 10px;
height: 150px;
padding-top: 4px;
border-bottom: 1px solid var(--erp-ui-hairline-strong);
}
/* line 688, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-col,
.erp-ui .recon-module .recon-an-col {
flex: 1 1 0;
min-width: 0;
height: 100%;
display: flex;
justify-content: center;
}
/* line 697, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-stack,
.erp-ui .recon-module .recon-an-stack {
width: 56%;
max-width: 64px;
height: 100%;
display: flex;
flex-direction: column-reverse;
}
/* line 705, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-fill,
.erp-ui .recon-module .recon-an-fill {
display: block;
width: 100%;
height: 0;
background: var(--erp-ui-ink-3);
}
/* line 711, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-fill.is-auto,
.erp-ui .recon-module .recon-an-fill.is-auto {
background: var(--erp-ui-accent);
}
/* line 715, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-stack > .recon-an-fill:last-child,
.erp-ui .recon-module .recon-an-stack > .recon-an-fill:last-child {
border-radius: 3px 3px 0 0;
}
/* line 717, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-labels,
.erp-ui .recon-module .recon-an-labels {
display: flex;
gap: 10px;
margin-top: 6px;
}
/* line 722, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-labels span,
.erp-ui .recon-module .recon-an-labels span {
flex: 1 1 0;
min-width: 0;
text-align: center;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
white-space: nowrap;
}
/* line 731, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-labels b,
.erp-ui .recon-module .recon-an-labels b {
display: block;
font-size: 12px;
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 739, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-details,
.erp-ui .recon-module .recon-an-details {
margin-top: 12px;
}
/* line 742, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-details summary,
.erp-ui .recon-module .recon-an-details summary {
cursor: pointer;
font-size: 12.5px;
color: var(--erp-ui-accent);
}
/* line 748, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-details .table-scroll,
.erp-ui .recon-module .recon-an-details .table-scroll {
margin-top: 8px;
}
/* line 751, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-who,
.erp-ui .recon-module .recon-an-who {
min-width: 0;
}
/* line 754, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-who .main, .erp-ui.recon-module .recon-an-who .sub,
.erp-ui .recon-module .recon-an-who .main,
.erp-ui .recon-module .recon-an-who .sub {
display: block;
overflow-wrap: anywhere;
}
/* line 757, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-split,
.erp-ui .recon-module .recon-an-split {
display: flex;
align-items: center;
gap: 9px;
min-width: 0;
flex: 0 1 auto;
}
/* line 765, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-split .erp-stack,
.erp-ui .recon-module .recon-an-split .erp-stack {
flex: 0 1 96px;
min-width: 24px;
height: 8px;
}
/* line 771, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-split .sub,
.erp-ui .recon-module .recon-an-split .sub {
white-space: nowrap;
}
/* line 775, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module .recon-an-oldest .pill,
.erp-ui .recon-module .recon-an-oldest .pill {
display: table;
margin-top: 3px;
}
@media (max-width: 768px) {
/* line 785, app/assets/stylesheets/components/reconciliations_module.scss */
.erp-ui.recon-module table.data td.acts,
.erp-ui .recon-module table.data td.acts {
width: 100%;
}
}
/* line 10, app/assets/stylesheets/components/recurring_payable_templates_module.scss */
.erp-ui.recurring-payable-templates-module table.data tr.is-skip td {
color: var(--erp-ui-ink-3);
background: var(--erp-ui-surface-2);
}
/* line 19, app/assets/stylesheets/components/remittance_files_module.scss */
.erp-ui.remittance-files-module .resumo-selecao {
display: flex;
gap: 18px;
flex-wrap: wrap;
align-items: baseline;
padding: 12px 14px;
background: var(--erp-ui-accent-soft);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 29, app/assets/stylesheets/components/remittance_files_module.scss */
.erp-ui.remittance-files-module .resumo-selecao b {
font-size: 18px;
font-variant-numeric: tabular-nums;
}
/* line 13, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-intro {
margin-bottom: 16px;
}
/* line 16, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-intro p {
color: var(--erp-ui-ink-3);
font-size: 13px;
margin: 0 0 8px;
}
/* line 23, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-section-actions {
margin-bottom: 12px;
display: flex;
justify-content: flex-end;
}
/* line 29, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-balance {
padding: 16px;
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 39, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .is-staged-removal {
text-decoration: line-through;
color: var(--erp-ui-ink-3);
}
/* line 49, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-billing-filters {
margin-bottom: 14px;
}
/* line 55, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-billing-filters .segmented {
flex-wrap: wrap;
height: auto;
}
/* line 60, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-billing-filters .seg-btn .count {
margin-left: 7px;
}
/* line 67, app/assets/stylesheets/components/rental_services_module.scss */
.erp-ui.rental-services-module .rs-billing-filters .seg-btn[aria-pressed="true"] .count {
background: var(--erp-ui-accent-ink);
border-color: var(--erp-ui-accent-ink);
color: var(--erp-ui-accent);
}
/* line 14, app/assets/stylesheets/components/return_files_module.scss */
.erp-ui.return-files-module .erros-lista {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 6px;
}
/* line 21, app/assets/stylesheets/components/return_files_module.scss */
.erp-ui.return-files-module .erros-lista li {
padding: 8px 12px;
border: 1px solid var(--erp-ui-critical);
border-left-width: 3px;
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-critical-soft);
color: var(--erp-ui-critical-text);
font-size: 13px;
}
/* line 31, app/assets/stylesheets/components/return_files_module.scss */
.erp-ui.return-files-module .erros-lista .ref {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-weight: 700;
margin-right: 6px;
}
/* line 8, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px 16px;
margin: 4px 0 14px;
}
/* line 17, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-toolbar-left {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
flex: 1 1 320px;
}
/* line 25, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-search {
flex: 1 1 200px;
max-width: 300px;
}
/* line 30, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-total {
color: var(--erp-ui-ink-2);
font-size: 13px;
}
/* line 34, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-total strong {
color: var(--erp-ui-ink);
font-variant-numeric: tabular-nums;
}
/* line 40, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-empty-filter {
color: var(--erp-ui-ink-3);
text-align: center;
padding: 16px;
margin: 0;
}
/* line 48, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-section {
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
margin-bottom: 10px;
}
/* line 54, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-section > summary {
list-style: none;
cursor: pointer;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 12px;
padding: 10px 12px;
background: var(--erp-ui-surface-2);
border-radius: var(--erp-ui-radius);
}
/* line 66, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-section > summary::-webkit-details-marker {
display: none;
}
/* line 67, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-section > summary:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 70, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-section[open] > summary {
border-bottom: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius) var(--erp-ui-radius) 0 0;
}
/* line 76, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-section-title {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 84, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-section-tools {
display: inline-flex;
gap: 12px;
}
/* line 89, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-link {
border: 0;
background: none;
padding: 0;
color: var(--erp-ui-accent);
font-weight: 600;
font-size: 13px;
cursor: pointer;
}
/* line 98, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-link:hover {
text-decoration: underline;
}
/* line 99, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-link:focus-visible {
outline: 2px solid var(--erp-ui-accent);
outline-offset: 2px;
}
/* line 105, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix {
width: 100%;
min-width: 760px;
border-collapse: collapse;
table-layout: fixed;
}
/* line 111, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix col.col-module {
width: 30%;
}
/* line 112, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix col.col-action {
width: 76px;
}
/* line 114, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix th,
.erp-ui.roles-module .roles-matrix td {
padding: 8px 10px;
border-bottom: 1px solid var(--erp-ui-hairline);
text-align: center;
vertical-align: middle;
}
/* line 122, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix thead th {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--erp-ui-ink-2);
white-space: nowrap;
}
/* line 131, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix thead th:first-child,
.erp-ui.roles-module .roles-matrix thead th:last-child,
.erp-ui.roles-module .roles-matrix tbody th,
.erp-ui.roles-module .roles-matrix tbody td:last-child {
text-align: left;
}
/* line 138, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix tbody th {
font-weight: 400;
}
/* line 139, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix tbody tr:last-child th,
.erp-ui.roles-module .roles-matrix tbody tr:last-child td {
border-bottom: 0;
}
/* line 142, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-matrix .na {
color: var(--erp-ui-ink-3);
}
/* line 145, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-cb,
.erp-ui.roles-module .roles-flow-chip input {
width: 16px;
height: 16px;
accent-color: var(--erp-ui-accent);
cursor: pointer;
}
/* line 152, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-cb:disabled,
.erp-ui.roles-module .roles-flow-chip input:disabled {
cursor: default;
}
/* line 157, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-cb.is-implied {
opacity: .45;
}
/* line 159, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-flow {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
/* line 165, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-flow-chip {
display: inline-flex;
align-items: center;
gap: 5px;
margin: 0;
padding: 1px 9px 1px 6px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 999px;
background: var(--erp-ui-surface);
color: var(--erp-ui-ink-2);
font-size: 12px;
font-weight: 600;
cursor: pointer;
}
/* line 179, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-flow-chip input {
width: 13px;
height: 13px;
margin: 0;
}
/* line 185, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-flow-chip.is-on {
background: var(--erp-ui-accent-soft);
border-color: var(--erp-ui-accent-marker);
color: var(--erp-ui-accent);
}
/* line 191, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-flow-chip.is-implied {
opacity: .6;
}
/* line 195, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-from-model {
font-size: 13.5px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface-2);
padding: 12px 14px;
margin-bottom: 14px;
}
/* line 203, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-from-model ul {
margin: 6px 0 0;
padding-left: 18px;
}
/* line 208, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-from-model .hint {
margin: 6px 0 0;
}
/* line 211, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-from-model-head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 8px;
color: var(--erp-ui-accent);
}
/* line 220, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-users {
margin-top: 16px;
}
/* line 222, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-users-head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 14px 16px 8px;
}
/* line 231, app/assets/stylesheets/components/roles_module.scss */
.erp-ui.roles-module .roles-users-foot {
padding: 10px 16px 14px;
margin: 0;
}
/* line 13, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-bottom: 20px;
}
/* line 20, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-body {
padding: 14px 18px;
}
/* line 24, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-kv {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* line 25, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-kv-wide {
grid-column: 1 / -1;
}
/* line 27, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-note {
margin: 0 0 4px;
color: var(--erp-ui-ink-2);
font-size: 13px;
}
/* line 33, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-mono,
.erp-ui.admin-payment-configs-module code {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 12px;
color: var(--erp-ui-ink);
overflow-wrap: break-word;
}
/* line 41, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-mono {
overflow-wrap: anywhere;
}
/* line 43, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-reqs {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 6px;
}
/* line 51, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req {
display: grid;
grid-template-columns: 16px minmax(0, 1fr) auto;
align-items: center;
gap: 4px 8px;
padding: 6px 8px;
border-radius: 6px;
background: var(--erp-ui-surface-2);
font-size: 13px;
}
/* line 61, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req.good .gw-req-icon {
color: var(--erp-ui-good-text);
}
/* line 62, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req.warning .gw-req-icon {
color: var(--erp-ui-warning-text);
}
/* line 63, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req.critical .gw-req-icon {
color: var(--erp-ui-critical-text);
}
/* line 64, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req.neutral .gw-req-icon {
color: var(--erp-ui-ink-3);
}
/* line 67, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req-icon {
width: 14px;
height: 14px;
}
/* line 72, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req-reason {
grid-column: 2 / -1;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 78, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-foot {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
padding: 10px 18px;
border-top: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 91, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-test-form {
margin: 0;
}
/* line 93, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module > .card {
margin-bottom: 20px;
}
/* line 95, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-howto {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
padding: 4px 18px 16px;
font-size: 13px;
}
/* line 102, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-howto ol {
margin: 0;
padding-left: 18px;
color: var(--erp-ui-ink-2);
display: grid;
gap: 4px;
}
/* line 111, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-envlist {
width: 100%;
border-collapse: collapse;
font-size: 12.5px;
}
/* line 116, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-envlist td {
padding: 5px 8px;
border-bottom: 1px solid var(--erp-ui-hairline);
vertical-align: top;
color: var(--erp-ui-ink-2);
}
@media (max-width: 860px) {
/* line 126, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-grid,
.erp-ui.admin-payment-configs-module .gw-howto {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 575px) {
/* line 133, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req {
grid-template-columns: 16px minmax(0, 1fr);
}
/* line 136, app/assets/stylesheets/components/saas_payment_configs_module.scss */
.erp-ui.admin-payment-configs-module .gw-req .pill {
grid-column: 2;
justify-self: start;
}
}
/* line 11, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrences-timeline {
position: relative;
padding-left: 28px;
}
/* line 15, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrences-timeline::before {
content: "";
position: absolute;
left: 12px;
top: 0;
bottom: 0;
width: 2px;
background: var(--gray-300);
}
/* line 26, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-item {
position: relative;
padding-bottom: 2rem;
}
/* line 30, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-item:last-child {
padding-bottom: 0;
}
/* line 42, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-marker {
position: absolute;
box-sizing: border-box;
left: -21px;
top: 22px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--color-warning);
border: 2px solid var(--gray-50);
z-index: 1;
}
/* line 55, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-item-blocking .occurrence-marker {
background: var(--color-danger);
}
/* line 59, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-content {
background: var(--gray-50);
padding: 1rem;
border-radius: 0.5rem;
border: 1px solid var(--gray-300);
box-shadow: var(--erp-ui-shadow);
}
/* line 67, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-title {
font-size: 1.1rem;
font-weight: 600;
color: var(--gray-900);
}
/* line 73, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-meta {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
}
/* line 80, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-gps-data {
background: var(--gray-100);
border-radius: 0.375rem;
}
/* line 85, app/assets/stylesheets/components/service_order_occurrences.scss */
.service-order-occurrences-panel .occurrence-attachment-thumb {
max-width: 300px;
max-height: 200px;
}
/* line 26, app/assets/stylesheets/components/service_order_signature.scss */
.erp-ui.service-orders-module .signature-pad {
height: 220px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
overflow: hidden;
}
/* line 33, app/assets/stylesheets/components/service_order_signature.scss */
.erp-ui.service-orders-module .signature-pad-canvas {
display: block;
width: 100%;
height: 100%;
cursor: crosshair;
touch-action: none;
}
/* line 11, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .tabs {
overflow-x: auto;
}
/* line 15, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-barra {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding: 12px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 24, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-barra .hint {
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 30, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-formato {
font-weight: 600;
margin-right: 4px;
}
/* line 35, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-acoes {
display: flex;
gap: 6px;
justify-content: flex-end;
flex-wrap: wrap;
}
/* line 44, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-meta {
align-items: start;
}
/* line 48, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed {
display: grid;
grid-template-columns: 230px minmax(0, 1.25fr) minmax(0, 1fr);
border-top: 1px solid var(--erp-ui-hairline);
min-height: 640px;
}
@media (max-width: 1280px) {
/* line 48, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed {
grid-template-columns: 210px minmax(0, 1fr);
}
/* line 57, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed .doc-tpl-preview {
grid-column: 1 / -1;
border-left: 0;
border-top: 1px solid var(--erp-ui-hairline);
}
}
@media (max-width: 760px) {
/* line 48, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed {
grid-template-columns: minmax(0, 1fr);
}
/* line 67, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed .doc-tpl-vars {
max-height: 220px;
border-right: 0;
border-bottom: 1px solid var(--erp-ui-hairline);
}
}
/* line 75, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed-texto {
grid-template-columns: 230px minmax(0, 1fr);
min-height: 0;
}
/* line 79, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed-texto > .grid {
padding: 14px 16px;
}
@media (max-width: 760px) {
/* line 75, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-ed-texto {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 88, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-vars {
padding: 10px;
border-right: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface-2);
overflow-y: auto;
max-height: 720px;
}
/* line 95, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-vars h4 {
margin: 12px 2px 4px;
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 104, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-vars .hint {
margin: 6px 2px 0;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
}
/* line 111, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-var {
display: block;
width: 100%;
margin: 0 0 3px;
padding: 5px 7px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
text-align: left;
font-family: SFMono-Regular, Menlo, Consolas, monospace;
font-size: 11.5px;
color: var(--erp-ui-blue-text);
word-break: break-all;
cursor: pointer;
}
/* line 126, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-var .lbl {
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 11.5px;
color: var(--erp-ui-ink-2);
word-break: normal;
}
/* line 134, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-var:hover:not(:disabled) {
border-color: var(--erp-ui-hairline-strong);
background: var(--erp-ui-surface);
}
/* line 139, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-var:disabled {
cursor: default;
}
/* line 144, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-pane,
.erp-ui.document-templates-module .doc-tpl-preview {
display: flex;
flex-direction: column;
min-width: 0;
}
/* line 151, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-preview {
border-left: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-page);
}
/* line 156, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-pane-bar {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
padding: 8px 12px;
border-bottom: 1px solid var(--erp-ui-hairline);
background: var(--erp-ui-surface);
font-size: 12.5px;
}
/* line 166, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-pane-bar select {
width: auto;
max-width: 100%;
flex: 1 1 160px;
}
/* line 173, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-seg {
display: inline-flex;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 6px;
overflow: hidden;
}
/* line 179, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-seg button {
padding: 4px 12px;
border: 0;
background: var(--erp-ui-surface);
font-size: 12.5px;
color: var(--erp-ui-ink-2);
cursor: pointer;
}
/* line 187, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-seg button + button {
border-left: 1px solid var(--erp-ui-hairline-strong);
}
/* line 189, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-seg button[aria-pressed="true"] {
background: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 194, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-seg button:disabled {
opacity: .5;
cursor: not-allowed;
}
/* line 201, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-note {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 206, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-visual,
.erp-ui.document-templates-module .doc-tpl-code {
flex: 1 1 auto;
min-height: 640px;
}
/* line 212, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-visual .tox-tinymce {
border: 0;
border-radius: 0;
}
/* line 217, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-loading {
padding: 24px;
color: var(--erp-ui-ink-3);
font-size: 13px;
}
/* line 224, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-source-plain {
display: block;
width: 100%;
min-height: 640px;
padding: 10px 12px;
border: 0;
font-family: SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12.5px;
}
/* line 234, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-pane > .err {
padding: 6px 12px;
}
/* line 238, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-preview-frame {
flex: 1 1 auto;
width: 100%;
min-height: 600px;
border: 0;
background: var(--erp-ui-surface);
}
/* line 246, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-preview-hint {
margin: 0;
padding: 8px 12px;
font-size: 11.5px;
color: var(--erp-ui-ink-3);
border-top: 1px solid var(--erp-ui-hairline);
}
/* line 255, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-form > .form-foot,
.erp-ui.document-templates-module .doc-tpl-comunicacao .form-foot {
position: sticky;
bottom: 0;
z-index: 5;
background: var(--erp-ui-surface);
}
/* line 263, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-check {
display: flex;
align-items: center;
gap: 6px;
margin: 6px 0 0;
font-weight: 400;
font-size: 13px;
}
/* line 272, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-corpo {
font-family: SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12.5px;
}
/* line 283, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module dialog.doc-tpl-dialog {
width: 520px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 64px);
padding: 0;
margin: 64px auto auto;
color: var(--erp-ui-ink);
}
/* line 291, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module dialog.doc-tpl-dialog:not([open]) {
display: none;
}
/* line 293, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module dialog.doc-tpl-dialog::backdrop {
background: rgba(26, 32, 40, 0.42);
}
/* line 295, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module dialog.doc-tpl-dialog .erp-modal-body {
max-height: none;
flex: 1 1 auto;
}
/* line 298, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-opcoes {
display: grid;
gap: 8px;
}
/* line 302, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-opcoes label {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 2px 8px;
margin: 0;
padding: 10px 12px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
font-weight: 400;
cursor: pointer;
}
/* line 313, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-opcoes label input {
grid-row: span 2;
margin-top: 3px;
}
/* line 314, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-opcoes label b {
font-size: 13px;
}
/* line 315, app/assets/stylesheets/components/settings_document_templates_module.scss */
.erp-ui.document-templates-module .doc-tpl-opcoes label span {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 15, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao {
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
margin-bottom: 14px;
}
/* line 22, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px 12px;
padding: 12px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 31, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-head h2 {
margin: 0;
font-size: 14.5px;
font-weight: 700;
}
/* line 34, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-estado {
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 39, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-lista {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1080px) {
/* line 39, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-lista {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
/* line 39, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-lista {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 49, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-lista li {
display: grid;
gap: 3px;
align-content: start;
padding: 10px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
border-right: 1px solid var(--erp-ui-hairline);
font-size: 12.5px;
color: var(--erp-ui-ink-2);
}
/* line 61, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 71, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-prontidao-link a {
font-weight: 600;
}
/* line 73, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .pill {
white-space: nowrap;
}
/* line 76, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente > .hint,
.erp-ui.settings-fiscal-module .fiscal-certificado-card .hint,
.erp-ui.settings-fiscal-module .fiscal-cnaes-barra .hint,
.erp-ui.settings-fiscal-module .form-section > .hint {
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 85, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .tabs + .fiscal-form .form-errors {
margin: 14px 16px 0;
}
/* line 87, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-simples {
display: grid;
gap: 10px;
padding: 12px;
border: 1px dashed var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface-2);
}
/* line 96, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-switch {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
cursor: pointer;
}
/* line 106, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-switch input {
width: 16px;
height: 16px;
margin: 0;
}
/* line 109, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-switch-field {
align-self: end;
padding-bottom: 6px;
}
/* line 114, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-ambientes {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
@media (max-width: 640px) {
/* line 114, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-ambientes {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 122, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-ambiente {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 2px 8px;
margin: 0;
padding: 10px 12px;
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface);
cursor: pointer;
font-weight: 400;
}
/* line 135, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-ambiente input {
grid-row: span 2;
margin-top: 3px;
}
/* line 138, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-ambiente input:checked ~ .fiscal-ambiente-nome::after {
content: "";
position: absolute;
inset: -1px;
border: 2px solid var(--erp-ui-accent);
border-radius: var(--erp-ui-radius);
pointer-events: none;
}
/* line 148, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-ambiente-nome {
font-size: 13px;
font-weight: 600;
color: var(--erp-ui-ink);
}
/* line 149, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-ambiente-dica {
font-size: 12px;
color: var(--erp-ui-ink-2);
}
/* line 151, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente {
display: grid;
gap: 10px;
padding: 12px 14px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
background: var(--erp-ui-surface-2);
}
/* line 160, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px;
}
/* line 167, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-head h3 {
margin: 0;
font-size: 13.5px;
font-weight: 700;
}
/* line 170, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-dados {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px 16px;
margin: 0;
}
@media (max-width: 768px) {
/* line 170, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-dados {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 178, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-dados.um {
grid-template-columns: minmax(0, 1fr);
}
/* line 180, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-dados div {
display: grid;
gap: 2px;
min-width: 0;
}
/* line 181, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-dados .span2 {
grid-column: 1 / -1;
}
/* line 182, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-dados dt {
font-size: 11.5px;
font-weight: 600;
color: var(--erp-ui-ink-2);
}
/* line 183, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-emitente-dados dd {
margin: 0;
font-size: 13px;
color: var(--erp-ui-ink);
overflow-wrap: anywhere;
}
/* line 187, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-certificado {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
padding: 14px 16px;
}
@media (max-width: 900px) {
/* line 187, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-certificado {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 196, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-certificado-card {
display: grid;
gap: 10px;
align-content: start;
padding: 14px;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 204, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-certificado-card h3 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
font-size: 14px;
font-weight: 700;
}
/* line 214, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-certificado-card p {
margin: 0;
}
/* line 217, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-certificado-form {
display: grid;
gap: 10px;
}
/* line 221, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-certificado-form .acts {
display: flex;
gap: 8px;
}
/* line 225, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-cnaes-barra {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px 12px;
padding: 12px 16px;
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 235, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-cnae-acoes {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 6px;
}
/* line 242, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-codigo {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 12.5px;
white-space: nowrap;
}
/* line 248, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-nota {
margin: 0;
padding: 10px 16px;
border-top: 1px solid var(--erp-ui-hairline);
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 256, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-historico-kpis {
padding: 14px 16px 0;
}
/* line 258, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-mensagem {
display: block;
max-width: 48ch;
overflow-wrap: anywhere;
}
/* line 265, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module dialog.fiscal-dialog {
width: 720px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 64px);
margin: 32px auto auto;
padding: 0;
color: var(--erp-ui-ink);
background: var(--erp-ui-surface);
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: var(--erp-ui-radius);
box-shadow: var(--erp-ui-shadow-overlay);
}
/* line 277, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module dialog.fiscal-dialog::backdrop {
background: rgba(26, 32, 40, 0.42);
}
/* line 279, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module dialog.fiscal-dialog .erp-modal-body {
max-height: none;
}
/* line 282, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-cnae-resultados {
list-style: none;
margin: 0 0 12px;
padding: 0;
max-height: 200px;
overflow: auto;
border: 1px solid var(--erp-ui-hairline);
border-radius: var(--erp-ui-radius);
}
/* line 291, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-cnae-resultados li {
border-bottom: 1px solid var(--erp-ui-hairline);
}
/* line 292, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-cnae-resultados li:last-child {
border-bottom: 0;
}
/* line 294, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-cnae-resultados button {
display: flex;
gap: 8px;
width: 100%;
padding: 7px 10px;
border: 0;
background: none;
text-align: left;
font-size: 12.5px;
color: var(--erp-ui-ink);
cursor: pointer;
}
/* line 306, app/assets/stylesheets/components/settings_fiscal_module.scss */
.erp-ui.settings-fiscal-module .fiscal-cnae-resultados button:hover, .erp-ui.settings-fiscal-module .fiscal-cnae-resultados button:focus-visible {
background: var(--erp-ui-surface-2);
}
/* line 17, app/assets/stylesheets/components/sicredi_api_module.scss */
.erp-ui.sicredi-api-module .form-subsection-title {
margin: 18px 0 6px;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
color: var(--erp-ui-ink-3);
}
/* line 29, app/assets/stylesheets/components/sicredi_api_module.scss */
.erp-ui.sicredi-api-module .form-section > .acts {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 14px;
}
/* line 12, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 300px;
gap: 14px;
align-items: start;
}
@media (max-width: 1180px) {
/* line 12, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-layout {
grid-template-columns: minmax(0, 1fr);
}
}
/* line 23, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-aside {
display: grid;
gap: 14px;
position: sticky;
top: 12px;
}
@media (max-width: 1180px) {
/* line 23, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-aside {
position: static;
}
}
/* line 34, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-label {
display: flex;
align-items: center;
gap: 4px;
}
/* line 39, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-label label {
margin: 0;
}
/* line 42, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .smart-pricing-field-tooltip {
border: 0;
background: none;
padding: 2px;
color: var(--erp-ui-ink-3);
cursor: pointer;
line-height: 0;
border-radius: 4px;
}
/* line 51, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .smart-pricing-field-tooltip:hover {
color: var(--erp-ui-accent);
}
/* line 53, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .smart-pricing-field-tooltip .erp-icon {
width: 14px;
height: 14px;
}
/* line 56, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-panel {
padding: 14px 16px;
display: grid;
gap: 10px;
}
/* line 61, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-panel h3 {
margin: 0;
font-size: 13.5px;
}
/* line 62, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-panel .hint {
margin: 0;
font-size: 12px;
color: var(--erp-ui-ink-3);
}
/* line 65, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-calc {
display: grid;
gap: 4px;
margin: 0;
font-size: 12.5px;
font-variant-numeric: tabular-nums;
}
/* line 72, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-calc > div {
display: flex;
justify-content: space-between;
gap: 10px;
}
/* line 78, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-calc dt {
font-weight: 400;
color: var(--erp-ui-ink-2);
}
/* line 79, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-calc dd {
margin: 0;
white-space: nowrap;
}
/* line 81, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-calc .sum {
border-top: 1px solid var(--erp-ui-hairline);
padding-top: 4px;
font-weight: 600;
}
/* line 87, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-calc .big dd {
font-size: 15px;
font-weight: 700;
color: var(--erp-ui-ink);
}
/* line 90, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-range {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
text-align: center;
margin-top: 8px;
}
/* line 97, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-range > div {
border: 1px solid var(--erp-ui-hairline);
border-radius: 6px;
padding: 6px 4px;
display: grid;
gap: 1px;
}
/* line 105, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-range small {
font-size: 10.5px;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--erp-ui-ink-3);
}
/* line 112, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-range b {
font-size: 13.5px;
font-variant-numeric: tabular-nums;
}
/* line 114, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-range .is-recommended {
border-color: var(--erp-ui-accent);
background: var(--erp-ui-accent-soft);
}
/* line 120, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-inherit {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 0;
font-size: 12.5px;
}
/* line 129, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-node {
border: 1px solid var(--erp-ui-hairline-strong);
border-radius: 999px;
padding: 2px 9px;
}
/* line 134, app/assets/stylesheets/components/smart_pricing_config_module.scss */
.erp-ui.smart-pricing-config-module .sp-node.is-current {
background: var(--erp-ui-accent);
border-color: var(--erp-ui-accent);
color: var(--erp-ui-accent-ink);
}
/* line 21, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper {
border: none !important;
background: transparent !important;
padding: 0 !important;
}
/* line 29, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control, .ts-wrapper.form-control-sm, .ts-wrapper.form-control:focus, .ts-wrapper.form-control:hover, .ts-wrapper.form-control:active, .ts-wrapper.form-control-sm:focus, .ts-wrapper.form-control-sm:hover, .ts-wrapper.form-control-sm:active {
border: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
/* line 52, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control {
background-color: #fff;
border: 1px solid #ced4da !important;
border-radius: 4px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
min-height: calc(1.5em + 0.75rem + 2px);
height: calc(1.5em + 0.75rem + 2px) !important;
max-height: calc(1.5em + 0.75rem + 2px) !important;
overflow: hidden;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* line 69, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control {
background-color: #fff;
border: 1px solid #ced4da !important;
border-radius: 4px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
min-height: calc(1.5em + 0.75rem + 2px);
height: auto !important;
max-height: none !important;
overflow: visible !important;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* line 87, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control, .ts-wrapper.multi .ts-control {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* line 91, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control .items, .ts-wrapper.multi .ts-control .items {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 96, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control .items > *, .ts-wrapper.multi .ts-control .items > * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 104, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control.focus, .ts-wrapper.multi .ts-control.focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* line 112, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control .items .placeholder, .ts-wrapper.multi .ts-control .items .placeholder {
color: #6c757d !important;
opacity: 0.6 !important;
display: block !important;
}
/* line 120, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control:not(.has-items) .items .placeholder, .ts-wrapper.multi .ts-control:not(.has-items) .items .placeholder {
display: block !important;
visibility: visible !important;
}
/* line 126, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control input, .ts-wrapper.multi .ts-control input {
color: #495057;
font-size: 1rem;
line-height: 1.5;
padding: 0;
margin: 0;
}
/* line 133, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control input::placeholder, .ts-wrapper.multi .ts-control input::placeholder {
color: #6c757d;
opacity: 0.6;
}
/* line 142, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown {
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 4px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
margin-top: 0.25rem;
z-index: 1000;
overflow-y: auto !important;
max-height: 400px !important;
}
/* line 153, app/assets/stylesheets/components/tom_select_bootstrap.scss */
body > .ts-wrapper .ts-dropdown {
z-index: 9999 !important;
position: fixed !important;
overflow-y: auto !important;
max-height: 400px !important;
}
/* line 161, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown[class*="service-order"], .ts-wrapper .ts-dropdown[data-select-id] {
position: fixed !important;
z-index: 9999 !important;
overflow-y: auto !important;
max-height: 400px !important;
}
/* line 171, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .input-wrap {
padding: 0.5rem;
border-bottom: 1px solid #ced4da;
}
/* line 175, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .input-wrap input {
width: 100%;
padding: 0.375rem 0.75rem;
border: 1px solid #ced4da;
border-radius: 4px;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
}
/* line 185, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .input-wrap input:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* line 191, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .input-wrap input::placeholder {
color: #6c757d;
opacity: 0.6;
}
/* line 199, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .option {
padding: 0.5rem 0.75rem;
cursor: pointer;
color: #212529;
background-color: #fff;
}
/* line 205, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .option:hover, .ts-wrapper .ts-dropdown .ts-dropdown-content .option.active {
background-color: #e9ecef;
color: #212529;
}
/* line 211, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .option.selected {
background-color: #007bff;
color: #fff;
font-weight: 500;
}
/* line 216, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .option.selected:hover {
background-color: #0056b3;
color: #fff;
}
/* line 223, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .option.loading {
color: #6c757d;
font-style: italic;
}
/* line 230, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .no-results {
padding: 0.5rem 0.75rem;
color: #6c757d;
font-style: italic;
}
/* line 237, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content .header {
padding: 0.5rem 0.75rem;
background-color: #f8f9fa;
border-bottom: 1px solid #ced4da;
font-weight: 600;
color: #212529;
}
/* line 252, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.plugin-clear_button .ts-control {
padding-right: 4rem;
position: relative;
}
/* line 259, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.plugin-clear_button .ts-control .ts-control-clear,
.ts-wrapper.plugin-clear_button .ts-control .clear-button {
position: absolute;
right: 1.75rem;
top: 50%;
transform: translateY(-50%);
width: 1.25rem;
height: 1.25rem;
padding: 0;
margin: 0;
background: transparent;
border: none;
cursor: pointer;
color: #6c757d;
font-size: 1.1rem;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
opacity: 0.6;
transition: opacity 0.15s ease-in-out, color 0.15s ease-in-out;
z-index: 10;
}
/* line 288, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.plugin-clear_button .ts-control .ts-control-clear:hover,
.ts-wrapper.plugin-clear_button .ts-control .clear-button:hover {
opacity: 1;
color: #dc3545;
}
/* line 295, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.plugin-clear_button .ts-control .ts-control-clear::before,
.ts-wrapper.plugin-clear_button .ts-control .clear-button::before {
content: "";
}
/* line 301, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.plugin-clear_button .ts-control .ts-control-clear > *,
.ts-wrapper.plugin-clear_button .ts-control .clear-button > * {
line-height: 1;
vertical-align: middle;
margin: 0;
padding: 0;
}
/* line 311, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.plugin-clear_button .ts-control .ts-control-clear ~ .clear-button,
.ts-wrapper.plugin-clear_button .ts-control .clear-button ~ .ts-control-clear {
display: none !important;
}
/* line 320, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.disabled .ts-control {
background-color: #e9ecef;
opacity: 1;
cursor: not-allowed;
}
/* line 330, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) {
display: inline-block !important;
vertical-align: top !important;
box-sizing: border-box !important;
width: 100% !important;
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
}
/* line 342, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) .ts-control {
padding: 6px 10px !important;
font-size: 12px !important;
line-height: 1.5 !important;
border: 1px solid #ced4da !important;
border-radius: 4px !important;
box-sizing: border-box !important;
margin: 0 !important;
vertical-align: top !important;
width: 100% !important;
min-height: 32px !important;
height: 32px !important;
max-height: 32px !important;
overflow: hidden !important;
}
/* line 363, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) .ts-control .items {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
padding: 0 !important;
margin: 0 !important;
}
/* line 376, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) .ts-control .items > * {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* line 382, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) .ts-control .items .item,
.ts-wrapper.form-control-sm:not(.multi) .ts-control .items .placeholder {
font-size: 12px !important;
line-height: 1.5 !important;
margin: 0 !important;
padding: 0 !important;
}
/* line 392, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) .ts-control input {
font-size: 12px !important;
line-height: 1.5 !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
/* line 405, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) .ts-dropdown .ts-dropdown-content .option {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
/* line 414, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm.plugin-clear_button:not(.multi) .ts-control {
padding-right: 3.5rem;
}
/* line 418, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm.plugin-clear_button:not(.multi) .ts-control .ts-control-clear,
.ts-wrapper.form-control-sm.plugin-clear_button:not(.multi) .ts-control .clear-button {
right: 1.5rem;
width: 1rem;
height: 1rem;
font-size: 0.9rem;
}
/* line 431, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm.multi {
width: 100% !important;
height: auto !important;
min-height: 32px !important;
max-height: none !important;
}
/* line 437, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm.multi .ts-control {
padding: 2px 6px !important;
font-size: 12px !important;
min-height: 32px !important;
height: auto !important;
max-height: none !important;
}
/* line 447, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-lg:not(.multi) .ts-control {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
min-height: calc(1.5em + 1rem + 2px);
}
/* line 456, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-lg:not(.multi) .ts-dropdown .ts-dropdown-content .option {
padding: 0.5rem 1rem;
font-size: 1.25rem;
}
/* line 468, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.is-valid .ts-control {
border-color: #28a745;
}
/* line 471, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.is-valid .ts-control.focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
/* line 479, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.is-invalid .ts-control {
border-color: #dc3545;
}
/* line 482, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.is-invalid .ts-control.focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
/* line 491, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi {
height: auto !important;
min-height: 32px !important;
max-height: none !important;
}
/* line 496, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control {
padding: 2px 4px !important;
height: auto !important;
min-height: 32px !important;
max-height: none !important;
overflow: visible !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 4px !important;
}
/* line 507, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control .items {
white-space: normal !important;
overflow: visible !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
flex-wrap: wrap !important;
display: flex !important;
gap: 4px !important;
width: 100% !important;
}
/* line 519, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control .item {
display: inline-flex !important;
align-items: center !important;
padding: 0 6px !important;
margin: 0 !important;
background-color: var(--primary, #007bff) !important;
color: #fff !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.8 !important;
max-width: 250px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}
/* line 536, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control .item .remove {
margin-left: 4px !important;
cursor: pointer !important;
opacity: 0.8 !important;
font-size: 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
height: 14px !important;
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 50% !important;
transition: all 0.2s !important;
}
/* line 550, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control .item .remove:hover {
opacity: 1 !important;
background: rgba(255, 255, 255, 0.4) !important;
}
/* line 555, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control .item .remove::before {
content: none !important;
}
/* line 561, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control input {
display: inline-block !important;
flex: 1 1 60px !important;
padding: 0 !important;
margin: 0 !important;
height: 24px !important;
font-size: 12px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* line 572, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi .ts-control input::placeholder {
font-size: 11px !important;
}
/* line 579, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.multi.has-items .ts-control input {
margin-left: 2px !important;
}
/* line 589, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.select2-dynamic-form .ts-wrapper,
.select2-service-order-item .ts-wrapper {
position: relative;
}
/* line 593, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.select2-dynamic-form .ts-wrapper .ts-control,
.select2-service-order-item .ts-wrapper .ts-control {
border: 1px solid #dee2e6 !important;
background-color: #fff !important;
}
/* line 600, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.select2-dynamic-form ~ .ts-dropdown,
.select2-dynamic-form body > .ts-dropdown[data-select-id],
.select2-dynamic-form .ts-dropdown,
.select2-service-order-item ~ .ts-dropdown,
.select2-service-order-item body > .ts-dropdown[data-select-id],
.select2-service-order-item .ts-dropdown {
z-index: 9999 !important;
position: fixed !important;
max-height: 400px !important;
overflow-y: auto !important;
box-sizing: border-box;
min-width: inherit !important;
max-width: inherit !important;
}
/* line 617, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control-sm:not(.multi) .ts-control:not(.service-order-item .ts-control),
.ts-wrapper:not(.multi) .ts-control.form-control-sm:not(.service-order-item .ts-control) {
border: 1px solid #ced4da !important;
border-radius: 4px !important;
padding: 6px 10px !important;
font-size: 12px !important;
line-height: 1.5 !important;
min-height: 32px !important;
height: 32px !important;
max-height: 32px !important;
overflow: hidden !important;
width: 100% !important;
}
/* line 637, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
display: inline-flex !important;
vertical-align: top !important;
box-sizing: border-box !important;
line-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
overflow: visible !important;
align-items: stretch !important;
}
/* line 653, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper::before, .service-order-item .ts-wrapper::after {
display: none !important;
content: none !important;
}
/* line 660, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper .ts-control {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
padding: 0.2rem 0.4rem !important;
font-size: 11px !important;
line-height: 1.2 !important;
border: 1px solid #dee2e6 !important;
border-top: 1px solid #dee2e6 !important;
border-right: 1px solid #dee2e6 !important;
border-bottom: 1px solid #dee2e6 !important;
border-left: 1px solid #dee2e6 !important;
border-radius: 4px !important;
box-sizing: border-box !important;
margin: 0 !important;
vertical-align: top !important;
outline: none !important;
background-color: #fff !important;
position: relative !important;
align-self: stretch !important;
flex: 1 1 auto !important;
}
/* line 686, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper .ts-control::before, .service-order-item .ts-wrapper .ts-control::after {
display: none !important;
content: none !important;
border: none !important;
}
/* line 694, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper .ts-control .items {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
display: flex !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
}
/* line 703, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper .ts-control .items .item,
.service-order-item .ts-wrapper .ts-control .items .placeholder {
font-size: 11px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
margin: 0 !important;
padding: 0 !important;
}
/* line 716, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper .ts-control input {
font-size: 11px !important;
line-height: 1.2 !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
/* line 727, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper .ts-control:hover {
border-color: #80bdff !important;
}
/* line 732, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper .ts-control.focus {
border-color: #007bff !important;
box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25) !important;
}
/* line 739, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper.form-control-sm .ts-control, .service-order-item .ts-wrapper.single .ts-control, .service-order-item .ts-wrapper.multi .ts-control {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
border: 1px solid #dee2e6 !important;
background-color: #fff !important;
}
/* line 749, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper.form-control-sm .ts-control:hover, .service-order-item .ts-wrapper.single .ts-control:hover, .service-order-item .ts-wrapper.multi .ts-control:hover {
border-color: #80bdff !important;
}
/* line 754, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper.form-control-sm .ts-control.focus, .service-order-item .ts-wrapper.single .ts-control.focus, .service-order-item .ts-wrapper.multi .ts-control.focus {
border-color: #007bff !important;
box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25) !important;
}
/* line 762, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item select.select2-service-order-item + .ts-wrapper,
.service-order-item select[class*="select2-service-order-item"] + .ts-wrapper {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
border: none !important;
background: transparent !important;
}
/* line 770, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item select.select2-service-order-item + .ts-wrapper .ts-control,
.service-order-item select[class*="select2-service-order-item"] + .ts-wrapper .ts-control {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
border: 1px solid #dee2e6 !important;
background-color: #fff !important;
}
/* line 780, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper:has(select.select2-service-order-item),
.service-order-item .ts-wrapper:has(select[class*="select2-service-order-item"]) {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
border: none !important;
background: transparent !important;
}
/* line 788, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.service-order-item .ts-wrapper:has(select.select2-service-order-item) .ts-control,
.service-order-item .ts-wrapper:has(select[class*="select2-service-order-item"]) .ts-control {
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
border: 1px solid #dee2e6 !important;
padding: 0.2rem 0.4rem !important;
font-size: 11px !important;
line-height: 1.2 !important;
background-color: #fff !important;
}
/* line 802, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.select2-service-order-item + .ts-wrapper .ts-control,
.ts-wrapper:has(.select2-service-order-item) .ts-control {
border: none !important;
}
/* line 811, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control .items {
display: flex !important;
align-items: center !important;
height: 100% !important;
overflow: hidden !important;
}
/* line 817, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.single .ts-control .items .item,
.ts-wrapper.single .ts-control .items .placeholder {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
flex: 1 !important;
max-width: 100% !important;
}
@media (max-width: 576px) {
/* line 831, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper .ts-dropdown {
width: 100% !important;
max-width: 100% !important;
}
}
/* line 848, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control,
.ts-wrapper.form-control-sm,
.ts-wrapper.form-control-lg,
.ts-wrapper.select2,
.ts-wrapper.form-control.select2,
.ts-wrapper.form-control-sm.select2,
.ts-wrapper.form-control-lg.select2,
.form-group .ts-wrapper.form-control,
.form-group .ts-wrapper.form-control-sm,
.form-group .ts-wrapper.form-control-lg,
.form-group .ts-wrapper.select2,
.form-group .ts-wrapper.form-control.select2,
.form-group .ts-wrapper.form-control-sm.select2,
.card .ts-wrapper.form-control,
.card .ts-wrapper.form-control-sm,
.card .ts-wrapper.form-control-lg,
.card .ts-wrapper.select2,
.card .ts-wrapper.form-control.select2,
.card .ts-wrapper.form-control-sm.select2,
.card-body .ts-wrapper.form-control,
.card-body .ts-wrapper.form-control-sm,
.card-body .ts-wrapper.form-control-lg,
.card-body .ts-wrapper.select2,
.card-body .ts-wrapper.form-control.select2,
.card-body .ts-wrapper.form-control-sm.select2,
div .ts-wrapper.form-control,
div .ts-wrapper.form-control-sm,
div .ts-wrapper.form-control-lg,
div .ts-wrapper.select2,
div .ts-wrapper.form-control.select2,
div .ts-wrapper.form-control-sm.select2 {
border: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
border-width: 0 !important;
border-style: none !important;
border-color: transparent !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
/* line 907, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control:focus, .ts-wrapper.form-control:hover, .ts-wrapper.form-control:active, .ts-wrapper.form-control.focus, .ts-wrapper.form-control:focus-within,
.ts-wrapper.form-control-sm:focus,
.ts-wrapper.form-control-sm:hover,
.ts-wrapper.form-control-sm:active,
.ts-wrapper.form-control-sm.focus,
.ts-wrapper.form-control-sm:focus-within,
.ts-wrapper.form-control-lg:focus,
.ts-wrapper.form-control-lg:hover,
.ts-wrapper.form-control-lg:active,
.ts-wrapper.form-control-lg.focus,
.ts-wrapper.form-control-lg:focus-within,
.ts-wrapper.select2:focus,
.ts-wrapper.select2:hover,
.ts-wrapper.select2:active,
.ts-wrapper.select2.focus,
.ts-wrapper.select2:focus-within,
.ts-wrapper.form-control.select2:focus,
.ts-wrapper.form-control.select2:hover,
.ts-wrapper.form-control.select2:active,
.ts-wrapper.form-control.select2.focus,
.ts-wrapper.form-control.select2:focus-within,
.ts-wrapper.form-control-sm.select2:focus,
.ts-wrapper.form-control-sm.select2:hover,
.ts-wrapper.form-control-sm.select2:active,
.ts-wrapper.form-control-sm.select2.focus,
.ts-wrapper.form-control-sm.select2:focus-within,
.ts-wrapper.form-control-lg.select2:focus,
.ts-wrapper.form-control-lg.select2:hover,
.ts-wrapper.form-control-lg.select2:active,
.ts-wrapper.form-control-lg.select2.focus,
.ts-wrapper.form-control-lg.select2:focus-within,
.form-group .ts-wrapper.form-control:focus,
.form-group .ts-wrapper.form-control:hover,
.form-group .ts-wrapper.form-control:active,
.form-group .ts-wrapper.form-control.focus,
.form-group .ts-wrapper.form-control:focus-within,
.form-group .ts-wrapper.form-control-sm:focus,
.form-group .ts-wrapper.form-control-sm:hover,
.form-group .ts-wrapper.form-control-sm:active,
.form-group .ts-wrapper.form-control-sm.focus,
.form-group .ts-wrapper.form-control-sm:focus-within,
.form-group .ts-wrapper.form-control-lg:focus,
.form-group .ts-wrapper.form-control-lg:hover,
.form-group .ts-wrapper.form-control-lg:active,
.form-group .ts-wrapper.form-control-lg.focus,
.form-group .ts-wrapper.form-control-lg:focus-within,
.form-group .ts-wrapper.select2:focus,
.form-group .ts-wrapper.select2:hover,
.form-group .ts-wrapper.select2:active,
.form-group .ts-wrapper.select2.focus,
.form-group .ts-wrapper.select2:focus-within,
.form-group .ts-wrapper.form-control.select2:focus,
.form-group .ts-wrapper.form-control.select2:hover,
.form-group .ts-wrapper.form-control.select2:active,
.form-group .ts-wrapper.form-control.select2.focus,
.form-group .ts-wrapper.form-control.select2:focus-within,
.form-group .ts-wrapper.form-control-sm.select2:focus,
.form-group .ts-wrapper.form-control-sm.select2:hover,
.form-group .ts-wrapper.form-control-sm.select2:active,
.form-group .ts-wrapper.form-control-sm.select2.focus,
.form-group .ts-wrapper.form-control-sm.select2:focus-within,
.card .ts-wrapper.form-control:focus,
.card .ts-wrapper.form-control:hover,
.card .ts-wrapper.form-control:active,
.card .ts-wrapper.form-control.focus,
.card .ts-wrapper.form-control:focus-within,
.card .ts-wrapper.form-control-sm:focus,
.card .ts-wrapper.form-control-sm:hover,
.card .ts-wrapper.form-control-sm:active,
.card .ts-wrapper.form-control-sm.focus,
.card .ts-wrapper.form-control-sm:focus-within,
.card .ts-wrapper.form-control-lg:focus,
.card .ts-wrapper.form-control-lg:hover,
.card .ts-wrapper.form-control-lg:active,
.card .ts-wrapper.form-control-lg.focus,
.card .ts-wrapper.form-control-lg:focus-within,
.card .ts-wrapper.select2:focus,
.card .ts-wrapper.select2:hover,
.card .ts-wrapper.select2:active,
.card .ts-wrapper.select2.focus,
.card .ts-wrapper.select2:focus-within,
.card .ts-wrapper.form-control.select2:focus,
.card .ts-wrapper.form-control.select2:hover,
.card .ts-wrapper.form-control.select2:active,
.card .ts-wrapper.form-control.select2.focus,
.card .ts-wrapper.form-control.select2:focus-within,
.card .ts-wrapper.form-control-sm.select2:focus,
.card .ts-wrapper.form-control-sm.select2:hover,
.card .ts-wrapper.form-control-sm.select2:active,
.card .ts-wrapper.form-control-sm.select2.focus,
.card .ts-wrapper.form-control-sm.select2:focus-within,
.card-body .ts-wrapper.form-control:focus,
.card-body .ts-wrapper.form-control:hover,
.card-body .ts-wrapper.form-control:active,
.card-body .ts-wrapper.form-control.focus,
.card-body .ts-wrapper.form-control:focus-within,
.card-body .ts-wrapper.form-control-sm:focus,
.card-body .ts-wrapper.form-control-sm:hover,
.card-body .ts-wrapper.form-control-sm:active,
.card-body .ts-wrapper.form-control-sm.focus,
.card-body .ts-wrapper.form-control-sm:focus-within,
.card-body .ts-wrapper.form-control-lg:focus,
.card-body .ts-wrapper.form-control-lg:hover,
.card-body .ts-wrapper.form-control-lg:active,
.card-body .ts-wrapper.form-control-lg.focus,
.card-body .ts-wrapper.form-control-lg:focus-within,
.card-body .ts-wrapper.select2:focus,
.card-body .ts-wrapper.select2:hover,
.card-body .ts-wrapper.select2:active,
.card-body .ts-wrapper.select2.focus,
.card-body .ts-wrapper.select2:focus-within,
.card-body .ts-wrapper.form-control.select2:focus,
.card-body .ts-wrapper.form-control.select2:hover,
.card-body .ts-wrapper.form-control.select2:active,
.card-body .ts-wrapper.form-control.select2.focus,
.card-body .ts-wrapper.form-control.select2:focus-within,
.card-body .ts-wrapper.form-control-sm.select2:focus,
.card-body .ts-wrapper.form-control-sm.select2:hover,
.card-body .ts-wrapper.form-control-sm.select2:active,
.card-body .ts-wrapper.form-control-sm.select2.focus,
.card-body .ts-wrapper.form-control-sm.select2:focus-within,
div .ts-wrapper.form-control:focus,
div .ts-wrapper.form-control:hover,
div .ts-wrapper.form-control:active,
div .ts-wrapper.form-control.focus,
div .ts-wrapper.form-control:focus-within,
div .ts-wrapper.form-control-sm:focus,
div .ts-wrapper.form-control-sm:hover,
div .ts-wrapper.form-control-sm:active,
div .ts-wrapper.form-control-sm.focus,
div .ts-wrapper.form-control-sm:focus-within,
div .ts-wrapper.form-control-lg:focus,
div .ts-wrapper.form-control-lg:hover,
div .ts-wrapper.form-control-lg:active,
div .ts-wrapper.form-control-lg.focus,
div .ts-wrapper.form-control-lg:focus-within,
div .ts-wrapper.select2:focus,
div .ts-wrapper.select2:hover,
div .ts-wrapper.select2:active,
div .ts-wrapper.select2.focus,
div .ts-wrapper.select2:focus-within,
div .ts-wrapper.form-control.select2:focus,
div .ts-wrapper.form-control.select2:hover,
div .ts-wrapper.form-control.select2:active,
div .ts-wrapper.form-control.select2.focus,
div .ts-wrapper.form-control.select2:focus-within,
div .ts-wrapper.form-control-sm.select2:focus,
div .ts-wrapper.form-control-sm.select2:hover,
div .ts-wrapper.form-control-sm.select2:active,
div .ts-wrapper.form-control-sm.select2.focus,
div .ts-wrapper.form-control-sm.select2:focus-within {
border: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
border-width: 0 !important;
border-style: none !important;
border-color: transparent !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
outline: none !important;
}
/* line 928, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-wrapper.form-control::before, .ts-wrapper.form-control::after,
.ts-wrapper.form-control-sm::before,
.ts-wrapper.form-control-sm::after,
.ts-wrapper.form-control-lg::before,
.ts-wrapper.form-control-lg::after,
.ts-wrapper.select2::before,
.ts-wrapper.select2::after,
.ts-wrapper.form-control.select2::before,
.ts-wrapper.form-control.select2::after,
.ts-wrapper.form-control-sm.select2::before,
.ts-wrapper.form-control-sm.select2::after,
.ts-wrapper.form-control-lg.select2::before,
.ts-wrapper.form-control-lg.select2::after,
.form-group .ts-wrapper.form-control::before,
.form-group .ts-wrapper.form-control::after,
.form-group .ts-wrapper.form-control-sm::before,
.form-group .ts-wrapper.form-control-sm::after,
.form-group .ts-wrapper.form-control-lg::before,
.form-group .ts-wrapper.form-control-lg::after,
.form-group .ts-wrapper.select2::before,
.form-group .ts-wrapper.select2::after,
.form-group .ts-wrapper.form-control.select2::before,
.form-group .ts-wrapper.form-control.select2::after,
.form-group .ts-wrapper.form-control-sm.select2::before,
.form-group .ts-wrapper.form-control-sm.select2::after,
.card .ts-wrapper.form-control::before,
.card .ts-wrapper.form-control::after,
.card .ts-wrapper.form-control-sm::before,
.card .ts-wrapper.form-control-sm::after,
.card .ts-wrapper.form-control-lg::before,
.card .ts-wrapper.form-control-lg::after,
.card .ts-wrapper.select2::before,
.card .ts-wrapper.select2::after,
.card .ts-wrapper.form-control.select2::before,
.card .ts-wrapper.form-control.select2::after,
.card .ts-wrapper.form-control-sm.select2::before,
.card .ts-wrapper.form-control-sm.select2::after,
.card-body .ts-wrapper.form-control::before,
.card-body .ts-wrapper.form-control::after,
.card-body .ts-wrapper.form-control-sm::before,
.card-body .ts-wrapper.form-control-sm::after,
.card-body .ts-wrapper.form-control-lg::before,
.card-body .ts-wrapper.form-control-lg::after,
.card-body .ts-wrapper.select2::before,
.card-body .ts-wrapper.select2::after,
.card-body .ts-wrapper.form-control.select2::before,
.card-body .ts-wrapper.form-control.select2::after,
.card-body .ts-wrapper.form-control-sm.select2::before,
.card-body .ts-wrapper.form-control-sm.select2::after,
div .ts-wrapper.form-control::before,
div .ts-wrapper.form-control::after,
div .ts-wrapper.form-control-sm::before,
div .ts-wrapper.form-control-sm::after,
div .ts-wrapper.form-control-lg::before,
div .ts-wrapper.form-control-lg::after,
div .ts-wrapper.select2::before,
div .ts-wrapper.select2::after,
div .ts-wrapper.form-control.select2::before,
div .ts-wrapper.form-control.select2::after,
div .ts-wrapper.form-control-sm.select2::before,
div .ts-wrapper.form-control-sm.select2::after {
border: none !important;
background: transparent !important;
box-shadow: none !important;
}
/* line 943, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-dropdown .option.natureza-opcao.natureza-nivel-1 {
padding-left: 1.5rem;
}
/* line 944, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-dropdown .option.natureza-opcao.natureza-nivel-2 {
padding-left: 2.5rem;
}
/* line 945, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-dropdown .option.natureza-opcao.natureza-nivel-3 {
padding-left: 3.5rem;
}
/* line 946, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-dropdown .option.natureza-opcao.natureza-nivel-4 {
padding-left: 4.5rem;
}
/* line 947, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-dropdown .option.natureza-opcao.natureza-nivel-5, .ts-dropdown .option.natureza-opcao.natureza-nivel-6 {
padding-left: 5.5rem;
}
/* line 952, app/assets/stylesheets/components/tom_select_bootstrap.scss */
.ts-dropdown .option.natureza-opcao.natureza-grupo {
font-weight: 600;
color: var(--erp-ui-ink-2);
opacity: 1;
cursor: default;
}
/* ================================================
COMPATIBILIDADE VISUAL: TOM SELECT = SELECT2
================================================
Garante que Tom Select tenha aparência idêntica ao Select2
usado anteriormente no sistema (AdminLTE style)
================================================ */
/* ================================================
NEUTRALIZAR .form-control NO WRAPPER
Tom Select copia a classe form-control do