/* Lean Utile: shared member and management workspace. */
.lu-summary-table{overflow:auto;border:1px solid #deded5;border-radius:12px;background:#fffefa}.lu-summary-table table{width:100%;border-collapse:collapse;font-size:.9rem}.lu-summary-table th{font-size:.8rem;white-space:normal}.lu-summary-table td{vertical-align:top;padding:16px 12px}.lu-summary-table td:first-child{width:28%}.lu-summary-table small{display:block;color:#596771;margin-top:5px}.lu-summary-table .button{font-size:.8rem;padding:8px 11px;white-space:normal}.lu-secondary-link{display:block;font-size:.83rem;margin:8px 0;text-underline-offset:3px}.lu-nav-group{border-top:1px solid #deded5;margin-top:10px;padding-top:10px}.lu-nav-group summary{font-size:.86rem;padding:10px;cursor:pointer}.lu-nav-group a{display:block;padding:10px 13px;border-radius:8px;font-size:.87rem;text-decoration:none}.lu-nav-group a[aria-current]{background:#163449;color:white}.lu-nav-group[open]>summary{margin-bottom:3px;padding-bottom:10px;border-bottom:0}@media(max-width:760px){.lu-summary-table table,.lu-summary-table tbody,.lu-summary-table tr,.lu-summary-table td{display:block;width:100%!important}.lu-summary-table thead{display:none}.lu-summary-table tr{border-bottom:3px solid #deded5;padding:12px}.lu-summary-table td{padding:8px;border:0}.lu-summary-table td::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:bold;color:#65717a}.layout>nav{flex-wrap:wrap!important}.lu-nav-group{flex:1 1 100%;margin:0;padding:0}.lu-nav-group a{display:inline-block}.lu-nav-group summary{padding:8px}}
.lu-pack-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.lu-pack-numbers>div{background:#f3eee5;border-radius:10px;padding:18px}.lu-pack-numbers small{display:block;color:#58616a}.lu-pack-numbers strong{display:block;font-size:1.4rem;margin-top:6px}.lu-pack-numbers>div:last-child{background:#f8e4c9}@media(max-width:760px){.lu-pack-numbers{grid-template-columns:1fr}.lu-pack-numbers>div{padding:12px}}
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#193348;background:#f4f2ed;--lu-navy:#163449;--lu-copper:#9b592f;--lu-border:#deded5}
body{background:radial-gradient(ellipse at top right,#eee4d7,transparent 50%),#f4f2ed}
body>header{background:var(--lu-navy);border-bottom:3px solid #c18c60;padding:18px 4%;gap:24px;box-shadow:0 3px 16px #142f4215}
.brand{font-family:Georgia,serif;font-weight:600;letter-spacing:-1px}.brand span{color:#e1b58d}
body>header>a:not(.brand){font-size:.9rem;text-underline-offset:5px}
.layout{max-width:1580px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);align-items:start}
.layout>nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;background:#fffdf8;border-right:1px solid var(--lu-border);padding:24px 14px;position:sticky;top:0;max-height:100vh;overflow:auto}
.layout>nav::before{content:"VOTRE ESPACE";font-size:.7rem;font-weight:750;letter-spacing:.18em;color:#80664d;padding:0 13px 15px}
.layout>nav>a{border-radius:8px;padding:10px 13px;font-size:.89rem;line-height:1.4;border:1px solid transparent}
.layout>nav>a:hover{background:#f0ebe2;color:#193348}
.layout>nav>a[aria-current]{background:var(--lu-navy);color:#fff;border-left:4px solid #d7a476;padding-left:10px;box-shadow:0 3px 8px #19334815}
.layout>main{width:100%;max-width:1200px;padding:30px 38px 55px;min-width:0;margin:0 auto}
.layout>main>h1{font-family:Georgia,serif;font-size:2.6rem;font-weight:500;letter-spacing:-.025em;margin:0 0 28px;padding:0 0 18px;border-bottom:1px solid #d6c4af}
.layout:not(:has(>nav)){display:block;max-width:1080px;padding:24px}
h2{font-size:1.25rem;line-height:1.4;margin-top:0;color:var(--lu-navy)}h3{font-size:1.08rem}p{overflow-wrap:anywhere}
.card{background:#fffefa;border:1px solid var(--lu-border);border-radius:14px;padding:26px;margin:20px 0;box-shadow:0 5px 20px #233b4a05}
.card .card{box-shadow:none;background:#faf8f3;border-color:#e5e1d9}
.card>p:last-child{margin-bottom:0}.tag{background:#eee5d8;color:#63452e;font-size:.82rem;font-weight:650;padding:5px 12px;border-radius:6px}
label{font-size:.94rem;font-weight:650;margin:18px 0 12px}input,select,textarea{background:#fff;border:1px solid #b7c2c6;border-radius:8px;color:#163449;padding:11px 12px;min-height:44px}
input:focus,select:focus,textarea:focus{border-color:#9b592f;outline:2px solid #e3c4aa;outline-offset:2px}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--lu-navy)}input[readonly],input:disabled{background:#eeefeb}
fieldset{border:1px solid var(--lu-border);border-radius:10px;padding:18px 22px;margin:22px 0}legend{padding:0 8px;font-weight:700;color:#775038}
button,.button{background:var(--lu-navy);border:1px solid transparent;border-radius:8px;padding:11px 17px;font-size:.94rem;line-height:1.5;box-shadow:0 2px 4px #19334810;vertical-align:middle;margin:3px 4px 3px 0}
button:hover,.button:hover{background:#28516b}button:disabled{opacity:.6;cursor:not-allowed}.notice{background:#fff0dc;border:1px solid #e6c29b;color:#664021;border-radius:10px;padding:16px 20px}
summary{line-height:1.5;color:var(--lu-navy)}details[open]>summary{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--lu-border)}a:focus-visible,button:focus-visible{outline:3px solid #b47442;outline-offset:3px}
.products article{background:#faf7f0;border:1px solid var(--lu-border);border-radius:12px;padding:22px}main article{padding:18px 0;border-bottom:1px solid #e4e2dc}main article:last-child{border-bottom:0}
main nav{background:#eee9e0;border-radius:10px}th,td{padding:10px;text-align:left;border-bottom:1px solid var(--lu-border)}th{background:#ede8df}footer{font-size:.84rem;color:#576773;padding:26px;border-top:1px solid var(--lu-border);background:#efeee8}
[id^=commande-]{scroll-margin-top:16px} [data-summary-filter]{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:1000px){.layout{grid-template-columns:205px minmax(0,1fr)}.layout>main{padding:25px}.layout>nav{padding:20px 9px}.layout>nav>a{font-size:.84rem}}
@media(max-width:760px){.layout{display:block}.layout>nav{position:static;max-height:none;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;padding:12px;border-right:0;border-bottom:1px solid var(--lu-border)}.layout>nav::before{display:none}.layout>nav>a{flex:0 0 auto;white-space:nowrap;padding:10px}.layout>main{padding:22px 16px}.layout>main>h1{font-size:2rem;margin-bottom:20px}.card{padding:20px 17px;border-radius:12px}body>header{gap:12px;padding:16px}.brand{font-size:1.6rem}[data-summary-filter]{grid-template-columns:1fr;gap:0}fieldset{padding:14px}button,.button{max-width:100%;white-space:normal}.layout:not(:has(>nav)){padding:16px}}
@media(prefers-reduced-motion:no-preference){button,.button,.layout>nav>a{transition:background-color .15s ease}}

.lu-order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-left:24px}.lu-order-steps li{padding:12px}.lu-member-table{overflow-x:auto}.lu-member-table table{width:100%}.lu-member-table small{display:block;color:#586b76;margin-top:6px}.lu-member-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:760px){.lu-order-steps{display:block}.lu-member-table thead{display:none}.lu-member-table tr{display:block;margin-bottom:20px;border:1px solid #d6dce0;border-radius:8px;padding:10px}.lu-member-table td{display:block}.lu-member-table td[data-label]::before{content:attr(data-label) " : ";font-weight:700}.layout>nav{flex-wrap:wrap;overflow:visible}.layout>nav details{flex-basis:100%}}

.lu-space-switch{display:grid;gap:8px;margin-bottom:18px}.lu-space-switch a{border:2px solid #254b79;border-radius:12px;padding:14px!important;font-weight:800}.lu-space-switch a[aria-current=page]{background:#254b79;color:white}.lu-space-label{font-size:.75rem;letter-spacing:.08em;color:#526579;font-weight:800;padding:8px}.lu-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.lu-management-tile{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #c4d4e3;border-radius:14px;text-decoration:none;background:#f3f7fc}.lu-management-tile strong{font-size:1.15rem}.lu-management-tile span{color:#385369}.lu-management-tile:hover{background:#e7f0fa}
