.nav-group-label{margin:18px 14px 6px;color:#7f91a0;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.planning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.planning-card,.planning-detail,.planning-empty,.simulation-notice{border:1px solid #d9e3ea;border-radius:18px;background:#fff;padding:20px;box-shadow:0 8px 26px rgba(11,33,51,.05)}
.planning-card{display:flex;flex-direction:column;gap:14px;min-width:0}.planning-card h3,.planning-detail h3{margin:4px 0 0;color:#0b2133}.planning-card p{margin:0;color:#637583}.planning-card-head,.planning-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.planning-card dl,.comparison-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.planning-card dl div,.comparison-card dl div{min-width:0}.planning-card dt,.comparison-card dt{color:#70818e;font-size:.76rem}.planning-card dd,.comparison-card dd{margin:3px 0 0;color:#102b3c;font-weight:750;overflow-wrap:anywhere}
.layer-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.67rem;font-weight:850;letter-spacing:.08em}.layer-badge.real{color:#15513f;background:#e5f6ef}.layer-badge.plan{color:#764f08;background:#fff2c9}.layer-badge.simulation{color:#44349b;background:#ece9ff}.simulation-card{border-color:#d8d2ff;background:linear-gradient(180deg,#fff 0,#fbfaff 100%)}
.planning-empty{text-align:center;color:#637583}.planning-empty h3{color:#102b3c}.planning-empty.compact{box-shadow:none;padding:24px}.planning-detail{margin-top:24px}.planning-tabs{display:flex;gap:6px;overflow:auto;margin:18px 0;padding-bottom:4px}.planning-tabs button{border:0;border-radius:999px;background:#edf2f5;color:#435968;padding:9px 13px;font-weight:700;white-space:nowrap}.planning-tabs button.active{background:#0b2133;color:#fff}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-strip div{border-radius:14px;background:#f3f7f9;padding:16px}.metric-strip span{display:block;color:#6d7e8b;font-size:.78rem}.metric-strip strong{display:block;margin-top:5px;font-size:1.35rem;color:#0b2133}.planning-explainer{color:#526976}
.goal-progress{height:10px;overflow:hidden;border-radius:999px;background:#e7eef2}.goal-progress span{display:block;height:100%;border-radius:inherit;background:#0d9f8e}.compare-toggle{display:flex;align-items:center;gap:8px;font-weight:700;color:#3f5260}.simulation-notice{display:flex;gap:14px;align-items:center;background:#f3f1ff;border-color:#d8d2ff;color:#44349b}.simulation-notice strong{white-space:nowrap}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.comparison-card{border:1px solid #ddd8ff;border-radius:16px;background:#fbfaff;padding:16px}.comparison-card.baseline{border-color:#c8e5da;background:#f5fbf8}.comparison-card h4{margin:8px 0 16px;color:#102b3c}.comparison-card dl{grid-template-columns:1fr}.simulated-label{color:#5945b5}.planning-modal-card{max-width:720px}
@media(max-width:1050px){.planning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.nav-group-label{display:none}.planning-grid,.comparison-grid,.metric-strip{grid-template-columns:1fr}.planning-card,.planning-detail,.planning-empty{border-radius:14px;padding:16px}.planning-detail-head,.simulation-notice{align-items:stretch;flex-direction:column}.planning-detail-head .button-row{display:grid;grid-template-columns:1fr}.planning-detail-head .button-row button{width:100%;min-height:44px}.planning-tabs{margin-inline:-4px}.comparison-card dl{grid-template-columns:1fr 1fr}}