/* ASBPAM V28 - cycle de publication du planning */
.planning-v28-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:20px 0 28px}
.planning-v28-intro h1{color:#0b2857;font-size:clamp(29px,4vw,43px);line-height:1.05;margin:7px 0 10px}
.planning-v28-intro p{color:#61728e;margin:0;max-width:550px;line-height:1.5}
.planning-v28-intro>.btn{white-space:nowrap;text-decoration:none}
.planning-v28-template{margin:0 0 36px;padding:20px;background:#eaf0fa;border:1px solid #dbe5f3;border-radius:18px}
.planning-v28-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.planning-v28-template-header h2{margin:0;color:#132f65}
.planning-v28-template .dashboard{margin:0}
.planning-v28-week{border:1px solid #dce4f2;border-radius:18px;background:#fff;overflow:hidden;margin:0 0 32px}
.planning-v28-week-top{background:#102e70;color:#fff;padding:19px 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.planning-v28-week-pager{display:flex;align-items:center;gap:15px}
.planning-v28-week-pager>a{display:grid;place-items:center;width:40px;height:40px;background:#ffffff19;color:#fff;text-decoration:none;border:1px solid #ffffff52;border-radius:10px;font-size:22px}
.planning-v28-week-pager small{color:#c7dbff;letter-spacing:1px;font-size:10px;font-weight:800}
.planning-v28-week-pager h2{color:#fff;margin:3px 0 0;font-size:clamp(17px,2vw,23px);line-height:1.18}
.planning-status{font-size:12px;font-weight:800;padding:10px 13px;border-radius:50px;white-space:nowrap;background:#ffffff24}
.planning-status.status-live{background:#d6f8e8;color:#065c3b}
.planning-status.status-draft{background:#ffedca;color:#854b05}
.planning-status.status-none{background:#e7ecf7;color:#47566e}
.planning-v28-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:#f4f7fc;border-bottom:1px solid #dfe7f5}
.planning-v28-actions p{margin:0;max-width:650px;color:#425577;font-size:14px;line-height:1.5}
.planning-v28-actions form{flex-shrink:0}
.planning-v28-items{padding:0 18px}
.planning-v28-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 3px;border-bottom:1px solid #e3eaf5}
.planning-v28-item>div:first-child{display:grid;gap:5px;min-width:0}
.planning-v28-item b{font-size:14px;color:#163263}
.planning-v28-item small{color:#5d7190;font-size:12px}
.planning-v28-item .buttons{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.planning-v28-empty{padding:25px 8px;color:#71819b}
.planning-v28-create{margin:18px;border:1px solid #cfdaed;border-radius:12px;overflow:hidden}
.planning-v28-create summary{cursor:pointer;padding:15px 19px;color:#184493;font-weight:800;background:#f3f7ff}
.planning-v28-create .form{padding:18px}
@media(max-width:730px){
 .planning-v28-intro{padding:0 15px;display:block}
 .planning-v28-intro>.btn{display:inline-flex;margin-top:17px}
 .planning-v28-template{border-radius:0;padding:14px}
 .planning-v28-week{border-radius:0;border-left:0;border-right:0}
 .planning-v28-week-top{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px 14px}
 .planning-v28-week-pager{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;text-align:center}
 .planning-v28-week-pager>a{width:40px;height:42px}
 .planning-v28-week-pager h2{font-size:19px}
 .planning-status{align-self:center}
 .planning-v28-actions{padding:17px 15px;display:grid;gap:14px}
 .planning-v28-actions form,.planning-v28-actions .btn{width:100%;max-width:none}
 .planning-v28-items{padding:0 14px}
 .planning-v28-item{display:block}
 .planning-v28-item .buttons{margin-top:13px}
 .planning-v28-create{margin:14px}
}