/* ===== Worker Deck — paleta propia (azul) ===== */
:root{
  --wd-ink:#12131a;
  --wd-accent:#2563eb;
  --wd-accent-deep:#1d4ed8;
  --wd-accent-2:#5b8def;
  --wd-line:#d7ddf0;
  --wd-muted:#5c647a;
  --wd-card:#f6f8fd;
}

#view-worker-deck{ font-family:var(--sans); }

.wd-header{ margin-bottom:22px; }
.wd-eyebrow{
  font-family:var(--mono); font-size:0.7rem; text-transform:uppercase;
  letter-spacing:0.12em; color:var(--wd-muted);
}
.wd-header h1{ font-size:1.9rem; margin:6px 0 8px; letter-spacing:-0.03em; font-weight:700; color:var(--wd-ink); }
.wd-header p{ font-size:0.9rem; color:var(--wd-muted); line-height:1.55; margin:0; }

.wd-card{
  background:var(--wd-card);
  border:1px solid var(--wd-line);
  border-radius:3px;
  padding:20px;
  margin-bottom:16px;
  position:relative;
  transition:opacity 0.15s ease;
}
.wd-card.disabled{ opacity:0.45; pointer-events:none; }

.wd-card-head{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.wd-step-num{
  font-family:var(--mono); font-size:0.7rem; font-weight:600;
  color:var(--wd-accent); border:1px solid var(--wd-accent);
  padding:2px 7px; border-radius:1px;
}
.wd-card-head h2{ font-size:1rem; font-weight:700; margin:0; flex:1; color:var(--wd-ink); }
.wd-menu-btn{
  background:transparent; border:1px solid var(--wd-line); border-radius:3px;
  width:30px; height:30px; cursor:pointer; font-size:0.9rem; color:var(--wd-muted);
}

.wd-proxy-panel{
  display:none; background:#fff; border:1px solid var(--wd-line); border-radius:3px;
  padding:14px; margin-bottom:16px;
}
.wd-proxy-panel.show{ display:block; }
.wd-proxy-panel label{
  font-family:var(--mono); font-size:0.68rem; text-transform:uppercase;
  letter-spacing:0.06em; color:var(--wd-muted); display:block; margin-bottom:6px;
}
.wd-proxy-panel input{
  width:100%; padding:9px 10px; border:1px solid var(--wd-line); border-radius:3px;
  font-family:var(--mono); font-size:0.78rem; margin-bottom:10px;
}
.wd-proxy-actions{ display:flex; gap:8px; }

.wd-account-list{ display:flex; flex-direction:column; gap:8px; margin-bottom:12px; }
.wd-account-empty{
  font-family:var(--mono); font-size:0.78rem; color:var(--wd-muted);
  padding:10px 0; text-align:center;
}
.account-chip{
  background:#fff; border:1px solid var(--wd-line); border-radius:3px;
  padding:12px 14px; cursor:pointer; transition:border-color 0.12s ease;
}
.account-chip.active{ border-color:var(--wd-accent); background:#eef3fe; }
.account-chip .name{ font-weight:600; font-size:0.88rem; color:var(--wd-ink); }
.account-chip .meta{ font-family:var(--mono); font-size:0.7rem; color:var(--wd-muted); margin-top:2px; }
.account-chip .del{ color:var(--red); cursor:pointer; font-size:0.9rem; padding:2px 6px; }
.confirm-del{
  margin-top:10px; padding-top:10px; border-top:1px dashed var(--wd-line);
  font-size:0.8rem; display:flex; flex-direction:column; gap:8px;
}
.confirm-del button{
  padding:7px 10px; border-radius:3px; border:none; font-family:var(--mono);
  font-size:0.72rem; cursor:pointer;
}
.confirm-del .yes{ background:var(--red); color:#fff; }
.confirm-del .no{ background:var(--wd-line); color:var(--wd-ink); }

.wd-btn-outline{
  width:100%; padding:10px; background:transparent; border:1px dashed var(--wd-accent);
  color:var(--wd-accent-deep); border-radius:3px; font-family:var(--sans);
  font-weight:600; font-size:0.82rem; cursor:pointer; margin-top:6px;
}
.wd-btn-primary{
  width:100%; padding:12px; background:var(--wd-accent); color:#fff; border:none;
  border-radius:3px; font-family:var(--sans); font-weight:700; font-size:0.86rem;
  cursor:pointer; text-transform:uppercase; letter-spacing:0.04em;
}
.wd-btn-primary:hover{ background:var(--wd-accent-deep); }
.wd-btn-primary:disabled{ background:#a9bdf2; cursor:not-allowed; }
.wd-btn-secondary{
  width:100%; padding:10px; background:#e7e9f2; color:var(--wd-ink); border:none;
  border-radius:3px; font-family:var(--sans); font-weight:600; font-size:0.82rem;
  cursor:pointer; margin-top:8px;
}

.wd-account-form{
  display:none; margin-top:14px; padding-top:14px; border-top:1px dashed var(--wd-line);
}
.wd-account-form.show{ display:block; }
.wd-account-form label, .wd-block label, .wd-card > label{
  font-family:var(--mono); font-size:0.68rem; text-transform:uppercase;
  letter-spacing:0.06em; color:var(--wd-muted); display:block; margin:10px 0 6px;
}
.wd-account-form label:first-child{ margin-top:0; }
.wd-account-form input, .wd-block input, .wd-block select{
  width:100%; padding:10px; border:1px solid var(--wd-line); border-radius:3px;
  font-family:var(--mono); font-size:0.82rem; background:#fff;
}
.wd-checkbox-row{ display:flex; align-items:center; gap:8px; margin-top:10px; font-size:0.8rem; color:var(--wd-muted); }
.wd-checkbox-row input{ accent-color:var(--wd-accent); }
.wd-form-actions{ display:flex; gap:8px; margin-top:14px; }
.wd-form-actions button{ flex:1; margin-top:0; }

.wd-mode-toggle{ display:flex; gap:8px; margin-bottom:14px; }
.wd-mode-btn{
  flex:1; padding:9px; background:#fff; border:1px solid var(--wd-line);
  border-radius:3px; font-family:var(--sans); font-weight:600; font-size:0.8rem;
  color:var(--wd-muted); cursor:pointer;
}
.wd-mode-btn.active{ background:var(--wd-accent); border-color:var(--wd-accent); color:#fff; }

.wd-hint{ font-size:0.72rem; color:var(--wd-muted); margin-top:6px; }
.wd-refresh-hint{
  font-family:var(--mono); font-size:0.72rem; color:var(--wd-accent-deep);
  margin-top:8px; cursor:pointer; text-align:right;
}

textarea#wd_codeInput{
  width:100%; min-height:220px; padding:12px; border:1px solid var(--wd-line);
  border-radius:3px; font-family:var(--mono); font-size:0.8rem; line-height:1.5;
  background:#fff; resize:vertical; tab-size:2;
}

.wd-summary{
  background:#fff; border:1px solid var(--wd-line); border-radius:3px;
  padding:12px 14px; margin-bottom:14px; font-family:var(--mono); font-size:0.78rem;
}
.wd-summary div{ display:flex; justify-content:space-between; padding:4px 0; }
.wd-summary span{ color:var(--wd-muted); }
.wd-summary b{ color:var(--wd-ink); font-weight:600; }

.wd-result{
  margin-top:12px; padding:12px; background:#eef3fe; border-left:3px solid var(--wd-accent);
  border-radius:3px; font-family:var(--mono); font-size:0.78rem; word-break:break-all;
}

/* Banners — mismo sistema visual del resto de Axiom */
.banner{ display:none; }
.banner.show{
  display:block; margin-top:10px; padding:10px 12px; border-radius:3px;
  font-family:var(--mono); font-size:0.76rem; line-height:1.4;
}
.banner.info{ background:#e3ecfd; color:#1d4ed8; border-left:3px solid var(--wd-accent); }
.banner.success{ background:#e6f6ea; color:#1d7a34; border-left:3px solid #2ea043; }
.banner.error{ background:#fbe9e7; color:#a3402f; border-left:3px solid var(--red); }
.banner.warn{ background:#fff3e0; color:#a3620a; border-left:3px solid #f6821f; }

/* Home card styling (para index.html principal) */
.tool-card.wd{
  background:linear-gradient(135deg, #eef3fe, var(--wd-card));
  border-color:var(--wd-line);
}
.tool-card.wd .tc-mark{ background:var(--wd-accent); color:#fff; }
.tool-card.wd h3{ color:var(--wd-ink); }
.tool-card.wd p{ color:var(--wd-muted); }
.tool-card.wd .tc-cta{ color:var(--wd-accent-deep); }
.tool-card.wd::after{
  content:'';
  position:absolute; right:-30px; bottom:-30px; width:120px; height:120px;
  background:radial-gradient(circle, rgba(37,99,235,0.18), transparent 70%);
}

@media (max-width: 480px){
  .wd-header h1{ font-size:1.6rem; }
  .wd-card{ padding:16px; }
  textarea#wd_codeInput{ min-height:180px; }
}