.easyjob-direct-result {
  --direct-bg: #fff;
  --direct-soft: #f4f7f8;
  --direct-ink: #172b34;
  --direct-muted: #596d78;
  --direct-line: #dce5e8;
  margin: 16px 0 24px;
  border: 1px solid var(--direct-line);
  border-radius: 16px;
  background: var(--direct-bg);
  color: var(--direct-ink);
  box-shadow: 0 4px 20px #10242c0a;
  overflow: hidden;
  scroll-margin-top: 80px;
}
.easyjob-direct-head { display:flex; align-items:flex-start; gap:20px; padding:24px; background:var(--direct-soft); border-bottom:1px solid var(--direct-line); }
.easyjob-direct-identity { flex:1; min-width:0; }
.easyjob-direct-eyebrow { color:var(--direct-muted); font-size:10px; font-weight:800; letter-spacing:.12em; }
.easyjob-direct-title { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:8px 0 12px; }
.easyjob-direct-title h2 { margin:0; color:var(--direct-ink); font-size:clamp(22px,2.5vw,30px); line-height:1.25; letter-spacing:-.6px; overflow-wrap:anywhere; }
.easyjob-direct-number { padding:5px 9px; border:1px solid var(--direct-line); border-radius:6px; background:var(--direct-bg); color:var(--direct-muted); font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; }
.easyjob-direct-result .easyjob-direct-status { display:inline-flex; align-items:center; gap:7px; color:var(--direct-ink); font-size:12px; font-weight:650; letter-spacing:normal; }
.easyjob-direct-status i { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#87969e; }
.easyjob-direct-status[data-status=confirmed] i { background:#24ab72; }
.easyjob-direct-status[data-status=offered] i { background:#e9b82e; }
.easyjob-direct-status[data-status=cancelled] i { background:#e15b63; }
.easyjob-direct-status[data-status=rental] i { background:#4897e7; }
.easyjob-direct-head button,.easyjob-direct-error button { min-height:40px; padding:9px 12px; border:1px solid var(--direct-line); border-radius:8px; background:var(--direct-bg); color:var(--direct-ink); font:inherit; font-size:12px; font-weight:650; cursor:pointer; }
.easyjob-direct-head button { flex-shrink:0; }
.easyjob-direct-head button span { margin-left:8px; }
.easyjob-direct-result :is(button,a,summary):focus-visible { outline:3px solid #289caa; outline-offset:-3px; }
.easyjob-direct-meta { display:grid; grid-template-columns:2fr 1fr 1fr; gap:20px; margin:0; padding:20px 24px; border-bottom:1px solid var(--direct-line); }
.easyjob-direct-meta > div { min-width:0; }
.easyjob-direct-meta dt { margin-bottom:6px; color:var(--direct-muted); font-size:11px; }
.easyjob-direct-meta dd { margin:0; color:var(--direct-ink); font-size:13px; font-weight:650; line-height:1.55; overflow-wrap:anywhere; }
.easyjob-direct-description { grid-column:span 2; }
.easyjob-direct-materials { padding:20px 24px 24px; }
.easyjob-direct-materials > h3 { margin:0 0 14px; font-size:15px; color:var(--direct-ink); }
.easyjob-direct-error { padding:20px 24px; color:var(--direct-muted); line-height:1.6; }
.easyjob-direct-error p { color:inherit; margin:0 0 12px; }
.easyjob-direct-jobs { display:grid; }
.easyjob-direct-jobs a { display:grid; grid-template-columns:120px minmax(0,1fr) auto; gap:12px; align-items:center; padding:16px 24px; border-bottom:1px solid var(--direct-line); color:var(--direct-ink); text-decoration:none; font-size:13px; }
.easyjob-direct-jobs a:hover { background:var(--direct-soft); }
.easyjob-direct-jobs a > span { overflow-wrap:anywhere; }
.easyjob-direct-result .easyjob-material-group,
.easyjob-direct-result .easyjob-job-meta { background:var(--direct-bg); color:var(--direct-ink); border-color:var(--direct-line); }
.easyjob-direct-result .easyjob-material-row { color:var(--direct-ink); border-color:var(--direct-line); }
.easyjob-direct-result .easyjob-material-row > span > strong { white-space:normal; overflow-wrap:anywhere; }
.easyjob-direct-result .easyjob-material-header { background:var(--direct-soft); }
.easyjob-direct-result .easyjob-material-group > summary { background:var(--direct-soft); color:var(--direct-ink); }
.easyjob-direct-result .easyjob-material-note { background:var(--direct-soft); }
.easyjob-direct-result .easyjob-job-meta p { color:var(--direct-ink); }
.easyjob-direct-result :is(.easyjob-material-note,.easyjob-material-row small,.easyjob-material-group small,.easyjob-material-loading,.easyjob-no-jobs) { color:var(--direct-muted); }
.easyjob-direct-result .easyjob-material-table { overflow-x:auto; }
.easyjob-direct-result .easyjob-material-group > summary span { flex-wrap:wrap; }
/* Explicit theme hooks take precedence over the system preference. */
[data-theme=dark] .easyjob-direct-result,.dark-mode .easyjob-direct-result {
  --direct-bg:#13252f; --direct-soft:#1a303b; --direct-ink:#edf4f6; --direct-muted:#b2c4ce; --direct-line:#324954;
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme=light]) body:not([data-theme=light]):not(.light-mode) .easyjob-direct-result {
    --direct-bg:#13252f; --direct-soft:#1a303b; --direct-ink:#edf4f6; --direct-muted:#b2c4ce; --direct-line:#324954;
  }
}
@media (max-width:720px) {
  .easyjob-direct-result { margin:10px 0 16px; border-radius:12px; }
  .easyjob-direct-head { padding:16px; gap:12px; flex-wrap:wrap; }
  .easyjob-direct-identity { flex-basis:100%; }
  .easyjob-direct-head button { min-height:44px; }
  .easyjob-direct-meta { grid-template-columns:1fr 1fr; gap:16px; padding:16px; }
  .easyjob-direct-meta > div:first-child { grid-column:1/-1; }
  .easyjob-direct-materials { padding:16px 12px; }
  .easyjob-direct-jobs a { grid-template-columns:1fr auto; padding:16px; }
  .easyjob-direct-jobs a > span { grid-column:1/-1; grid-row:2; }
  .easyjob-direct-result .easyjob-material-row { min-width:480px; grid-template-columns:minmax(210px,1fr) repeat(3,70px); gap:8px; }
  .easyjob-direct-result .easyjob-material-group > summary { gap:8px; padding:12px 10px; }
}