.product-library-frame { width:100%; height:calc(100vh - 130px); min-height:640px; border:0; background:#f6f8fc; border-radius:14px; }
.main-nav { overflow-y:auto; min-height:0; }
.nav-section { margin-top:16px; border-top:1px solid var(--line); padding-top:10px; }
.nav-section summary { padding:10px 14px; cursor:pointer; font-size:12px; color:var(--muted); font-weight:650; }
.nav-section .nav-item { min-height:38px; font-size:12px; }
.workflow-nav { display:flex; flex-wrap:wrap; gap:6px; padding:12px 28px 0; }
.workflow-nav a { display:inline-block; padding:8px 12px; border:1px solid var(--line); border-radius:8px; color:var(--text); background:var(--card); text-decoration:none; font-size:12px; }
.workflow-nav a[aria-current="page"] { color:var(--accent); border-color:var(--accent); font-weight:700; }
.workflow-nav a:focus-visible, .nav-section summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.isv1 .isv1-contract { margin:10px 18px; padding:10px 14px; border:1px solid var(--isv-border); border-radius:10px; background:var(--isv-card-bg); color:var(--isv-text-muted); font-size:12px; }
/* Central icon sizing must not shrink the annotation SVG to a 20px icon. */
.isv1 .isv1-arrow-overlay { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
/* Updates are announced without changing the operator's current document. */
.workbench-update-notice { position: fixed; top: 76px; left: 240px; right: 24px; z-index: 100;
  display: flex; align-items: center; gap: 16px; padding: 12px 16px; border: 1px solid #b5d7cf;
  border-radius: 10px; background: #effaf6; color: #163f39; box-shadow: 0 4px 16px #163f3914; }
.workbench-update-notice span { flex: 1; }
.workbench-update-notice button { flex-shrink: 0; cursor: pointer; }
@media (max-width: 760px) { .workbench-update-notice { left: 12px; right: 12px; flex-wrap: wrap; } }
