.metric,
.card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.026), transparent 44%), var(--surface);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.12);
}

.metric {
  min-height: 142px;
  padding: 19px 20px;
  position: relative;
  overflow: hidden;
}

.metric:before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(216, 171, 76, 0.62), transparent);
}

.metric:hover,
.card:hover {
  border-color: rgba(243, 189, 25, 0.17);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18);
}

.metric-top {
  color: #a6a5a0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.metric-icon {
  background: rgba(243, 189, 25, 0.12);
  border: 1px solid rgba(243, 189, 25, 0.16);
  color: var(--gold);
}

.metric strong {
  font-size: 31px;
  font-weight: 620;
}

.metric small {
  color: #81817d;
}

.card {
  padding: 21px;
}

.card h3 {
  font-size: 14px;
  font-weight: 650;
}

.card-subtitle {
  color: #858580;
}

.chart {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  background-image: repeating-linear-gradient(
    to top,
    transparent 0,
    transparent 47px,
    rgba(255, 255, 255, 0.035) 48px
  );
}

.bar {
  background: linear-gradient(180deg, #e4c16d, #a97927);
  box-shadow: 0 0 18px rgba(243, 189, 25, 0.12);
}

.bar.closed {
  background: #505054;
  box-shadow: none;
}

.dot {
  background: var(--gold);
}

.dot.closed {
  background: #606064;
}

.progress {
  background: #262628;
}

.progress span,
.health-bar span,
.pilot-progress i {
  background: linear-gradient(90deg, #8e6728, #d8ab4c);
}

.table-card {
  background: #151516;
}

table {
  color: #d8d7d2;
}

th {
  color: #858580;
  background: #111112;
}

th,
td {
  border-top-color: rgba(255, 255, 255, 0.065);
}

tbody tr:hover {
  background: rgba(243, 189, 25, 0.045);
}

.nc-code {
  color: #f1c13a;
}

.badge.low,
.badge.done {
  background: rgba(81, 191, 133, 0.13);
  color: #83dbaa;
}

.badge.medium,
.badge.waiting {
  background: rgba(243, 189, 25, 0.13);
  color: #f6ca4d;
}

.badge.high,
.badge.critical,
.badge.late {
  background: rgba(255, 91, 101, 0.13);
  color: #ff858c;
}

input,
select,
textarea,
.filters input,
.filters select,
.support-toolbar input,
.support-toolbar select,
.audit-filters input,
.audit-filters select {
  color: #eeeeea;
  background: #111112;
  border-color: rgba(255, 255, 255, 0.1);
}

input::placeholder,
textarea::placeholder {
  color: #666663;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(243, 189, 25, 0.68) !important;
  box-shadow: 0 0 0 3px rgba(243, 189, 25, 0.1);
}

select option {
  color: #eee;
  background: #181819;
}

.form-section {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.form-section h3,
.field label {
  color: #d7d6d1;
}

.field small,
.char-count {
  color: #7f7f7b;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.74);
  backdrop-filter: blur(7px);
}

.modal {
  background: #181819;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 35px 100px rgba(0, 0, 0, 0.58);
}

.modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.detail-tabs,
.quick-filters,
.support-toolbar,
.audit-filters {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.detail-tabs button {
  color: #92928e;
}

.detail-tabs button.active {
  color: var(--gold);
  border-color: var(--gold);
}

.admin-card-button,
.support-metrics button,
.receiving-metrics button,
.operational-strip button,
.pending-summary > div,
.storage-kpis article,
.trash-summary > div,
.management-metrics > div,
.executive-metrics > div {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent), #171718 !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
  color: var(--ink) !important;
}

.admin-card-button:hover,
.support-metrics button:hover,
.receiving-metrics button:hover,
.operational-strip button:hover {
  border-color: rgba(243, 189, 25, 0.3) !important;
}

.management-hero,
.executive-hero,
.priority-banner,
.storage-health,
.executive-summary {
  background:
    radial-gradient(circle at 86% 0, rgba(243, 189, 25, 0.14), transparent 35%),
    linear-gradient(135deg, #1c1c1e, #121213) !important;
  border-color: rgba(243, 189, 25, 0.14) !important;
  color: #fff !important;
}

.read-only-chip {
  background: rgba(243, 189, 25, 0.12) !important;
  color: var(--gold) !important;
  border-color: rgba(243, 189, 25, 0.18) !important;
}

.empty {
  color: #858580;
}

.toast {
  color: #f5f4ef;
  background: #222224;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.48);
}

/* Coerência entre os módulos legados e o novo sistema visual. */
.operational-strip button,
.receiving-metrics button,
.support-metrics button {
  min-height: 76px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.11);
}

.operational-strip span,
.operational-strip b,
.receiving-metrics strong,
.support-metrics strong {
  color: var(--gold-pale) !important;
}

.operational-strip small,
.receiving-metrics small,
.support-metrics small {
  color: #96958f !important;
}

.pending-list > button,
.management-record,
.receiving-item,
.support-item,
.global-results button,
.notification-items > button,
.largest-files > div,
.trash-list article,
.user-row,
.department-ranking button,
.recurrence-list button,
.priority-column article,
.meeting-departments > div,
.meeting-priorities > article,
.meeting-decision-list article {
  color: #deddd8 !important;
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.pending-list > button:hover,
.management-record:hover,
.receiving-item:hover,
.support-item:hover,
.global-results button:hover,
.notification-items > button:hover,
.trash-list article:hover,
.user-row:hover,
.department-ranking button:hover,
.recurrence-list button:hover,
.priority-column article:hover {
  background: rgba(216, 171, 76, 0.045) !important;
}

.pending-symbol,
.big-icon,
.user-avatar,
.trash-icon {
  color: var(--gold-pale) !important;
  background: rgba(216, 171, 76, 0.1) !important;
  border: 1px solid rgba(216, 171, 76, 0.17);
}

.management-metric,
.health-metric,
.storage-usage,
.storage-kpis article,
.trash-summary > div,
.executive-metrics > div,
.admin-card,
.user-summary,
.efficacy-readonly > div,
.engineering-readonly > div,
.detail-facts > div {
  color: #e6e5e0 !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.022), transparent 55%), #181819 !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
}

.management-metric.attention,
.health-metric.warning {
  border-left-color: #c49b43 !important;
}

.management-metric.critical,
.health-metric.critical {
  border-left-color: #d8666d !important;
}

.health-banner,
.storage-health {
  color: #eeede7 !important;
  border-color: rgba(112, 188, 145, 0.18) !important;
  background:
    radial-gradient(circle at 86% 0, rgba(92, 181, 131, 0.1), transparent 34%),
    linear-gradient(135deg, #1b201d, #151616) !important;
}

.health-banner.warning,
.storage-health.warning,
.storage-health.high {
  border-color: rgba(216, 171, 76, 0.2) !important;
  background:
    radial-gradient(circle at 86% 0, rgba(216, 171, 76, 0.11), transparent 34%),
    linear-gradient(135deg, #201d17, #151515) !important;
}

.health-banner.critical,
.storage-health.critical {
  border-color: rgba(216, 102, 109, 0.23) !important;
  background:
    radial-gradient(circle at 86% 0, rgba(216, 102, 109, 0.11), transparent 34%),
    linear-gradient(135deg, #211819, #151515) !important;
}

.health-banner > b,
.storage-health > span {
  background: #121313 !important;
  color: #edede9;
}

.health-timeline > div,
.health-errors > div,
.engineering-readonly p,
.detail-description,
.modal-intro,
.storage-note,
.read-only-note,
.support-locked,
.support-alert-rule,
.mfa-setup,
.maintenance-danger,
.priority-column,
.meeting-kpi,
.meeting-decision {
  color: #c4c3bd !important;
  background: #131314 !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.form-stepper,
.step-navigation,
.detail-action-bar,
.detail-tabs,
.records-view-switch,
.quick-filters {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.step-dot span,
.process-step span {
  background: #252526 !important;
  color: #b8b7b1 !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}

.step-dot.active span,
.step-dot.complete span,
.process-step.active span,
.process-step.complete span {
  background: var(--gold) !important;
  color: #111 !important;
  border-color: var(--gold) !important;
}

.active-profile-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(115deg, rgba(216, 171, 76, 0.065), transparent 45%), #1a1a1b !important;
  box-shadow: 0 15px 42px rgba(0, 0, 0, 0.16);
}

.profile-glow {
  width: 240px;
  height: 90px;
  right: 6%;
  top: -55px;
  border-radius: 50%;
  background: rgba(216, 171, 76, 0.075);
  filter: blur(30px);
}

.content:before {
  display: none;
}

.global-results,
.notification-panel {
  color: #e2e1dc;
}

.notification-head,
.notification-items > button {
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.pilot-list label {
  color: #deddd8;
  background: #151516 !important;
  border-color: rgba(255, 255, 255, 0.075) !important;
}

.pilot-list input {
  accent-color: var(--gold);
}

.storage-progress,
.department-ranking button > div,
.health-bar {
  background: #29292b !important;
}

.storage-chart > div,
.largest-files > div,
.audit-list article {
  border-color: rgba(255, 255, 255, 0.07) !important;
}

.risk-matrix > button {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #e1e0db !important;
}

.risk-0,
.risk-1 {
  background: rgba(86, 171, 125, 0.1) !important;
}

.risk-2 {
  background: rgba(216, 171, 76, 0.11) !important;
}

.risk-3,
.risk-4,
.risk-5 {
  background: rgba(216, 102, 109, 0.11) !important;
}

.role-manager,
.role-pill,
.read-only-chip {
  box-shadow: none !important;
}