/*
 * Action Required palette.
 * Single source of truth for alert colors used by single-user and corporate
 * certificate status surfaces. Component-specific layout stays in its own CSS.
 */

:root {
  --action-required-critical: #ff6b72;
  --action-required-critical-soft: rgba(255, 107, 114, 0.30);
  --action-required-critical-glow: rgba(255, 107, 114, 0.48);
  --action-required-critical-wave: rgba(255, 107, 114, 0.82);
  --action-required-critical-wave-soft: rgba(255, 107, 114, 0.42);
  --action-required-warning: #ffc857;
  --action-required-warning-soft: rgba(255, 200, 87, 0.28);
  --action-required-success: #45c79a;
  --action-required-success-soft: rgba(69, 199, 154, 0.24);
  --action-required-card-bg: #18212d;
  --action-required-text: #f6f9fc;
  --action-required-muted: #c0cad7;
  --action-required-icon-muted: #b3c0d0;
}

/* Single-user Action Required */
.single-home-container .single-priority-section {
  --single-action-critical: var(--action-required-critical);
  --single-action-critical-soft: var(--action-required-critical-soft);
  --single-action-critical-glow: var(--action-required-critical-glow);
  --single-action-critical-wave: var(--action-required-critical-wave);
  --single-action-critical-wave-soft: var(--action-required-critical-wave-soft);
  --single-action-warning: var(--action-required-warning);
  --single-action-warning-soft: var(--action-required-warning-soft);
  --single-action-card-bg: var(--action-required-card-bg);
  --single-action-text: var(--action-required-text);
  --single-action-muted: var(--action-required-muted);
  --single-action-icon-muted: var(--action-required-icon-muted);
}

.single-home-container .single-mini-section-header span {
  color: #f5f8fc;
  font-weight: 800;
}

.single-home-container .single-mini-section-header span i {
  color: var(--action-required-warning);
  filter: drop-shadow(0 0 7px rgba(255, 200, 87, 0.24));
}

.single-home-container .single-mini-section-header small {
  min-width: 28px;
  padding: 3px 8px;
  border: 1px solid rgba(255, 200, 87, 0.25);
  border-radius: 999px;
  background: rgba(255, 200, 87, 0.10);
  color: #f4d58d;
  font-weight: 800;
  text-align: center;
}

.single-home-container .single-priority-section > p.small.text-muted {
  color: var(--action-required-muted) !important;
  font-weight: 600;
}

.single-home-container .single-priority-item {
  border-color: rgba(188, 202, 220, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
    var(--single-action-card-bg);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 12px 30px rgba(0, 0, 0, 0.24);
}

.single-home-container .single-priority-item.status-danger {
  border-color: rgba(255, 107, 114, 0.34);
  background:
    linear-gradient(90deg, rgba(255, 107, 114, 0.11), transparent 44%),
    var(--single-action-card-bg);
}

.single-home-container .single-priority-item.status-warning {
  border-color: rgba(255, 200, 87, 0.31);
  background:
    linear-gradient(90deg, rgba(255, 200, 87, 0.09), transparent 44%),
    var(--single-action-card-bg);
}

.single-home-container .single-priority-item.status-success {
  --single-action-accent-soft: var(--action-required-success-soft);
  --single-action-dot-glow: rgba(69, 199, 154, 0.38);
  border-color: rgba(69, 199, 154, 0.30);
  background:
    linear-gradient(90deg, rgba(69, 199, 154, 0.12), transparent 46%),
    var(--single-action-card-bg);
}

.single-home-container .single-priority-copy strong {
  color: var(--single-action-text);
  font-weight: 800;
}

.single-home-container .single-priority-copy small {
  color: var(--single-action-muted);
  font-weight: 650;
}

.single-home-container .single-priority-copy small span:first-child {
  font-weight: 850;
}

.single-home-container .single-priority-deadline {
  color: var(--single-action-icon-muted);
}

.single-home-container .single-priority-upload {
  box-shadow:
    0 9px 20px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.single-home-container .single-priority-item.status-danger .single-priority-upload {
  box-shadow:
    0 9px 22px rgba(255, 82, 90, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.single-home-container .single-priority-item.status-warning .single-priority-upload {
  box-shadow:
    0 9px 22px rgba(255, 200, 87, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.single-home-container .single-priority-item > .bi-chevron-right {
  color: #8fa0b5;
}

.single-home-container .single-priority-more {
  color: #b7c3d2;
}

.single-home-container .single-priority-more:hover,
.single-home-container .single-priority-more:focus-visible,
.single-home-container .single-priority-more[aria-expanded="true"] {
  color: #f4f7fb;
}

/* Corporate certificate status surfaces reuse the same Action Required tokens. */
.internal-corp-main .linear-badge.expired {
  border: 1px solid color-mix(in srgb, var(--action-required-critical) 46%, transparent);
  background: color-mix(in srgb, var(--action-required-critical) 14%, white);
  color: #a92331;
  font-weight: 800;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--action-required-critical) 8%, transparent);
}

.internal-corp-main .linear-badge.warning {
  border: 1px solid color-mix(in srgb, var(--action-required-warning) 56%, #d09a20);
  background: color-mix(in srgb, var(--action-required-warning) 24%, white);
  color: #704500;
  font-weight: 800;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--action-required-warning) 10%, transparent);
}

.internal-corp-main .linear-badge.renewal-submitted {
  border: 1px solid color-mix(in srgb, var(--action-required-success) 44%, transparent);
  background: color-mix(in srgb, var(--action-required-success) 14%, white);
  color: #126249;
  font-weight: 800;
}

.internal-corp-main .linear-filter-bar .linear-filter-btn[href*="filter=expired"] {
  border-color: color-mix(in srgb, var(--action-required-critical) 38%, #dbe3ee);
  color: #a92331;
}

.internal-corp-main .linear-filter-bar .linear-filter-btn[href*="filter=expired"]:hover,
.internal-corp-main .linear-filter-bar .linear-filter-btn[href*="filter=expired"].active {
  border-color: color-mix(in srgb, var(--action-required-critical) 58%, transparent);
  background: color-mix(in srgb, var(--action-required-critical) 12%, white);
  color: #8f1d2a;
  box-shadow: 0 4px 14px rgba(255, 107, 114, 0.12);
}

.internal-corp-main .linear-filter-bar .linear-filter-btn[href*="filter=soon"] {
  border-color: color-mix(in srgb, var(--action-required-warning) 44%, #dbe3ee);
  color: #704500;
}

.internal-corp-main .linear-filter-bar .linear-filter-btn[href*="filter=soon"]:hover,
.internal-corp-main .linear-filter-bar .linear-filter-btn[href*="filter=soon"].active {
  border-color: color-mix(in srgb, var(--action-required-warning) 62%, #c38d18);
  background: color-mix(in srgb, var(--action-required-warning) 18%, white);
  color: #5c3900;
  box-shadow: 0 4px 14px rgba(255, 200, 87, 0.14);
}

.internal-corp-main a[href="/ui?filter=soon"] .card {
  border-color: color-mix(in srgb, var(--action-required-warning) 34%, #e5e7eb);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--action-required-warning) 10%, white), white 52%);
}

.internal-corp-main a[href="/ui?filter=soon"] .card h4 {
  color: #704500;
}