:root{--ink:#193d36;--green:#28594c;--cream:#f7f7f2;--muted:#77817a;--line:#e1e5dc;--lime:#dbea9a}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.55 Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{position:fixed;width:252px;height:100vh;padding:34px 23px;background:#eef0e7;border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{font-size:43px;font-weight:800;letter-spacing:-3px}.logo span{color:#a4bd58;font-size:21px;margin-left:3px}.subtitle{font-size:9px;letter-spacing:2.5px;margin:0 0 38px 3px}.project{display:flex;align-items:center;gap:12px;padding:16px 0 24px;border-bottom:1px solid #d8decf;font-weight:bold}.hotel{padding:8px 15px;background:white;border-radius:10px;font-family:Georgia;font-size:23px}small{display:block;font-size:11px;color:var(--muted);font-weight:normal}nav{margin-top:26px}nav button{border:0;background:none;width:100%;text-align:left;padding:13px 14px;margin-bottom:7px;color:#587064;display:flex;gap:14px;border-radius:8px}nav button.active{background:var(--ink);color:white}nav b{margin-left:auto;font-size:11px}nav span{flex:1}.sidebottom{margin-top:auto;font-size:12px}.sidebottom strong{display:block;margin-top:12px}.sidebottom p{color:#718075}.avatar{display:inline-grid;place-items:center;width:35px;height:35px;background:#dde5cf;border-radius:50%;font-size:11px;font-weight:bold}main{margin-left:252px}header{height:82px;padding:0 44px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.dot{display:inline-block;background:#729354;width:6px;height:6px;border-radius:50%;margin-right:7px}.sep{margin:0 16px;color:#b8c0b7}select{border:1px solid var(--line);padding:9px 13px;background:white;border-radius:7px;color:var(--ink)}.demo{padding:9px 44px;background:#e8ecd9;font-size:9px;letter-spacing:1px;display:flex;gap:18px;align-items:center}.demo span{font-size:11px;letter-spacing:0;color:#65705c}.demo button{margin-left:auto;border:0;background:none;color:#596348;font-size:11px;text-decoration:underline}section{padding:38px 44px;max-width:1450px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#728066}h1{font:40px/1.15 Georgia,serif;letter-spacing:-1px;margin:10px 0 15px}h2{font:25px Georgia;margin:0 0 12px}h3{margin:0;font-size:16px}p{color:#748075}.intro{max-width:640px;font-size:14px}.welcome{display:flex;justify-content:space-between;gap:30px}.pill{display:inline-block;padding:5px 10px;border-radius:20px;background:#ecf0e4;font-size:10px;white-space:nowrap}.pill.amber{color:#956220;background:#faf0dc}.pill.green{color:#3a7854;background:#eaf4e9}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.metric{background:white;border:1px solid var(--line);padding:20px 22px;border-radius:10px;display:flex;gap:18px;align-items:center}.metric b{font:32px Georgia}.metric span{display:block;font-size:12px}.metric small{margin-top:3px}.metric:first-child{background:var(--ink);color:white;border-color:var(--ink)}.metric:first-child small{color:#b6c8b8}.toolbar{display:flex;align-items:center;gap:10px;margin:28px 0 18px;flex-wrap:wrap}.toolbar input{margin-left:auto;border:1px solid var(--line);padding:10px 13px;border-radius:7px;background:white;max-width:220px}.filter{background:transparent;border:1px solid var(--line);border-radius:20px;padding:7px 13px;color:#657465;font-size:12px}.filter.active{background:#e2e9d2;border-color:#d7e2c0;color:var(--ink)}.cards{display:grid;gap:12px}.card{width:100%;background:white;border:1px solid var(--line);border-radius:10px;padding:21px;display:flex;align-items:center;gap:20px;color:var(--ink);text-align:left;transition:.15s}.card:hover{border-color:#9bac8a;transform:translateY(-1px);box-shadow:0 4px 14px #1b3d3508}.icon{font-size:24px;width:50px;height:50px;display:grid;place-items:center;background:#f0f2e9;border-radius:10px;flex-shrink:0}.card .body{flex:1}.category{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#889080;margin-bottom:4px}.card p{margin:5px 0;font-size:12px}.card .meta{text-align:right;font-size:11px;color:#7b8475;min-width:150px}.meta .pill{margin-bottom:6px}.arrow{font-size:23px;color:#a8b29b}.help{margin-top:23px;background:#edf0e4;border:1px dashed #c8d3b5;padding:20px 23px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.help p{margin:4px 0;font-size:12px}.primary,.secondary{border:0;border-radius:7px;padding:10px 16px;background:var(--ink);color:white;font-size:12px}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}footer{padding:10px 44px 26px;color:#8b9384;font-size:10px;display:flex;justify-content:space-between}#overlay{position:fixed;inset:0;background:#163a344f;z-index:5;backdrop-filter:blur(3px)}#panel{position:absolute;right:0;top:0;bottom:0;width:min(760px,95vw);background:var(--cream);padding:32px;overflow:auto;box-shadow:-10px 0 50px #173b3322}.close{float:right;background:white;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;font-size:20px}.panelhead{padding:20px 0}.panelhead p{max-width:600px}.block{background:white;border:1px solid var(--line);border-radius:10px;padding:21px;margin-bottom:17px}.block h3{margin-bottom:14px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0e8}.row:last-child{border-bottom:0}.row span{flex:1}.row small{margin-top:3px}.question{font-weight:bold;margin:12px 0}.answers{display:flex;gap:9px;flex-wrap:wrap}.answers button{background:white;border:1px solid var(--line);border-radius:6px;padding:8px 18px;color:var(--ink)}.answers button.selected{background:var(--ink);color:white}.notice{padding:12px;background:#f0f4e7;border-radius:6px;margin-top:12px;font-size:12px}.upload{display:block;text-align:center;padding:22px;border:1px dashed #aab99b;border-radius:8px;background:#fafbf6;color:#667b55;cursor:pointer;margin-top:15px;font-size:12px}.upload input{display:none}.msg{padding:13px 0;border-bottom:1px solid #edf0e8}.msg strong{font-size:12px}.msg time{color:#90988a;font-size:10px;margin-left:9px}.msg p{margin:6px 0 0;color:#506354;font-size:13px;white-space:pre-wrap}textarea{width:100%;min-height:80px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:7px;margin:14px 0 8px;color:var(--ink)}.composefoot{display:flex;gap:10px;justify-content:space-between;align-items:center}.muted{color:#87917e;font-size:11px}.empty{text-align:center;padding:30px;color:#8b9482}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:10px;opacity:0;pointer-events:none;z-index:20;transition:.2s}.filelist{background:white;border:1px solid var(--line);border-radius:10px;padding:12px 22px}.teamgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.teamcard{background:white;padding:24px;border:1px solid var(--line);border-radius:10px}.teamcard h3{margin-top:15px}.internal{background:#fff7e8}.compact{font-size:12px}.freeze{margin-top:20px}.filelink{border:0;background:none;color:var(--green);text-decoration:underline;text-align:left}button:focus-visible,a:focus-visible{outline:3px solid #97b150;outline-offset:3px}@media(max-width:1050px){aside{width:205px;padding:24px 16px}main{margin-left:205px}section{padding:28px 24px}header,.demo{padding-left:24px;padding-right:24px}.card .meta{min-width:110px}.teamgrid{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:15px;gap:9px}}@media(max-width:720px){aside{position:static;width:auto;height:auto;padding:15px 20px}.logo{font-size:31px}.subtitle,.project,.sidebottom{display:none}nav{display:flex;margin:10px 0 0;gap:5px}nav button{padding:9px 7px;gap:5px;margin:0;font-size:10px}nav b{display:none}main{margin:0}header{height:65px;padding:12px 20px;gap:10px}header>div{font-size:10px}.sep{margin:0 5px}header select{max-width:155px;font-size:10px}.demo{padding:9px 20px;flex-wrap:wrap;gap:4px}.demo span{font-size:10px}.demo button{margin-left:10px}section{padding:26px 20px}h1{font-size:32px}.welcome{display:block}.metrics{grid-template-columns:1fr;gap:8px;margin:20px 0}.metric{padding:12px 17px}.metric b{font-size:27px}.metric small{display:inline;margin-left:5px}.metric span{display:inline}.card{padding:15px;gap:11px;flex-wrap:wrap}.card .meta{text-align:left;min-width:0;margin-left:61px}.card .body{min-width:65%}.arrow{margin-left:auto}.toolbar input{max-width:none;width:100%;margin:6px 0 0}.help{align-items:flex-start;flex-direction:column}footer{padding:15px 20px}footer span{display:none}#panel{padding:22px 18px;width:100%}.row{flex-wrap:wrap}.composefoot{align-items:flex-start;flex-direction:column}}
/* Charte Korner : couleurs hex de la page de référence */
:root{--ink:#243a65;--green:#2864d2;--cream:#fcf8f4;--muted:#68748a;--line:#e8e1da;--lime:#ffa52d}body{font-family:'Outfit','Arial',sans-serif}aside{background:#f7ede3}.logo{height:140px;display:flex;align-items:center;justify-content:center}.logo img{width:180px;max-height:140px;object-fit:contain}.subtitle{text-align:center;color:#2864d2;margin-bottom:24px}.project{border-color:#e3d6c8}.hotel{color:#2864d2}.avatar{background:#dceff2;color:#2864d2}nav button{color:#5b6580}nav button.active,.primary{background:#2864d2;color:white}.metric:first-child{background:#2864d2;border-color:#2864d2}.metric:first-child small{color:#e0eafa}.demo{background:#e2f1f3;color:#294956}.demo span,.demo button{color:#4b6674}h1,h2,.metric b{font-family:'Outfit','Arial',sans-serif;font-weight:500;letter-spacing:-1.4px}h1{font-size:38px}.eyebrow{color:#2864d2}.dot{background:#eb4682}.pill{background:#e9f0fc;color:#365584}.pill.green{background:#e2f1f3;color:#2b626b}.pill.amber{background:#ffecda;color:#8b4918}.icon{background:#f7ede3;color:#2864d2}.card:nth-child(2) .icon{background:#e2f1f3}.card:nth-child(3) .icon{background:#fce5ee;color:#b63264}.card:nth-child(4) .icon{background:#fff0db;color:#99551c}.card:nth-child(5) .icon{background:#e8effc}.category,small,.muted{color:#6e788d}p{color:#626f85}.card:hover{border-color:#82c4ce;box-shadow:0 4px 14px #2864d20b}.filter.active{background:#2864d2;border-color:#2864d2;color:white}.filter{color:#586985}.help{background:#f7ede3;border-color:#e0c7b2}.notice{background:#edf3fd}.upload{background:#f8faff;border-color:#a5bae1;color:#2864d2}.internal{background:#fff0dc}.internal h3{color:#9b551e}button:focus-visible{outline-color:#eb4682}.row{border-color:#ede7e1}.configtitle{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid label,.formlabel{display:block;font-size:12px;font-weight:bold}.formgrid input,.formgrid select,.formlabel input,.formlabel select{display:block;width:100%;margin:7px 0 14px;padding:11px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:white}.formlabel textarea{font-weight:normal}button[hidden]{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:720px){.logo{height:64px;justify-content:flex-start}.logo img{width:95px;max-height:77px}h1{font-size:30px}.formgrid{grid-template-columns:1fr}.configtitle{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}nav button{width:auto;flex:1}}