/*
 * MARRC GLOBAL AI STANDARD v7
 * Enterprise recruitment AI workspace.
 *
 * Important:
 * This stylesheet affects the AI module only.
 */

.marrc-ai-global-standard-v7 {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;

  overflow: hidden !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      145deg,
      #0b1d38 0%,
      #071429 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,.15) !important;

  border-radius: 26px !important;

  box-shadow:
    0 22px 55px rgba(4,10,25,.22) !important;
}

/* Main AI wrapper */
.marrc-ai-global-standard-v7.marrc-ai-wrap {
  padding:
    clamp(24px, 3vw, 38px) !important;
}

/* AI title */
.marrc-ai-global-standard-v7
.marrc-ai-head {
  display: flex !important;

  align-items: flex-start !important;
  justify-content: space-between !important;

  gap: 22px !important;

  margin: 0 0 28px !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-head h2 {
  margin: 0 0 10px !important;

  color: #ffffff !important;

  font-size:
    clamp(1.75rem, 3vw, 2.65rem) !important;

  line-height: 1.08 !important;

  font-weight: 800 !important;

  letter-spacing: -.03em !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-head p {
  margin: 0 !important;

  color: #c5d1df !important;

  font-size: 1rem !important;

  line-height: 1.65 !important;

  max-width: 880px !important;
}

/* AI badge */
.marrc-ai-global-standard-v7
.marrc-ai-pill {
  display: inline-flex !important;

  align-items: center !important;

  width: max-content !important;

  white-space: nowrap !important;

  color: #fff4c2 !important;

  background: rgba(242,208,107,.08) !important;

  border:
    1px solid rgba(242,208,107,.33) !important;

  border-radius: 999px !important;

  padding:
    7px 12px !important;

  font-size:
    .78rem !important;

  font-weight:
    800 !important;
}

/* Metrics */
.marrc-ai-global-standard-v7
.marrc-ai-grid {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 16px !important;

  width: 100% !important;

  margin-bottom: 24px !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-card {
  min-width: 0 !important;

  box-sizing: border-box !important;

  padding: 20px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.065),
      rgba(255,255,255,.025)
    ) !important;

  border:
    1px solid rgba(255,255,255,.13) !important;

  border-radius: 18px !important;

  box-shadow: none !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-card strong {
  color: #ffffff !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-stat {
  margin-top: 9px !important;

  color: #ffffff !important;

  font-size:
    clamp(2rem, 4vw, 3rem) !important;

  line-height: 1 !important;

  font-weight: 850 !important;
}

/* Controls */
.marrc-ai-global-standard-v7
.marrc-ai-controls {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr) auto !important;

  gap: 14px !important;

  align-items: center !important;

  margin: 14px 0 !important;
}

/* Inputs */
.marrc-ai-global-standard-v7
.marrc-ai-controls input,
.marrc-ai-global-standard-v7
.marrc-ai-controls textarea,
.marrc-ai-global-standard-v7
.marrc-ai-controls select {
  width: 100% !important;

  min-height: 50px !important;

  box-sizing: border-box !important;

  padding: 12px 15px !important;

  color: #132033 !important;

  background: #ffffff !important;

  border:
    1px solid rgba(15,23,42,.16) !important;

  border-radius: 14px !important;

  font: inherit !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-controls textarea {
  min-height: 120px !important;

  resize: vertical !important;
}

/* Buttons */
.marrc-ai-global-standard-v7
.marrc-ai-button {
  min-height: 48px !important;

  padding:
    0 20px !important;

  color: #101827 !important;

  background:
    linear-gradient(
      135deg,
      #f2d06b,
      #ff7d59
    ) !important;

  border: 0 !important;

  border-radius: 14px !important;

  font-weight: 800 !important;

  cursor: pointer !important;

  box-shadow:
    0 11px 26px rgba(255,125,89,.17) !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-button.secondary {
  color: #ffffff !important;

  background:
    rgba(255,255,255,.045) !important;

  border:
    1px solid rgba(255,255,255,.22) !important;

  box-shadow: none !important;
}

/* Results */
.marrc-ai-global-standard-v7
.marrc-ai-list {
  display:
    grid !important;

  gap:
    12px !important;

  width:
    100% !important;

  margin-top:
    18px !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-item {
  min-width:
    0 !important;

  box-sizing:
    border-box !important;

  padding:
    18px !important;

  color:
    #ffffff !important;

  background:
    rgba(255,255,255,.045) !important;

  border:
    1px solid rgba(255,255,255,.13) !important;

  border-radius:
    16px !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-item strong {
  color:
    #ffffff !important;
}

.marrc-ai-global-standard-v7
.marrc-ai-muted {
  color:
    #bdc9d8 !important;
}

/* Status */
.marrc-ai-global-standard-v7
.marrc-ai-status {
  min-height:
    22px !important;

  margin-top:
    12px !important;

  color:
    #c8d4e1 !important;
}

/* Login panel */
.login-panel
[data-marrc-ai-login-mount] {
  display:
    block !important;

  width:
    100% !important;

  margin-top:
    24px !important;

  padding-top:
    22px !important;

  border-top:
    1px solid rgba(15,23,42,.12) !important;
}

.login-panel
[data-marrc-ai-login-mount]
.marrc-ai-global-standard-v7 {
  width:
    100% !important;
}

/* Dedicated dashboard AI panel */
.marrc-ai-dashboard-panel {
  width:
    100% !important;

  max-width:
    100% !important;

  box-sizing:
    border-box !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}

.marrc-ai-dashboard-panel
[data-marrc-ai-dashboard-mount] {
  display:
    block !important;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  box-sizing:
    border-box !important;
}

/* Keyboard focus */
.marrc-ai-global-standard-v7
:focus-visible {
  outline:
    3px solid #fff0a7 !important;

  outline-offset:
    3px !important;
}

/* Responsive */
@media (max-width: 1050px) {
  .marrc-ai-global-standard-v7
  .marrc-ai-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .marrc-ai-global-standard-v7
  .marrc-ai-head {
    flex-direction:
      column !important;
  }

  .marrc-ai-global-standard-v7
  .marrc-ai-grid {
    grid-template-columns:
      1fr !important;
  }

  .marrc-ai-global-standard-v7
  .marrc-ai-controls {
    grid-template-columns:
      1fr !important;
  }

  .marrc-ai-global-standard-v7
  .marrc-ai-button {
    width:
      100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .marrc-ai-global-standard-v7 *,
  .marrc-ai-global-standard-v7 *::before,
  .marrc-ai-global-standard-v7 *::after {
    animation:
      none !important;

    transition:
      none !important;
  }
}