:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; color: #172033; background: #f4f7fb; }
* { box-sizing: border-box; } body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; }
.sidebar { padding: 1.5rem 1rem; background: #102a43; color: #fff; } .brand { display: block; margin: 0 .75rem 2rem; color: #fff; font-size: 1.2rem; font-weight: 750; text-decoration: none; }
.sidebar nav { display: grid; gap: .15rem; } .sidebar a { padding: .65rem .75rem; border-radius: .4rem; color: #d8e5f2; text-decoration: none; } .sidebar a.active, .sidebar a:hover { color: #fff; background: #1d4f91; }
main { padding: 2rem; max-width: 1440px; width: 100%; } h1 { margin: .35rem 0; font-weight: 700; letter-spacing: -.015em; } h2 { font-weight: 700; letter-spacing: -.01em; }
button { display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;padding:0 1.1rem;border:1px solid transparent;border-radius:.5rem;background:#eef2f7;color:#172033;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease; }
button:hover:not(:disabled) { background:#e2e8f0; }
button:active:not(:disabled) { transform:translateY(1px); }
button:disabled { opacity:.55;cursor:not-allowed; }
button:focus-visible { outline:2px solid #1d4f91;outline-offset:2px; }
.btn { display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;padding:0 1.1rem;border-radius:.5rem;font-weight:600;font-size:.92rem;text-decoration:none;cursor:pointer; }
.btn-primary { background:linear-gradient(135deg,#1d4f91,#2f6bc4);border:1px solid transparent;color:#fff;box-shadow:0 1px 2px #1d4f9130,0 6px 16px #1d4f9130; }
.btn-primary:hover { background:linear-gradient(135deg,#173f74,#2760b3);transform:translateY(-1px);box-shadow:0 2px 4px #1d4f9130,0 10px 22px #1d4f9140; }
.btn-secondary { background:#fff;border:1px solid #cbd5e1;color:#1d4f91; }
.btn-secondary:hover { background:#eef4fb;border-color:#1d4f91; }
.btn-danger { background:linear-gradient(135deg,#dc3545,#b42318);border:1px solid transparent;color:#fff;box-shadow:0 1px 2px #b4231830,0 6px 16px #b4231830; }
.btn-danger:hover { background:linear-gradient(135deg,#c92a3a,#9c1e14);transform:translateY(-1px);box-shadow:0 2px 4px #b4231830,0 10px 22px #b4231840; }
.btn-ghost { background:transparent;border:1px solid transparent;color:#52647b; }
.btn-ghost:hover { background:#eef2f7; }
.btn-primary:active:not(:disabled),.btn-danger:active:not(:disabled) { transform:translateY(0); }
.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-ghost:disabled { opacity:.55;cursor:not-allowed; }
article { padding: 1.25rem; border-radius: .85rem; background: #fff; border:1px solid #eef1f5; box-shadow: 0 1px 2px #17203310,0 10px 28px #1720331c; } article small { display: block; color: #52647b; } article strong { display: block; margin-top: .4rem; font-size: 2rem; }
table { width: 100%; margin-top: 1rem; border: 1px solid #eef1f5; border-radius: .85rem; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; box-shadow: 0 1px 2px #17203310; }
thead th { background: #f8fafc; color: #5b6b81; font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
th, td { padding: .8rem .95rem; text-align: left; border-bottom: 1px solid #eef1f5; }
tbody tr { transition: background .12s ease; }
tbody tr:hover { background: #f8fafc; }
tbody tr:last-child > td { border-bottom: 0; }
tfoot td, tfoot th { border-top: 1px solid #eef1f5; border-bottom: 0; background: #fafbfd; }
.status, .error { margin-top: 1.5rem; } .error { color: #a32929; } .loading { padding: 2rem; } #blazor-error-ui { display: none; position: fixed; bottom: 0; width: 100%; padding: .75rem; background: #fff3cd; }
@media (max-width: 720px) { .sidebar { padding: 1rem; } .sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } main { padding: 1rem; } }
.page-title,.toolbar,.actions{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.page-title{justify-content:space-between}.toolbar{flex-wrap:wrap}.toolbar input{width:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:75%}.form-grid label{display:grid;grid-template-columns:190px 1fr;align-items:center;column-gap:1rem;row-gap:.35rem}.form-grid label:has(>textarea){align-items:start;padding-top:.65rem}.form-grid label:has(>input[type="checkbox"]:first-child){display:flex;align-items:center;gap:.5rem}input,select,textarea{min-height:2.6rem;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font:inherit;background:#fff;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237c8ba1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:.65rem;padding-right:2.2rem}select::-ms-expand{display:none}:root[data-theme="dark"] select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23b8c7d8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-theme]) select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23b8c7d8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}input:focus,select:focus,textarea:focus{outline:none;border-color:#1d4f91;box-shadow:0 0 0 3px #1d4f9122}textarea{min-height:5rem;height:auto}input[type="checkbox"]{appearance:none;-webkit-appearance:none;min-height:0;width:2.5rem;height:1.4rem;margin:0;padding:0;border:1px solid #cbd5e1;border-radius:999px;background:#cbd5e1;cursor:pointer;flex:0 0 auto;position:relative;vertical-align:middle;transition:background .18s ease,border-color .18s ease}input[type="checkbox"]::before{content:"";position:absolute;top:1px;left:1px;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s ease}input[type="checkbox"]:checked{background:#1d4f91;border-color:#1d4f91}input[type="checkbox"]:checked::before{transform:translateX(1.1rem)}input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed}input[type="checkbox"]:focus-visible{outline:2px solid #1d4f91;outline-offset:2px}.link{padding:0;margin-right:.6rem;color:#1d4f91;background:transparent;border-color:transparent}.link:hover{text-decoration:underline}.danger{color:#b42318}@media(max-width:720px){.form-grid{grid-template-columns:1fr;max-width:none}.form-grid label{grid-template-columns:1fr;row-gap:.3rem;padding-top:0}.form-grid label:has(>input[type="checkbox"]:first-child){display:flex}.toolbar{align-items:flex-start;flex-direction:column}.toolbar input{width:100%}}
.chantier-number{margin:-.25rem 0 1.5rem;color:#1d4f91;font-size:2.4rem;font-weight:800;letter-spacing:.04em}
.offcanvas-client{position:fixed;z-index:20;top:70px;right:16px;bottom:16px;width:min(460px,calc(100vw - 32px));min-width:320px;max-width:75vw;padding:1.5rem;overflow:auto;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #102a4345;animation:offcanvas-slide-in .2s ease}.offcanvas-client button{float:right}.offcanvas-client h2{margin-top:0}@keyframes offcanvas-slide-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.offcanvas-resize-handle{position:absolute;top:0;left:0;bottom:0;width:10px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;touch-action:none;border-radius:1rem 0 0 1rem}.offcanvas-resize-handle::after{content:"";width:3px;height:2.5rem;border-radius:999px;background:#cbd5e1;transition:background .15s ease,height .15s ease}.offcanvas-resize-handle:hover::after{background:#1d4f91;height:3.5rem}body.offcanvas-resizing{cursor:ew-resize;user-select:none}body.offcanvas-resizing .offcanvas-resize-handle::after{background:#1d4f91;height:3.5rem}.offcanvas-client.resizable{padding:0;overflow:visible;display:flex;flex-direction:column}.offcanvas-client.resizable>.modal-close{position:absolute;top:1.1rem;right:1.1rem;float:none;z-index:1}.offcanvas-body{flex:1;min-height:0;overflow:auto;padding:1.5rem 1.5rem 1.5rem 1.85rem}.offcanvas-body>h2:first-child{padding-right:2.6rem}
.pagination{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem}.pagination button:disabled{opacity:.45;cursor:not-allowed}
.chantier-map{height:calc(100dvh - 56px - var(--footer-height) - 4rem);min-height:480px;border-radius:.85rem;overflow:hidden}.offcanvas-client{z-index:2100;bottom:calc(var(--footer-height) + 16px)}.footer{z-index:2000}
.shell{--nav:250px;--footer-height:52px;min-height:100vh;display:grid;grid-template:56px 1fr/var(--nav) 1fr;background:#f4f7fb}.header{grid-column:1/3;display:flex;align-items:center;gap:.6rem;padding:0 1rem;background:#102a43;color:#fff;box-shadow:0 2px 10px #0003;position:relative;z-index:32}.brand,.header a{color:#fff;text-decoration:none}.brand{font-weight:750;font-size:1.1rem}.brand span{font-weight:400}.header button{padding:.4rem .6rem;background:transparent;color:#fff}.spacer{flex:1}.sidebar{grid-row:2;display:flex;flex-direction:column;background:#102a43;color:#d8e5f2}.sidebar nav{padding:.8rem .65rem}.sidebar p{margin:1rem .75rem .4rem;color:#91a8bd;font-size:.7rem;text-transform:uppercase}.sidebar a{display:flex;gap:.65rem;margin:.15rem 0;padding:.65rem .75rem;border-radius:.4rem;color:#d8e5f2;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:#1d4f91;color:#fff}.sidebar-footer{margin-top:auto;padding:1rem 1.4rem;background:#0b233b}.sidebar-footer small,.sidebar-footer strong{display:block}.content{padding:2rem 2rem calc(2rem + var(--footer-height));max-width:none;width:100%;margin:0;box-sizing:border-box}.footer{position:fixed;z-index:30;right:0;bottom:0;left:var(--nav);display:flex;justify-content:space-between;align-items:center;min-height:var(--footer-height);padding:.75rem 2rem;border-top:1px solid #dbe4ed;background:#fff;color:#52647b;font-size:.82rem}.footer a{color:#1d4f91;text-decoration:none}.closed{--nav:64px}.closed .sidebar span,.closed .sidebar p,.closed .sidebar-footer{display:none}.closed .sidebar a{justify-content:center}@media(max-width:720px){.shell,.closed{grid-template:56px auto 1fr/1fr}.header{grid-column:1}.sidebar{grid-row:2;max-height:600px}.closed .sidebar{max-height:0;overflow:hidden}.closed .sidebar span{display:inline}.content{padding:1rem 1rem calc(1rem + var(--footer-height))}.footer{left:0;align-items:flex-start;flex-direction:column;padding:.5rem 1rem}}
.content{position:relative;z-index:1}.chantier-map,.leaflet-container{position:relative;z-index:1}.footer{z-index:3000!important;isolation:isolate}.offcanvas-client{z-index:3100!important}
.content.content-home{max-width:none}
.content{padding-left:1rem}
.nav-toggle{display:grid;align-content:center;gap:4px;width:40px;height:40px;padding:9px!important;border-radius:.45rem;background:#ffffff12!important}.nav-toggle:hover,.nav-toggle:focus-visible{background:#ffffff24!important;outline:2px solid #ffffff80;outline-offset:1px}.nav-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#fff;transition:transform .18s ease,width .18s ease}.nav-toggle.collapsed span:nth-child(1),.nav-toggle.collapsed span:nth-child(3){width:16px}.shell{--nav:310px}.sidebar{min-width:0;overflow:hidden}.sidebar nav{min-height:0;overflow-x:hidden;overflow-y:auto}.sidebar a{align-items:center;min-height:42px;white-space:nowrap}.sidebar-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:.4rem;font-size:1.05rem;line-height:1}.sidebar-label{overflow:visible;text-overflow:clip}.sidebar a.active .sidebar-icon{background:#ffffff18}.closed{--nav:64px}.closed .sidebar{position:relative;z-index:20;overflow:visible}.closed .sidebar nav{padding:.6rem .5rem .6rem .25rem;overflow:visible}.closed .sidebar .sidebar-label,.closed .sidebar .sidebar-section{display:none}.closed .sidebar a{position:relative;width:48px;min-height:44px;margin:.2rem 0 .2rem -.25rem;padding:.5rem;justify-content:center}.closed .sidebar .sidebar-icon{display:grid;flex-basis:32px;width:32px;height:32px}.closed .sidebar a:hover .sidebar-icon,.closed .sidebar a.active .sidebar-icon{background:#ffffff20}.closed .sidebar a::after{position:absolute;z-index:3500;top:50%;left:calc(100% + .55rem);padding:.45rem .65rem;border-radius:.35rem;background:#0b233b;color:#fff;box-shadow:0 4px 14px #0004;content:attr(title);font-size:.8rem;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(.25rem,-50%);transition:opacity .12s ease,transform .12s ease}.closed .sidebar a:hover::after,.closed .sidebar a:focus-visible::after{opacity:1;transform:translate(0,-50%)}.closed .sidebar-footer{display:none}@media(max-width:720px){.shell{--nav:1fr}.sidebar nav{overflow:visible}.closed .sidebar{overflow:hidden}.closed .sidebar .sidebar-label{display:inline}.closed .sidebar .sidebar-section{display:block;height:auto;margin:1rem .75rem .4rem;background:transparent;font-size:.7rem}.closed .sidebar a{width:auto;margin:.15rem 0;padding:.65rem .75rem;justify-content:flex-start}.closed .sidebar .sidebar-icon{flex-basis:28px;width:28px;height:28px}.closed .sidebar a::after{display:none}}
.sidebar a{border-radius:.65rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.sidebar a:not(.active){background:transparent;color:#c3d3e6;box-shadow:none}.sidebar a:not(.active):hover,.sidebar a:not(.active):focus-visible{background:#ffffff14;color:#fff}.sidebar a.active{background:linear-gradient(135deg,#1d4f91,#2a63b8);color:#fff;box-shadow:0 4px 14px #0006,inset 0 0 0 1px #ffffff1a}.closed .sidebar a.active{background:transparent;box-shadow:none}.closed .sidebar a.active .sidebar-icon{background:linear-gradient(135deg,#1d4f91,#2a63b8);box-shadow:0 4px 10px #0006;color:#fff}
.shell:not(.closed) .sidebar nav{padding-left:.25rem}.shell:not(.closed) .sidebar a{padding-left:.35rem}.shell:not(.closed) .sidebar-section{margin-left:.35rem}
.contract{margin:1rem 0;border:1px solid #dbe4ed;border-radius:.45rem;overflow:hidden}.contract>strong,.contract>small{display:block;padding:.6rem .75rem}.contract>strong{background:#1d4f91;color:#fff}.contract h3{margin:0;padding:.55rem .75rem;background:#eef4fb;font-size:.9rem}.materiel-table{margin:0;font-size:.82rem}.materiel-table td,.materiel-table th{padding:.55rem}.materiel-table small,.contract small{color:#52647b}
.form-grid .wide{grid-column:1/-1}.form-grid button{justify-self:start}
.affectation-picker{display:flex;gap:.5rem}.affectation-picker input{flex:1;transition:border-color .15s ease,box-shadow .15s ease}.affectation-picker input.input-found{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}:root[data-theme="dark"] .affectation-picker input.input-found{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8030}.modal-backdrop-client{position:fixed;z-index:3200;inset:0;display:grid;place-items:center;padding:1rem;background:#102a4380;backdrop-filter:blur(3px);animation:modal-fade-in .15s ease}.modal-client{width:min(1100px,100%);max-height:calc(100dvh - 2rem);padding:1.5rem;overflow:auto;border-radius:1rem;background:#fff;box-shadow:0 20px 60px #102a4345;animation:modal-scale-in .18s cubic-bezier(.16,1,.3,1)}.modal-client .page-title{padding-bottom:.9rem;margin-bottom:1.1rem;border-bottom:1px solid #eef1f5}.modal-close{display:inline-grid;place-items:center;width:2.3rem;height:2.3rem;min-height:0;padding:0;border:0;border-radius:50%;background:#eef2f7;color:#52647b;font-size:1rem}.modal-close:hover{background:#e2e8f0;color:#172033}@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-scale-in{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.affectation-modal table{margin-top:.5rem}.affectation-modal td:last-child{white-space:nowrap}@media(max-width:720px){.affectation-picker{align-items:stretch;flex-direction:column}}
.toaster{position:fixed;z-index:4000;right:1rem;bottom:calc(var(--footer-height) + 1rem);display:grid;gap:.65rem;width:min(430px,calc(100vw - 2rem))}
.toast-client{position:relative;overflow:hidden;border-radius:.6rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 30px #102a4330,0 2px 8px #102a4320;animation:toast-slide-in .25s cubic-bezier(.16,1,.3,1)}
.toast-head{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem .5rem}
.toast-icon{display:inline-grid;flex:0 0 auto;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;font-size:.85rem}
.toast-client.success .toast-icon{background:#dcfce7;color:#18794e}
.toast-client.error .toast-icon{background:#fde2df;color:#b42318}
.toast-title{flex:1;color:#172033;font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.toast-close{display:inline-grid;flex:0 0 auto;place-items:center;width:1.6rem;height:1.6rem;min-height:0;padding:0;border:0;border-radius:.35rem;background:transparent;color:#94a3b8;font-size:.8rem}
.toast-close:hover{background:#f1f5f9;color:#334155}
.toast-body-text{padding:0 .7rem .7rem calc(1.6rem + .55rem + .7rem);margin-top:-.15rem;color:#3c4a5e;font-size:.83rem;line-height:1.45;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:currentColor;opacity:.3;animation:toast-progress-shrink 5s linear forwards;transform-origin:left}
.toast-client.success .toast-progress{color:#18794e}
.toast-client.error .toast-progress{color:#b42318}
:root[data-theme="dark"] .toast-client{background:#1b2a3d;border-color:#33455c}
:root[data-theme="dark"] .toast-title{color:#e5edf6}
:root[data-theme="dark"] .toast-body-text{color:#c4d0dd}
:root[data-theme="dark"] .toast-close{color:#7d93ad}
:root[data-theme="dark"] .toast-close:hover{background:#25384f;color:#e5edf6}
:root[data-theme="dark"] .toast-client.success .toast-icon{background:#14532d66;color:#4ade80}
:root[data-theme="dark"] .toast-client.error .toast-icon{background:#7f1d1d66;color:#f87171}
@keyframes toast-slide-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes toast-progress-shrink{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.toast-client{animation:none}.toast-progress{animation:none}}
.add-hour-detail{background:#1d4f91;color:#fff;font-weight:650}.hours-details>.add-hour-detail{margin-top:.25rem}
.session-link{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:.6rem;background:linear-gradient(135deg,#2563eb,#1d4f91);color:#fff;font-weight:650;text-decoration:none;box-shadow:0 4px 14px #2563eb40;transition:transform .12s ease,box-shadow .15s ease}.session-link:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb55}
.user-badge{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-size:.78rem;font-weight:750;letter-spacing:.03em;box-shadow:0 2px 6px #0000003a}
.user-menu{position:relative}
.user-trigger{display:flex;align-items:center;gap:.55rem;padding:.3rem .65rem .3rem .3rem;border-radius:999px;list-style:none;cursor:pointer;transition:background .15s ease}
.user-trigger::-webkit-details-marker{display:none}
.user-trigger:hover,.user-trigger:focus-visible{background:#ffffff16}
.user-trigger-name{max-width:150px;overflow:hidden;color:#fff;font-size:.85rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.user-trigger-caret{color:#c3d3e6;font-size:.65rem;transition:transform .18s ease}
.user-menu[open] .user-trigger-caret{transform:rotate(180deg)}
@media(max-width:640px){.user-trigger-name{display:none}}
.user-menu-content{position:absolute;z-index:3300;top:calc(100% + .5rem);right:0;display:grid;gap:.65rem;min-width:270px;padding:.85rem;border:1px solid #dbe4ed;border-radius:.7rem;background:#fff;color:#172033;box-shadow:0 12px 30px #102a4335,0 2px 8px #102a4320;animation:user-menu-in .16s cubic-bezier(.16,1,.3,1)}
.user-menu-profile{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #dbe4ed}
.user-badge-lg{width:44px;height:44px;font-size:.95rem}
.user-menu-identity{display:grid;gap:.2rem;overflow:hidden}
.user-menu-identity strong{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}
.user-menu-identity small{display:flex;align-items:center;gap:.35rem;overflow:hidden;color:#52647b;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.theme-menu{display:grid;gap:.4rem;padding-top:.5rem;border-top:1px solid #dbe4ed}
.theme-menu>small{color:#52647b;font-size:.78rem;font-weight:650}
.theme-switch{display:flex;gap:.25rem;padding:.25rem;border-radius:.6rem;background:#eef2f7}
.theme-switch button{display:flex;flex:1;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .25rem;border:0;border-radius:.5rem;background:transparent;color:#52647b;font-size:.72rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.theme-switch button i{font-size:1rem}
.theme-switch button.selected{background:#fff;color:#102a43;font-weight:700;box-shadow:0 2px 6px #102a4325}
.theme-switch button:hover:not(.selected){color:#172033}
.user-menu-content .logout-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.15rem;padding:.6rem;border-radius:.55rem;background:#fde2df;color:#b42318;font-weight:700;transition:background .15s ease}
.user-menu-content .logout-button:hover{background:#fbd0cb}
@keyframes user-menu-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.table-scroll{width:100%;overflow:auto}.expense-details{margin-top:2rem}.expense-details input[type="number"]{width:115px}.hours-total{text-align:right;font-weight:700}
.document-search,.files-filter,.upload-panel{margin-bottom:1rem;padding:1rem;border-radius:.8rem;background:#fff;box-shadow:0 1px 2px #17203310,0 10px 28px #1720331c}.document-search h2,.upload-panel h2,.related-documents h2{margin-top:0;font-size:1.05rem}.file-actions{display:flex;align-items:center;gap:.65rem;white-space:nowrap}.file-actions a{color:#1d4f91;text-decoration:none}.upload-controls{display:grid;gap:1rem}.file-drop-zone{position:relative;display:grid;gap:.3rem;padding:1.25rem;border:2px dashed #91a8bd;border-radius:.8rem;background:#f8fbff;cursor:pointer}.file-drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop-zone:focus-within,.file-drop-zone:hover{border-color:#1d4f91;background:#eef4fb}.doc-page{display:flex;flex-direction:column;height:calc(100dvh - 5.5rem - var(--footer-height) - 15px);min-height:0}
.doc-page .doc-header,.doc-page .breadcrumb-modern{flex:0 0 auto}
.document-files-layout{display:flex;align-items:stretch;flex:1;min-height:0}
.document-files-layout .related-documents{flex:0 0 auto;width:320px;min-width:220px;max-width:70%}
.document-files-layout .document-file-list{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.document-files-layout .document-file-list .card-body{flex:1;min-height:0;overflow:auto}
@media(max-width:900px){.doc-page{height:auto}}
.split-resize-handle{flex:0 0 20px;position:relative;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none}
.split-resize-handle::after{content:"";width:3px;height:2.5rem;border-radius:999px;background:#cbd5e1;transition:background .15s ease,height .15s ease}
.split-resize-handle:hover::after{background:#1d4f91;height:3.5rem}
body.split-resizing{cursor:col-resize;user-select:none}
body.split-resizing .split-resize-handle::after{background:#1d4f91;height:3.5rem}
.related-documents{display:flex;flex-direction:column;min-height:0}
.related-documents .card-body{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}
.doc-tree{flex:1;min-height:0;max-height:none;overflow:auto}
.doc-search-row{display:flex;gap:.5rem}
.doc-search-row input{flex:1;min-width:0}
.doc-search-row button{flex:0 0 auto;width:2.6rem;padding:0}
.doc-search-hint{display:block;margin:.5rem 0 0;color:#94a3b8;font-size:.78rem}
.doc-tree-toggle{display:flex;align-items:center;gap:.6rem;margin:1rem 0 0;color:#52647b;font-size:.85rem;cursor:pointer}
.doc-tree-caption{display:flex;align-items:center;gap:.4rem;margin:1.1rem 0 .6rem;padding-bottom:.5rem;border-bottom:1px solid #eef1f5;color:#52647b;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.doc-tree{display:grid;gap:.5rem;align-content:start;overflow:auto}
.doc-tree-children{display:grid;gap:.5rem;margin:.5rem 0 0 .95rem;padding-left:1rem;border-left:2px dashed #dbe4ed}
.doc-tree-pill{display:flex;width:100%;align-items:center;gap:.5rem;padding:.55rem .8rem;border:1px solid #dbe4ed;border-left:3px solid #94a3b8;border-radius:.6rem;background:#fff;color:#172033;font-size:.83rem;font-weight:650;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.doc-tree-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-tree-pill:hover{border-color:#1d4f91;box-shadow:0 2px 8px #1d4f9120}
.doc-tree-pill i{flex:0 0 auto;font-size:.95rem;color:#7c8ba1}
.doc-tree-pill.type-client{border-left-color:#0e7490}.doc-tree-pill.type-client i{color:#0e7490}
.doc-tree-pill.type-devis{border-left-color:#2563eb}.doc-tree-pill.type-devis i{color:#2563eb}
.doc-tree-pill.type-contrat{border-left-color:#b45309}.doc-tree-pill.type-contrat i{color:#b45309}
.doc-tree-pill.type-facture{border-left-color:#b42318}.doc-tree-pill.type-facture i{color:#b42318}
.doc-tree-pill.current{background:linear-gradient(135deg,#1d4f91,#2f6bc4);border-color:transparent;color:#fff;box-shadow:0 4px 14px #1d4f9140}
.doc-tree-pill.current i{color:#fff}
.doc-tree-check{flex:0 0 auto;margin-left:auto;color:#fff;font-size:1rem}
.file-document-group{margin-bottom:1rem}
.file-document-group h3{margin:0 0 .5rem;padding:.6rem .85rem;border-radius:.5rem;background:#102a43;color:#fff;font-size:.9rem}
.file-category-title{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;border-radius:.5rem .5rem 0 0;background:#eef4fb}
.file-category-title strong{display:flex;align-items:center;gap:.4rem;font-size:.85rem}
.file-category-title span{color:#1d4f91;font-size:.8rem;font-weight:650}
.files-table{margin:0;border-radius:0 0 .6rem .6rem;table-layout:fixed;width:100%}
.file-kind{width:60px}
.file-name-cell{overflow:hidden}
.file-date-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-kind-icon{display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:.5rem;background:#eef2f7;color:#52647b;font-size:1.05rem}
.file-name-link{display:block;overflow:hidden;color:#1d4f91;font-weight:650;text-decoration:underline;text-decoration-color:#1d4f9155;text-overflow:ellipsis;white-space:nowrap}
.file-name-link:hover{text-decoration-color:#1d4f91}
.files-table td small{color:#94a3b8}
.empty-files{padding:2rem;text-align:center;background:#fff;color:#52647b}
.file-metadata-panel{top:72px;bottom:calc(var(--footer-height) + 16px)}
.file-metadata-panel label{display:grid;gap:.4rem;margin:1rem 0}
.file-preview{width:100%;height:260px;border:1px solid #dbe4ed;border-radius:.4rem}
.doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}
.doc-header h1{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.5rem}
.doc-header h1 i{color:#1d4f91}
.doc-header p{margin:.4rem 0 0;color:#52647b;font-size:.9rem}
.doc-header-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.6rem}
@media(max-width:900px){.document-files-layout{flex-direction:column}.document-files-layout .related-documents{width:100%;max-width:none}.split-resize-handle{display:none}.file-actions{align-items:flex-start;flex-direction:column}.doc-header{flex-direction:column}.doc-header-actions{width:100%}}
.standalone-page{--footer-height:0px;min-height:100vh;max-width:none;width:100%;margin:0;padding:1.5rem;background:#f4f7fb}.standalone-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:75vw;margin:0 auto 1rem;padding:1.25rem 1.5rem;border-radius:.7rem;background:#102a43;color:#fff}.standalone-header h1{margin:.2rem 0 0}.standalone-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:1rem}.standalone-card{max-width:1400px;margin:0 auto 1rem;padding:1.25rem;border-radius:.7rem;background:#fff;box-shadow:0 4px 20px #102a4318}.standalone-upload-grid{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:1rem}.standalone-upload-grid>label:first-child{display:grid;align-content:start;gap:.4rem}.selected-files{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-top:1rem}.standalone-metadata-panel{top:16px;bottom:16px}@media(max-width:720px){.standalone-page{padding:.75rem}.standalone-header,.selected-files{align-items:flex-start;flex-direction:column}.standalone-upload-grid{grid-template-columns:1fr}}
.standalone-upload-page{display:grid;gap:1rem}.file-category-choices{display:flex;flex-wrap:wrap;gap:.65rem;width:75vw;margin:0 auto;padding:1rem;border:0;border-radius:.85rem;background:#fff;box-shadow:0 1px 2px #17203310,0 10px 28px #1720331c}.file-category-choices legend{width:100%;margin-bottom:.35rem;font-weight:700}.file-category-choice{position:relative;display:flex;flex:1 1 0;min-width:140px;align-items:center;justify-content:center;gap:.4rem;padding:.85rem .85rem;border:1px solid #e2e8f0;border-radius:.7rem;background:#fff;color:#334155;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.file-category-choice:hover:not(.selected){border-color:#1d4f91;color:#102a43}.file-category-choice.selected{border-color:transparent;background:linear-gradient(135deg,#1d4f91,#2f6bc4);color:#fff;font-weight:700;box-shadow:0 4px 12px #1d4f9140}
.file-category-choice input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;position:absolute!important;inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;opacity:0!important;z-index:1!important}
.file-category-choice input[type="checkbox"]::before{content:none!important}
.standalone-drop-zone{width:75vw;height:50vh;max-height:50vh;margin:0 auto;place-content:center;text-align:center;font-size:1.1rem}.standalone-drop-zone strong{font-size:1.5rem}
.file-drop-zone-formats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem}
.file-drop-zone-formats-label{color:#8592a6;font-size:.8rem;font-weight:600}
.file-format-pill{padding:.2rem .6rem;border-radius:999px;background:#eef2f7;color:#52647b;font-size:.75rem;font-weight:650}.standalone-selected-files,.upload-category-summary{width:75vw;margin:0 auto}.standalone-selected-files{padding:1rem;border-radius:.8rem;background:#fff;box-shadow:0 1px 2px #17203310,0 10px 28px #1720331c}@media(max-width:720px){.standalone-header,.file-category-choices,.standalone-drop-zone,.standalone-selected-files,.upload-category-summary{width:94vw}.standalone-drop-zone{height:45vh;max-height:45vh}}
:root[data-theme="dark"]{color-scheme:dark;color:#e5edf6;background:#101923}:root[data-theme="dark"] .shell,:root[data-theme="dark"] .standalone-page{background:#101923}:root[data-theme="dark"] .content,:root[data-theme="dark"] .files-filter,:root[data-theme="dark"] .document-search,:root[data-theme="dark"] .upload-panel,:root[data-theme="dark"] .related-documents,:root[data-theme="dark"] .file-document-group,:root[data-theme="dark"] .standalone-card,:root[data-theme="dark"] .file-category-choices,:root[data-theme="dark"] .standalone-selected-files,:root[data-theme="dark"] .dashboard-search-card,:root[data-theme="dark"] .dashboard-analysis-card,:root[data-theme="dark"] .home-dashboard-card,:root[data-theme="dark"] .catalogue-tree-panel,:root[data-theme="dark"] .catalogue-editor-panel,:root[data-theme="dark"] .availability-family-list,:root[data-theme="dark"] article{background:#172435;color:#e5edf6;border-color:#42566e}:root[data-theme="dark"] table,:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .modal-client,:root[data-theme="dark"] .offcanvas-client{background:#172435;color:#e5edf6;border-color:#42566e}:root[data-theme="dark"] th,:root[data-theme="dark"] td{border-color:#42566e}:root[data-theme="dark"] thead th{background:#1f2f45;color:#e8eef7}:root[data-theme="dark"] tfoot td,:root[data-theme="dark"] tfoot th{background:#1a2739;color:#e5edf6}:root[data-theme="dark"] tbody tr:hover{background:#25405e}:root[data-theme="dark"] .dashboard-clickable-row:hover{background:#25405e}:root[data-theme="dark"] .home-calendar,:root[data-theme="dark"] .home-calendar-day,:root[data-theme="dark"] .home-calendar>.weekday{border-color:#42566e}:root[data-theme="dark"] .home-calendar>.weekday{background:#1f2f45;color:#e8eef7}:root[data-theme="dark"] .home-calendar-day{background:#172435;color:#e5edf6}:root[data-theme="dark"] .home-calendar-day.outside{background:#101c2c;color:#7c8ba1}:root[data-theme="dark"] .footer,:root[data-theme="dark"] .user-menu-content{background:#172435;color:#e5edf6;border-color:#42566e}:root[data-theme="dark"] .theme-menu{border-color:#42566e}:root[data-theme="dark"] .theme-menu>small,:root[data-theme="dark"] small{color:#b8c7d8}:root[data-theme="dark"] .file-category-choice,:root[data-theme="dark"] .file-drop-zone{background:#203248;color:#e5edf6;border-color:#526b86}:root[data-theme="dark"] .file-category-choice.selected{background:#284d78;color:#fff}:root[data-theme="dark"] .theme-switch{background:#101c2c}:root[data-theme="dark"] .theme-switch button{color:#93a6bd}:root[data-theme="dark"] .theme-switch button.selected{background:#284d78;color:#fff;box-shadow:0 2px 6px #00000040}:root[data-theme="dark"] .user-menu-profile{border-color:#42566e}:root[data-theme="dark"] .user-menu-identity small{color:#93a6bd}:root[data-theme="dark"] .user-menu-content .logout-button{background:#7f1d1d66;color:#f87171}:root[data-theme="dark"] .user-menu-content .logout-button:hover{background:#7f1d1d99}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;color:#e5edf6;background:#101923}:root:not([data-theme]) .shell,:root:not([data-theme]) .standalone-page{background:#101923}:root:not([data-theme]) .content,:root:not([data-theme]) .files-filter,:root:not([data-theme]) .document-search,:root:not([data-theme]) .upload-panel,:root:not([data-theme]) .related-documents,:root:not([data-theme]) .file-document-group,:root:not([data-theme]) .standalone-card,:root:not([data-theme]) .file-category-choices,:root:not([data-theme]) .standalone-selected-files,:root:not([data-theme]) .dashboard-search-card,:root:not([data-theme]) .dashboard-analysis-card,:root:not([data-theme]) .home-dashboard-card,:root:not([data-theme]) .catalogue-tree-panel,:root:not([data-theme]) .catalogue-editor-panel,:root:not([data-theme]) .availability-family-list,:root:not([data-theme]) article{background:#172435;color:#e5edf6;border-color:#42566e}:root:not([data-theme]) table,:root:not([data-theme]) input,:root:not([data-theme]) select,:root:not([data-theme]) textarea{background:#172435;color:#e5edf6;border-color:#42566e}:root:not([data-theme]) th,:root:not([data-theme]) td{border-color:#42566e}:root:not([data-theme]) thead th{background:#1f2f45;color:#e8eef7}:root:not([data-theme]) tfoot td,:root:not([data-theme]) tfoot th{background:#1a2739;color:#e5edf6}:root:not([data-theme]) tbody tr:hover{background:#25405e}:root:not([data-theme]) .dashboard-clickable-row:hover{background:#25405e}:root:not([data-theme]) .home-calendar,:root:not([data-theme]) .home-calendar-day,:root:not([data-theme]) .home-calendar>.weekday{border-color:#42566e}:root:not([data-theme]) .home-calendar>.weekday{background:#1f2f45;color:#e8eef7}:root:not([data-theme]) .home-calendar-day{background:#172435;color:#e5edf6}:root:not([data-theme]) .home-calendar-day.outside{background:#101c2c;color:#7c8ba1}:root:not([data-theme]) .breadcrumb-modern,:root:not([data-theme]) .card-modern,:root:not([data-theme]) .dt-pagination button{background:#172435;border-color:#42566e;color:#e5edf6}:root:not([data-theme]) .card-modern .card-header{background:linear-gradient(135deg,#1c2b40,#172435);border-color:#42566e;color:#e5edf6}:root:not([data-theme]) .card-modern table{border-color:#42566e}:root:not([data-theme]) .footer,:root:not([data-theme]) .user-menu-content{background:#172435;color:#e5edf6;border-color:#42566e}}
.chantier-map{height:calc(100dvh - 56px - var(--footer-height) - 4.5rem);min-height:0;max-height:calc(100dvh - 56px - var(--footer-height) - 4.5rem)}
.cartographie-page{height:calc(100dvh - 56px - var(--footer-height) - 32px - 15px);display:flex;flex-direction:column}.cartographie-page .page-title{flex:0 0 auto}.cartographie-page .chantier-map{flex:1 1 auto;height:auto;min-height:0;max-height:none}
.cartographie-page .chantier-map{position:fixed;top:145px;right:32px;bottom:calc(var(--footer-height) + 15px);left:calc(var(--nav) + 32px);height:auto!important;max-height:none!important;z-index:1}@media(max-width:720px){.cartographie-page .chantier-map{top:132px;right:16px;bottom:calc(var(--footer-height) + 15px);left:16px}}
.catalogue-location-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.7fr);gap:1rem}.catalogue-tree-panel,.catalogue-editor-panel{padding:1rem;border-radius:.85rem;background:#fff;box-shadow:0 1px 2px #17203310,0 10px 28px #1720331c}.catalogue-tree{list-style:none;margin:.25rem 0;padding-left:1rem}.catalogue-tree>li{margin:.18rem 0}.catalogue-tree button{width:100%;padding:.35rem .5rem;border:0;border-radius:.3rem;background:transparent;text-align:left;color:inherit;cursor:pointer}.catalogue-tree button:hover,.catalogue-tree button.selected{background:#e6f0ff;color:#102a43}.catalogue-tree small{color:#617387}@media(max-width:800px){.catalogue-location-layout{grid-template-columns:1fr}}
.catalogue-tree-node{display:flex;align-items:center;gap:.35rem}.catalogue-tree-toggle,.catalogue-tree-toggle-placeholder{display:inline-grid!important;place-items:center;width:1.55rem!important;height:1.55rem;padding:0!important;flex:0 0 1.55rem;border:1px solid #cbd5e1!important;border-radius:.25rem!important;text-align:center!important}.catalogue-tree-toggle-placeholder{border-color:transparent!important}.catalogue-tree-node input[type="checkbox"]{appearance:auto;-webkit-appearance:auto;width:1.05rem;height:1.05rem;min-height:0;padding:0;border:1px solid #94a3b8;border-radius:.25rem;background:#fff;accent-color:#1d4f91;flex:0 0 auto}.catalogue-tree-node input[type="checkbox"]::before{content:none}.catalogue-tree-label{flex:1}.catalogue-selection-summary{margin:1rem 0 0;padding:.7rem;border-radius:.4rem;background:#edf5ff;color:#102a43;font-size:.9rem}
.catalogue-group-badge{width:auto!important;padding:.22rem .5rem!important;border:0!important;border-radius:999px!important;background:#6d4aff!important;color:#fff!important;font-size:.75rem!important;white-space:nowrap}.catalogue-group-modal{width:min(640px,calc(100vw - 2rem))}.catalogue-selected-names{max-height:7rem;overflow:auto;padding:.6rem;border-radius:.4rem;background:#f1f5f9;font-size:.9rem}
.dashboard-client-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:1.1rem;margin-bottom:1rem;padding:1.5rem 1.9rem;border-radius:1.1rem;background:linear-gradient(135deg,#1769aa,#6d4aff);color:#fff;box-shadow:0 16px 40px #1769aa33}
.dashboard-client-hero.hero-teal{background:linear-gradient(135deg,#0891b2,#1769aa)}
.dashboard-client-hero::after{content:"";position:absolute;top:1.3rem;right:1.9rem;width:3.6rem;height:3.6rem;border:2px solid #ffffff2e;border-radius:.9rem;transform:rotate(18deg);pointer-events:none}
.dashboard-client-hero-icon{display:grid;flex:0 0 auto;place-items:center;width:3.1rem;height:3.1rem;border-radius:.85rem;background:#ffffff26;font-size:1.5rem}
.dashboard-client-hero h1{margin:0;color:#fff;font-size:1.5rem}
.dashboard-client-hero p{margin:.35rem 0 0;color:#ffffffd0}
.dashboard-search-card .card-header i{color:#1769aa}
.dashboard-search-row{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:end}
.dashboard-search-field{display:grid;gap:.45rem;flex:1;min-width:190px}
.dashboard-search-field.grow{flex:1.6}
.dashboard-search-field>span{display:flex;align-items:center;gap:.4rem;color:#52647b;font-size:.85rem;font-weight:650}
.dashboard-search-field>span i{color:#1769aa}
.dashboard-search-submit{flex:0 0 auto}
.dashboard-search-submit .btn{min-width:220px}
.dashboard-toggle{display:flex;align-items:center;gap:.55rem;min-height:2.6rem}
.dashboard-toggle em{font-style:normal;font-weight:650;color:#172033}
.dashboard-picker{display:flex;gap:.4rem}
.dashboard-picker input{flex:1;min-width:0}
.dashboard-picker button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.6rem;min-height:2.6rem;padding:0;border:0;border-radius:.5rem;background:linear-gradient(135deg,#0e7490,#0891b2);color:#fff}
.dashboard-picker button:hover{background:linear-gradient(135deg,#0b5c72,#0e7490)}
.dashboard-search-card,.dashboard-analysis-card{margin-bottom:1rem;padding:1rem;border-radius:.9rem;background:#fff;box-shadow:0 1px 2px #17203310,0 10px 28px #1720331c}
.dashboard-search-card h2{font-size:1rem}
.dashboard-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dashboard-analysis-card>h2{padding:.8rem;border-radius:.45rem;background:#1769aa;color:#fff}
.dashboard-analysis-card h2 small{font-weight:400}
.dashboard-analysis-card details{margin-bottom:.6rem}
.dashboard-analysis-card summary{padding:.55rem;cursor:pointer}
.dashboard-analysis-card .page-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 0 .85rem;margin:0 0 1rem;border-bottom:1px solid #e2e8f0}
.dashboard-analysis-card .page-title h2{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;background:none;font-size:1.05rem;font-weight:650;color:#172033}
.dashboard-analysis-card .page-title h2 i{color:#1769aa;font-size:1.1rem}
.dashboard-analysis-card .page-title .dashboard-analysis-ref{color:#1769aa;font-weight:700}
.dashboard-analysis-card .page-title .badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:999px;background:#e6f0ff;color:#1769aa;font-weight:700;font-size:.78rem}
.dashboard-two-columns h3{display:flex;align-items:center;gap:.45rem;margin:0 0 .6rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#52647b}
.dashboard-two-columns h3.produits i{color:#198754}
.dashboard-two-columns h3.charges i{color:#dc3545}
.dashboard-fin-table table{width:100%;border-collapse:collapse}
.dashboard-fin-table thead th{padding:.6rem .9rem;background:linear-gradient(90deg,#2f6bc4,#1769aa);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left}.dashboard-fin-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.dashboard-fin-toggle i{font-size:.8rem}
.dashboard-fin-table thead th:last-child,.dashboard-fin-table tfoot th:last-child{text-align:right}
.dashboard-fin-table tbody td{padding:.6rem .9rem;border-bottom:1px solid #eef1f5;vertical-align:top}
.dashboard-fin-table tbody tr:last-child td{border-bottom:none}
.dashboard-fin-table tbody td:last-child{text-align:right;font-weight:650;white-space:nowrap}
.dashboard-fin-source{display:block;font-weight:650;color:#1769aa}
.dashboard-fin-meta{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;color:#8592a6;font-size:.8rem}
.dashboard-fin-meta i{color:#a7b2c2}
.dashboard-fin-table tfoot th{padding:.65rem .9rem;background:#1f2b3d;color:#fff;font-size:.86rem;font-weight:650}
.dashboard-chart-card .card-header i{color:#1769aa}
.dashboard-chart-canvas{width:100%;height:260px}
.dashboard-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.75rem 1rem 0;font-size:.85rem;color:#52647b}
.dashboard-chart-legend i{display:inline-block;width:.65rem;height:.65rem;border-radius:999px;margin-right:.35rem;vertical-align:middle}
.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem;color:#52647b}
.loading-indicator p{margin:0;font-weight:600}
.app-spinner{width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid #dbe3ee;border-top-color:#1769aa;animation:app-spin .8s linear infinite}
@keyframes app-spin{to{transform:rotate(360deg)}}
.dashboard-total{padding:.65rem;border-left:4px solid}
.dashboard-total.positive{border-color:#198754}
.dashboard-total.negative{border-color:#dc3545}
.dashboard-bars,.dashboard-chart{padding:1rem}
.dashboard-bars>div,.dashboard-chart>div{display:grid;grid-template-columns:minmax(100px,180px) 1fr minmax(90px,120px);align-items:center;gap:.7rem;margin:.5rem 0}
.dashboard-bars>div>span,.dashboard-chart>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;color:#52647b}
.dashboard-bars i,.dashboard-chart i{display:block;height:1rem;min-width:3px;border-radius:999px;background:linear-gradient(90deg,#1769aa,#4fa3e8);box-shadow:inset 0 1px 2px #0000001a;transition:width .5s cubic-bezier(.16,1,.3,1)}
.dashboard-bars>div:hover i,.dashboard-chart>div:hover i{filter:brightness(1.08)}
.dashboard-clickable-row{cursor:pointer}
.dashboard-clickable-row:hover{background:#e6f0ff}
.dashboard-picker-modal,.dashboard-detail-modal{width:min(920px,calc(100vw - 2rem));max-height:85vh;overflow:auto}
.button-link{display:inline-block;padding:.55rem .8rem;border-radius:.35rem;background:#1769aa;color:#fff;text-decoration:none}
@media(max-width:900px){.dashboard-search-row{flex-direction:column;align-items:stretch}.dashboard-search-submit .btn{width:100%}}
@media(max-width:800px){.dashboard-two-columns{grid-template-columns:1fr}.dashboard-bars>div,.dashboard-chart>div{grid-template-columns:100px 1fr}.dashboard-bars strong,.dashboard-chart strong{grid-column:2}}
.dashboard-analysis-card table th:last-child,.dashboard-analysis-card table td:last-child,.dashboard-detail-modal table th:last-child,.dashboard-detail-modal table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.dashboard-analysis-card table tfoot th:last-child,.dashboard-analysis-card table tfoot td:last-child,.dashboard-detail-modal table tfoot th:last-child,.dashboard-detail-modal table tfoot td:last-child{text-align:right}
.dashboard-analysis-card table th:last-child,.dashboard-analysis-card table td:last-child,.dashboard-detail-modal table th:last-child,.dashboard-detail-modal table td:last-child,.hours-total{white-space:nowrap}
.numeric{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.stock-movements-modal{width:min(1050px,calc(100vw - 2rem));max-height:85vh;overflow:auto}
.filter-inline-toggle{display:flex!important;align-items:center;gap:.45rem;flex:0 0 auto!important;min-width:0!important;font-size:.85rem;color:#52647b;white-space:nowrap;padding-bottom:.55rem}
.availability-families-details{margin-top:.9rem;padding-top:.9rem;border-top:1px solid #eef1f5}
.availability-families-details summary{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:650;font-size:.85rem;color:#1d4f91;list-style:none}
.availability-families-details summary::-webkit-details-marker{display:none}
.availability-family-list{max-height:16rem;overflow:auto;padding:.7rem;margin-top:.6rem;border:1px solid #eef1f5;border-radius:.6rem;background:#f8fafc}
.availability-family-list .catalogue-tree{margin:0;padding-left:0}
.availability-family-list .catalogue-tree .catalogue-tree{padding-left:1.4rem}
.availability-family-empty{margin:0;padding:.4rem;font-size:.85rem;color:#94a3b8}
@media(min-width:721px){.sidebar{--sidebar-footer-height:72px}.sidebar nav{padding-bottom:calc(var(--sidebar-footer-height) + .75rem)!important}.sidebar-footer{position:fixed;z-index:31;bottom:0;left:0;box-sizing:border-box;width:var(--nav);min-height:var(--sidebar-footer-height);margin:0;padding:1rem 1.4rem;background:#0b233b}.closed .sidebar{padding:0}.closed .sidebar nav{align-self:stretch;width:100%;box-sizing:border-box;padding:.6rem 0 calc(var(--sidebar-footer-height) + .75rem)!important}.closed .sidebar a{box-sizing:border-box;width:64px!important;margin:.2rem 0!important;padding:.5rem 1rem!important;justify-content:center!important}.closed .sidebar .sidebar-icon{transform:none!important}.closed .sidebar-footer{display:block;padding:.5rem .25rem;text-align:center;font-size:.62rem;overflow:hidden}.closed .sidebar-footer strong{font-size:.58rem}}
.home-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.75rem 2rem;margin-bottom:1.25rem;border-radius:1.1rem;background:linear-gradient(115deg,#0f2a4a,#1d4f91 55%,#5b4ac4);color:#fff;overflow:hidden;box-shadow:0 16px 40px #102a4340}.home-dashboard-hero h1{margin:.2rem 0;color:#fff}.home-dashboard-hero p{margin:0;color:#ffffffcc}.home-dashboard-hero>div:last-child{display:flex;gap:.6rem}.button-link.light{background:#fff;color:#173d70}.button-link.outline{border:1px solid #fff;background:transparent}.home-section-title{display:flex;justify-content:space-between;align-items:center;margin:1.35rem 0 .65rem}.home-section-title h2{margin:0;font-size:1.05rem}.home-section-title span{color:#64748b;font-size:.85rem}.home-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.home-stat-card{border-radius:.9rem;color:#fff;overflow:hidden;box-shadow:0 2px 6px #17203318,0 12px 28px #17203324;transition:transform .18s ease,box-shadow .18s ease}.home-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #1720331e,0 18px 36px #1720332c}.home-stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}.home-stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.home-stat-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.home-stat-card.loading{background:linear-gradient(120deg,#64748b,#94a3b8,#64748b);background-size:200% 100%;animation:home-card-loading 1.5s ease-in-out infinite}@keyframes home-card-loading{0%,100%{background-position:0 0}50%{background-position:100% 0}}.home-stat-body{display:flex;align-items:center;gap:1rem;padding:1.15rem}.home-stat-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.5rem;background:#ffffff28;font-size:1.4rem}.home-stat-body strong{font-size:2.2rem}.home-stat-body p{margin:.15rem 0 0}.home-stat-card>a{display:flex;justify-content:space-between;padding:.65rem 1rem;background:#00000016;color:#fff;text-decoration:none;font-size:.85rem}.home-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch;margin-bottom:1rem}.home-distribution-column{display:flex;flex-direction:column;gap:1rem}.home-dashboard-card{padding:1rem;border-radius:.9rem;background:#fff;box-shadow:0 1px 2px #17203310,0 10px 28px #1720331c;min-width:0}.home-distribution-card{display:flex;flex-direction:column;flex:1;min-height:280px}.home-dashboard-card>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.home-dashboard-card>header h2{margin:0;font-size:1rem}.home-dashboard-card.expanded{position:fixed;z-index:31;top:70px;right:1rem;bottom:calc(var(--footer-height) + 1rem);left:calc(var(--nav) + 1rem);overflow:auto}.home-expand-overlay{position:fixed;z-index:30;inset:0;background:#0008}.home-calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;text-transform:capitalize}.home-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #dbe3ed;border-left:1px solid #dbe3ed}.home-calendar>.weekday{padding:.35rem;text-align:center;font-size:.75rem;font-weight:700;background:#edf2f7}.home-calendar-day,.home-calendar>.weekday{border-right:1px solid #dbe3ed;border-bottom:1px solid #dbe3ed}.home-calendar-day{min-height:5rem;padding:.3rem;overflow:hidden}.home-calendar-day>span{display:block;font-size:.75rem}.home-calendar-day>a{display:block;margin-top:.2rem;padding:.2rem;border-radius:.2rem;background:#1769aa;color:#fff;text-decoration:none;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-calendar-day.outside{background:#f1f5f9}.home-distribution-content{flex:1;min-height:0;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:stretch}.home-donut{position:relative;width:100%;height:100%;min-height:120px}.home-donut-chart{position:absolute;inset:0;width:100%;height:100%}.home-donut span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-weight:700;pointer-events:none}.home-distribution-legend{max-width:220px;max-height:100%;overflow:auto}.home-distribution-legend>div{display:grid;grid-template-columns:.7rem 1fr auto;gap:.4rem;align-items:center;padding:.2rem .3rem;border-radius:.35rem;font-size:.76rem;transition:background .12s ease}.home-distribution-legend>div:hover{background:#f1f5f9}.home-distribution-legend i{width:.65rem;height:.65rem;border-radius:50%;box-shadow:0 0 0 2px #fff}.home-distribution-legend-simple{display:flex;flex-direction:column;justify-content:center;gap:.4rem;max-width:140px;max-height:100%;overflow:auto}.home-distribution-legend-simple>div{display:flex;align-items:center;gap:.4rem;padding:.15rem .3rem;border-radius:.35rem;font-size:.76rem;color:#52647b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s ease}.home-distribution-legend-simple>div:hover{background:#f1f5f9}.home-distribution-legend-simple i{width:.6rem;height:.6rem;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 2px #fff}.btn-icon-toggle{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;min-height:0;padding:0;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#52647b}.btn-icon-toggle:hover{background:#eef4fb;color:#1d4f91;border-color:#1d4f91}@media(max-width:1000px){.home-stat-grid{grid-template-columns:repeat(2,1fr)}.home-analysis-grid{grid-template-columns:1fr}.home-dashboard-card.expanded{left:1rem}}@media(max-width:620px){.home-dashboard-hero{align-items:flex-start;flex-direction:column}.home-stat-grid{grid-template-columns:1fr}.home-distribution-content{grid-template-columns:1fr}.home-donut{min-height:180px}.home-distribution-legend,.home-distribution-legend-simple{max-width:none}.home-calendar-day{min-height:3.5rem}.home-calendar-day>a{font-size:0;width:.55rem;height:.55rem;padding:0;border-radius:50%}}

/* ---------- Date field (Flatpickr bridge) ---------- */
.date-field{position:relative;display:block}
.date-field-input{width:100%;padding-right:2.5rem}
.date-field-icon{position:absolute;top:50%;right:.85rem;transform:translateY(-50%);color:#7c8ba1;pointer-events:none;font-size:.95rem}
.flatpickr-calendar{border-radius:.85rem;box-shadow:0 12px 32px #17203330;border:1px solid #dfe7f0}
.flatpickr-day.selected,.flatpickr-day.selected:hover,.flatpickr-day.selected:focus{background:#1d4f91;border-color:#1d4f91}
.flatpickr-day.today{border-color:#1d4f91}
.flatpickr-day.today:hover{border-color:#1d4f91}
.flatpickr-day:hover{background:#e6f0ff}
.flatpickr-months .flatpickr-month{color:#102a43}
.flatpickr-current-month input.cur-year,.flatpickr-current-month .flatpickr-monthDropdown-months{color:#102a43}
.flatpickr-weekdays{background:#eef4fb}
span.flatpickr-weekday{background:#eef4fb;color:#52647b}

/* ---------- TomSelect theme (matches native input styling) ---------- */
.ts-wrapper{width:100%}
.ts-wrapper.single .ts-control{padding:.15rem .75rem}
.ts-control{min-height:2.6rem;padding:.2rem .5rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;box-shadow:none;font-size:.92rem}
.ts-wrapper.focus .ts-control{border-color:#1d4f91;box-shadow:0 0 0 3px #1d4f9122}
.ts-control input{font:inherit;color:inherit;border:0!important;padding:0!important;margin:0;min-height:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ts-control input::placeholder{color:#94a3b8}
.ts-dropdown{border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 12px 28px #17203324;margin-top:.3rem;font-size:.92rem}
.ts-dropdown .option{padding:.55rem .75rem}
.ts-dropdown .active{background:#e6f0ff;color:#102a43}
.ts-dropdown .option.selected{background:#1d4f91;color:#fff}
.ts-wrapper .item{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:.35rem;background:#eef4fb;color:#102a43;font-size:.84rem}
.ts-wrapper.disabled .ts-control{background:#f1f5f9;opacity:.75;cursor:not-allowed}
.ts-wrapper.plugin-remove_button .item .remove{border-left:1px solid #c7d7ea;margin-left:.35rem;padding-left:.35rem}

/* ---------- Dark mode coverage for the new pieces ---------- */
@media(prefers-color-scheme:dark){:root:not([data-theme]) input[type="checkbox"]{background:#3a4a5e;border-color:#526b86}:root:not([data-theme]) input[type="checkbox"]:checked{background:#3b82f6;border-color:#3b82f6}:root:not([data-theme]) .btn-secondary,:root:not([data-theme]) button:not(.btn-primary):not(.btn-danger):not(.btn-ghost):not(.link):not(.modal-close):not(.btn-icon-toggle):not(.add-hour-detail):not(.session-link):not(.logout-button){background:#203248;color:#e5edf6;border-color:#42566e}:root:not([data-theme]) .btn-secondary:hover,:root:not([data-theme]) button:not(.btn-primary):not(.btn-danger):not(.btn-ghost):not(.link):not(.modal-close):not(.btn-icon-toggle):not(.add-hour-detail):not(.session-link):not(.logout-button):hover:not(:disabled){background:#28405e}:root:not([data-theme]) .modal-close{background:#203248;color:#e5edf6}:root:not([data-theme]) .modal-close:hover{background:#28405e}:root:not([data-theme]) .btn-icon-toggle{background:#172435;border-color:#42566e;color:#b8c7d8}:root:not([data-theme]) .ts-control,:root:not([data-theme]) .ts-dropdown{background:#172435;color:#e5edf6;border-color:#42566e}:root:not([data-theme]) .ts-dropdown .active{background:#284d78;color:#fff}:root:not([data-theme]) .ts-wrapper .item{background:#284d78;color:#fff}:root:not([data-theme]) .flatpickr-calendar{background:#172435;color:#e5edf6;border-color:#42566e;box-shadow:0 12px 32px #00000060}:root:not([data-theme]) .flatpickr-day{color:#e5edf6}:root:not([data-theme]) .flatpickr-day.flatpickr-disabled,:root:not([data-theme]) .flatpickr-day.prevMonthDay,:root:not([data-theme]) .flatpickr-day.nextMonthDay{color:#57708c}:root:not([data-theme]) .flatpickr-day:hover{background:#284d78}:root:not([data-theme]) .flatpickr-months .flatpickr-month,:root:not([data-theme]) .flatpickr-current-month,:root:not([data-theme]) .flatpickr-current-month input.cur-year{color:#e5edf6}:root:not([data-theme]) .flatpickr-weekdays,:root:not([data-theme]) span.flatpickr-weekday{background:#203248;color:#b8c7d8}}
:root[data-theme="dark"] input[type="checkbox"]{background:#3a4a5e;border-color:#526b86}
:root[data-theme="dark"] input[type="checkbox"]:checked{background:#3b82f6;border-color:#3b82f6}
:root[data-theme="dark"] .btn-secondary,:root[data-theme="dark"] button:not(.btn-primary):not(.btn-danger):not(.btn-ghost):not(.link):not(.modal-close):not(.btn-icon-toggle):not(.add-hour-detail):not(.session-link):not(.logout-button){background:#203248;color:#e5edf6;border-color:#42566e}
:root[data-theme="dark"] .btn-secondary:hover,:root[data-theme="dark"] button:not(.btn-primary):not(.btn-danger):not(.btn-ghost):not(.link):not(.modal-close):not(.btn-icon-toggle):not(.add-hour-detail):not(.session-link):not(.logout-button):hover:not(:disabled){background:#28405e}
:root[data-theme="dark"] .modal-close{background:#203248;color:#e5edf6}
:root[data-theme="dark"] .modal-close:hover{background:#28405e}
:root[data-theme="dark"] .btn-icon-toggle{background:#172435;border-color:#42566e;color:#b8c7d8}
:root[data-theme="dark"] .ts-control,:root[data-theme="dark"] .ts-dropdown{background:#172435;color:#e5edf6;border-color:#42566e}
:root[data-theme="dark"] .ts-dropdown .active{background:#284d78;color:#fff}
:root[data-theme="dark"] .ts-wrapper .item{background:#284d78;color:#fff}
:root[data-theme="dark"] .flatpickr-calendar{background:#172435;color:#e5edf6;border-color:#42566e;box-shadow:0 12px 32px #00000060}
:root[data-theme="dark"] .flatpickr-day{color:#e5edf6}
:root[data-theme="dark"] .flatpickr-day.flatpickr-disabled,:root[data-theme="dark"] .flatpickr-day.prevMonthDay,:root[data-theme="dark"] .flatpickr-day.nextMonthDay{color:#57708c}
:root[data-theme="dark"] .flatpickr-day:hover{background:#284d78}
:root[data-theme="dark"] .flatpickr-months .flatpickr-month,:root[data-theme="dark"] .flatpickr-current-month,:root[data-theme="dark"] .flatpickr-current-month input.cur-year{color:#e5edf6}
:root[data-theme="dark"] .flatpickr-weekdays,:root[data-theme="dark"] span.flatpickr-weekday{background:#203248;color:#b8c7d8}

/* ---------- Responsive touch-ups ---------- */
@media(max-width:720px){.btn,button{min-height:2.7rem}.ts-control{min-height:2.7rem}input,select,textarea{min-height:2.7rem}.modal-client{padding:1.1rem;border-radius:.85rem}.date-field-input{font-size:1rem}}
@media(max-width:480px){.page-title h1,h1{font-size:1.35rem}.dashboard-bars>div,.dashboard-chart>div{grid-template-columns:1fr;row-gap:.3rem}.dashboard-bars strong,.dashboard-chart strong{justify-self:end}}

/* ---------- Auth pages (Login / LoggedOut) — shared across both components, kept global
   because Blazor's per-component CSS isolation would otherwise not apply to both ---------- */
.standalone-page:has(.auth-page){display:flex;padding:0;min-height:100vh}
.auth-page{flex:1;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 15% 85%,#1d4f9166 0,transparent 40%),radial-gradient(circle at 85% 15%,#6134a666 0,transparent 40%),radial-gradient(circle at 50% 50%,#16233b 0,#0b1220 70%);color:#f8fafc;position:relative;overflow:hidden}
.auth-page::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 70%)}
.auth-card{position:relative;z-index:1;width:min(100%,27rem);padding:2.75rem 2.5rem;border:1px solid #ffffff1f;border-radius:1.25rem;background:#141f33cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 #ffffff14 inset,0 24px 60px #00000070;animation:auth-card-in .35s cubic-bezier(.16,1,.3,1)}
@keyframes auth-card-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.auth-logo{display:grid;width:3.75rem;height:3.75rem;margin:0 auto 1.4rem;place-items:center;border-radius:1rem;background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 8px 24px #2563eb55;font-weight:800;letter-spacing:.06em;font-size:1.05rem}.auth-card img.auth-logo{object-fit:cover}
.auth-card h1{text-align:center;margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.01em}
.auth-card>p{text-align:center;margin:.5rem 0 0;color:#a9bad1}
.auth-field{display:grid;gap:.4rem;margin-top:1.25rem}
.auth-field label{font-size:.85rem;font-weight:600;color:#d3ddec}
.auth-field input{width:100%;min-height:2.75rem;padding:.7rem .9rem;border:1px solid #ffffff22;border-radius:.85rem;background:#0d1626;color:#fff;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}
.auth-field input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}
.auth-remember{display:flex;gap:.6rem;align-items:center;margin:1.25rem 0;color:#cbd5e1;font-size:.9rem}
.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.9rem;margin-top:.25rem;border:0;border-radius:.85rem;background:linear-gradient(135deg,#2563eb,#1d4f91);color:#fff;font:inherit;font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px #2563eb40;transition:transform .12s ease,box-shadow .15s ease,background .15s ease}
.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#2f6fee,#2456a0);transform:translateY(-1px);box-shadow:0 10px 26px #2563eb55}
.auth-submit:active:not(:disabled){transform:translateY(0)}
.auth-submit:disabled{opacity:.7;cursor:wait}
.auth-error{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.7rem .85rem;border-radius:.8rem;background:#7f1d1d66;border:1px solid #f8717133;color:#fecaca;font-size:.88rem}
.auth-help{margin:1.75rem 0 0!important;font-size:.82rem;line-height:1.55;color:#8fa1ba;text-align:center}
.auth-help a{color:#7dd3fc;font-weight:600}
.auth-logged-out .auth-logo{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #05966955;font-size:1.6rem}
.auth-logged-out .auth-submit{display:block;margin-top:1.5rem;text-align:center}
.auth-logged-out .auth-help a{color:#7dd3fc}

/* ---------- Extra polish pass: card interactivity, links, headings ---------- */
.dashboard-analysis-card,.dashboard-search-card,.home-dashboard-card,.availability-filters,.document-search,.files-filter,.upload-panel,.catalogue-tree-panel,.catalogue-editor-panel,.standalone-card{transition:box-shadow .18s ease,transform .18s ease}
.button-link{box-shadow:0 4px 12px #1769aa38;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.button-link:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1769aa4a}
.button-link.light{box-shadow:0 4px 12px #00000022}
.button-link.light:hover{box-shadow:0 6px 18px #00000030}
.button-link.outline{box-shadow:none}
.button-link.outline:hover{background:#ffffff1a}
h2{margin-top:0}
.page-title h1{font-size:1.5rem}
::selection{background:#1d4f9133}
a{color:#1d4f91}


/* ---------- Auth pages: make sure the full-bleed background truly fills the viewport ---------- */
.standalone-page:has(.auth-page){width:100%;height:100vh}
.auth-page{width:100%;height:100%}

/* ---------- Page header / breadcrumb / card-modern / badges / action-links / DataTables-style
   toolbar & pagination — reproduces the look of the legacy "Gestion des chantiers" screens
   (page-header, breadcrumb-modern, card-modern, badge-modern, action-link, dt toolbar) while
   keeping the app's existing blue/navy color scheme. ---------- */
.page-header{margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}
.page-header h1{display:flex;align-items:center;gap:.65rem;margin:0;font-size:1.5rem}
.page-header h1 i{color:#1d4f91}
.page-header-actions{display:flex;gap:.6rem;margin:-.35rem 0 1rem}
.action-link-success:hover{background:#e3f6ef;color:#0e7490}
.tag-pills{display:flex;flex-wrap:wrap;gap:.3rem}
.badge-modern-sm{padding:.22rem .55rem;font-size:.68rem}
.breadcrumb-modern{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.55rem .9rem;border-radius:.6rem;background:#fff;border:1px solid #eef1f5;box-shadow:0 1px 2px #17203310;font-size:.85rem;color:#94a3b8}
.breadcrumb-modern a{color:#1d4f91;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}
.breadcrumb-modern a:hover{text-decoration:underline}
.breadcrumb-modern .sep{color:#cbd5e1}
.breadcrumb-modern .current{color:#52647b;font-weight:600}

.card-modern{background:#fff;border:1px solid #eef1f5;border-radius:.85rem;box-shadow:0 1px 2px #17203310,0 10px 28px #1720331c;overflow:hidden;margin-bottom:1rem}
.card-modern .card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.85rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #eef1f5;font-weight:700;font-size:.95rem;color:#172033}
.card-modern .card-header>span{display:flex;align-items:center;gap:.5rem}
.card-modern .card-header i{color:#1d4f91}
.card-modern .card-header .card-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.card-modern .card-body{padding:1.1rem 1.25rem}.card-modern .card-body>textarea{width:100%}
.card-modern .card-body.flush{padding:0}
.card-modern table{margin-top:0;box-shadow:none;border:1px solid #eef1f5}

.badge-modern{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .7rem;border-radius:999px;font-size:.74rem;font-weight:650;line-height:1}
.badge-modern-neutral{background:#eef2f7;color:#52647b}
.badge-modern-success{background:#18794e;color:#fff}
.badge-modern-muted{background:transparent;color:#94a3b8;padding-left:0;padding-right:0}

/* Palette used to color-differentiate chantier types (picked deterministically per label) */
.badge-modern-blue{background:#1d4f91;color:#fff}
.badge-modern-purple{background:#6d4aff;color:#fff}
.badge-modern-teal{background:#0e7490;color:#fff}
.badge-modern-green{background:#18794e;color:#fff}
.badge-modern-orange{background:#b45309;color:#fff}
.badge-modern-pink{background:#be185d;color:#fff}
.badge-modern-indigo{background:#4338ca;color:#fff}

.action-links{display:flex;gap:.3rem;align-items:center;justify-content:center;white-space:nowrap}
.action-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:0;border-radius:.5rem;color:#7c8ba1;text-decoration:none;border:0;background:transparent;padding:0;font-size:.95rem;transition:background .15s ease,color .15s ease}
.action-link:hover{background:#eef4fb;color:#1d4f91}
.action-link-danger:hover{background:#fdeceb;color:#b42318}

.field-group{display:grid;gap:.5rem;margin-bottom:1.4rem;max-width:520px}
.field-group label{font-size:.85rem;font-weight:650;color:#334155}
.field-group input:not([type="checkbox"]){width:100%}
.field-with-suffix{display:flex;gap:.5rem;align-items:stretch}
.field-with-suffix input{flex:1;min-width:0}
.field-suffix{display:flex;align-items:center;justify-content:center;padding:0 .9rem;min-height:2.6rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#f1f5f9;color:#52647b;font-weight:650}
.edit-form-actions{display:grid;gap:.75rem;max-width:520px;margin-top:.5rem}
.edit-form-actions .btn-ghost{justify-self:center}
.btn-submit-wide{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:3.1rem;border:0;border-radius:.6rem;background:linear-gradient(90deg,#2f6bc4,#6d4aff);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:filter .15s ease,transform .15s ease}
.btn-submit-wide:hover:not(:disabled){filter:brightness(1.06)}
.btn-submit-wide:active:not(:disabled){transform:translateY(1px)}
.btn-submit-wide:disabled{opacity:.7;cursor:not-allowed}
.dt-sortable{cursor:pointer;user-select:none;white-space:nowrap}
.dt-sortable i{margin-left:.3rem;font-size:.75rem;color:#94a3b8}
.dt-sortable:hover{color:#1d4f91}
.dt-sortable:hover i{color:#1d4f91}
.dt-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eef1f5}
.dt-toolbar-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0}
.dt-toolbar-filters label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#52647b;white-space:nowrap}
.dt-toolbar-filters select{min-height:2.6rem}
.dt-length{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#52647b;white-space:nowrap}
.dt-length select{min-height:2.6rem}
.dt-search{display:flex;align-items:center;gap:.4rem}
.dt-search input{min-width:220px;min-height:2.6rem}

.dt-pagination{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;margin-top:1rem}
.dt-pagination-info{color:#52647b;font-size:.85rem;margin-right:.5rem}
.dt-pagination button{min-height:2.1rem;min-width:2.1rem;padding:0 .6rem;border:1px solid #dbe4ed;border-radius:.4rem;background:#fff;color:#52647b;font-weight:600;font-size:.85rem}
.dt-pagination button:hover:not(:disabled):not(.current){background:#eef4fb;border-color:#1d4f91;color:#1d4f91}
.dt-pagination button.current{background:linear-gradient(135deg,#1d4f91,#2f6bc4);border-color:transparent;color:#fff}
.dt-pagination button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:720px){.dt-toolbar{flex-direction:column;align-items:stretch}.dt-search input{min-width:0;width:100%}.dt-pagination{justify-content:center}}

/* ---------- Filter cards (Critères d'affichage) ---------- */
.filter-card-body{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}
.filter-card-body label{display:grid;gap:.35rem;font-size:.85rem;color:#52647b;flex:1;min-width:170px}
.filter-card-body label.grow{flex:2;min-width:220px}
.filter-card-checks{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center;margin-top:1rem}
.filter-card-checks label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#52647b;flex:0 0 auto;min-width:0}
.filter-card-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eef1f5}
@media(max-width:720px){.filter-card-body label{min-width:0;flex:1 1 100%}.filter-card-actions{justify-content:stretch}.filter-card-actions .btn{flex:1}}

/* ---------- Two-card top row (Affectation et date / Audit) ---------- */
.form-cards-row{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;margin-bottom:1rem;align-items:stretch}
.form-cards-row .card-modern{margin-bottom:0;display:flex;flex-direction:column}
.form-cards-row .card-modern .card-body{flex:1}
.audit-list{display:grid;gap:.85rem}
.audit-list>div{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.audit-list>div>span:first-child{color:#52647b;font-size:.85rem}
.audit-list>div>strong{font-weight:700;font-size:.85rem}
.audit-list select{min-width:140px}
@media(max-width:900px){.form-cards-row{grid-template-columns:1fr}}

/* ---------- Teal accent button (Ajouter des heures/notes, Affectation picker) ---------- */
.btn-teal{background:linear-gradient(135deg,#0d9488,#14b8a6);border:1px solid transparent;color:#fff;box-shadow:0 1px 2px #0d948830,0 6px 16px #0d948830}
.btn-teal:hover:not(:disabled){background:linear-gradient(135deg,#0b7a70,#109488);transform:translateY(-1px);box-shadow:0 2px 4px #0d948830,0 10px 22px #0d948840}
.btn-teal:disabled{opacity:.55;cursor:not-allowed}

/* ---------- Wide primary submit row (Valider les heures / la note de frais) ---------- */
.form-submit-row{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}
.form-submit-row .btn-primary{flex:1;min-height:3.2rem;font-size:1.05rem}
.form-submit-row .btn-secondary{flex:0 0 auto}
@media(max-width:720px){.form-submit-row{flex-direction:column}}

/* ---------- Extra badge color for status pills (Actif, etc.) ---------- */
.badge-modern-dark{background:#334155;color:#fff}

/* ---------- Detail totals bar (bottom of "Détail des heures/frais" cards) ---------- */
.numeric-eur{white-space:nowrap}
.detail-total-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2rem;margin-top:1.25rem;padding:1rem 1.5rem;border-radius:.85rem;background:linear-gradient(135deg,#eef4fb,#f8fafc);border:1px solid #dbe4ed}
.detail-total-bar .total-item{display:flex;align-items:baseline;gap:.6rem;white-space:nowrap}
.detail-total-bar .total-item span{color:#52647b;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.detail-total-bar .total-item strong{font-size:1.65rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(135deg,#1d4f91,#2f6bc4);-webkit-background-clip:text;background-clip:text;color:transparent}
.saisie-heures-edit,.note-frais-edit{min-width:0;max-width:100%;overflow-x:hidden}.saisie-heures-edit .card-modern,.note-frais-edit .card-modern{min-width:0;max-width:100%}.detail-lines-table{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.detail-lines-table table{min-width:760px}
.note-frais-edit .detail-lines-table table{min-width:640px}.note-frais-edit .detail-lines-table th,.note-frais-edit .detail-lines-table td{padding:.35rem .4rem}.note-frais-edit .detail-lines-table input,.note-frais-edit .detail-lines-table select{min-width:0;padding:.4rem .5rem}.note-frais-edit .detail-lines-table .expense-amount{width:6.25rem;text-align:right}.note-frais-edit .detail-lines-table .expense-tva{width:3.5rem;text-align:center}
.saisie-heures-edit .detail-lines-table th,.saisie-heures-edit .detail-lines-table td{padding:.35rem .4rem}.saisie-heures-edit .detail-lines-table input,.saisie-heures-edit .detail-lines-table select{min-width:0;padding:.4rem .5rem}.saisie-heures-edit .detail-lines-table .hours-duration{width:6rem;text-align:right}.saisie-heures-edit .detail-lines-table .hours-rate{width:6.5rem;text-align:right}.saisie-heures-edit .detail-lines-table .hours-idp{width:6rem;text-align:right}
.shell{grid-template-columns:var(--nav) minmax(0,1fr)}.content{min-width:0;max-width:100%;overflow-x:hidden}.form-cards-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);max-width:100%}.form-cards-row>*{min-width:0}.audit-list>div>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){.detail-total-bar{justify-content:flex-start;gap:1.25rem}}
:root[data-theme="dark"] .detail-total-bar{background:linear-gradient(135deg,#1c2b40,#172435);border-color:#42566e}
:root[data-theme="dark"] .detail-total-bar .total-item span{color:#b8c7d8}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .detail-total-bar{background:linear-gradient(135deg,#1c2b40,#172435);border-color:#42566e}:root:not([data-theme]) .detail-total-bar .total-item span{color:#b8c7d8}}

:root[data-theme="dark"] .page-header{border-color:#42566e}
:root[data-theme="dark"] .breadcrumb-modern,:root[data-theme="dark"] .card-modern,:root[data-theme="dark"] .dt-pagination button{background:#172435;border-color:#42566e;color:#e5edf6}
:root[data-theme="dark"] .card-modern .card-header{background:linear-gradient(135deg,#1c2b40,#172435);border-color:#42566e;color:#e5edf6}
:root[data-theme="dark"] .card-modern table{border-color:#42566e}
:root[data-theme="dark"] .badge-modern-neutral{background:#26374d;color:#cbd5e1}
:root[data-theme="dark"] .action-link{color:#9db2c9}
:root[data-theme="dark"] .action-link:hover{background:#203248;color:#7dd3fc}
:root[data-theme="dark"] .action-link-danger:hover{background:#3a1f1f;color:#f87171}
:root[data-theme="dark"] .action-link-success:hover{background:#123240;color:#22d3ee}
:root[data-theme="dark"] .doc-tree-pill{background:#172435;border-color:#42566e;color:#e5edf6}
:root[data-theme="dark"] .doc-tree-pill:hover{border-color:#5b8fd6}
:root[data-theme="dark"] .doc-tree-children{border-color:#42566e}
:root[data-theme="dark"] .doc-tree-caption{border-color:#42566e}
:root[data-theme="dark"] .doc-header{border-color:#42566e}
:root[data-theme="dark"] .file-kind-icon{background:#203248;color:#9db2c9}
:root[data-theme="dark"] .file-category-title{background:#203248}
:root[data-theme="dark"] .empty-files{background:#172435;color:#b8c7d8}
:root[data-theme="dark"] .dt-toolbar{border-color:#42566e}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .page-header{border-color:#42566e}:root:not([data-theme]) .breadcrumb-modern,:root:not([data-theme]) .card-modern,:root:not([data-theme]) .dt-pagination button{background:#172435;border-color:#42566e;color:#e5edf6}:root:not([data-theme]) .card-modern .card-header{background:linear-gradient(135deg,#1c2b40,#172435);border-color:#42566e;color:#e5edf6}:root:not([data-theme]) .card-modern table{border-color:#42566e}:root:not([data-theme]) .badge-modern-neutral{background:#26374d;color:#cbd5e1}:root:not([data-theme]) .action-link{color:#9db2c9}:root:not([data-theme]) .action-link:hover{background:#203248;color:#7dd3fc}:root:not([data-theme]) .action-link-danger:hover{background:#3a1f1f;color:#f87171}:root:not([data-theme]) .dt-toolbar{border-color:#42566e}}

/* ---------- Chantier edit form: Valider/Annuler centered below the card, double width ---------- */
.chantier-form-actions{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0}
.chantier-form-actions .btn{min-width:22rem}
@media(max-width:720px){.chantier-form-actions{flex-direction:column;align-items:stretch}.chantier-form-actions .btn{min-width:0}}

/* ---------- Read-only text inputs render as plain labels, not boxed textboxes ---------- */
input[readonly]{background:transparent;border-color:transparent;box-shadow:none;padding-left:0;padding-right:0;color:#172033;font-weight:600;cursor:default}
input[readonly]:focus{border-color:transparent;box-shadow:none}
:root[data-theme="dark"] input[readonly]{color:#e5edf6}
@media(prefers-color-scheme:dark){:root:not([data-theme]) input[readonly]{color:#e5edf6}}

/* Sidebar compacte : dimensions explicites pour réduire visiblement les espaces verticaux. */
.shell{--footer-height:42px}
.sidebar a{min-height:36px;margin:.03rem 0;padding-top:.25rem;padding-bottom:.25rem}
.sidebar{--sidebar-footer-height:var(--footer-height)}
.sidebar-footer{flex:0 0 var(--sidebar-footer-height);height:var(--sidebar-footer-height);min-height:var(--sidebar-footer-height);padding:.35rem 1.4rem;font-size:.75rem;line-height:1.1}
.sidebar-footer small{font-size:.65rem}
.sidebar-footer strong{font-size:.75rem}
.footer{height:var(--footer-height);min-height:var(--footer-height);padding:.5rem 2rem}
@media(min-width:721px){.closed .sidebar a{min-height:36px;margin:.03rem 0!important;padding:.25rem .5rem!important}}

/* Le contenu défile seul : header, sidebar et son footer restent constamment en place. */
@media(min-width:721px){.shell{height:100dvh;min-height:0;overflow:hidden}.header{position:relative;top:auto}.sidebar{position:relative;z-index:20;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;align-self:stretch}.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.4rem .65rem calc(var(--sidebar-footer-height) + .75rem)!important}.sidebar p{margin:.6rem .75rem .3rem}.sidebar-footer{position:absolute;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:var(--sidebar-footer-height);min-height:var(--sidebar-footer-height);margin:0}.content{min-height:0;overflow-y:auto;overscroll-behavior:contain}}

/* Les cartes de synthèse conservent leur signification visuelle dans tous les thèmes. */
:root[data-theme="dark"] .home-stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}
:root[data-theme="dark"] .home-stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}
:root[data-theme="dark"] .home-stat-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}
:root[data-theme="dark"] .home-stat-card.loading{background:linear-gradient(120deg,#64748b,#94a3b8,#64748b)}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .home-stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}:root:not([data-theme]) .home-stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}:root:not([data-theme]) .home-stat-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}:root:not([data-theme]) .home-stat-card.loading{background:linear-gradient(120deg,#64748b,#94a3b8,#64748b)}}

/* Cartographie : le titre de catalogue reste nettement lisible au-dessus du tableau. */
:root[data-theme="dark"] .contract h3{padding:.6rem .75rem;background:#203248;color:#dbeafe;border-top:1px solid #42566e;border-bottom:1px solid #42566e;font-size:.86rem;font-weight:700;letter-spacing:.01em}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .contract h3{padding:.6rem .75rem;background:#203248;color:#dbeafe;border-top:1px solid #42566e;border-bottom:1px solid #42566e;font-size:.86rem;font-weight:700;letter-spacing:.01em}}