/* 2L CARDS | Éditeur vCard + cockpit Super Admin
   Uniquement de l'interface. Aucun droit d'accès ou traitement serveur modifié. */
.live-vcard.live-profile-preview{
  display:block;min-width:0;min-height:0;overflow:hidden;transform:none;
  border-radius:11px;padding:0;color:#24211c;background:#fff;
  border:1px solid #a78b67;outline:5px solid #0b0907;
  box-shadow:9px 11px 0 #0a070666
}
.live-vcard.live-profile-preview:before,.live-vcard.live-profile-preview:after{display:none}
.live-vcard .live-vcard-banner{position:relative;height:108px;background:linear-gradient(125deg,#d7c3a2,#b8a081 50%,#e1d4bd);overflow:hidden;border-bottom:1px solid #d4c5af}
.live-vcard .live-vcard-banner:before{content:"";position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(8deg,transparent 0 6px,#8d674422 8px 10px)}
.live-vcard .live-vcard-banner-caption{position:absolute;z-index:1;bottom:14px;left:20px;font:900 24px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.13em;color:#553d27}
.live-vcard .live-vcard-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.live-vcard .live-vcard-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 18px 22px}
.live-vcard .live-vcard-logo{position:relative;width:74px;height:74px;margin:-37px 0 11px;background:#fff;border-radius:50%;border:5px solid #fff;box-shadow:0 4px 12px #20150d26;z-index:3;display:grid;place-items:center;overflow:hidden}
.live-vcard .live-vcard-logo #previewLogoPlaceholder{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#ac452f;color:#fff2da;font:900 28px 'Barlow Condensed',Impact,sans-serif}
.live-vcard .live-vcard-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.live-vcard .live-vcard-body .preview-badge{position:static;font:800 10px/1.5 'DM Sans',Arial,sans-serif;color:#886e4d;letter-spacing:.055em;margin:1px 0 13px;max-width:none}
.live-vcard .live-vcard-body #previewCardName{font:800 clamp(26px,2.8vw,36px)/1.07 'DM Sans',Arial,sans-serif;letter-spacing:-.04em;text-transform:none;color:#21201c;margin:0 0 5px;overflow-wrap:anywhere;max-width:100%}
.live-vcard .live-vcard-body #previewCardJob{font-size:13px;color:#6c655d;font-weight:700}
.live-vcard .live-vcard-body #previewCardCompany{font-size:12px;color:#66635e;font-weight:600;margin:3px 0 13px}
.live-vcard .live-vcard-body #previewCardPhone,.live-vcard .live-vcard-body #previewCardEmail{display:block;font:500 12px/1.45 'DM Sans',Arial,sans-serif;color:#6d6051;word-break:break-word;max-width:100%;padding:0;margin:0 0 4px;border:0}
.live-vcard .live-vcard-actions{display:flex;gap:7px;width:100%;margin:15px auto 3px}
.live-vcard .live-vcard-actions span{flex:1;min-width:0;background:#efe8dc;color:#45372b;padding:10px 8px;border-radius:4px;font:900 12px/1.2 'Barlow Condensed',Impact,sans-serif;letter-spacing:.04em}
.live-vcard .live-vcard-actions span:last-child{background:#b18541;color:#fff}
.live-vcard .live-vcard-gallery{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
.live-vcard .live-vcard-gallery:empty{display:none}
.live-vcard .live-vcard-gallery img{display:block;width:100%;height:95px;object-fit:cover;border:1px solid #d2c1a8;border-radius:3px;background:#f1ede5}
.live-vcard .live-vcard-footnote{display:block;background:#efe7da;text-align:center;color:#705d48!important;margin:0;padding:11px 14px!important;font:800 10px/1.4 'DM Sans',Arial,sans-serif!important;letter-spacing:.03em;border-top:1px solid #ddd0be;width:100%}
.live-vcard img[hidden],.live-vcard span[hidden]{display:none!important}
#livePreviewCard{scroll-margin-top:120px}
.editor-progress{display:flex;flex-direction:column;gap:9px;background:#322719;padding:15px 19px;border:1px solid #89673e;margin:0 0 18px}
.editor-progress-text{color:#f0d5a2;font:800 13px 'DM Sans',Arial,sans-serif}
.editor-progress-track{height:6px;width:100%;display:block;overflow:hidden;background:#15110d;border-radius:9px}
.editor-progress-track #editorProgressFill{height:100%;width:0;display:block;background:#d8a84f;transition:width .22s ease}
.editor-dirty-status{font-size:12px!important;color:#a5caa5;font-weight:750;line-height:1.35}
.editor-dirty-status.is-dirty{color:#f6c178}
.editor-save-bar:has(.editor-dirty-status.is-dirty){border-top-color:#d17f44}
#cloudForm .editor-steps a:first-child{background:#b24830;border-color:#b24830;color:#fff4e3}
#cloudForm .editor-steps a:first-child:hover{background:#d3603e}
#cloudForm .editor-intro{grid-template-columns:minmax(0,1fr) minmax(265px,.78fr)}
#cloudForm .editor-intro .live-vcard{max-width:375px;width:100%;justify-self:center}
#cloudForm .editor-intro>.sub{line-height:1.5}
#cloudForm .profile-section{scroll-margin-top:135px}

/* Vue Super Admin : chiffres vérifiables, outils par opération et lignes claires. */
body.super-mode .account-intro{display:none}
body.super-mode #account{margin-top:6px}
body.super-mode .account-heading .account-claim{background:#b64a31;color:#fff0dd;border-color:#e4b45f;box-shadow:5px 5px 0 #6a2b1e}
body.super-mode .account-heading .account-claim span{color:#f8cb76}
#superDashboard .super-hero{background:linear-gradient(126deg,#332519,#201913 69%);position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(22px,4vw,43px);overflow:hidden;border:1px solid #7b5837;border-left:7px solid #b84d31;min-width:0}
#superDashboard .super-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(155deg,transparent 0 15px,#a68e6741 16px 17px,transparent 19px 25px)}
#superDashboard .super-hero>div{position:relative;min-width:0}
#superDashboard .super-hero h3{font:900 clamp(48px,6vw,82px)/.91 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f9ebd5;margin:5px 0 17px}
#superDashboard .super-hero h3 em{font-style:normal;color:#e9ae50}
#superDashboard .super-hero p{color:#d7c5ab;max-width:650px;font-size:15px;line-height:1.55;margin:0}
#superDashboard .super-hero-seal{flex:0 0 auto;transform:rotate(7deg);font:900 clamp(25px,3vw,39px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em;text-align:center;color:#1c140f;background:#e8b65b;padding:19px 21px;border:3px solid #221710;outline:1px solid #e8b65b;box-shadow:5px 6px 0 #9b4428}
#superDashboard .super-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:21px 0 12px}
#superDashboard .super-overview-item{background:#17130e;border:1px solid #6d5134;border-top:4px solid #be4a2d;padding:16px 17px;min-width:0;display:flex;flex-direction:column;gap:4px}
#superDashboard .super-overview-item>span{font:900 14px/1.15 'Barlow Condensed',Impact,sans-serif;letter-spacing:.11em;color:#ccb899}
#superDashboard .super-overview-item strong{font:900 clamp(41px,4.4vw,69px)/1 'Barlow Condensed',Impact,sans-serif;color:#efbf69;margin:6px 0}
#superDashboard .super-overview-item small{color:#b6a38b;font-size:11px;line-height:1.4}
#superDashboard .super-data-status{background:#302719;border-left:4px solid #d5ab65;margin:12px 0 25px;padding:13px 18px;color:#ddc8a7;font-size:13px;line-height:1.5}
#superDashboard .admin-direct-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:23px 0 30px}
#superDashboard .admin-direct-actions a{display:flex;flex-direction:column;justify-content:space-between;gap:13px;background:#d5b27d;text-decoration:none;color:#251b13;min-height:96px;padding:17px 19px;border:1px solid #7b5230;box-shadow:4px 4px 0 #9e402a;transform:rotate(-.25deg);transition:background .15s}
#superDashboard .admin-direct-actions a:nth-child(2){background:#b74d33;color:#fff0df;transform:rotate(.25deg)}
#superDashboard .admin-direct-actions a:hover{background:#f0cc8a}
#superDashboard .admin-direct-actions a:nth-child(2):hover{background:#d56242}
#superDashboard .admin-direct-actions strong{font:900 12px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.13em}
#superDashboard .admin-direct-actions span{font:900 clamp(17px,1.8vw,24px)/1.02 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
#superDashboard .console-jump{margin-top:24px}
#superDashboard .console-jump a{background:#34251a;border-color:#80603b;min-height:46px}
#superDashboard .console-jump a:hover{background:#be4a30}
#superDashboard .dashboard-grid{margin:28px 0 34px}
#superDashboard .dashboard-grid .metric{border-left:4px solid #996234;padding:17px}
#superDashboard .dashboard-grid .metric small{font-size:12px}
#superDashboard>h3{scroll-margin-top:180px;margin-top:58px;padding-top:22px;border-top:4px solid #ae462c}
#superDashboard>h3:before{content:"//";color:#e8ae52}
#superDashboard #admin-members{scroll-margin-top:180px}
#superDashboard form{max-width:940px}
#superDashboard form input,#superDashboard form select{min-height:50px}
#superDashboard .buttons button{min-height:48px}
#superDashboard .admin-filter-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);gap:13px;margin:19px 0 6px}
#superDashboard .admin-filter-row label{display:flex;flex-direction:column;gap:8px;font:900 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.10em}
#superDashboard .admin-filter-row input,#superDashboard .admin-filter-row select{width:100%;max-width:none!important;padding:12px 13px;background:#15110e;color:#f6eada}
#superDashboard .admin-loaded-count{color:#dbc09a;margin:0 0 17px;font-size:13px;border-left:3px solid #bb5a3b;padding:11px 15px;background:#2e241a}
#superDashboard .admin-inventory-record,#superDashboard .admin-user-record{padding:18px 20px;border:1px solid #695039;background:#261e17;margin:10px 0;box-shadow:3px 3px 0 #15100b;overflow-wrap:anywhere}
#superDashboard .admin-record-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
#superDashboard .admin-record-heading strong{font:900 clamp(23px,2.5vw,32px)/1.03 'Barlow Condensed',Impact,sans-serif;color:#f3e2c8}
#superDashboard .admin-record-badge{font:900 11px/1 'DM Sans',Arial,sans-serif;background:#4c3827;border:1px solid #927047;color:#f6d49a;padding:8px 11px;white-space:nowrap}
#superDashboard .admin-record-badge.is-public{background:#253929;border-color:#68855e;color:#c8ebbd}
#superDashboard .admin-record-detail{color:#bfae93;line-height:1.55;font-size:12px;margin:12px 0;word-break:break-word}
#superDashboard .admin-record-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:15px 0 0;border-top:1px solid #5f4934;padding-top:14px}
#superDashboard .admin-record-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #7b5b36;color:#f1c887;text-decoration:none;padding:12px 15px;min-height:44px;font:900 14px 'Barlow Condensed',Impact,sans-serif;background:#34281e}
#superDashboard .admin-record-actions button{margin:0;font-size:15px}
#superDashboard .admin-user-record strong{font:900 25px 'Barlow Condensed',Impact,sans-serif;color:#f2ddb9}
#superDashboard .admin-user-record button{font-size:13px}
#superDashboard #globalInventory,#superDashboard #usersDirectory,#superDashboard #companiesList{border-color:#755839;background:#1a1510;padding:clamp(12px,2vw,21px)}
#superDashboard #companiesList>p{padding:12px 0;border-bottom:1px solid #5d4733}
#superDashboard #companiesList>button{margin:3px 0 14px}
#superDashboard #companiesList>div.sub{border-left:3px solid #7c5c40;margin:5px 0 17px;padding:0 14px}
#superDashboard #companiesList>div.sub>p{background:#2d231a;padding:10px 12px;border:1px solid #654b34}
#superDashboard #globalInventory:empty,#superDashboard #usersDirectory:empty{min-height:90px}
@media(max-width:960px){
 #superDashboard .super-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 #superDashboard .admin-direct-actions{grid-template-columns:1fr 1fr}
 #superDashboard .admin-direct-actions a:last-child{grid-column:1/-1;min-height:66px}
 #superDashboard .super-hero h3{font-size:clamp(48px,6.2vw,72px)}
}
@media(max-width:720px){
 #cloudForm .editor-intro{grid-template-columns:minmax(0,1fr);gap:22px}
 #cloudForm .editor-intro .live-vcard{max-width:340px;width:100%;justify-self:center}
 .live-vcard .live-vcard-banner{height:99px}
 .live-vcard .live-vcard-body{padding:0 14px 17px}
 .live-vcard .live-vcard-gallery img{height:78px}
 #cloudForm .editor-save-bar{gap:6px}
 #superDashboard .super-hero{padding:21px 16px;gap:12px}
 #superDashboard .super-hero h3{font-size:clamp(43px,9.2vw,61px);margin:4px 0 13px}
 #superDashboard .super-hero p{font-size:13px}
 #superDashboard .super-hero-seal{font-size:18px;padding:11px 9px;border-width:2px;box-shadow:3px 3px 0 #8f3821}
 #superDashboard .super-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #superDashboard .super-overview-item{padding:12px 11px}
 #superDashboard .super-overview-item>span{font-size:12px}
 #superDashboard .super-overview-item strong{font-size:45px}
 #superDashboard .super-overview-item small{font-size:10px}
 #superDashboard .admin-direct-actions{grid-template-columns:1fr;gap:8px}
 #superDashboard .admin-direct-actions a{min-height:67px;padding:13px 15px;transform:none!important}
 #superDashboard .admin-direct-actions a:last-child{grid-column:auto}
 #superDashboard .admin-direct-actions a span{font-size:22px}
 #superDashboard .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #superDashboard .dashboard-grid .metric{padding:12px 9px}
 #superDashboard .dashboard-grid .metric strong{font-size:36px}
 #superDashboard .dashboard-grid .metric small{font-size:10px}
 #superDashboard>h3{font-size:34px;margin-top:44px}
 #superDashboard .admin-filter-row{grid-template-columns:1fr;gap:9px}
 #superDashboard .admin-inventory-record,#superDashboard .admin-user-record{padding:15px 12px}
 #superDashboard .admin-record-heading strong{font-size:28px}
 #superDashboard .admin-record-actions{flex-direction:column;align-items:stretch}
 #superDashboard .admin-record-actions a,#superDashboard .admin-record-actions button{width:100%;min-height:45px;text-align:center}
 #superDashboard .admin-record-actions p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .editor-progress-track #editorProgressFill{transition:none}
 #superDashboard .admin-direct-actions a{transform:none!important;transition:none}
}