/* Scoped package editor: full-width settings, grouped library, compact work rows. */
#spEditorModal.wp-modal-scrim { --sp-surface:var(--color-bg-primary,#fff); --sp-muted:var(--color-text-secondary,#64748b); --sp-line:var(--color-border,#e2e8f0); --sp-tint:color-mix(in srgb,var(--color-primary,#5943d8) 8%,var(--sp-surface)); font-family:'Segoe UI',Arial,sans-serif; }
#spEditorModal.wp-modal-scrim *,#spEditorModal.wp-modal-scrim *::before,#spEditorModal.wp-modal-scrim *::after { box-sizing:border-box; }
#spEditorModal.wp-modal-scrim .wp-modal { width:min(1440px,96vw); max-width:1440px; max-height:94vh; background:var(--sp-surface); color:var(--color-text-primary); border:1px solid var(--sp-line); border-radius:12px; }
#spEditorModal.wp-modal-scrim .wp-modal-head,#spEditorModal.wp-modal-scrim .wp-modal-foot { background:var(--sp-surface); padding:16px 22px; flex-shrink:0; border-color:var(--sp-line); }
#spEditorModal.wp-modal-scrim .wp-modal-title { font:600 21px 'Segoe UI',Arial,sans-serif; }
#spEditorModal.wp-modal-scrim .wp-modal-sub { font-size:12px; color:var(--sp-muted); }
#spEditorModal.wp-modal-scrim .wp-modal > .sp-setup { flex:none; display:grid; grid-template-columns:minmax(180px,1.2fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(260px,1.6fr); gap:14px; padding:16px 22px; margin:0; background:var(--color-bg-secondary,#f6f7fb); border-bottom:1px solid var(--sp-line); }
#spEditorModal.wp-modal-scrim .sp-setup-wide { grid-column:auto; }
#spEditorModal.wp-modal-scrim .sp-setup-field { font:500 12px 'Segoe UI',Arial,sans-serif; color:var(--sp-muted); text-transform:none; letter-spacing:0; }
#spEditorModal.wp-modal-scrim .sp-setup input,#spEditorModal.wp-modal-scrim .sp-setup select { min-width:0; width:100%; background:var(--sp-surface); border:1px solid var(--sp-line); color:var(--color-text-primary); padding:8px; height:36px; border-radius:6px; font:13px 'Segoe UI',Arial,sans-serif; }
#spEditorModal.wp-modal-scrim .wp-modal-body { display:grid; grid-template-columns:minmax(260px,32%) minmax(0,1fr); min-height:0; overflow:hidden; }
#spEditorModal.wp-modal-scrim .wp-pane { min-width:0; min-height:0; width:auto; padding:16px; background:var(--sp-surface); }
#spEditorModal.wp-modal-scrim .wp-pane-left { background:var(--color-bg-secondary,#f6f7fb); border-right:1px solid var(--sp-line); }
#spEditorModal.wp-modal-scrim .wp-pane-head { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
#spEditorModal.wp-modal-scrim .wp-pane-count { font:600 13px 'Segoe UI',Arial,sans-serif; color:var(--color-text-primary); }
#spEditorModal.wp-modal-scrim .wp-search { width:100%; max-width:none; min-width:0; flex:1 1 100%; padding:9px; font:13px 'Segoe UI',Arial,sans-serif; background:var(--sp-surface); border:1px solid var(--sp-line); }
#spEditorModal.wp-modal-scrim .wp-lib-grid { display:block; overflow:auto; padding-right:5px; }
#spEditorModal.wp-modal-scrim .wp-plan-list { overflow:auto; padding-right:5px; }
#spEditorModal.wp-modal-scrim .sp-category { margin:8px 0 14px; }
#spEditorModal.wp-modal-scrim .sp-category-toggle { display:flex; align-items:center; gap:8px; width:100%; border:1px solid hsl(var(--sp-cat,220) 55% 82%); border-left:4px solid hsl(var(--sp-cat,220) 60% 55%); background:hsl(var(--sp-cat,220) 70% 96%); color:hsl(var(--sp-cat,220) 45% 28%); padding:10px; border-radius:7px; cursor:pointer; font:600 13px 'Segoe UI',Arial,sans-serif; text-align:left; }
#spEditorModal.wp-modal-scrim .sp-category-toggle:hover { background:hsl(var(--sp-cat,220) 70% 93%); border-color:hsl(var(--sp-cat,220) 55% 70%); }
#spEditorModal.wp-modal-scrim .sp-category-toggle small { color:hsl(var(--sp-cat,220) 30% 42%); }
#spEditorModal.wp-modal-scrim .sp-category-toggle small { margin-left:auto; font-size:11px; color:var(--sp-muted); }
#spEditorModal.wp-modal-scrim .sp-category-items[hidden] { display:none; }
#spEditorModal.wp-modal-scrim .sp-category-defaults { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px; background:var(--color-bg-secondary,#f6f7fb); }
#spEditorModal.wp-modal-scrim .sp-category-defaults label { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:12px; color:var(--sp-muted); }
#spEditorModal.wp-modal-scrim .sp-category-defaults select { width:100%; min-width:0; padding:7px; border:1px solid var(--sp-line); border-radius:5px; background:var(--sp-surface); color:var(--color-text-primary); font:12px 'Segoe UI',Arial,sans-serif; }
#spEditorModal.wp-modal-scrim .wp-card { margin-top:6px; padding:10px; background:var(--sp-surface); border:1px solid var(--sp-line); border-radius:6px; opacity:1; cursor:default; }
#spEditorModal.wp-modal-scrim .wp-card.is-planned { background:var(--sp-tint); opacity:1; }
#spEditorModal.wp-modal-scrim .wp-card-check { display:none; }
#spEditorModal.wp-modal-scrim .sp-library-check { display:flex; align-items:center; gap:7px; margin-bottom:6px; font-size:11px; color:var(--sp-muted); cursor:pointer; }
#spEditorModal.wp-modal-scrim .sp-library-check input { accent-color:var(--color-primary); }
#spEditorModal.wp-modal-scrim .wp-card-code { font:500 12px ui-monospace,Consolas,monospace; overflow-wrap:anywhere; white-space:normal; }
#spEditorModal.wp-modal-scrim .wp-card-desc { display:block; -webkit-line-clamp:unset; max-height:none; overflow:visible; white-space:normal; font:12px/1.4 'Segoe UI',Arial,sans-serif; color:var(--sp-muted); }
#spEditorModal.wp-modal-scrim .sp-library-facts { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; font-size:11px; }
#spEditorModal.wp-modal-scrim .sp-difficulty { border-radius:12px; background:var(--sp-tint); padding:2px 7px; }
#spEditorModal.wp-modal-scrim .sp-plan-item { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,32%); gap:12px; padding:11px; margin-top:7px; border:1px solid var(--sp-line); background:var(--sp-surface); border-radius:7px; }
#spEditorModal.wp-modal-scrim .sp-stagebar { width:auto; max-width:none; min-width:0; padding-left:12px; border-left:1px solid var(--sp-line); }
#spEditorModal.wp-modal-scrim .sp-row-right { gap:6px 10px; }
#spEditorModal.wp-modal-scrim .sp-when,#spEditorModal.wp-modal-scrim .sp-hours { font-family:'Segoe UI',Arial,sans-serif; }
#spEditorModal.wp-modal-scrim .sp-sb-selects { display:flex; gap:4px; }
#spEditorModal.wp-modal-scrim .wp-target-select { min-width:0; font:12px 'Segoe UI',Arial,sans-serif; background:var(--sp-surface); color:var(--color-text-primary); border-color:var(--sp-line); }
#spEditorModal.wp-modal-scrim .sp-sb-end { white-space:normal; overflow:visible; line-height:1.3; }
#spEditorModal.wp-modal-scrim .sp-hint { margin:6px 0; color:var(--sp-muted); }
#spEditorModal.wp-modal-scrim .sp-saved-progress { display:block; margin-top:4px; font-size:11px; color:var(--sp-muted); }
#spEditorModal.wp-modal-scrim :focus-visible { outline:2px solid var(--color-primary,#5943d8); outline-offset:2px; }
@media(max-width:1000px) { #spEditorModal.wp-modal-scrim .wp-modal > .sp-setup { grid-template-columns:1fr 1fr; } #spEditorModal.wp-modal-scrim .sp-plan-item { grid-template-columns:1fr; } #spEditorModal.wp-modal-scrim .sp-stagebar { border-left:0; padding-left:0; } }
@media(max-width:650px) { #spEditorModal.wp-modal-scrim .wp-modal { width:calc(100vw - 24px); min-width:0; max-height:96vh; } #spEditorModal.wp-modal-scrim .wp-modal-body { display:block; overflow:auto; } #spEditorModal.wp-modal-scrim .wp-pane-left { border-right:0; } #spEditorModal.wp-modal-scrim .wp-lib-grid { max-height:240px; } #spEditorModal.wp-modal-scrim .wp-plan-list { overflow:visible; } #spEditorModal.wp-modal-scrim .wp-modal > .sp-setup { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:10px; gap:8px; } #spEditorModal.wp-modal-scrim .sp-setup-field { min-width:0; } #spEditorModal.wp-modal-scrim .sp-category-defaults { grid-template-columns:1fr; } #spEditorModal.wp-modal-scrim .wp-modal-foot { padding:10px; flex-wrap:wrap; } }