.workbench-backlink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#bde7ff;
  text-decoration:none;
}

.workbench-shell{
  display:grid;
  gap:18px;
}

.workbench-intro{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.workbench-intro p{
  margin:0;
}

.workbench-kpis{
  display:grid;
  gap:12px;
  width:100%;
}

@media (min-width:880px){
  .workbench-kpis{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.workbench-kpi{
  border:1px solid rgba(172,206,255,0.18);
  border-radius:18px;
  background:rgba(255,255,255,0.04);
  padding:14px;
}

.workbench-kpi strong{
  display:block;
  font-size:0.95rem;
  color:#f4f8ff;
}

.workbench-kpi span{
  display:block;
  margin-top:6px;
  color:#a9c0e0;
  font-size:0.9rem;
  line-height:1.6;
}

.workbench-grid{
  display:grid;
  gap:14px;
}

@media (min-width:920px){
  .workbench-grid{
    grid-template-columns:minmax(0, 1.15fr) minmax(18rem, 0.85fr);
    align-items:start;
  }
}

.workbench-panel,
.workbench-sidepanel{
  border:1px solid rgba(172,206,255,0.18);
  border-radius:22px;
  background:linear-gradient(155deg, rgba(17,32,60,0.78), rgba(12,24,46,0.78));
  padding:18px;
}

.workbench-panel h3,
.workbench-sidepanel h3{
  margin:0 0 10px;
}

.workbench-subtle{
  margin:0;
  color:#9db4d8;
  line-height:1.7;
}

.workbench-form{
  display:grid;
  gap:14px;
}

.workbench-fields{
  display:grid;
  gap:14px;
}

@media (min-width:760px){
  .workbench-fields{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

.workbench-fields label,
.workbench-form label{
  display:grid;
  gap:7px;
}

.workbench-fields label span,
.workbench-form label span{
  color:#e8f1ff;
  font-weight:600;
  font-size:0.95rem;
}

.workbench-fields input,
.workbench-fields select,
.workbench-fields textarea,
.workbench-form input,
.workbench-form select,
.workbench-form textarea{
  width:100%;
  border:1px solid rgba(172,206,255,0.18);
  border-radius:16px;
  background:rgba(8,16,31,0.82);
  color:#edf4ff;
  padding:12px 14px;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.workbench-fields textarea,
.workbench-form textarea{
  min-height:144px;
  resize:vertical;
}

.workbench-fields input:focus,
.workbench-fields select:focus,
.workbench-fields textarea:focus,
.workbench-form input:focus,
.workbench-form select:focus,
.workbench-form textarea:focus{
  border-color:rgba(110,199,255,0.62);
  box-shadow:0 0 0 3px rgba(110,199,255,0.16);
  background:rgba(10,20,38,0.92);
}

.workbench-dropzone{
  position:relative;
  border:1px dashed rgba(172,206,255,0.34);
  border-radius:20px;
  background:rgba(255,255,255,0.03);
  padding:18px;
  text-align:left;
}

.workbench-dropzone input[type="file"]{
  width:100%;
}

.workbench-dropzone.is-dragover{
  border-color:rgba(110,199,255,0.75);
  background:rgba(110,199,255,0.08);
}

.workbench-help{
  margin:0;
  color:#9db4d8;
  font-size:0.92rem;
  line-height:1.7;
}

.workbench-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.workbench-toolbar button{
  cursor:pointer;
}

.workbench-toolbar .secondary-action[disabled],
.workbench-toolbar .primary-action[disabled]{
  opacity:.58;
  cursor:not-allowed;
}

.workbench-status{
  min-height:24px;
  margin:0;
  color:#9db4d8;
  line-height:1.6;
}

.workbench-status.is-error{
  color:#ffd0d6;
}

.workbench-status.is-success{
  color:#baf5dc;
}

.workbench-status.is-busy{
  color:#c7ebff;
}

.workbench-result,
.workbench-output,
.workbench-preview,
.workbench-codeblock{
  border:1px solid rgba(172,206,255,0.16);
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  padding:16px;
}

.workbench-result{
  display:grid;
  gap:10px;
}

.workbench-result strong{
  color:#f7fbff;
}

.workbench-meta{
  display:grid;
  gap:10px;
}

.workbench-meta-item{
  border:1px solid rgba(172,206,255,0.14);
  border-radius:16px;
  background:rgba(255,255,255,0.025);
  padding:12px 14px;
}

.workbench-meta-item h4{
  margin:0 0 6px;
}

.workbench-meta-item p{
  margin:0;
  color:#abc0dc;
  line-height:1.6;
  word-break:break-word;
}

.workbench-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.workbench-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:8px 12px;
  font-size:0.82rem;
  font-weight:700;
  letter-spacing:.02em;
}

.workbench-badge.is-good{
  background:rgba(56,216,170,0.14);
  border:1px solid rgba(56,216,170,0.28);
  color:#d9fff2;
}

.workbench-badge.is-warn{
  background:rgba(247,195,95,0.14);
  border:1px solid rgba(247,195,95,0.28);
  color:#fff2cf;
}

.workbench-badge.is-bad{
  background:rgba(240,127,134,0.14);
  border:1px solid rgba(240,127,134,0.28);
  color:#ffe0e3;
}

.workbench-table-wrap{
  overflow:auto;
}

.workbench-table{
  width:100%;
  border-collapse:collapse;
  min-width:640px;
}

.workbench-table th,
.workbench-table td{
  padding:11px 12px;
  border-bottom:1px solid rgba(172,206,255,0.14);
  text-align:left;
  vertical-align:top;
}

.workbench-table th{
  color:#f3f8ff;
  font-size:0.88rem;
  letter-spacing:.02em;
}

.workbench-table td{
  color:#abc0dc;
  font-size:0.92rem;
  line-height:1.6;
}

.workbench-table a{
  word-break:break-word;
}

.workbench-codeblock{
  overflow:auto;
}

.workbench-codeblock pre{
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
  font-family:"Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  color:#ddf4ff;
  line-height:1.75;
}

.workbench-summary-grid{
  display:grid;
  gap:12px;
}

.workbench-summary-grid.is-stacked{
  grid-template-columns:minmax(0, 1fr);
}

@media (min-width:700px){
  .workbench-summary-grid:not(.is-stacked){
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

.workbench-summary-card{
  border:1px solid rgba(172,206,255,0.16);
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  padding:14px;
}

.workbench-summary-card strong{
  display:block;
  color:#f5f9ff;
}

.workbench-summary-card span{
  display:block;
  margin-top:6px;
  color:#9db4d8;
  line-height:1.6;
}

.workbench-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.workbench-inline-actions .pill{
  cursor:pointer;
}

.hidden{
  display:none !important;
}