/* Extend the approved V7.9.1 styles without replacing its portal shell. */
[hidden] { display: none !important; }
.staff-login { max-width: 460px; margin: 8vh auto; }
.staff-login h2 { margin-top: 12px; }
.queue-tools, .queue-pages { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin: 18px 0; }
.queue-pages { align-items: center; justify-content: flex-end; }
.queue-tools .field { margin: 0; width: min(100%, 360px); }
.sidebar button:disabled { opacity: .55; cursor: not-allowed; }
.evidence-panel { margin-top: 18px; overflow-wrap: anywhere; }
.review-layout .evidence-panel { margin-top: 0; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.detail-grid > div { min-width: 0; }
.detail-grid h3 { margin-top: 22px; }
.field label, .sidebar button, .table th, .table td, .btn, .event b,
.event span, .kv, .metric span, .pill, .status, .hint, .field input,
.navgroup, .eyebrow, .side-foot b, .side-foot span, .brand p { font-size: .875rem; }
.kv { grid-template-columns: minmax(125px, 38%) minmax(0, 1fr); }
.table td { overflow-wrap: anywhere; }
.main { min-width: 0; }
.queue-pages span { color: var(--muted); }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--gold2); outline-offset: 3px; }
@media (max-width: 900px) {
  .layout { grid-template-columns: 210px minmax(0, 1fr); }
  .detail-grid, .review-layout { grid-template-columns: 1fr; }
  .grid4 { grid-template-columns: 1fr 1fr; }
  .topbar { flex-wrap: wrap; }
  .top-actions { flex-wrap: wrap; }
}
@media (max-width: 620px) {
  .layout { display: block; }
  .sidebar { position: static; height: auto; }
  .sidebar button:disabled, .sidebar .side-foot, .sidebar .navgroup { display: none; }
  .main { padding: 14px; }
  .staff-login { margin: 24px 14px; }
  .detail-grid { display: block; }
}

.staff-password-wrapper { position: relative; }
.staff-password-wrapper input { padding-right: 54px; }
.staff-password-toggle {
  position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 40px; padding: 0; border: 0; border-radius: 7px;
  background: transparent; color: var(--muted); cursor: pointer; font-size: 1.4rem;
}
.staff-password-toggle:hover, .staff-password-toggle[aria-pressed="true"] { color: var(--gold2); }
#staffPasswordHint { font-size: .875rem; }

/* Keep the recovered studio layout usable with authenticated portal controls. */
.brandline { display:flex; align-items:center; gap:14px; }
.topbar { min-height:76px; }
.sidebar { top:76px; height:calc(100vh - 76px); }
.main { margin:0 auto; align-self:start; }
.queue-tools input, .queue-tools select, .wd-baseline-open select,
.wd-bottom-bar select, #txconfig input {
  background:#09182a; color:var(--text); border:1px solid var(--line);
  border-radius:7px; padding:8px 10px; max-width:100%;
}
.queue-tools label { display:flex; align-items:center; gap:8px; }
.queue-tools [role="status"] { color:var(--muted); font-size:12px; }
.wd-workflow-head { flex-wrap:wrap; }
.wd-workflow-head > div:first-child { flex-wrap:wrap; min-width:0; }
.wd-workflow-head #wdWorkflowId { white-space:nowrap; }
.wd-baseline-open { display:flex; flex-wrap:wrap; align-items:center; min-width:0; max-width:100%; }
.wd-baseline-open select { width:300px; }
.wd-governance-hint, #wdSavedAt { overflow-wrap:anywhere; }
.wd-execution-strip { flex-wrap:wrap; }
.wd-execution-rule { max-width:460px; }
.wd-shell-v6 { grid-template-columns:180px minmax(0,1fr) 235px; }
.wd-modebar { flex-wrap:wrap; }
.wd-mode-group { flex-wrap:wrap; }
.wd-properties-v6 .field label { font-size:10px; letter-spacing:.03em; }
.wd-prop-tabs button { cursor:pointer; font-size:10px; }
.wd-node-v6 b { font-size:10px; }
.wd-node-v6 small { font-size:8px; }
#arrow-standard path { fill:#73e58d; stroke:none; }
#arrow-high path { fill:#f4c34f; stroke:none; }
#arrow-exception path { fill:#ff626b; stroke:none; }
#txconfig input:not([type="checkbox"]) { width:100%; min-width:70px; }
@media(max-width:1100px) {
  .wd-shell-v6 { grid-template-columns:160px minmax(0,1fr); }
  .wd-properties-v6 { grid-column:1/-1; max-height:none; }
}
@media(max-width:900px) {
  .sidebar { position:static; height:auto; display:block; }
  .sidebar button { min-width:0; }
  .wd-shell-v6 { grid-template-columns:140px minmax(0,1fr); }
}