:root{--bg:#f4f6f8;--panel:#fff;--panel-border:#d9e0e7;--text:#17202a;--muted:#657485;--primary:#1f5eff;--primary-soft:#eef3ff;--danger:#b42318;--warning:#b54708;--success:#027a48;--shadow:0 12px 32px #17202a14}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#101828;flex-direction:column;width:240px;height:100vh;min-height:100vh;transition:width .2s;display:flex;position:sticky;top:0}.sidebar-collapsed{width:76px}.sidebar-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.sidebar-brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{background:var(--primary);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.icon-button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:8px;width:32px;height:32px}.sidebar-nav{gap:8px;padding:14px 10px;display:grid}.nav-item{color:#d0d5dd;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;text-decoration:none;display:flex}.nav-item.active,.nav-item:hover:not(:disabled){color:#fff;background:#ffffff1f}.nav-item:disabled{opacity:.45;cursor:not-allowed}.nav-icon{background:#ffffff1a;border-radius:8px;place-items:center;width:28px;min-width:28px;height:28px;font-weight:700;display:grid}.main-content{flex:1;min-width:0;padding:28px}.page-stack{gap:18px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1{margin:0;font-size:28px}.page-header p{color:var(--muted);margin:6px 0 0}.header-actions{align-items:center;gap:10px;display:flex}.page-card,.filter-section{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:16px}.page-card{padding:18px}.compact-card{padding:14px 18px}.button,.text-button,.filter-toggle{cursor:pointer}.button{color:#fff;background:var(--primary);border:0;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.button.secondary{color:var(--text);background:var(--primary-soft);border:1px solid #c7d7fe}.text-button{color:var(--primary);background:0 0;border:0;margin-bottom:8px;padding:0}.filter-toggle{background:0 0;border:0;justify-content:space-between;width:100%;padding:16px 18px;font-weight:700;display:flex}.filter-panel{border-top:1px solid var(--panel-border);padding:18px}.filter-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;display:grid}.compact-filter-grid{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:end}.filter-field-wide{grid-column:span 1}.filter-actions{justify-content:flex-end;margin-top:14px;display:flex}.field{color:var(--muted);gap:6px;font-size:13px;display:grid}.field input,.field select,.field textarea,.comment-form textarea{border:1px solid var(--panel-border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:10px 12px}.checkbox-grid{flex-wrap:wrap;gap:12px 18px;display:flex}.checkbox-label{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.table-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.table-wrap{width:100%;max-width:100%;overflow:auto visible}.data-table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.data-table th{text-align:left;color:var(--muted);background:#f8fafc;font-weight:700}.data-table th,.data-table td{vertical-align:top;border-bottom:1px solid #edf1f5;padding:12px 10px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbff}.empty-cell{text-align:center;color:var(--muted);padding:28px!important}.badge{color:#344054;background:#eef2f6;border-radius:999px;align-items:center;min-height:24px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-ouvert,.priority-haute{color:var(--warning);background:#fff4e5}.status-a_confirmer{color:#6941c6;background:#f4ebff}.status-planifie{color:#175cd3;background:#eff8ff}.status-a_replanifier{color:#b42318;background:#fef3f2}.status-en_pause{color:#475467;background:#f2f4f7}.status-resolution_a_confirmer{color:#027a48;background:#ecfdf3}.status-ferme{color:var(--success);background:#ecfdf3}.status-annule{color:#667085;background:#f2f4f7}.priority-urgente,.flag.danger{color:var(--danger);background:#fef3f2}.priority-normale{color:#175cd3;background:#eff8ff}.priority-basse{color:#027a48;background:#ecfdf3}.flag{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.flag.urgent{color:var(--warning);background:#fff4e5}.detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;display:grid}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.detail-list div{border:1px solid #edf1f5;border-radius:10px;padding:10px}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:4px 0 0;font-weight:600}.description-box{white-space:pre-wrap;background:#f8fafc;border-radius:10px;margin-top:16px;padding:12px}.form-stack,.comment-form{gap:12px;display:grid}.comment-form{grid-template-columns:1fr auto;align-items:end}.timeline{gap:10px;margin-top:12px;display:grid}.timeline-item{background:#fff;border:1px solid #edf1f5;border-radius:10px;padding:12px}.timeline-meta{color:var(--muted);margin-bottom:4px;font-size:12px}.link-list{gap:10px;display:grid}.link-card{text-align:left;border:1px solid var(--panel-border);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 12px;padding:12px;display:grid}.link-card-meta{color:var(--muted);grid-column:1/-1;font-size:12px}.alert{background:#fff4e5;border-radius:10px;padding:12px}.error-text{color:var(--danger)}@media (width<=1100px){.filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.detail-grid{grid-template-columns:1fr}}@media (width<=720px){.sidebar{z-index:10;min-height:100vh;position:fixed}.sidebar-collapsed{width:0;overflow:hidden}.main-content{margin-left:0;padding:18px}.page-header{flex-direction:column}.filter-grid,.detail-list,.comment-form{grid-template-columns:1fr}}.sort-header{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.sort-header.active{color:var(--primary)}.sort-indicator{color:var(--muted);font-size:12px}.multi-field{align-content:start}.multi-select{position:relative}.multi-select-button{border:1px solid var(--panel-border);width:100%;min-height:42px;color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.multi-select-button.open,.multi-select-button:hover{border-color:#b9c7d7;box-shadow:0 0 0 3px #1f5eff14}.multi-select-button span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.placeholder-text{color:var(--muted)}.multi-select-caret{color:var(--muted);font-size:12px}.multi-select-menu{z-index:30;border:1px solid var(--panel-border);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;right:0}.multi-select-search{border:1px solid var(--panel-border);border-radius:9px;width:100%;margin-bottom:8px;padding:9px 10px}.multi-select-options{gap:4px;max-height:230px;display:grid;overflow:auto}.multi-option{color:var(--text);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:6px;font-size:13px;display:grid}.multi-option:hover{background:#f8fafc}.multi-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.multi-select-footer{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.active-filters{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:14px;display:flex}.active-filters-label{color:var(--muted);padding-top:4px;font-size:13px;font-weight:700}.active-filter-list{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.active-filter-chip{background:var(--primary-soft);color:#1746b3;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:1px solid #c7d7fe;border-radius:999px;max-width:360px;padding:5px 9px;font-size:12px;overflow:hidden}.active-filter-chip:hover{background:#dfe9ff}.muted-small{color:var(--muted);font-size:12px}.text-button.small{text-align:left;margin:0;font-size:12px}.text-button:disabled{opacity:.45;cursor:not-allowed}.selection-cell{width:42px;text-align:center!important;vertical-align:middle!important}.batch-actions{grid-template-columns:auto minmax(160px,180px) minmax(180px,220px) minmax(240px,1fr) auto;align-items:end;gap:14px;display:grid}.batch-actions-summary{color:var(--muted);white-space:nowrap;align-self:center}.batch-field,.batch-comment{min-width:0}.batch-actions-buttons{justify-content:flex-end;align-items:center;gap:10px;display:flex}.alert-success{color:var(--success);background:#ecfdf3}@media (width<=1200px){.batch-actions{grid-template-columns:1fr 1fr}.batch-actions-buttons{justify-content:flex-start}}@media (width<=720px){.batch-actions{grid-template-columns:1fr}}.text-button.inline{text-align:left;margin:0;font-weight:600;display:inline}.metric-grid{gap:12px;display:grid}.metric-card{background:#f8fafc;border:1px solid #edf1f5;border-radius:12px;padding:14px}.metric-card span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.metric-card strong{font-size:20px}.chargebox-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.chargebox-card{text-align:left;border:1px solid var(--panel-border);cursor:pointer;background:#fff;border-radius:14px;gap:10px;padding:14px;display:grid}.chargebox-card:hover{border-color:#b9c7d7;box-shadow:0 0 0 3px #1f5eff14}.chargebox-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.chargebox-card-meta{color:var(--muted);gap:4px;font-size:13px;display:grid}.ticket-card-list{gap:10px;display:grid}.ticket-mini-card{text-align:left;border:1px solid var(--panel-border);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:auto minmax(220px,1fr) minmax(120px,auto) minmax(130px,auto);align-items:center;gap:12px;width:100%;padding:12px;display:grid}.ticket-mini-card:hover{background:#f8fbff}.connector-list{gap:10px;display:grid}.connector-card{color:var(--muted);background:#fff;border:1px solid #edf1f5;border-radius:12px;gap:4px;padding:12px;display:grid}.connector-card strong{color:var(--text)}.status-event-list{gap:8px;display:grid}.status-event-row{border-bottom:1px solid #edf1f5;grid-template-columns:minmax(160px,220px) minmax(100px,140px) minmax(140px,1fr) minmax(120px,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.operational-online{color:var(--success);background:#ecfdf3}.operational-offline,.operational-fully_offline{color:var(--danger);background:#fef3f2}.operational-partially_offline{color:var(--warning);background:#fff4e5}.operational-no_heartbeat_data{color:#667085;background:#f2f4f7}@media (width<=900px){.ticket-mini-card,.status-event-row{grid-template-columns:1fr}}.modal-backdrop{z-index:100;background:#1018287a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;width:min(820px,100%);max-height:calc(100vh - 48px);padding:20px;overflow:auto;box-shadow:0 24px 80px #1018283d}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-header h2{margin:0}.modal-header p{color:var(--muted);margin:6px 0 0}.icon-button.light{color:var(--text);background:#f2f4f7}.form-grid{gap:14px;display:grid}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-columns{grid-template-columns:minmax(160px,.8fr) minmax(220px,1fr) minmax(160px,.7fr);align-items:end}.inline-checkboxes{align-items:center;gap:16px;min-height:42px;padding-bottom:4px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=720px){.modal-backdrop{align-items:start;padding:12px}.form-grid.two-columns,.form-grid.three-columns{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}.required-marker{color:var(--danger)}.field-error{color:var(--danger);font-size:12px;font-weight:600}.field input.input-error,.field select.input-error,.field textarea.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #d92d2014}.searchable-select{position:relative}.searchable-select-menu{z-index:120;border:1px solid var(--panel-border);max-height:280px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.searchable-select-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;gap:3px;padding:9px 10px;display:grid}.searchable-select-option:hover{background:#f8fafc}.searchable-select-option span,.searchable-select-option small{color:var(--muted)}.searchable-select-empty{color:var(--muted);padding:10px;font-size:13px}.pagination-controls{border-bottom:1px solid var(--panel-border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;padding:0 0 12px;font-size:13px;display:flex}.pagination-summary{color:var(--text);font-weight:700}.pagination-size,.pagination-buttons{align-items:center;gap:8px;display:flex}.pagination-size select{border:1px solid var(--panel-border);min-width:84px;height:36px;color:var(--text);background:#fff;border-radius:10px;padding:0 10px}.button.compact{min-height:36px;padding:8px 12px}.pagination-arrow{border:1px solid var(--panel-border);width:34px;height:34px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;font-size:22px;line-height:1}.pagination-arrow:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-arrow:disabled{opacity:.35;cursor:not-allowed}.pagination-page{text-align:center;min-width:92px;color:var(--muted)}@media (width<=720px){.pagination-controls{flex-direction:column;align-items:stretch}.pagination-buttons{justify-content:space-between}}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.maintenance-controls-card{gap:14px;display:grid}.switch-row{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-weight:700;display:inline-flex}.switch-row input{width:18px;height:18px;accent-color:var(--primary)}.station-note-field{color:var(--text);gap:8px;font-weight:700;display:grid}.station-note-field textarea{border:1px solid var(--panel-border);width:100%;color:var(--text);resize:vertical;background:#fff;border-radius:10px;min-height:96px;padding:10px 12px}.warning-text{color:#9a6700;background:#fff7db;border:1px solid #f4d47c;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.switch-row{justify-content:flex-start}.selected-row{background:#f0f6ff}.success-text{color:var(--success)}.single-column-list{grid-template-columns:1fr}.warning-list{gap:10px;display:grid}.nested-card{box-shadow:none}.summary-card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,220px));justify-content:center;gap:14px;display:grid}.summary-status-card{text-align:left;border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);color:var(--text);cursor:pointer;border-radius:14px;gap:8px;padding:16px;display:grid}.summary-status-card:hover{background:#f8fbff;border-color:#b9c7d7}.summary-status-card span{color:var(--muted);font-size:13px;font-weight:600}.summary-status-card strong{font-size:28px}.table-link-button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.table-link-button:hover{text-decoration:underline}.muted-text{color:var(--muted)}.auth-screen{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{text-align:center;width:100%;max-width:520px}.sidebar-user{border-top:1px solid #ffffff1f;margin-top:auto;padding:14px;font-size:12px}.sidebar-user-name{margin-bottom:4px;font-weight:700}.sidebar-user-roles{color:#ffffffad;word-break:break-word;margin-bottom:8px;line-height:1.35}