/* Acomptes (moyens de paiement) + agenda liste + sync calendrier */
.pm-list{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}
.pm-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line,#262626);border-radius:14px;background:var(--card,#161616)}
.pm-card.off{opacity:.5}
.pm-kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#9a9a9a);min-width:7rem}
.pm-main{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}
.pm-main code{font-size:.85rem;color:var(--accent,#ff4d2e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-main small{color:var(--muted,#9a9a9a)}
.pm-actions{display:flex;align-items:center;gap:.4rem}
.pm-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--line,#262626);background:transparent;color:#ddd;cursor:pointer}
.pm-ico.danger:hover{color:#ff6b5b;border-color:#ff6b5b}
.pm-toggle{background:none;border:none;cursor:pointer;padding:0}
.pm-toggle .sw{display:block;width:38px;height:22px;border-radius:99px;background:#333;position:relative;transition:.15s}
.pm-toggle .sw::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#888;transition:.15s}
.pm-toggle .sw.on{background:var(--accent,#ff4d2e)}
.pm-toggle .sw.on::after{left:18px;background:#fff}
.pm-empty{color:var(--muted,#9a9a9a);padding:1.4rem;text-align:center;border:1px dashed var(--line,#333);border-radius:14px}
.fld{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem;font-size:.85rem}
.fld>span{color:var(--muted,#9a9a9a)}
.fld input,.fld select{background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:.6rem .7rem;color:#fff;font:inherit}
.fld.row{flex-direction:row;align-items:center;gap:.5rem}
/* agenda — vue liste */
.agenda-list{display:flex;flex-direction:column;gap:1.3rem;padding:.4rem 0}
.agl-group{display:flex;flex-direction:column;gap:.4rem}
.agl-date{display:flex;justify-content:space-between;align-items:baseline;padding:.2rem .2rem .4rem;border-bottom:1px solid var(--line,#222)}
.agl-date b{text-transform:capitalize}
.agl-date span{color:var(--muted,#9a9a9a);font-size:.8rem}
.agl-row{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;padding:.7rem .8rem;border:1px solid var(--line,#222);border-left:3px solid var(--accent,#ff4d2e);border-radius:12px;background:var(--card,#161616);cursor:pointer}
.agl-row.tentative{border-left-color:#c8a24d;border-left-style:dashed}
.agl-row:hover{background:#1c1c1c}
.agl-time{display:flex;flex-direction:column;min-width:3.4rem}
.agl-time small{color:var(--muted,#9a9a9a)}
.agl-ava{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2a2a2a;font-size:.8rem;font-weight:600;flex:none}
.agl-main{flex:1;display:flex;flex-direction:column;min-width:0}
.agl-main small{color:var(--muted,#9a9a9a)}
.agl-val{display:flex;flex-direction:column;align-items:flex-end}
.agl-val small{color:var(--muted,#9a9a9a);font-size:.72rem}
/* sync calendrier */
.sync-btns{display:flex;flex-direction:column;gap:.6rem}
.sync-btn{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line,#2a2a2a);background:#141414;color:#fff;font-weight:600;text-decoration:none}
.sync-btn:hover{border-color:var(--accent,#ff4d2e)}
.sync-url{margin-top:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.sync-url .k{color:var(--muted,#9a9a9a);font-size:.78rem}
.sync-url .row{display:flex;align-items:center;gap:.5rem}
.sync-url code{flex:1;background:#111;border:1px solid #2a2a2a;border-radius:9px;padding:.5rem .6rem;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sync-url small{color:var(--muted,#9a9a9a)}
