/* Recruiting module compositions. Shell and primitives live in assets/css/. */
.od-recruiting-module .eyebrow,
.od-recruiting-drawer .eyebrow,
.od-recruiting-dialog .eyebrow { color: var(--od-accent); font-size: var(--od-text-2xs); font-weight: 680; letter-spacing: .08em; text-transform: uppercase; }
.od-recruiting-module .od-section-gap { margin-top: var(--od-space-4); }
.od-recruiting-module .od-skeleton--kpi { min-height: 7.25rem; }
.od-recruiting-module .empty[colspan] { display: table-cell; min-height: 0; }
.od-recruiting-module .detail-grid,
.od-recruiting-drawer .detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--od-space-2); }
.od-recruiting-drawer .detail strong { display: block; overflow-wrap: anywhere; }
.od-recruiting-drawer .answer { display: grid; grid-template-columns: 1fr auto; gap: var(--od-space-3); padding: var(--od-space-3) 0; border-bottom: 1px solid var(--od-border-subtle); font-size: var(--od-text-sm); }
.od-recruiting-drawer .answer p { margin: var(--od-space-1) 0; color: var(--od-text-muted); }
.od-recruiting-drawer .answer.ok { padding-left: var(--od-space-3); border-left: 2px solid var(--od-success); }
.od-recruiting-drawer .answer.no { padding-left: var(--od-space-3); border-left: 2px solid var(--od-danger); }
.od-recruiting-drawer .document { padding: var(--od-space-4); }
.od-recruiting-drawer .document + .document { margin-top: var(--od-space-3); }
.od-recruiting-drawer :is(.document-actions, .form-actions),
.od-recruiting-dialog .form-actions { display: flex; align-items: center; gap: var(--od-space-2); flex-wrap: wrap; margin-top: var(--od-space-4); }
.od-recruiting-module .form,
.od-recruiting-drawer .form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--od-space-4); }
.od-recruiting-module .form label,
.od-recruiting-drawer .form label { display: grid; gap: var(--od-space-2); }
.od-recruiting-module .form .full,
.od-recruiting-module .form label.full,
.od-recruiting-drawer .form .full,
.od-recruiting-drawer .form label.full { grid-column: 1 / -1; }
.od-recruiting-drawer .options-editor { display: grid; gap: var(--od-space-2); }
.od-recruiting-drawer .option-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--od-space-2); }
.od-recruiting-module .question,
.od-recruiting-drawer .question { padding: var(--od-space-4); }
.od-recruiting-module .question + .question,
.od-recruiting-drawer .question + .question { margin-top: var(--od-space-3); }
.od-recruiting-module .question-head,
.od-recruiting-drawer .question-head { display: flex; justify-content: space-between; gap: var(--od-space-4); }
.od-recruiting-module .question h3,
.od-recruiting-drawer .question h3 { margin: 0; font-size: var(--od-text-md); }
.od-recruiting-module .question h3 > span,
.od-recruiting-drawer .question h3 > span { color: var(--od-accent); font-family: var(--od-font-mono); font-size: var(--od-text-xs); }
.od-recruiting-module .question-options,
.od-recruiting-drawer .question-options { display: grid; gap: var(--od-space-2); margin: var(--od-space-4) 0 0; padding: 0; list-style: none; }
.od-recruiting-module .question-options li,
.od-recruiting-drawer .question-options li { display: flex; align-items: center; justify-content: space-between; gap: var(--od-space-3); padding: var(--od-space-2) var(--od-space-3); border: 1px solid var(--od-border-subtle); border-radius: var(--od-radius-sm); color: var(--od-text-secondary); font-size: var(--od-text-sm); }
.od-recruiting-module .question-options li.is-correct,
.od-recruiting-drawer .question-options li.is-correct { border-color: rgba(101,214,166,.22); background: var(--od-success-soft); color: var(--od-success); }
.od-recruiting-module .question-options li span,
.od-recruiting-drawer .question-options li span { font-size: var(--od-text-2xs); font-weight: 650; }
.od-recruiting-drawer .document .form { margin-top: var(--od-space-3); }
.od-recruiting-drawer .document > .notice { margin-top: var(--od-space-3); }
.od-recruiting-drawer .od-candidate-loading { min-height: 18rem; }

.od-recruiting-drawer { position: fixed; top: 0; right: 0; height: 100dvh; overflow: auto; transform: translateX(105%); transition: transform var(--od-duration-medium) var(--od-ease); }
.od-recruiting-drawer.open,
.od-recruiting-drawer[aria-hidden="false"] { transform: none; }
.od-recruiting-drawer h2 { margin: .2rem 0 0; font-size: var(--od-text-2xl); }
.od-recruiting-drawer .drawer-head { position: sticky; display: flex; align-items: center; justify-content: space-between; gap: var(--od-space-4); }
[data-toast-host] .toast { padding: var(--od-space-3) var(--od-space-4); }
.od-recruiting-dialog { width: min(35rem, calc(100% - 2rem)); padding: var(--od-space-6); }
.od-recruiting-dialog h2 { margin: var(--od-space-2) 0 var(--od-space-4); font-size: var(--od-text-2xl); }

@media (max-width: 839px) {
  .od-recruiting-module .detail-grid,
  .od-recruiting-module .form,
  .od-recruiting-drawer :is(.detail-grid, .form) { grid-template-columns: 1fr; }
  .od-recruiting-module .form :is(.full, label.full),
  .od-recruiting-drawer .form :is(.full, label.full) { grid-column: auto; }
  .od-recruiting-drawer { width: 100%; padding: var(--od-space-4); }
  .od-recruiting-drawer .drawer-head { top: calc(var(--od-space-4) * -1); margin: calc(var(--od-space-4) * -1) calc(var(--od-space-4) * -1) var(--od-space-4); padding: var(--od-space-4); }
}