:root{--green: #2e7d32;--orange: #e65100;--red: #c62828;--bg: #f4f5f7;--card: #ffffff;--border: #d8dce3;--text: #1c2430;--muted: #6b7280;--accent: #2c5f8a;--green-soft: #e8f5e9;--orange-soft: #fff3e0;--red-soft: #ffebee}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.app{min-height:100vh}.app-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:1.1rem}.brand .sub{color:var(--muted);font-weight:400;font-size:.85rem;margin-left:4px}.app-header nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.app-header nav button{border:1px solid var(--border);background:#fff;padding:6px 12px;border-radius:8px}.app-header nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.logout{border:none;background:transparent;color:var(--muted)}.app-main{padding:16px;max-width:1200px;margin:0 auto}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px;width:100%;max-width:380px;box-shadow:0 2px 8px #0000000f}.login-card h1{margin:0 0 6px;font-size:1.4rem}.login-sub{color:var(--muted);font-size:.9rem;margin:0 0 18px}.login form{display:flex;flex-direction:column;gap:10px}.login input{padding:12px;border:1px solid var(--border);border-radius:8px;font-size:1rem}.login button{padding:12px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.login button:disabled{opacity:.5}.error{color:var(--red);font-size:.9rem}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.toolbar-left{display:flex;align-items:center;gap:10px}.save-state{font-size:.8rem;color:var(--muted)}.save-state.saving{color:var(--orange)}.save-state.ok{color:var(--green)}.legend{display:flex;gap:14px;align-items:center;font-size:.8rem;color:var(--muted)}.legend .lg{display:inline-flex;align-items:center;gap:4px}.legend .hint{font-style:italic}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot.ok{background:var(--green)}.dot.ko{background:var(--border)}.dot.warn{background:var(--orange)}.editor-body{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.pool{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;position:sticky;top:64px;max-height:calc(100vh - 84px);display:flex;flex-direction:column;overflow:hidden}.pool-head{margin-bottom:8px}.pool-head h3{margin:0;font-size:1rem}.pool-search{padding:7px 10px;border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:8px}.pool-list{display:flex;flex-direction:column;gap:6px;overflow:auto;flex:1;min-height:0}.pool-list .dd-item{width:100%}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.group{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:10px;padding:12px}.group.red{border-left-color:var(--red)}.group.orange{border-left-color:var(--orange)}.group.green{border-left-color:var(--green)}.group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.group-name{border:1px solid transparent;background:transparent;font-weight:700;font-size:1.05rem;width:100%;padding:2px 4px;border-radius:6px}.group-name:focus{border-color:var(--accent);background:#fff;outline:none}.group-name-static{font-weight:700;font-size:1.05rem}.badge{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:10px;color:#fff}.badge.green{background:var(--green)}.badge.orange{background:var(--orange)}.badge.red{background:var(--red)}.group-status{display:flex;align-items:center;gap:12px;margin:6px 0 8px}.status-dots{display:flex;gap:4px}.foyer{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:6px}.foyer b{color:var(--text)}.foyer-bar{width:60px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.foyer-fill{height:100%;background:var(--accent)}.foyer.ok .foyer-fill{background:var(--green)}.slots{display:flex;gap:8px;margin-bottom:8px}.slot{flex:1;border:1px dashed var(--border);border-radius:8px;padding:6px;background:#fafbfc;min-height:38px}.slot.filled{border-style:solid}.slot-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:4px}.slot-list{min-height:26px}.members{display:flex;flex-wrap:wrap;gap:6px;min-height:30px}.members .chip{cursor:grab}.chip{position:relative;display:inline-flex;align-items:center;gap:6px;background:#eef2f7;border:1px solid var(--border);border-radius:16px;padding:4px 10px;font-size:.85rem;-webkit-user-select:none;user-select:none;touch-action:none}.chip.draggable{cursor:grab}.chip.has-links{border-color:var(--accent)}.chip-badge{font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:8px}.chip-badge.ancien{background:#c8e6c9;color:#1b5e20}.chip-badge.assistant{background:#fff3c4;color:#6b5200}.chip-badge.pp{background:#e8eaf6;color:#283593}.chip-badge.inactif{background:#e0e0e0;color:#555}.tooltip{position:absolute;bottom:calc(100% + 6px);left:0;z-index:30;background:#1c2430;color:#fff;padding:8px 10px;border-radius:8px;font-size:.8rem;min-width:160px;box-shadow:0 4px 12px #0003}.tooltip ul{margin:4px 0 0;padding-left:16px}.tooltip li{color:#cfd8e3}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tabs button{border:1px solid var(--border);background:#fff;padding:8px 16px;border-radius:8px}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.groups-grid.readonly .group-name-static{display:block}.meeting-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px;margin-bottom:14px;font-weight:600}.meeting-banner.on{background:var(--red-soft);color:var(--red)}.meeting-banner.off{background:#eee;color:var(--muted)}.meeting-banner button{border:1px solid currentColor;background:transparent;padding:6px 12px;border-radius:8px;font-weight:600}.meeting-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;background:var(--card);border:1px solid var(--border);padding:14px;border-radius:10px}.meeting-form input,.meeting-form textarea{padding:10px;border:1px solid var(--border);border-radius:8px}.meeting-form button{padding:10px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.comments{display:flex;flex-direction:column;gap:10px}.comment{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px}.comment-head{display:flex;gap:12px;font-size:.8rem;color:var(--muted);margin-bottom:6px}.comment-group{font-weight:700;color:var(--text)}.comment p{margin:0}.empty{color:var(--muted);font-style:italic}.sources{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.filters input,.filters select{padding:7px 10px;border:1px solid var(--border);border-radius:8px}.filters .chk{display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.stats{font-size:.85rem;color:var(--muted);margin-bottom:10px}.source-table{width:100%;border-collapse:collapse;font-size:.85rem}.source-table th,.source-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.source-table th{background:#fafbfc}.inactifs{margin-top:16px}.inactifs summary{cursor:pointer;font-weight:600}.inactifs ul{padding-left:20px}@media(max-width:640px){.app-header{gap:8px}.app-header nav{order:3;width:100%}.groups-grid{grid-template-columns:1fr}.pool-search{width:100%}.source-table{font-size:.75rem}.source-table th,.source-table td{padding:4px 6px}}.dd{display:block}.dd-item{list-style:none}.ghost{opacity:.35;background:var(--accent);border-radius:16px}.chosen{background:#d6e6f5}.drag{transform:rotate(2deg);box-shadow:0 6px 14px #0003}.members.readonly,.slot-static{display:flex;flex-wrap:wrap;gap:6px}.slot-empty{color:var(--muted);font-size:.8rem}.loading{color:var(--muted);padding:20px;text-align:center}.alert.error{background:var(--red-soft);color:var(--red);padding:12px;border-radius:8px;margin:12px}.proclamateurs{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}.plist{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.pfilters input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px}.pcats{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.pcat{border:1px solid var(--border);background:#fff;padding:5px 11px;border-radius:20px;font-size:.82rem}.pcat.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pstats{font-size:.82rem;color:var(--muted);margin-bottom:8px}.plist-items{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto}.plist-items li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;border-bottom:1px solid var(--border)}.plist-items li:hover{background:#f2f6fb}.plist-items li.sel{background:#e3eefb}.piname{font-weight:600;flex:1}.pifonction,.chip-badge{font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:8px}.pifonction.ancien{background:#c8e6c9;color:#1b5e20}.pifonction.assistant{background:#fff3c4;color:#6b5200}.pigroup{font-size:.72rem;color:var(--muted);white-space:nowrap}.pprofile{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;position:sticky;top:64px}.pprofile.empty{color:var(--muted);text-align:center}.pp-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.pp-header h3{margin:0;font-size:1.25rem}.pp-fonction{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:10px}.pp-fonction.ancien{background:#c8e6c9;color:#1b5e20}.pp-fonction.assistant{background:#fff3c4;color:#6b5200}.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pp-item{background:#fafbfc;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.pp-item span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--muted)}.pp-item b{font-size:.95rem}.pp-depart{color:var(--red);font-size:.85rem}.pp-comment{font-size:.85rem;color:var(--text);background:#f7f8fa;padding:8px;border-radius:8px}.pp-links{margin-top:12px}.pp-links h4{margin:0 0 6px;font-size:.8rem;color:var(--muted);text-transform:uppercase}.pp-link{display:flex;gap:8px;align-items:center;font-size:.85rem;padding:4px 0}.pp-link-tag{font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:8px;background:#e0e0e0}.pp-link.souhait .pp-link-tag{background:#c8e6c9;color:#1b5e20}.pp-link.interdit .pp-link-tag{background:#ffcdd2;color:#b71c1c}.pp-link.famille .pp-link-tag{background:#bbdefb;color:#0d47a1}@media(max-width:900px){.proclamateurs{grid-template-columns:1fr}.pprofile{position:static}.pp-grid{grid-template-columns:1fr 1fr}.editor-body{grid-template-columns:1fr}.pool{position:static;max-height:40vh}.pool-list{flex-direction:row;flex-wrap:wrap}.pool-list .dd-item{width:auto}}.role-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.role-field{display:flex;flex-direction:column;gap:4px}.rf-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.rf-line{display:flex;align-items:center;gap:6px}.rf-line select{flex:1}.role-field select,.add-select{padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:#fff;width:100%}.rf-static{padding:7px 4px;font-size:.85rem}.member-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-height:20px}.member-row{display:flex;justify-content:space-between;align-items:center;background:#f4f6f9;border:1px solid var(--border);border-radius:8px;padding:4px 8px}.member-name{font-size:.85rem}.member-main{display:flex;align-items:center;gap:6px;min-width:0}.m-empty{color:var(--muted);font-size:.8rem;margin:4px 0}.rm{border:none;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer;line-height:1}.rm:hover{color:var(--red)}.add-select{border-style:dashed;color:var(--accent)}.pool-item{padding:6px 8px;border-bottom:1px solid var(--border);font-size:.85rem;border-radius:6px}.pool-item:hover{background:#f2f6fb}.pool-empty{color:var(--muted);font-style:italic;font-size:.85rem}.saved-msg{font-size:.8rem;color:var(--green);margin-left:auto}.pp-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.pp-field{display:flex;flex-direction:column;gap:3px}.pp-field>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--muted)}.pp-field input,.pp-field select,.pp-field textarea{padding:7px 9px;border:1px solid var(--border);border-radius:8px;font-size:.9rem}.pp-field.chk{flex-direction:row;align-items:center;gap:8px}.pp-field.chk>span{text-transform:none;letter-spacing:0}.pp-field.full{grid-column:1 / -1}.btn-save{width:100%;padding:10px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.btn-save:disabled{opacity:.5}.pp-link{display:flex;gap:8px;align-items:center;font-size:.85rem;padding:5px 0}.pp-link-names{flex:1}.link-add{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.link-add select{flex:1;min-width:0;padding:7px;border:1px solid var(--border);border-radius:8px}.link-add button{padding:7px 12px;border:none;border-radius:8px;background:var(--accent);color:#fff}.member-list .dd-item{width:100%}.member-list .dd-item .member-row,.pool-list .dd-item{cursor:grab}.member-row:before{content:"⠿";color:var(--muted);margin-right:6px;font-size:.9rem}.dot.na{background:#d5d9e0;border:1px solid #b9bfc9}.over-tag{font-size:.62rem;font-weight:700;color:#1565c0;background:#e3f2fd;padding:1px 7px;border-radius:8px}.foyer-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 8px}.foyer-tag{font-size:.68rem;background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;border-radius:12px;padding:2px 8px}.foyer-tag.dep{background:#fff8e1;color:#8a6d00;border-color:#ffd54f}.link-hint{font-size:.72rem;color:var(--muted);margin:0 0 6px;font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141c73;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:12px;padding:20px 22px;max-width:480px;width:100%;box-shadow:0 12px 40px #00000040}.modal h3{margin:0 0 10px}.modal p{margin:0 0 10px;font-size:.9rem}.modal .modal-warn{color:var(--red);font-weight:600}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.modal-actions button{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-weight:600;background:#fff}.modal-actions .primary{background:var(--red);color:#fff;border-color:var(--red)}.modal-actions .secondary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-actions .ghost{color:var(--muted)}.gear{border:none;background:transparent;color:var(--muted);font-size:.95rem;line-height:1;cursor:pointer;padding:2px 3px;border-radius:6px}.gear:hover{color:var(--accent);background:#eef2f7}.row-actions{display:inline-flex;align-items:center;gap:2px}.pool-item{display:flex;justify-content:space-between;align-items:center;gap:6px}.member-row .row-actions{margin-left:auto}.modal.quick-edit{max-width:520px}.qe-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.qe-head h3{margin:0;font-size:1.2rem;flex:1}.qe-close{border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px}.qe-close:hover{color:var(--text)}.qe-form{margin-top:4px}.pcat.gear-cat{margin-left:auto}.editor-toolbar .btn-save{padding:7px 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.editor-toolbar .btn-save:disabled{opacity:.5}.btn-trash{border:1px solid var(--border);background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:.95rem}.btn-trash:hover{background:var(--red-soft);border-color:var(--red)}.btn-trash.small{padding:2px 8px;margin-left:4px;font-size:.9rem}.group-head{gap:6px}