.operations-toolbar { display:grid; grid-template-columns:150px minmax(200px,1fr) minmax(160px,220px) minmax(190px,240px) 44px; gap:12px; align-items:end; margin-bottom:24px; }
.operations-toolbar label { min-width:0; font-size:12px; }
.operations-toolbar input,.operations-toolbar select { width:100%; min-width:0; height:44px; font-size:14px; }
.operations-toolbar button { height:44px; }
.operations-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.operations-heading h2 { font-size:18px; margin:0; }
.operations-heading span { font-size:12px; color:#647078; }
.operations-table { border-radius:0; border-inline:0; box-shadow:none; }
.operations-table table { min-width:850px; width:100%; table-layout:fixed; }
.operations-table th:first-child { width:28%; }
.operations-table th:nth-child(2) { width:16%; }
.operations-table th:nth-child(3) { width:16%; }
.operations-table th:nth-child(4) { width:15%; }
.operations-table th:last-child { width:54px; }
.operations-table td { padding:16px 12px; white-space:normal; overflow-wrap:anywhere; font-size:13px; }
.operations-table td strong,.operations-table td small { display:block; margin-top:4px; }
.operations-table td strong { font-weight:600; color:#242b31; }
.operations-table td small { font-size:12px; color:#647078; }
.operations-table tr:focus-within { background:#edf5fe; }
.operation-status { display:inline-flex; align-items:flex-start; gap:6px; color:#365262; }
.operation-status.attention { color:#986a15; }
.operation-reason { display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.operation-forward { transform:rotate(180deg); }
#operations-feedback { font-size:14px; min-height:20px; }
.workspace-detail { position:fixed; inset:0; z-index:8; }
.workspace-detail-backdrop { position:absolute; inset:0; background:rgb(24 35 46 / 18%); }
.workspace-detail-panel { position:absolute; top:0; right:0; bottom:0; width:min(720px,65%); display:flex; flex-direction:column; background:#fff; box-shadow:-8px 0 32px rgb(0 0 0 / 10%); animation:detail-enter 180ms ease-out; }
.workspace-detail-panel > header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:24px 24px 12px; border-bottom:1px solid #e4e8ec; }
.workspace-detail-panel h2 { margin:0; font-size:20px; overflow-wrap:anywhere; }
.workspace-detail-panel header p { font-size:14px; margin:6px 0; color:#647078; overflow-wrap:anywhere; }
.workspace-detail-navigation { padding:8px 24px; display:flex; gap:12px; align-items:center; background:#f7f8fa; font-size:13px; }
#workspace-detail-body { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:24px; }
#workspace-detail-body .detail-grid { display:block; }
#workspace-detail-body .detail-section { border:0; border-radius:0; padding:0 0 24px; margin:0 0 24px; box-shadow:none; border-bottom:1px solid #e4e8ec; background:transparent; }
#workspace-detail-body .kv-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#workspace-detail-body .kv-grid > div { min-width:0; overflow-wrap:anywhere; }
#workspace-detail-body .detail-actions { position:static; }
.detail-skeleton { min-height:240px; background:repeating-linear-gradient(#f6f7f9 0 40px,#fff 40px 56px); color:#647078; padding:12px; }
@keyframes detail-enter { from { transform:translateX(18px); opacity:.6; } to { transform:none; opacity:1; } }
@media(max-width:1200px) { .operations-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)) 44px; } .operations-toolbar label:nth-child(3) { grid-row:2; } .operations-toolbar label:nth-child(4) { grid-row:2; } }
@media(max-width:640px) {
  .workspace-detail-panel { width:100%; }
  .workspace-detail-panel > header,#workspace-detail-body { padding:16px; }
  #workspace-detail-body .kv-grid { grid-template-columns:1fr; }
  .operations-heading { flex-wrap:wrap; gap:8px; }
  .operations-toolbar { grid-template-columns:minmax(0,1fr) 44px; }
  .operations-toolbar label { grid-column:1 / -1; }
  .operations-toolbar label:nth-child(3),.operations-toolbar label:nth-child(4) { grid-row:auto; }
  .operations-toolbar label:nth-child(2) { grid-column:1; }
  .operations-toolbar button { grid-row:2; grid-column:2; }
}
@media(prefers-reduced-motion:reduce) { .workspace-detail-panel { animation:none; } }