/* Planning only; retain all approved training surfaces. */
.planning-entry {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;margin:0 0 12px;padding:12px 14px;border:1px solid #ceddc5;border-radius:12px;background:#fff;color:#214d3b;text-decoration:none;font-weight:750;font-size:14px}
.planning-entry small {font-size:11px;font-weight:500;color:#42634b;text-align:right}
.planning-entry:hover {background:#eaf1e1}
.planning-notice {padding:12px;border:1px solid #dfd3ae;border-radius:12px;background:#fff9e9;color:#655329;font-size:12px;line-height:1.5;margin:0 0 12px}
#main[data-view=planning]>.session-picker,#main[data-view=planning]>.session-meta,#main[data-view=planning]>#open-pitch-setup {display:none}
#planning-view .section-toolbar {gap:8px;margin-bottom:12px}
#planning-view button,#planning-view .section-toolbar a {min-height:48px;padding:10px 12px;border:1px solid #dce5d7;border-radius:11px;background:#fff;color:#31523f;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer}
#planning-view .planning-hero {padding:20px;border-radius:18px;background:#123f35;color:white;margin-bottom:16px}
#planning-view .planning-hero .eyebrow {color:#bfd5bd;font-size:10px;letter-spacing:1px;margin:0 0 6px}
#planning-view .planning-hero h1 {color:white;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}
#planning-view .planning-hero p:last-child {margin:0;color:#e0ebd9;font-size:13px;line-height:1.5}
.planning-controls {display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.planning-controls label {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#42624f}
.planning-controls input {min-width:0;min-height:48px;max-width:200px;border:1px solid #dce5d7;border-radius:11px;padding:8px;color:#214d3b;background:#fff;font-size:16px;font-family:inherit}
.planning-span {display:grid;grid-template-columns:1fr 1fr;gap:8px}
#planning-view button[aria-pressed=true] {background:#e4efda;border-color:#779b60;color:#173f32;box-shadow:inset 0 0 0 1px #779b60}
#planning-view #planning-prepared {margin:10px 0 0;font-size:12px}
#planning-count {line-height:1.5;margin:12px 0;color:#62776b;font-size:12px}
.planning-list {display:grid;gap:12px}
.planning-card {min-width:0;padding:16px;border:1px solid #dce5d7;border-radius:16px;background:#fff}
.planning-card-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.planning-date {margin:0;font-size:12px;font-weight:750;color:#31523f}
.planning-badge {padding:4px 7px;border-radius:6px;background:#fff2cf;color:#755b15;font-size:10px;font-weight:650}
.planning-card h2 {margin:0 0 6px;color:#214d3b;font-size:20px;line-height:1.25;letter-spacing:-.3px}
.planning-meta {margin:0 0 12px;color:#62776b;font-size:12px}
.planning-focus {margin:0 0 12px;font-size:14px;line-height:1.5;color:#42624f}
.planning-topic {display:inline-block;padding:4px 8px;border-radius:6px;background:#eaf1e1;color:#31523f;font-size:11px;margin-bottom:14px}
.planning-card .button {display:block;text-align:center;min-height:48px;padding:12px;border-radius:11px;background:#14614e;color:#fff;border:1px solid #14614e;font-size:14px;font-weight:750;text-decoration:none}
.planning-period-nav {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.planning-empty {margin:0;padding:18px;border:1px dashed #b2c3a7;border-radius:13px;color:#62776b;line-height:1.5;font-size:14px}
.planning-explainer {background:white;border:1px solid #dce5d7;border-radius:12px;padding:0 14px;color:#42624f}
.planning-explainer summary {min-height:48px;padding:13px 0;font-size:13px;font-weight:650;cursor:pointer}
.planning-explainer p {font-size:13px;line-height:1.5}
@media(min-width:740px) {.planning-list{grid-template-columns:1fr 1fr}.planning-card{display:flex;flex-direction:column}.planning-card .button{margin-top:auto}.planning-topic{align-self:start}.planning-controls{grid-template-columns:1fr 1fr;align-items:end}.planning-entry{font-size:16px}}
@media(max-width:360px) {.planning-entry{padding:10px;font-size:13px}.planning-entry small{font-size:10px}.planning-card{padding:14px}.planning-card h2{font-size:18px}#planning-view .planning-period-nav button{font-size:12px;padding-inline:6px}}
