/* 2L CARDS — INTERFACES CLIENT / ADMIN ENTREPRISE / SUPER ADMIN
   Le moteur Appwrite et les IDs/handlers d'origine sont volontairement inchangés. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif!important;color:#f5ede0;background:#16130f;--2l-copper:#dbab53;--2l-cream:#e7d9c3;--2l-red:#bd482b;--2l-border:#62503b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;min-height:100vh;color:#f5ede0;background:#171410;font-family:'DM Sans',Arial,sans-serif;line-height:1.55}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,h4{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;line-height:1.05;letter-spacing:.01em}
a{color:#e6ba72;text-underline-offset:4px}
button{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:17px;letter-spacing:.03em;border-radius:3px;background:#e4b34f;color:#201710;min-height:46px;transition:background .15s,transform .15s}
button:not(:disabled):hover{background:#f5c45c;transform:translateY(-1px)}
button.secondary{background:#41362a;border:1px solid #756148;color:#f5e8d1}
button.secondary:not(:disabled):hover{background:#51402f}
button:disabled{opacity:.6}
input,textarea,select{font-family:'DM Sans',Arial,sans-serif;color:#f8f0e3;border:1px solid #74644e;border-radius:5px;background:#18140f;min-height:47px}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #f1c366;outline-offset:3px}
input::placeholder,textarea::placeholder{color:#a59884}
.console-topbar{background:#17130f;border-bottom:4px solid #a83f27;position:sticky;z-index:99;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(18px,4vw,64px);min-height:81px}
.console-brand{display:flex;align-items:center;text-decoration:none;flex:none}
.console-brand .console-logo-mark{width:clamp(235px,25vw,340px);height:auto;max-height:88px;display:block;overflow:visible;background:transparent;filter:drop-shadow(0 1px 3px rgba(228,160,78,.25))}
.console-header-label{font:900 clamp(16px,2vw,21px)/1 'Barlow Condensed',sans-serif;color:#e8bd6e;letter-spacing:.13em;margin-right:auto}
.console-top-links{display:flex;align-items:center;gap:clamp(10px,2.5vw,27px)}
.console-top-links a{font:800 15px 'Barlow Condensed',sans-serif;text-decoration:none;color:#f2e5ce;letter-spacing:.06em;white-space:nowrap}
.console-top-links a:hover{color:#e4b34f}
main{max-width:1070px;margin:0 auto;padding:clamp(30px,4vw,60px) clamp(18px,3vw,40px) 90px}
body.super-mode main{max-width:1390px}
main>.pill{display:inline-block;background:#38291c;color:#f1c77b;letter-spacing:.17em;font-size:12px;border:1px solid #815e36;padding:9px 12px;margin-bottom:16px}
main>h1{font:900 clamp(44px,6.5vw,78px)/.93 'Barlow Condensed',Impact,sans-serif;margin:0 0 16px;text-transform:uppercase;color:#f6eee1}
main>.sub{font-size:17px;max-width:810px;line-height:1.6;margin:0 0 28px}
body.super-mode main>h1:after{content:" / LE COCKPIT";display:block;font:400 20px 'Barlow Condensed',sans-serif;color:#b64b30;letter-spacing:.12em;margin-top:8px}
.notice{max-width:1020px;border:0;border-left:5px solid #bb4b2f;background:#32271c;color:#e6cfaa;padding:18px 20px;font-size:14px;letter-spacing:.005em;line-height:1.65;margin-bottom:30px}
.card{background:#241e18;border:1px solid #665138;border-radius:8px;box-shadow:6px 6px 0 #0f0e0c4d;padding:clamp(21px,3vw,34px);margin:22px 0}
.card h2{font-size:clamp(28px,3.6vw,47px);margin:0 0 18px}
.card h3{font-size:clamp(25px,3vw,39px);margin:33px 0 16px}
.card h4{font-size:clamp(22px,2.5vw,31px);margin:16px 0 12px}
#auth{max-width:620px;padding:35px;border-top:5px solid #d2a34d;margin-top:30px}
#auth h2{text-transform:uppercase}
#auth form{display:block}
#auth .buttons button{min-width:170px}
.user{background:#1b1813;border:1px solid #443929;border-radius:4px;padding:14px 16px;color:#d3c4aa}
#account{max-width:none;border-color:#6b573f;border-top:5px solid #a34029;margin-top:25px}
#account>h2{font-size:clamp(42px,5vw,68px);text-transform:uppercase;margin:0 0 16px}
#account>.user{font-size:14px}
#account .buttons{gap:12px}
#account .buttons a.secondary,#account .buttons a:not(.client-card-link){display:inline-flex;align-items:center;justify-content:center;border-radius:3px!important}
#superDashboard>.sub:first-child{font-size:17px;color:#dac8ac;padding-bottom:8px}
.console-jump{display:flex;gap:9px;flex-wrap:wrap;padding:14px 0 25px;border-bottom:1px solid #5e4d37;margin:8px 0 16px}
.console-jump a{display:inline-flex;align-items:center;min-height:38px;padding:10px 14px;background:#1b1712;border:1px solid #806448;color:#e8bb70;text-decoration:none;font:800 14px/1 'Barlow Condensed';letter-spacing:.075em}
.console-jump a:hover{background:#3d3021;color:white}
.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 38px}
.metric{background:#1b1712;border:1px solid #7a6041;border-left:5px solid #b54a30;border-radius:2px;padding:clamp(16px,2vw,26px);min-width:0}
.metric strong{font:900 clamp(42px,5vw,64px) 'Barlow Condensed';color:#eabb63;line-height:1}
.metric small{display:block;margin-top:10px;font:800 13px/1.5 'DM Sans';color:#e0ccb0}
#superDashboard>h3{font-size:clamp(32px,4vw,54px);line-height:.95;color:#f4e7d0;margin:60px 0 15px;padding:20px 0 0;border-top:4px solid #a43e27;scroll-margin-top:108px}
#superDashboard>h3:first-of-type{margin-top:25px}
#superDashboard>h3:before{content:"//";color:#c75d3b;margin-right:10px}
#superDashboard h4{scroll-margin-top:108px}
#superDashboard>p.sub{max-width:980px}
#superDashboard>.backup{border-radius:3px;border-color:#69543a;background:#1d1a15}
#superDashboard #globalInventory,#superDashboard #usersDirectory,#superDashboard #companiesList{background:#1b1813;border:1px solid #4e4031;padding:15px 16px;border-radius:5px;margin:14px 0;overflow:auto}
#superDashboard #globalInventory button,#superDashboard #usersDirectory button{font-size:15px}
#superDashboard select{background:#15120f!important;color:#f5ebdf!important;border:1px solid #756349!important;border-radius:5px!important;min-height:47px}
#superDashboard form{max-width:880px}
#superDashboard label{font-size:14px;letter-spacing:.02em;color:#e8d7bf}
#superDashboard input{max-width:100%}
#superDashboard #inventoryFilter,#superDashboard #userFilter{max-width:650px}
.backup{border-color:#5c4936;border-radius:6px;background:#1b1713;padding:clamp(16px,2.8vw,27px);margin-top:22px}
.backup h3{margin-top:0}
.backup small{color:#bca991}
.client-card-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr))}
.client-card-item{position:relative;background:#191510;border:1px solid #7b5935;border-radius:5px;padding:23px;box-shadow:4px 4px 0 #16110d;min-height:195px}
.client-card-item:before{content:"";height:4px;width:65px;background:#bf4d30;position:absolute;top:0;left:22px}
.client-card-header strong{font:900 clamp(23px,2.4vw,31px)/1 'Barlow Condensed';text-transform:uppercase}
.client-card-status{font-size:11px;font-weight:800;white-space:nowrap}
.client-card-offer{letter-spacing:.06em;border-radius:3px;margin-top:17px}
.client-card-ref{font-size:11px;line-height:1.4}
.client-card-grid .buttons button{width:100%;border-radius:3px}
.client-card-grid .buttons a{color:#dfb66b;text-decoration:underline}
#editHeading{font-size:clamp(29px,3.4vw,47px);margin-top:5px!important;text-transform:uppercase}
#editHelp{max-width:790px}
#cloudForm{border-top:4px solid #a34128;margin-top:31px;padding-top:24px}
#cloudForm>h3{font-size:clamp(34px,4.2vw,57px);margin:19px 0 9px;text-transform:uppercase}
#editorOffer{color:#ead19f;border-left:3px solid #d8a649;padding-left:12px}
.profile-section{border-bottom:1px solid #68543b;padding:21px 0}
.profile-section h4,.profile-section summary{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(24px,3vw,36px)!important;color:#ebbd62}
.profile-section summary:hover{color:#f4d491}
.profile-section input{background:#16120e;border-color:#746045}
#galleryPreview img{border:1px solid #ae8b54}
#publishSection{margin:27px 0;background:#2f271c;border:1px solid #675338;padding:18px 22px}
#publishSection label{font-weight:800}
#cloudStatus{background:#34281c;border-left:4px solid #d7a047;padding:14px 16px;margin-top:20px}
#ownedCards .client-card-item .client-card-link{min-height:44px}
body.client-mode #account{max-width:1010px;margin:0 auto}
body.client-mode #account>.backup{margin-top:28px;padding:clamp(21px,4vw,31px);border:1px solid #70573c;background:#211b15}
body.client-mode .client-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,278px),1fr))}
body.client-mode .client-card-item{border-radius:5px;border-color:#7b5b39;min-height:215px}
body.client-mode #cloudForm{border-top:4px solid #ba4329}
body.client-mode #account .buttons a.secondary{padding:13px 18px!important;border-color:#86683f!important;color:#e9c37e!important}
body.super-mode #account{background:#201b16}
#status.status{font-size:14px;line-height:1.5;padding:12px 0;color:#dfbe78}
.hidden,[hidden]{display:none!important}
@media(max-width:900px){
 .console-topbar{flex-wrap:wrap;gap:11px;padding:10px 16px}
 .console-header-label{font-size:17px}
 .console-top-links{flex-basis:100%;justify-content:space-between;gap:7px;border-top:1px solid #5d4430;padding-top:9px}
 .console-top-links a{font-size:13px}
 main{padding:28px 16px 90px}
 .dashboard-grid{gap:9px}
 .metric{padding:17px}
}
@media(max-width:590px){
 .console-brand .console-logo-mark{width:min(59vw,235px);height:auto}
 .console-header-label{display:none}
 main>h1{font-size:54px}
 .card{padding:19px;margin:18px 0}
 .card h2{font-size:36px}
 #account{padding:19px}
 #auth{padding:21px}
 #auth .buttons{display:flex;flex-direction:column}
 #auth .buttons button{width:100%}
 .dashboard-grid{grid-template-columns:1fr;gap:10px}
 .metric strong{font-size:48px}
 .console-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .console-jump a{font-size:12px;justify-content:center;text-align:center;padding:12px 6px}
 .client-card-grid{grid-template-columns:1fr!important}
 .client-card-item{min-height:0}
 #superDashboard>h3{font-size:38px}
 .profile-section .editor-grid{grid-template-columns:1fr}
 .buttons a{max-width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}