
:root{color-scheme:light;--ink:#173b36;--muted:#5c716a;--accent:#b9ed80}body{max-width:1140px;background:#f6f7f2;color:var(--ink);padding:0 28px;font-family:Inter,system-ui,sans-serif}a{color:var(--ink)}header{padding:26px 0;border-bottom:1px solid #dce3d9;gap:24px}header .brand{font-size:30px;letter-spacing:-1.5px;font-weight:800}.brand span{font-weight:400;margin-left:7px;color:#67815b}header nav{justify-content:flex-end;font-size:13px}main{margin:34px 0 70px;gap:24px}h1{letter-spacing:-1.8px;line-height:1.08}h2{font-size:23px;letter-spacing:-.6px;margin:18px 0 12px}p{line-height:1.7}.hero{padding:45px 0 35px;max-width:790px}.eyebrow,.step{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#66805b}.hero h1{font-size:clamp(46px,7vw,78px);margin:23px 0}.hero p{max-width:610px;font-size:19px;color:var(--muted)}.pill{display:inline-block;margin-top:25px;background:#e5eddd;border-radius:24px;padding:9px 15px;font-size:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cards article{background:#fff;border:1px solid #e0e6dc;padding:32px;border-radius:18px}.cards p{color:var(--muted);font-size:15px}.cards .hint{border-top:1px solid #e6eadd;padding-top:20px;margin-top:22px;font-size:13px}.help{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#173b36;color:#fff;border-radius:18px;padding:28px 32px;margin-top:12px}.help h2{font-size:20px;margin-top:0}.help p{font-size:14px;color:#cbd9cd;max-width:600px}.contact{background:var(--accent);padding:15px 20px;border-radius:8px;white-space:nowrap;font-size:13px;font-weight:650}footer{border-top:1px solid #dce3d9;padding:24px 0 30px;font-size:13px;line-height:1.9;color:var(--muted)}button,input,select,fieldset{border:1px solid #bccdbb;border-radius:7px}input,select{background:#fff;color:var(--ink);padding:10px}button{background:#e6efdf;color:var(--ink);padding:10px 15px;cursor:pointer}button.submit{background:var(--ink);color:white}table{background:#fff}td,th{border-color:#e1e8dc}fieldset{padding:24px}form{max-width:100%}main>form{max-width:560px}.banner{border-radius:7px;background:#edf3e6}.title{flex-wrap:wrap;gap:15px}nav{flex-wrap:wrap}.scrollable{overflow:auto}@media(max-width:700px){body{padding:0 20px}.cards{grid-template-columns:1fr}.help{align-items:flex-start;flex-direction:column}.hero{padding-top:20px}.cards article{padding:25px}.actions{flex-wrap:wrap}header nav{gap:10px}h1{overflow-wrap:anywhere}}

/* Creation de dossier */
main>.new-folder-form{max-width:720px;gap:0}.new-folder-form>label,.expiry-heading,.transfer-mode{margin-top:26px}.new-folder-form>label:first-child{margin-top:0}.new-folder-form>label{margin-bottom:9px}.expiry-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.expiry-heading label{margin:0}.expiry-heading output{background:#e3efda;border-radius:20px;padding:6px 13px;font-size:14px;font-weight:650}.new-folder-form input[type=range]{width:100%;height:24px;padding:0;accent-color:#173b36;cursor:pointer;border:0;background:transparent}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:4px 0 0}.fixed-volume{position:relative}.fixed-volume input{width:100%;background:#edf0e8;color:#5c716a;padding-right:160px;cursor:default}.fixed-volume span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted)}.transfer-mode{border:0;padding:0}.transfer-mode legend{padding:0;margin-bottom:12px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#e9eee3;padding:7px;border-radius:14px}.mode-option{position:relative;margin:0!important;cursor:pointer}.mode-option input{position:absolute;opacity:0;width:1px;height:1px}.mode-card{display:flex;flex-direction:column;gap:9px;min-height:162px;padding:18px;border:1px solid transparent;border-radius:10px;color:var(--muted)}.mode-card strong{font-size:15px;line-height:1.4}.mode-card small{font-size:12px;line-height:1.5}.mode-icon{font-size:23px;line-height:1}.mode-option input:checked+.mode-card{background:var(--ink);color:#fff;box-shadow:0 3px 10px #173b3615}.mode-option input:checked+.mode-card small{color:#d5e5d4}.mode-option input:focus-visible+.mode-card{outline:3px solid #79a455;outline-offset:3px}.password-controls{display:flex;gap:8px;align-items:center}.password-controls input{flex:1;min-width:0;width:100%}.password-controls button{white-space:nowrap;font-size:13px}.field-help{font-size:12px;color:var(--muted);line-height:1.6;margin-top:8px;display:block}.new-folder-form>.submit{align-self:flex-end;margin-top:25px}@media(max-width:520px){.mode-switch{grid-template-columns:1fr}.mode-card{min-height:0}.password-controls{flex-wrap:wrap}.password-controls input{flex-basis:100%}}

button.danger-button{background:#b42332;border-color:#b42332;color:#fff}button.danger-button:hover{background:#941c29;border-color:#941c29}button.danger-button:focus-visible{outline:3px solid #e58e97;outline-offset:3px}.drop-zone{border:2px dashed #a9bda3;background:#f0f4eb;border-radius:16px;transition:background .15s,border-color .15s}.drop-zone.drag-active{background:#e0efcf;border-color:#285a38;box-shadow:0 0 0 4px #b9ed8040}.drop-intro{text-align:center;padding:15px 8px 22px}.drop-icon{display:block;font-size:34px;color:#426b38;margin-bottom:12px}.drop-intro strong{font-size:18px}.drop-intro p{color:var(--muted);font-size:13px;margin:10px 0 20px}.drop-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.drop-zone [data-lines]:not(:empty){border-top:1px solid #ccd9c4;padding-top:18px}

/* Messages lisibles dans le theme clair */
.banner[data-info],.banner-info{background:#edf3e6;color:#173b36;border-color:#a8c48e}.banner[data-error],.banner-error{background:#fdecee;color:#8d1927;border-color:#d89099}.banner-success{background:#e4f2dc;color:#1d512a;border-color:#96ba80}.folder-tabs{display:flex;gap:7px;padding:6px;background:#e8eee2;border-radius:12px;flex:initial;align-self:flex-start}.folder-tabs a{padding:12px 18px;border-radius:8px;font-size:14px;font-weight:600;color:#456052;text-decoration:none}.folder-tabs a:hover{background:#dce8d2}.folder-tabs a[aria-current=page]{background:#173b36;color:white;box-shadow:0 2px 5px #173b3620}.overall-upload{margin:15px 0;padding:22px;background:#fff;border:1px solid #d4e0cb;border-radius:12px}.overall-upload[hidden],[data-lines][hidden]{display:none!important}.overall-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.overall-heading output{font-size:28px;font-weight:750;color:#173b36}.overall-upload progress{appearance:none;width:100%;height:14px;margin:16px 0 8px;border:0;border-radius:20px;overflow:hidden;background:#e5ecde;accent-color:#376e42}.overall-upload progress::-webkit-progress-bar{background:#e5ecde}.overall-upload progress::-webkit-progress-value{background:#376e42;border-radius:20px;transition:width .15s}.overall-upload progress::-moz-progress-bar{background:#376e42;border-radius:20px}.overall-upload p{font-size:13px;color:#58704f}.upload-complete .line-meter{display:none}.upload-complete [data-lines] li{padding:12px 0;border-bottom:1px solid #dce6d3}.upload-complete [data-lines] li .truncate:before{content:'✓ ';color:#376e42}input[type=range]{width:100%;accent-color:#173b36;padding:0;background:transparent;border:0;height:24px}.folder-tabs{flex-wrap:wrap}@media(max-width:600px){.folder-tabs{align-self:stretch}.folder-tabs a{flex:1;text-align:center;padding:10px}}
main:has([data-upload-client]:not(.upload-complete) .overall-upload:not([hidden]))>.scrollable{display:none}

.retention-notice{background:#edf2e6;border:1px solid #d1dec6;border-radius:18px;padding:30px 32px;margin-top:8px}.retention-notice>p{font-size:15px;color:#425d4c;max-width:900px}.retention-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #cfddc4;margin-top:22px;padding-top:22px}.retention-details p{font-size:13px;color:#4d6553}.retention-details strong{color:#173b36}@media(max-width:650px){.retention-notice{padding:25px}.retention-details{grid-template-columns:1fr;gap:18px}}
