.planner-shell{max-width:var(--nel-content-max, 1400px);margin:0 auto;padding:24px 20px 60px}.planner-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}.planner-card{background:#fff;border:1px solid #dbe6ef;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,52,82,.06);min-width:0}.planner-card h2{margin:0;font-size:20px}.planner-card h3{font-size:16px;margin:22px 0 10px}.card-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.card-heading .eyebrow{margin:0 0 5px;color:#0b5ea8;font-size:11px;font-weight:900;letter-spacing:.08em}.intent-heading{margin-top:28px;padding-top:24px;border-top:1px solid #e1e9f0}.product-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.guide-step{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:12px;border:1px solid #dbe6ef;border-radius:13px;background:#fff}.guide-step>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eaf3fa;color:#0b5ea8;font-weight:900}.guide-step b{display:block;font-size:12px}.guide-step small{display:block;color:#61788b;font-size:11px;line-height:1.4;margin-top:3px}.guide-step.complete{border-color:#b9dfcd;background:#f6fcf9}.guide-step.complete>span{background:#daf5e7;color:#126b42}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label, .field>span, .case-picker label{font-weight:800;font-size:13px}.field input, .field select, .field textarea, .case-picker select{width:100%;border:1px solid #cbd8e4;border-radius:10px;padding:10px 12px;background:#fbfdff;color:#102a43;font:inherit}.field input:focus, .field select:focus, .field textarea:focus, .case-picker select:focus, .verification-list textarea:focus{outline:3px solid rgba(11,94,168,.12);border-color:#0b5ea8}.field textarea{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;resize:vertical}.member-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-picker{background:#f5f9fc;border:1px solid #dbe6ef;border-radius:13px;padding:13px;margin-bottom:14px}.case-picker p{margin:8px 0 0;color:#4f687a;font-size:12px;line-height:1.55}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.actions button{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.actions .primary{background:#0b5ea8;color:#fff}.actions .secondary{background:#eaf3fa;color:#0b5ea8}.actions button:hover{filter:brightness(.97)}.sticky-plan-action>span{font-size:11px;color:#607587}.status-panel{margin:0 0 20px;padding:14px 16px;border-radius:12px;background:#eef6fb;display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:sticky;top:70px;z-index:6;box-shadow:0 8px 20px rgba(15,52,82,.05)}.status-badge{font-size:11px;font-weight:900;letter-spacing:.06em;border-radius:999px;padding:4px 8px;background:#dce8f2}.status-badge.ready, .status-badge.pass{background:#daf5e7;color:#126b42}.status-badge.noop{background:#e7eef5;color:#39546a}.status-badge.blocked, .status-badge.rollback_required{background:#fde2e2;color:#a02727}.status-badge.inconclusive{background:#fff0c7;color:#7a5800}.risk-card{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;border:1px solid #e1e9f0;border-radius:14px;padding:16px;margin-bottom:12px}.metric b{font-size:36px;display:block}.metric span{font-size:12px;color:#526777}.risk-card p{margin:6px 0 0;color:#61788b;font-size:12px}.risk-reasons{display:grid;gap:8px}.risk-reasons details{border:1px solid #e1e9f0;border-radius:10px;background:#fbfdff}.risk-reasons summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;font-weight:800}.risk-reasons details p{margin:0;padding:0 12px 12px;color:#536c7d;font-size:12px;line-height:1.55}.empty-state{padding:11px 12px;border-radius:10px;background:#f6fafc;color:#5c7182;font-size:12px}.explanation-box{display:grid;gap:8px}.explanation-box p{display:grid;grid-template-columns:26px 1fr;gap:9px;margin:0;padding:10px 12px;border-radius:10px;background:#f5f9fc;color:#314c60;font-size:12px;line-height:1.55}.explanation-box p>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#dcecf8;color:#0b5ea8;font-weight:900}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diff-grid>div{border:1px solid #e1e9f0;border-radius:10px;padding:10px}.diff-grid b{display:block;font-size:12px;margin-bottom:6px}.diff-grid code{font-size:12px;white-space:normal}.config-output{background:#0e1d29;color:#d9f2ff;border-radius:12px;padding:16px;min-height:120px;max-height:360px;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.runbook{list-style:none;padding:0;margin:0;display:grid;gap:10px}.runbook li{display:grid;grid-template-columns:34px 1fr;gap:10px;border:1px solid #e1e9f0;border-radius:12px;padding:12px;break-inside:avoid}.runbook li>span{width:30px;height:30px;border-radius:50%;background:#eaf3fa;display:grid;place-items:center;font-weight:800}.runbook code{display:block;margin-top:6px;white-space:pre-wrap;font-size:12px;overflow-wrap:anywhere}.runbook pre{white-space:pre-wrap;margin:8px 0 0;font-size:11px;background:#f5f8fb;padding:8px;border-radius:8px;overflow-wrap:anywhere}.runbook p{font-size:12px;color:#4b6578;line-height:1.5}.verification-list{display:grid;gap:14px}.verification-list label{display:grid;gap:6px;padding:11px;border:1px solid #e1e9f0;border-radius:11px}.verification-list span{font-weight:800;font-size:12px;overflow-wrap:anywhere}.verification-list small, .section-help{color:#5d7283;font-size:12px;line-height:1.55}.verification-list textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;min-height:92px;border:1px solid #cbd8e4;border-radius:10px;padding:10px;resize:vertical}.decision{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.decision p{width:100%;margin:0;font-size:12px}.privacy-note{font-size:13px;color:#486274;margin:0 0 16px}.input-check{margin-top:14px;border-radius:12px;background:#fbfdff;border:1px solid #e1e9f0;padding:12px}.input-check>b{font-size:12px}.input-check ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}.input-check li{font-size:11px;color:#6a7c89;display:flex;gap:7px}.input-check li.ok{color:#126b42}.mop-document{grid-column:1/-1}.mop-preview{margin:14px 0 0;border:1px solid #dbe6ef;background:#fbfdff;border-radius:12px;padding:18px;max-height:520px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#1c3446}
@media (max-width:1020px){.product-guide{grid-template-columns:repeat(2,1fr)}}
@media (max-width:920px){.planner-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.diff-grid{grid-template-columns:1fr}.mop-document{grid-column:auto}.status-panel{top:62px}.planner-card{padding:18px}.config-output{max-height:300px}}
@media (max-width:620px){.planner-shell{padding:16px 12px 44px}.product-guide{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.guide-step{min-width:245px;scroll-snap-align:start}.member-row{grid-template-columns:1fr 1fr}.actions{display:grid;grid-template-columns:1fr}.actions button{width:100%;min-height:44px}.sticky-plan-action{position:sticky;bottom:8px;z-index:5;background:rgba(255,255,255,.96);padding:10px;border:1px solid #dbe6ef;border-radius:12px;box-shadow:0 8px 26px rgba(15,52,82,.14)}.sticky-plan-action>span{text-align:center}.risk-card{grid-template-columns:82px 1fr}.metric b{font-size:30px}.planner-card h2{font-size:18px}.field textarea{min-height:180px}.runbook li{grid-template-columns:30px 1fr;padding:10px}.status-panel{position:static}.mop-preview{padding:12px;font-size:11px}}
@media print{body.print-mop>*{display:none!important}body.print-mop #change-workspace{display:block!important;max-width:none!important;padding:0!important}body.print-mop #change-workspace>*{display:none!important}body.print-mop #change-workspace .planner-grid{display:block!important}body.print-mop #change-workspace .mop-document{display:block!important;border:0!important;box-shadow:none!important;padding:0!important}body.print-mop .mop-document>*{display:block!important}body.print-mop .mop-document .actions, body.print-mop .mop-document .section-help{display:none!important}body.print-mop .mop-preview{display:block!important;max-height:none!important;overflow:visible!important;border:0!important;padding:0!important;background:#fff!important;color:#000!important;font-size:10pt!important;line-height:1.45!important;white-space:pre-wrap!important}body.print-mop .card-heading{margin-bottom:16px!important}body.print-mop .card-heading .eyebrow{display:none!important}}/* Keep explanatory card text inset without changing the page alignment. */
body > .content > .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}body > .content > .grid > article{min-width:0;padding:24px;overflow-wrap:anywhere}body > .content > .grid > article > h3{margin:0 0 12px;line-height:1.4}body > .content > .grid > article > p{margin:0;line-height:1.65}
@media (max-width:760px){body > .content > .grid{grid-template-columns:minmax(0,1fr)}body > .content > .grid > article{padding:20px}}/* V1.1 UX audit refinements: reduce first-use ambiguity without adding engine features. */
.case-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.example-badge{font-size:10px;font-weight:900;letter-spacing:.06em;border-radius:999px;padding:4px 7px;background:#fff0c7;color:#765500;border:1px solid #f0d88d}.sample-warning{padding:8px 10px;border-radius:9px;background:#fffaf0;border-left:3px solid #d59a00;color:#66511e!important}.mini-field{display:grid;gap:5px}.mini-field small{font-size:10px;color:#6b7f8f;font-weight:800}.next-action{margin:-2px 0 10px;padding:10px 12px;border-radius:10px;background:#eef6fb;color:#29495e;font-size:12px;line-height:1.5}.plan-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.plan-nav a{font-size:11px;font-weight:800;text-decoration:none;padding:6px 9px;border-radius:999px;background:#f3f7fa;color:#35586f;border:1px solid #dbe6ef}.plan-nav a:hover, .plan-nav a:focus{background:#e8f2f9;color:#0b5ea8}.verification-progress{margin:10px 0 12px;padding:8px 10px;border-radius:9px;background:#f5f9fc;color:#536b7c;font-size:12px;font-weight:700}.verification-progress.complete{background:#f1fbf6;color:#126b42}.verification-progress.partial{background:#fffaf0;color:#745800}.result-card #rollbackSection{scroll-margin-top:90px}.result-card #forwardSection, .runbook-card, .verification-card, .mop-document{scroll-margin-top:90px}.result-card .config-output[id="rollbackConfig"]{border:1px solid rgba(255,189,89,.38)}
@media (max-width:620px){.case-picker-head{align-items:flex-start}.plan-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.plan-nav a{white-space:nowrap}.next-action{font-size:11px}.member-row{gap:8px}.mini-field small{font-size:9px}}