/* Persistent second-level navigation beside the primary sidebar. */
body .app-container > .nav-assets-rail {
  flex: 0 0 180px;
  box-sizing: border-box;
  width: 180px;
  height: 100%;
  padding: 24px 12px;
  overflow-y: auto;
  background: var(--bg-panel, #fff);
  border-right: 1px solid var(--border-color, #dce1eb);
  color: var(--text-primary, #17253c);
}
body .app-container > .nav-assets-rail[hidden] { display: none !important; }
.nav-assets-heading { padding: 0 12px 20px; font-size: 15px; font-weight: 600; }
body #navAssetsRail .nav-btn {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  min-height: 44px;
  margin: 0 0 6px;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}
body #navAssetsRail .nav-btn__icon { display: flex; flex: 0 0 18px; }
body #navAssetsRail .nav-btn:hover { background: #f3effb; }
body #navAssetsRail .nav-btn.active { background: #ede5fb; color: #6827df; font-weight: 600; }
body #navAssetsRail .nav-btn:focus-visible { outline: 2px solid #7c3aed; outline-offset: -2px; }
body #sidebarMenuRoot .nav-assets-chevron { margin-left: auto; color: #718096; font-size: 20px; }
body.sidebar-is-collapsed .nav-assets-trigger .nav-assets-chevron { display: none; }
body.has-assets-rail .app-container > .main-area { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; }
@media (max-width: 767px) {
  body .app-container > .nav-assets-rail { flex-basis: 110px; width: 110px; padding: 16px 6px; }
  body #navAssetsRail .nav-btn { gap: 5px; padding: 10px 4px; font-size: 12px; }
  .nav-assets-heading { padding: 0 4px 14px; font-size: 13px; }
}
body.has-mobile-tab-bar .app-container > .nav-assets-rail {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  padding: 6px 8px;
  gap: 4px;
  overflow-x: auto;
  border-right: 0;
  border-bottom: 1px solid var(--border-color, #dce1eb);
}
body.has-mobile-tab-bar #navAssetsRail .nav-assets-heading,
body.has-mobile-tab-bar #navAssetsRail .nav-btn__icon { display: none; }
body.has-mobile-tab-bar #navAssetsRail .nav-btn {
  flex: 1 0 auto;
  width: auto;
  margin: 0;
  justify-content: center;
  padding: 8px 6px;
  min-height: 40px;
  white-space: nowrap;
}
.project-batch-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0; }
.project-batch-bar button { padding: 8px 12px; border: 1px solid #dce1eb; border-radius: 7px; background: #fff; color: #25324a; cursor: pointer; }
.project-batch-bar button[data-project-batch="remove"] { color: #b42338; }
.project-batch-check { display: flex; align-items: center; gap: 6px; padding: 8px 10px; font-size: 12px; }
.project-batch-check input { width: 16px; height: 16px; accent-color: #7429e8; }
/* Asset workflow workspace uses the same content region as other assets. */
body.has-workflow-page .app-container > .main-area > .yj-card { display: none !important; }
html body #opsCanvasPresetModal.ops-workflow-page {
  position: static !important; inset: auto !important; display: block; padding: 0 !important;
  width: 100%; height: 100%; background: transparent; z-index: auto;
}
html body #opsCanvasPresetModal.ops-workflow-page[hidden] { display: none !important; }
html body #opsCanvasPresetModal.ops-workflow-page .ops-preset-modal__panel {
  width: 100% !important; max-width: none !important; height: 100% !important;
  max-height: none !important; margin: 0; border: 0; border-radius: 0 !important; box-shadow: none;
}
.ops-workflow-page .ops-preset-modal__backdrop,
.ops-workflow-page #opsPresetModalClose { display: none !important; }
#favoritesReadError { padding: 12px; margin: 10px 0; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; }
#favoritesReadError button { margin-left: 12px; }
html body .ops-workflow-page .ops-preset-modal__workspace { display: flex !important; flex-direction: column; }
html body #opsCanvasPresetModal.ops-workflow-page .ops-preset-modal__nav { display: flex !important; flex-direction: row !important; flex: 0 0 auto; width: 100%; gap: 8px; padding: 12px 20px; border-right: 0; border-bottom: 1px solid #edf0f6; }
html body #opsCanvasPresetModal.ops-workflow-page .ops-preset-modal__nav-btn { width: auto; }
html body .ops-workflow-page #opsPresetModalTitle { outline: none; }

.designer-import-notice { margin: 12px 0; padding: 10px 14px; border: 1px solid var(--border-color, #e3e6ef); border-radius: 10px; font-size: 13px; }
.designer-import-notice summary { cursor: pointer; color: var(--text-secondary, #64748b); }
.designer-import-notice fieldset { border: 0; padding: 12px 0; display: grid; gap: 8px; }
.designer-import-notice label { display: flex; gap: 8px; align-items: center; overflow-wrap: anywhere; }

.designer-cards-shell:has(.designer-import-notice) { grid-template-rows: auto auto auto minmax(0, 1fr); }
.designer-import-notice { max-height: 30vh; overflow: auto; }

.site-release-hint { position: fixed; right: 16px; bottom: 82px; z-index: 1200; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; max-width: min(420px, calc(100vw - 32px)); padding: 12px 16px; border: 1px solid #ded6f7; border-radius: 12px; background: #fff; color: #334155; box-shadow: 0 4px 20px #0001; font-size: 13px; }
.site-release-hint[hidden] { display: none; }
.site-release-hint button { border: 0; background: #f2ecff; color: #6d28d9; border-radius: 6px; padding: 6px 9px; cursor: pointer; }

/* Workflow library: one toolbar, outcome-led cards, aligned reuse actions. */
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__head {padding:20px 24px!important;gap:16px;align-items:center!important;border-bottom:0!important;background:#fff!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__title {font-size:24px!important;line-height:1.3!important;letter-spacing:0!important;color:#172033!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__head-actions {gap:8px;flex-wrap:wrap;}
html body #opsCanvasPresetModal[data-workflow-view].ops-workflow-page .ops-preset-modal__nav {padding:0 24px 12px!important;gap:8px!important;box-sizing:border-box;background:#fff!important;overflow-x:auto;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__nav-btn {flex:0 0 auto!important;width:auto!important;min-height:40px!important;font-size:14px!important;white-space:nowrap;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__body {padding:20px 24px 28px!important;gap:16px!important;background:#f7f8fa!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-intro {margin:0!important;font-size:13px!important;line-height:1.7!important;color:#475569!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-filters {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,180px);gap:8px!important;position:static!important;padding:0!important;margin:0!important;background:transparent!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-filters :is(input,select) {width:100%!important;min-width:0!important;min-height:40px!important;box-sizing:border-box;font-size:14px!important;border:1px solid #d4dce8!important;border-radius:8px!important;background:#fff!important;color:#334155!important;padding:8px 12px!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-results-head {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-count {margin:0!important;font-size:12px!important;line-height:1.5!important;color:#64748b!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-market-sort {margin:0;gap:6px;}
#opsCanvasPresetModal[data-workflow-view] .ops-market-sort button {min-height:36px;border-radius:7px;font-size:12px;}
#opsCanvasPresetModal[data-workflow-view] .ops-market-sort button[aria-pressed="true"] {border-color:var(--yj-appearance-primary,#6d28d9);background:var(--yj-appearance-soft,#f3efff);color:var(--yj-appearance-text,#5b21b6);}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card {display:flex!important;flex-direction:column!important;min-width:0!important;overflow:visible!important;border:1px solid #dfe4ed!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;position:relative;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card[hidden] {display:none!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card:hover {transform:none!important;border-color:#aab5c5!important;box-shadow:none!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-cover {padding:12px 16px 0!important;min-height:0!important;background:none!important;color:#64748b!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-cover__label {font-size:12px;line-height:1.5;font-weight:500;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__body {padding:12px 16px!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__title {display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:24px;margin:0!important;overflow:hidden!important;overflow-wrap:anywhere;white-space:normal!important;font-size:16px!important;line-height:1.5!important;font-weight:600!important;color:#172033!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__desc {display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:44px!important;max-height:44px!important;font-size:13px!important;line-height:22px!important;margin:0!important;overflow:hidden!important;overflow-wrap:anywhere;color:#475569!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__badge {display:inline!important;font-size:12px!important;padding:0!important;border-radius:0!important;background:none!important;color:var(--yj-appearance-text,#5b21b6)!important;font-weight:600!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-tags {display:flex;align-items:center;gap:8px;font-size:12px!important;line-height:1.5;color:#64748b;min-height:20px;flex-wrap:wrap;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-card__use-count {font-size:12px;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-io {margin:0;gap:8px;font-size:13px;line-height:1.6;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-io > div {grid-template-columns:28px minmax(0,1fr);gap:10px;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-io dd {color:#334155;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-guide {margin-top:4px;border-color:#edf0f5;font-size:13px;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-guide summary {min-height:40px;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-guide li {overflow-wrap:anywhere;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__meta {display:flex!important;flex-wrap:wrap;gap:6px;font-size:12px!important;color:#64748b!important;margin:0!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__meta span {padding:2px 6px!important;background:#f5f6f8!important;border-radius:4px!important;font-size:12px!important;color:#64748b!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__footer {display:flex!important;gap:8px!important;align-items:center!important;margin-top:auto!important;padding:0 16px 16px!important;border:0!important;background:none!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__footer > .ops-preset-card__use {flex:1 1 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:40px!important;width:auto!important;padding:8px 14px!important;border-radius:7px!important;font-size:14px!important;}
#opsCanvasPresetModal[data-workflow-view] :is(button,summary) {box-shadow:none!important;background-image:none!important;text-shadow:none!important;}
#opsCanvasPresetModal[data-workflow-view] :is(button,input,select,summary):focus-visible {outline:2px solid var(--yj-appearance-primary,#6d28d9)!important;outline-offset:3px;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-more {position:relative;margin-left:auto;flex:none;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-more > summary {list-style:none;display:flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;padding:8px 12px;border:1px solid #d4dce8;border-radius:7px;background:#fff;color:#334155;font-size:13px;cursor:pointer;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-more > div {position:absolute;right:0;bottom:calc(100% + 8px);z-index:5;display:grid;min-width:150px;max-width:calc(100vw - 48px);padding:6px;background:#fff;border:1px solid #d4dce8;border-radius:8px;box-shadow:0 6px 20px #17203320;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-more > div button {width:100%;min-height:40px!important;text-align:left;padding:8px 12px!important;border:0!important;border-radius:5px!important;background:#fff!important;color:#334155!important;font-size:13px!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-more > div button:hover {background:#f1f5f9!important;}
html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-more > div .ops-preset-card__del {color:#b91c1c!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-card:has(.ops-workflow-more[open]) {z-index:6;}
#opsCanvasPresetModal[data-workflow-view] .ops-workflow-empty,#opsCanvasPresetModal[data-workflow-view] .ops-preset-card-empty {background:#fff!important;color:#475569!important;font-size:14px!important;}
#opsCanvasPresetModal[data-workflow-view] :is(.ops-preset-schedule-empty,.ops-preset-card-empty) small {font-size:13px!important;line-height:1.7!important;color:#64748b!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-toolbar {align-items:flex-start!important;flex-wrap:wrap;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-toolbar__hint {font-size:13px!important;line-height:1.7!important;color:#475569!important;flex:1 1 220px;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-create {min-height:40px!important;flex:none;white-space:nowrap;font-size:13px!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-form {background:#fff!important;border:1px solid #dfe4ed!important;border-radius:10px!important;padding:16px!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-form label {font-size:13px!important;line-height:1.5!important;color:#334155!important;}
#opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-form :is(input,select) {font-size:14px!important;min-height:40px!important;min-width:0;}
@media(min-width:641px) and (max-width:1023px){
 body.has-workflow-page #navAssetsRail {display:flex!important;flex-direction:row!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;gap:8px;overflow-x:auto;padding:8px 20px;}
 body.has-workflow-page #navAssetsRail .nav-assets-heading {display:none;}
 body.has-workflow-page #navAssetsRail .nav-btn {width:auto!important;flex:0 0 auto;min-height:44px;}
}
@media(max-width:1100px){html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(min-width:641px){html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card-grid.ops-preset-card-grid--paired {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){
 html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__head {padding:16px!important;flex-wrap:wrap;gap:12px!important;}
 html body #opsCanvasPresetModal[data-workflow-view].ops-workflow-page .ops-preset-modal__nav {padding:0 16px 12px!important;}
 html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__body {padding:16px!important;gap:12px!important;}
 html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card-grid {grid-template-columns:minmax(0,1fr)!important;}
 html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-filters {grid-template-columns:minmax(0,1fr) 112px;}
 html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-filters :is(input,select) {font-size:16px!important;min-height:44px!important;padding:8px!important;}
 html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-modal__nav-btn {min-height:44px!important;padding:8px 12px!important;}
 html body #opsCanvasPresetModal[data-workflow-view] .ops-preset-card__footer > .ops-preset-card__use,#opsCanvasPresetModal[data-workflow-view] .ops-workflow-more > summary,html body #opsCanvasPresetModal[data-workflow-view] .ops-workflow-more > div button,#opsCanvasPresetModal[data-workflow-view] .ops-workflow-guide summary {min-height:44px!important;}
 #opsCanvasPresetModal[data-workflow-view] .ops-market-sort button {min-height:44px;}
 #opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-form :is(input,select) {font-size:16px!important;min-height:44px!important;}
 #opsCanvasPresetModal[data-workflow-view] .ops-preset-schedule-create {min-height:44px!important;}
}