:root{--bg: #f2f3f5;--surface: #ffffff;--border: #d8dbe0;--text: #22272e;--muted: #6b7280;--primary: #1f4e8c;--primary-dark: #173d6f;--danger: #b3362c;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px}.loading{padding:3rem;text-align:center;color:var(--muted)}.topbar{display:flex;align-items:center;gap:2rem;background:var(--primary);color:#fff;padding:.6rem 1.2rem}.brand-name{font-weight:700;font-size:1.1rem}.brand-sub{display:block;font-size:.72rem;opacity:.8}.topbar nav{display:flex;gap:.4rem;flex:1}.nav-btn{background:transparent;border:none;color:#fff;padding:.5rem .9rem;border-radius:var(--radius);cursor:pointer;font-size:.95rem}.nav-btn.active,.nav-btn:hover{background:#ffffff2e}.user-zone{display:flex;align-items:center;gap:.8rem;font-size:.9rem}.badge-lecture{font-style:normal;opacity:.8}main{padding:1.2rem;max-width:1200px;margin:0 auto}.page h2{margin:.2rem 0 1rem}.card,.placeholder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.placeholder-card{color:var(--muted)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.card-header h3,.card h3{margin:0 0 .6rem}.panel{margin-top:1rem;border-top:2px solid var(--primary);padding-top:1rem}.form label{display:block;margin-bottom:.7rem;font-size:.9rem;color:var(--muted)}.form input,.form select,.list-header input,.add-line input{display:block;width:100%;margin-top:.2rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem}.form label.check{display:flex;align-items:center;gap:.5rem;color:var(--text)}.form label.check input{width:auto;margin:0}.form fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:.6rem 0}.form fieldset legend{font-size:.85rem;color:var(--muted);padding:0 .4rem}.inline-form{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap}.inline-form label{flex:1;min-width:150px;margin-bottom:0}.form-actions{display:flex;gap:.6rem;margin-top:.8rem}.btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:.92rem}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.88rem;padding:0}.link-btn.danger{color:var(--danger);margin-left:.6rem}.user-zone .link-btn{color:#fff;text-decoration:underline}.error{color:var(--danger);margin:.5rem 0;font-size:.9rem}.info{color:#22633a;margin:.5rem 0;font-size:.9rem}.muted{color:var(--muted)}.small{font-size:.82rem}.table{width:100%;border-collapse:collapse;margin:.4rem 0}.table th,.table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);font-size:.92rem}.table th{color:var(--muted);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.table td input:not([type=checkbox]):not([type=color]){border:1px solid transparent;border-radius:var(--radius);padding:.3rem .4rem;font-size:.92rem;width:100%}.table td input:not([type=checkbox]):not([type=color]):focus{border-color:var(--border);background:#fbfbfc}tr.inactive td{opacity:.45}.tabs{display:flex;gap:.3rem;margin-bottom:1rem}.tab{padding:.45rem 1rem;border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:transparent;cursor:pointer;color:var(--muted)}.tab.active{background:var(--surface);color:var(--text);font-weight:600;border-bottom-color:var(--surface)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:340px}.login-card h1{margin:0;color:var(--primary);font-size:1.5rem}.login-sub{color:var(--muted);font-size:.85rem;margin:.3rem 0 1.2rem}.login-card label{display:block;margin-bottom:.8rem;font-size:.9rem;color:var(--muted)}.login-card input{display:block;width:100%;margin-top:.2rem;padding:.55rem .6rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem}.login-card .btn{width:100%;margin-top:.4rem}.clients-layout{display:grid;grid-template-columns:320px 1fr;gap:1.2rem;align-items:start}.clients-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list-header{padding:.8rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.clients-list ul{list-style:none;margin:0;padding:0;max-height:65vh;overflow-y:auto}.clients-list li{padding:.6rem .8rem;border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:.1rem}.clients-list li:hover{background:#f7f8fa}.clients-list li.selected{background:#e9f0fa}.client-header{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.client-header h3{margin:0}.phone-pill{background:#e9f0fa;color:var(--primary);padding:.3rem .7rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.9rem}.vehicle-list{list-style:none;padding:0;margin:.3rem 0}.vehicle-list li{padding:.3rem 0}.add-line{display:flex;gap:.6rem;margin:.5rem 0 1rem;max-width:480px}.team-preview{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}.team-col{background:var(--surface);border:1px solid var(--border);border-top:4px solid;border-radius:var(--radius);padding:.8rem 1.2rem;min-width:130px}.team-name{display:block;font-weight:600;color:var(--text)}.team-kind{font-size:.8rem;color:var(--muted)}.planning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}.nav-dates{display:flex;align-items:center;gap:.4rem}.current-date{margin-left:.6rem;text-transform:capitalize}.view-switch{display:flex;gap:.3rem}.toast{background:#fdf3d7;border:1px solid #e5c96b;border-radius:var(--radius);padding:.6rem .9rem;margin-bottom:.8rem;font-size:.92rem}.day-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.day-grid{display:grid;grid-template-columns:56px 80px repeat(calc(var(--cols) - 1),minmax(140px,1fr));min-width:calc(56px + 80px + (var(--cols) - 1) * 140px)}.grid-corner{border-bottom:2px solid var(--border)}.col-header{padding:.5rem .4rem;font-weight:600;text-align:center;border-bottom:2px solid var(--border);border-top:4px solid transparent;font-size:.92rem}.pont-header{color:var(--muted);font-size:.8rem;border-top-color:#9aa4b2}.absent-tag,.closed-tag{display:inline-block;margin-left:.4rem;background:#f3d9d6;color:var(--danger);font-size:.7rem;padding:.05rem .4rem;border-radius:999px;font-weight:500}.time-gutter,.member-col{position:relative;border-right:1px solid var(--border)}.time-label{position:absolute;right:6px;transform:translateY(-40%);font-size:.72rem;color:var(--muted)}.gap-label{position:absolute;right:6px;display:flex;align-items:center;font-size:.7rem;color:var(--muted);font-style:italic}.slot-line{position:absolute;left:0;right:0;border-top:1px solid #eceef1;pointer-events:none}.gap-band{position:absolute;left:0;right:0;background:repeating-linear-gradient(-45deg,#f0f1f3,#f0f1f3 6px,#e7e9ec 6px,#e7e9ec 12px);pointer-events:none}.member-col.absent{background:#faf5f5}.member-col.weekend{background:#ced3da}.member-col.weekend .slot-line{border-top-color:#bfc5cd}.week-table td.weekend,.week-table thead th.weekend{background:#ced3da}.member-col.weekend.absent{background:#d8cfd1}.slot-cell{position:absolute;left:0;right:0;cursor:pointer}.slot-cell:hover,.slot-cell.drag-over{background:#1f4e8c14}.slot-cell.drag-over{outline:2px dashed var(--primary);outline-offset:-2px}.block{position:absolute;left:3px;right:3px;border-radius:5px;padding:.2rem .4rem;font-size:.78rem;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:.05rem;line-height:1.25}.rdv-block{background:#2b52c7;border:1px solid #1d3c99;border-left:4px solid var(--primary)}.rdv-block:hover{filter:brightness(1.08)}.block.rdv-bleu,.chip.rdv-bleu{background:#2b52c7;border-color:#1d3c99;--blk-fg: #fff;--blk-sub: rgba(255, 255, 255, .85)}.block.rdv-vert,.chip.rdv-vert{background:#1f8a3d;border-color:#16682d;--blk-fg: #fff;--blk-sub: rgba(255, 255, 255, .85)}.block.rdv-rouge,.chip.rdv-rouge{background:#d63a2e;border-color:#a82a20;--blk-fg: #fff;--blk-sub: rgba(255, 255, 255, .87)}.block.rdv-orange,.chip.rdv-orange{background:#e87c1a;border-color:#b95f0e;--blk-fg: #fff;--blk-sub: rgba(255, 255, 255, .9)}.block.rdv-jaune,.chip.rdv-jaune{background:#f2c811;border-color:#c9a409;--blk-fg: #3a3000;--blk-sub: rgba(58, 48, 0, .8)}.block.rdv-gris,.chip.rdv-gris{background:#6e7883;border-color:#545c66;--blk-fg: #fff;--blk-sub: rgba(255, 255, 255, .85)}.block.rdv-block,.chip{color:var(--blk-fg, var(--text))}.rdv-block .block-time,.rdv-block .block-vehicle,.rdv-block .block-prestations,.chip .chip-sub{color:var(--blk-sub, var(--muted))}.rdv-block .block-phone{color:var(--blk-fg, var(--primary));text-decoration:underline;font-size:.76rem}.rdv-block .block-note{color:var(--blk-fg, #7a6217);background:#00000024;border-radius:4px;padding:0 .3rem;align-self:flex-start}.chip .chip-sub{display:block;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-legend{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;margin-bottom:.6rem;font-size:.85rem}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.ctx-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.ctx-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #1419232e;padding:.3rem;width:215px;z-index:61}.ctx-item{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;border-radius:5px;padding:.4rem .55rem;cursor:pointer;font-size:.88rem;text-align:left}.ctx-item:hover{background:#f0f4fa}.ctx-item.current{background:#e9f0fa;font-weight:600}.badge-team{align-self:flex-start;background:#fff;border:1px solid var(--border);color:var(--text);font-size:.68rem;padding:.05rem .4rem;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.block.linked{box-shadow:0 0 0 2px var(--primary),0 3px 10px #1f4e8c59;z-index:5}.member-picker{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 .8rem}.member-picker legend{font-size:.85rem;color:var(--muted);padding:0 .4rem}.member-checks{display:flex;gap:.4rem 1.2rem;flex-wrap:wrap}.member-checks .check{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.popup-colors{display:flex;align-items:center;gap:.45rem;margin:.6rem 0 .2rem}.color-dot-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.color-dot-btn.current{border-color:var(--text);transform:scale(1.15)}.block-time{color:var(--muted);font-size:.7rem}.block-vehicle,.block-prestations{overflow:hidden}.block-prestations{color:var(--muted)}.block-note{font-style:italic;color:#7a6217;overflow:hidden}.badge-pont{align-self:flex-start;background:#33415c;color:#fff;font-size:.65rem;padding:.05rem .35rem;border-radius:999px}.event-block{background:#f3ecfa;border:1px solid #d9c8ec;border-left:4px solid #8a5ab5}.buffer-block{background:repeating-linear-gradient(-45deg,#fdf3d7,#fdf3d7 6px,#f7e9bd 6px,#f7e9bd 12px);border:1px dashed #d8b94d;color:#7a6217;cursor:default}.pont-col{background:#f7f8fa}.pont-block{background:#33415c;color:#fff;border:none;font-size:.7rem;justify-content:center;text-align:center}.week-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.week-table{width:100%;border-collapse:collapse;min-width:760px}.week-table th,.week-table td{border:1px solid var(--border);padding:.4rem;vertical-align:top;font-size:.85rem}.week-table thead th{background:#f7f8fa;text-transform:capitalize}.week-member{border-left:4px solid;text-align:left;white-space:nowrap;width:90px}.week-table td.absent{background:#faf5f5}.day-link{font-weight:600;text-transform:capitalize}.chip{display:block;width:100%;text-align:left;background:#e9f0fa;border:1px solid #c4d4ea;border-left:4px solid var(--primary);border-radius:4px;padding:.15rem .35rem;margin-bottom:.2rem;font-size:.78rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-event{background:#f3ecfa;border-color:#d9c8ec;border-left-color:#8a5ab5}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14192373;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:50;overflow-y:auto}.modal,.popup{width:560px;max-width:100%}.popup-line{margin:.3rem 0}.kind-switch{display:flex;gap:1.2rem;margin-bottom:.8rem}.kind-switch .check{display:flex;align-items:center;gap:.4rem}.client-search{position:relative}.search-results{list-style:none;margin:.2rem 0;padding:0;border:1px solid var(--border);border-radius:var(--radius);max-height:200px;overflow-y:auto}.search-results li button{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:.45rem .6rem;cursor:pointer;font-size:.92rem}.search-results li button:hover{background:#f0f4fa}.chosen-client{margin:.2rem 0 .6rem}.prestation-grid{columns:2;column-gap:1.5rem;margin-bottom:.6rem}.prestation-grid .check{break-inside:avoid;margin-bottom:.25rem}@media (max-width: 600px){.prestation-grid{columns:1}}.duration-hint{padding-bottom:.7rem;align-self:flex-end}.courtesy-bar{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .8rem;margin-bottom:.8rem;font-size:.82rem}.courtesy-title{font-weight:600;color:var(--muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}.courtesy-row{display:flex;align-items:center;gap:.35rem}.courtesy-plate{font-weight:600;margin-right:.2rem}.courtesy-day{display:flex;gap:1px}.courtesy-cell{width:13px;height:16px;border-radius:3px}.courtesy-cell.free{background:#dcebdf}.courtesy-cell.busy{background:#c4453a;cursor:pointer}.suivis-panel{margin-top:1rem}.suivis-list{list-style:none;margin:0;padding:0}.suivis-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;border-top:1px solid var(--border);padding:.55rem 0}.suivi-main{display:flex;flex-direction:column;gap:.1rem;font-size:.9rem}.suivi-main .phone-pill{align-self:flex-start}.small-pill{font-size:.8rem;padding:.15rem .5rem}.suivi-actions{display:flex;gap:.7rem;white-space:nowrap}.suivi-form{border:1px solid var(--border);border-radius:var(--radius);padding:.8rem;margin-bottom:.8rem;max-width:420px}.badge-courtesy{align-self:flex-start;background:#eef7f0;border:1px solid #b3ddbf;color:#22633a;font-size:.68rem;padding:.05rem .4rem;border-radius:999px;white-space:nowrap}.courtesy-presets{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.4rem 0 .6rem}.admin-section{margin-bottom:1.2rem}.untimed-title{margin:.6rem 0 .3rem}.audit-ok{color:#22633a}.audit-ko{color:var(--danger)}.passkey-btn{width:100%;margin-top:.5rem}.passkey-list{list-style:none;margin:.3rem 0 .6rem;padding:0}.passkey-list li{padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.user-name{text-decoration:none!important;font-size:.9rem}.qr-zone{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:.6rem 0}.qr-zone img{border:1px solid var(--border);border-radius:var(--radius);background:#fff}.secret-code{font-size:.85rem;word-break:break-all;max-width:220px}.backup-codes{background:#fdf3d7;border:1px solid #e5c96b;border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.8rem}.codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.4rem;margin:.6rem 0}.codes-grid code{background:#fff;border:1px solid var(--border);border-radius:4px;padding:.25rem .4rem;text-align:center}.proposal-box{background:#fdf3d7;border:1px solid #e5c96b;border-radius:var(--radius);padding:.8rem 1rem;margin-top:.8rem}.proposal-box p{margin:.4rem 0}.proposal-box ul{margin:.3rem 0 .5rem;padding-left:1.2rem}.card{overflow-x:auto}@media (max-width: 900px){.topbar{flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem .8rem}.topbar nav{order:3;width:100%;justify-content:space-around}.user-zone{margin-left:auto}main{padding:.8rem}.clients-layout{grid-template-columns:1fr}.clients-list ul{max-height:40vh}}@media (max-width: 600px){body{font-size:14px}.nav-btn{padding:.45rem .6rem;font-size:.9rem}.brand-sub{display:none}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{min-width:0}.tabs{flex-wrap:wrap}.card,.placeholder-card{padding:.8rem}.client-header{flex-wrap:wrap;gap:.5rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.login-card{width:calc(100vw - 2rem);max-width:340px}}