/* Passeport v-w : format portrait, une page à la fois (bureau) ; couverture bleue */
#detail.pb-on .pb-c-k{font-size:10.5px;letter-spacing:.26em;font-weight:700;color:#e8c768;opacity:1}
#detail.pb-on .pb-cover{background:radial-gradient(circle at 80% 8%,#2d5fcf 0,transparent 50%),linear-gradient(160deg,#1c3f8f,#102357 60%,#0b1a45);color:#e8c768;border-radius:12px 20px 20px 12px;box-shadow:0 26px 50px rgba(8,20,60,.5),inset 10px 0 14px -8px rgba(0,0,0,.4);padding:50px 30px;display:flex;flex-direction:column;align-items:center}
#detail.pb-on .pb-cover:before{border:1.5px solid rgba(232,199,104,.4)}
#detail.pb-on .pb-c-t{margin-top:10px;font-size:27px;font-weight:800;letter-spacing:.08em;color:#f1d98a;line-height:1.15}
#detail.pb-on .pb-c-glow{margin:44px 0 0;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 68%);display:grid;place-items:center}
#detail.pb-on .pb-c-shield{width:118px;height:auto;margin:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
#detail.pb-on .pb-cover h2{margin:30px 0 0!important;width:100%;text-align:center;font-size:23px!important;letter-spacing:.1em;white-space:nowrap}
#detail.pb-on .pb-cover h2 span{color:#e8c768}
#detail.pb-on .pb-cover p{margin:auto 0 0!important;color:#e8c768;font-size:11.5px!important;letter-spacing:.2em;font-weight:700;opacity:1;padding-bottom:30px;text-align:center}
#detail.pb-on .pb-c-tap{color:#cdd9f5;bottom:22px;font-size:11px;opacity:1}
/* page d'identité : logo plus grand, photo large */
#detail.pb-on .pb-l .pb-hd{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}
#detail.pb-on .pb-l .pb-hd img{order:-1;height:50px;margin-left:-4px}
#detail.pb-on .pb-ph{background-color:#fff;background-size:contain;background-position:center;background-repeat:no-repeat;height:168px}
#detail.pb-on .pb-fields{display:grid;grid-template-columns:1.5fr 1fr;gap:6px 14px}
#detail.pb-on .pb-fields .pb-f{margin:0}#detail.pb-on .pb-fields .pb-f:last-child{grid-column:1/-1}
@media(min-width:861px){
/* grande fenêtre identique pour tous les onglets ; le passeport garde sa taille naturelle, centré */
html body #detail.pb-on{width:min(1120px,calc(100vw - 24px))!important;max-width:1120px!important;height:min(880px,calc(100vh - 24px))!important;max-height:none!important;padding:54px 24px 22px!important;display:flex;flex-direction:column;overflow:hidden!important}
html body #detail.pb-on>.close{position:absolute!important;top:12px!important;right:14px!important}
html body #detail.pb-on #detail-content{flex:1;min-height:0!important;display:flex;flex-direction:column;position:relative}
html body #detail.pb-on .pb-bar{flex:none;padding-right:0;flex-wrap:nowrap;margin:0 0 14px;gap:10px}
html body #detail.pb-on .pb-tabs{flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}
html body #detail.pb-on .pb-tabs button{padding:8px 16px!important;font-size:13px!important;min-height:38px!important;height:auto;white-space:nowrap;flex:none}
html body #detail.pb-on .pb-arr button{width:38px!important;height:38px!important;min-height:38px!important}
html body #detail.pb-on[data-pbsz=s]{width:min(900px,calc(100vw - 24px))!important;max-width:900px!important;height:min(740px,calc(100vh - 24px))!important}
html body #detail.pb-on[data-pbsz=l]{width:calc(100vw - 24px)!important;max-width:none!important;height:calc(100vh - 24px)!important}
html body #detail.pb-on .pb-sz{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:50%;border:0;background:#fff!important;color:#0f2038!important;box-shadow:0 4px 12px rgba(0,0,0,.12);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}
html body #detail.pb-on .pb-sz:disabled{opacity:.35;cursor:default}
html body #detail.pb-on .pb-arr{margin-left:auto;display:flex;gap:8px}
/* pages intérieures (carnet, documents, revente) */
html body #detail.pb-on #detail-content>section:not([hidden]){flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-radius:18px;background:linear-gradient(180deg,#fffdf8,#fbf6ec);padding:22px 26px;box-shadow:0 18px 40px rgba(20,36,60,.16);scrollbar-width:thin}
/* passeport : format réel, centré */
html body #detail.pb-on #detail-content>section:first-of-type:not([hidden]){display:flex;justify-content:center;align-items:flex-start;padding:0;background:none;box-shadow:none;overflow:hidden}
html body #detail.pb-on .pb-spread{flex:none;width:440px;height:min(625px,100%);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);border-radius:12px 20px 20px 12px;background:linear-gradient(180deg,#fffdf8,#fbf6ec);box-shadow:0 22px 46px rgba(20,36,60,.28),inset 10px 0 14px -8px rgba(0,0,0,.18);overflow:hidden}
html body #detail.pb-on .pb-spread:after{display:none}
html body #detail.pb-on .pb-page{min-height:0;height:100%;overflow-y:auto}
html body #detail.pb-on .pb-l{border-right:0;padding-bottom:84px;overflow:hidden}
html body #detail.pb-on .pb-id{grid-template-columns:1fr;gap:16px}
html body #detail.pb-on .pb-ph{height:176px}
html body #detail.pb-on[data-pbh=l] .pb-spread .pb-r,html body #detail.pb-on[data-pbh=r] .pb-spread .pb-l{display:none}
html body #detail.pb-on .pb-guil{inset:96px 22px 84px}
html body #detail.pb-on .pb-cover{width:440px;max-width:440px;min-height:0;height:625px;inset:auto;top:58px;left:0;right:0;bottom:auto;margin:0 auto}
html body #detail.pb-covered #detail-content{min-height:0}
/* carnet de service : livret à pages tournantes, même format que le passeport */
html body #detail.pb-on #detail-content>section.pb-carnet:not([hidden]){flex:none;width:440px;height:min(625px,100%);margin:0 auto;border-radius:12px 20px 20px 12px;padding:22px 22px 26px;position:relative;box-shadow:0 22px 46px rgba(20,36,60,.28),inset 10px 0 14px -8px rgba(0,0,0,.18)}
html body #detail.pb-on .pb-carnet .pv3-ml>*{display:none!important}
html body #detail.pb-on .pb-carnet .pv3-ml .ml-hero{grid-template-columns:1fr!important;gap:0}
html body #detail.pb-on .pb-carnet .ml-card{background:transparent;border:0;box-shadow:none;padding:0}
html body #detail.pb-on .pb-carnet .ml-diag{background:transparent!important;border:0!important;box-shadow:none!important;aspect-ratio:auto;height:300px;max-width:none}
html body #detail.pb-on .pb-carnet .ml-photo{mix-blend-mode:multiply}
html body #detail.pb-on[data-pbc="1"] .pb-carnet .pv3-head,html body #detail.pb-on[data-pbc="1"] .pb-carnet .pe-btn,html body #detail.pb-on[data-pbc="1"] .pb-carnet .ml-hero{display:grid!important}
html body #detail.pb-on[data-pbc="1"] .pb-carnet .pe-btn{display:flex!important}
html body #detail.pb-on[data-pbc="1"] .pb-carnet .ml-hero>.ml-card:last-child{display:none}
html body #detail.pb-on[data-pbc="2"] .pb-carnet .ml-hero,html body #detail.pb-on[data-pbc="3"] .pb-carnet .ml-hero{display:grid!important}
html body #detail.pb-on[data-pbc="2"] .pb-carnet .ml-hero>.ml-card:first-child,html body #detail.pb-on[data-pbc="3"] .pb-carnet .ml-hero>.ml-card:first-child{display:none}
html body #detail.pb-on[data-pbc="2"] .pb-carnet .ml-card>:not(.ml-sel){display:none}
html body #detail.pb-on[data-pbc="3"] .pb-carnet .ml-card>.ml-sel{display:none}
html body #detail.pb-on[data-pbc="4"] .pb-carnet .ml-cta,html body #detail.pb-on[data-pbc="4"] .pb-carnet .ml-lay,html body #detail.pb-on[data-pbc="4"] .pb-carnet .ml-form:not([hidden]){display:block!important}
/* couverture du carnet : rouge */
html body #detail.pb-on .pb-cv-c{background:radial-gradient(circle at 80% 8%,#ff5a4d 0,transparent 50%),linear-gradient(160deg,#d4142b,#a10d20 65%,#7d0a19)!important}
html body #detail.pb-on .pb-cv-c .pb-c-k{color:#fff}
html body #detail.pb-on .pb-cv-c .pb-c-glow{background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35);width:150px;height:150px}
html body #detail.pb-on .pb-cv-c .pb-c-shield{filter:none}
html body #detail.pb-on .pb-cv-c .pb-c-t{color:#fff;letter-spacing:.06em;font-size:25px}
html body #detail.pb-on .pb-cv-c h2{color:#fff!important;font-size:18px!important;letter-spacing:.06em;white-space:normal}
html body #detail.pb-on .pb-cv-c p{color:#ffd9dd!important}
html body #detail.pb-on .pb-cv-c:before{border-color:rgba(255,255,255,.4)}
/* navigation entre les pages */
html body #detail.pb-on .pb-foot{flex:none;margin-top:auto!important;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
html body #detail.pb-on .pb-foot[hidden]{display:none}
html body #detail.pb-on .pb-fb{min-height:38px!important;padding:8px 16px!important;border-radius:99px!important;border:0!important;background:#fff!important;color:#0f2038!important;font:700 13px inherit!important;font-family:inherit!important;box-shadow:0 4px 12px rgba(0,0,0,.12);cursor:pointer}
html body #detail.pb-on .pb-fb:disabled{opacity:.35;cursor:default}html body #detail.pb-on .pb-fb[hidden]{display:none}
html body #detail.pb-on .pb-dots{display:flex;gap:10px;align-items:center}
html body #detail.pb-on .pb-dots button{width:10px!important;height:10px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#b9c3d3!important;cursor:pointer}
html body #detail.pb-on .pb-dots button.on{width:26px!important;border-radius:6px!important;background:#ed2038!important}
html body #detail.pb-on .pb-curl{position:absolute;right:0;bottom:0;width:118px;height:118px;min-height:0!important;padding:0 14px 14px 0!important;border:0!important;border-radius:118px 0 0 0!important;background:linear-gradient(135deg,#fdf8ec 50%,#e3d8bb 50%,#f6efdb)!important;box-shadow:-8px -8px 16px rgba(0,0,0,.16);display:flex!important;align-items:flex-end;justify-content:flex-end;cursor:pointer;z-index:4;transition:width .2s,height .2s}
html body #detail.pb-on .pb-curl:hover{width:140px;height:140px}
html body #detail.pb-on .pb-curl[hidden]{display:none!important}
html body #detail.pb-on .pb-curl span{font:800 12px/1.25 inherit;font-family:inherit;color:#ed2038;text-align:right}
}
@media(max-width:860px){#detail.pb-on .pb-sz,#detail.pb-on .pb-foot,#detail.pb-on .pb-curl,#detail.pb-on .pb-cv-c{display:none!important}#detail.pb-on .pb-stamp{top:auto!important;bottom:96px!important;right:14px!important}}
@media(min-width:861px){html body #detail.pb-on .pb-carnet .ml-diag{height:250px}html body #detail.pb-on .pb-carnet .pv3-mini{display:none}html body #detail.pb-on .pb-carnet .pv3-head{margin-bottom:6px}}