/* siteON workspace pieces: production table, blocked list, detail drawer, review, action forms, scan panel. */
.table-wrap table{min-width:880px}
.table-wrap td{padding:14px;vertical-align:top;color:var(--muted);font-size:13px}
.table-wrap td strong,.table-wrap td small{display:block}
.table-wrap td strong{color:var(--text);font-weight:500}
.table-wrap td small{color:var(--muted);margin-top:4px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-wrap code,.blocked-item code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:12px}
.location-tag{display:inline-block;white-space:nowrap;padding:3px 9px;background:var(--pill-neutral-bg);border-radius:var(--radius-control);color:var(--pill-neutral-ink);font-weight:500;font-size:12px}
.review-badge{display:inline-block;white-space:nowrap;padding:3px 10px;border-radius:999px;background:var(--pill-warning-bg);border:1px solid var(--sand);color:var(--pill-warning-ink);font-size:12px;font-weight:500}
.detail-link{white-space:nowrap;color:var(--text);font-weight:500}
.blocked{margin-top:32px}
.blocked-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);max-height:340px;overflow:auto}
.blocked-item{display:grid;grid-template-columns:110px minmax(180px,1fr) minmax(200px,1fr) 120px;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rule);font-size:13px;color:var(--muted)}
.blocked-item:last-child{border:0}
.blocked-item strong{color:var(--text);font-size:13px}
.blocked-item small{color:var(--warning);text-align:right}
.clear-message{padding:20px;color:var(--muted)}

/* The detail drawer overlaps the page: a line separates it, no shadow. */
.detail-drawer{position:fixed;right:0;top:0;bottom:0;z-index:10;width:min(460px,100vw);overflow:auto;background:var(--surface);
  border-left:1px solid var(--border);padding:28px}
.detail-drawer h2{font-size:22px;margin:8px 0 20px}
.drawer-close{float:right;color:var(--text);font-size:13px;font-weight:500}
.detail-drawer dl{margin:0}
.detail-drawer dt{font-size:12px;color:var(--muted);margin:18px 0 4px}
.detail-drawer dd{margin:0;color:var(--text);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.detail-drawer .source-text{white-space:pre-wrap;background:var(--ground);border:1px solid var(--border);border-radius:var(--radius-control);padding:12px;max-height:210px;overflow:auto}

.review-detail{margin-top:24px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}
.review-detail .source-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:var(--ground);border-radius:var(--radius-control);padding:14px;font-size:13px;line-height:1.6}
.review-detail details{margin:12px 0}
.review-detail summary{cursor:pointer;font-weight:500}

.action-form{display:flex;flex-direction:column;gap:14px;padding:20px;margin:16px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);max-width:760px}
.action-form label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px}
.action-form input:not([type=checkbox]),.action-form select,.action-form textarea{max-width:100%}
.action-form textarea{width:100%;min-height:72px}
.action-form .primary{align-self:flex-start}
[role=status]{padding:14px 16px;background:var(--pill-positive-bg);color:var(--pill-positive-ink);border-radius:var(--radius-card)}

/* The scan panel */
.generation{display:grid;gap:14px;margin-bottom:12px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}
.generation-form{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--muted);font-size:13px}
.generation-steps{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.generation-steps li{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:500;background:var(--pill-neutral-bg);color:var(--pill-neutral-ink)}
.generation-steps li.done{background:var(--pill-positive-bg);color:var(--pill-positive-ink)}
.generation-steps li.current{background:var(--text);color:#fff}
.generation-error,.generation-warning{margin:0;padding:12px 14px;border-radius:var(--radius-control);background:var(--pill-negative-bg);color:var(--pill-negative-ink)}
.generation-warning{background:var(--pill-warning-bg);color:var(--pill-warning-ink)}
.generation-state{margin:0}
.generation-counts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:0}
.generation-counts div{border:1px solid var(--rule);border-radius:var(--radius-control);padding:8px 12px}
.generation-counts dt{font-size:12px;color:var(--muted)}
.generation-counts dd{margin:4px 0 0;font-weight:500;word-break:break-word}
.generation-links{display:flex;flex-wrap:wrap;gap:12px}
.generation details ul{margin:6px 0 0;padding-left:18px;font-size:13px}

@media(max-width:800px){
  .blocked-item{grid-template-columns:1fr 1fr}
  .blocked-item strong{grid-column:1/-1}
  .blocked-item small{text-align:left}
  .detail-drawer{top:auto;max-height:85vh;width:100%;border-left:0;border-top:1px solid var(--border)}
}