/* Carnet d'entretien et documents — version 3 */
#detail-content .pv3{display:grid;gap:16px;color:#0f2038}
#detail-content .pv3-head{display:flex;align-items:center;gap:14px}
#detail-content .pv3-head h2{margin:0;font-size:26px;letter-spacing:-.7px}#detail-content .pv3-head small{color:#6b7a90;font-size:14px}
#detail-content .pv3-mini{width:120px;height:74px;border-radius:14px;background:#eef0f3 center/contain no-repeat;flex:none}
#detail-content .pv3-mini-art{background-image:url(/public/scooter-art.svg)!important;background-size:70%}
#detail-content .pv3-kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#detail-content .pv3-kp>div{background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 8px 24px rgba(20,36,60,.08)}
#detail-content .pv3-kp small{display:block;color:#6b7a90;font-weight:700;font-size:12.5px}#detail-content .pv3-kp b{display:block;font-size:22px;letter-spacing:-.6px;margin-top:2px}
#detail-content .pv3-good{color:#157a3f}#detail-content .pv3-ok{color:#a45a00}#detail-content .pv3-late{color:#b4172b}
#detail-content .pv3-lay{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}
#detail-content .pv3-main{background:#fff;border-radius:20px;padding:16px 18px;box-shadow:0 8px 24px rgba(20,36,60,.08)}
#detail-content .pv3-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
#detail-content .pv3-chip{border:0;background:#eef1f6;color:#516177;border-radius:99px;padding:8px 14px;font:700 13px inherit;font-family:inherit;cursor:pointer;min-height:36px}#detail-content .pv3-chip.on{background:#0f2038;color:#fff}
#detail-content .pv3-it{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eef1f6}#detail-content .pv3-it:first-child{border:0}
#detail-content .pv3-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px}
#detail-content .pv3-it b{display:block;font-size:15px;overflow-wrap:anywhere}#detail-content .pv3-it small{display:block;color:#6b7a90;font-size:12.5px;margin-top:2px}
#detail-content .pv3-km{display:grid;text-align:right;font-weight:700;color:#6b7a90;font-size:12.5px}
#detail-content .pv3-empty{margin:18px 4px;color:#6b7a90}
#detail-content .pv3-side{display:grid;gap:12px}
#detail-content .pv3-cta{border:0;border-radius:16px;background:linear-gradient(135deg,#ed2038,#ff5a4d);color:#fff;font:800 15px inherit;font-family:inherit;padding:15px 18px;cursor:pointer;box-shadow:0 12px 26px rgba(237,32,56,.3);min-height:48px}
#detail-content .pv3-ghost{border:1.5px solid #d5dde8;background:#fff;color:#0f2038;border-radius:12px;padding:12px 16px;font:700 14px inherit;font-family:inherit;cursor:pointer;min-height:44px}
#detail-content .pv3-card{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(20,36,60,.08);font-size:13.5px}
#detail-content .pv3-card p{margin:4px 0 0;color:#6b7a90}
#detail-content .pv3-due{display:flex;gap:12px;align-items:center;margin-top:10px;color:#516177}
#detail-content .pv3-ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;flex:none}
#detail-content .pv3-ring i{font-style:normal}
#detail-content .pv3-ring[data-s=good]{background:#e6f6ec;color:#157a3f}#detail-content .pv3-ring[data-s=ok]{background:#fff3df;color:#a45a00}#detail-content .pv3-ring[data-s=late]{background:#fdebee;color:#b4172b}
#detail-content .pv3-form{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 34px rgba(20,36,60,.12);display:grid;gap:12px}
#detail-content .pv3-form h3{margin:0;font-size:18px}
#detail-content .pv3-f{display:grid;gap:5px;font-size:13px;font-weight:700;color:#516177}
#detail-content .pv3-f input,#detail-content .pv3-f select{font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #d5dde8;border-radius:12px;background:#f8fafc;color:#0f2038;min-height:46px}
#detail-content .pv3-actions{display:flex;gap:10px}#detail-content .pv3-msg{margin:0;color:#157a3f;font-weight:700}
/* documents */
#detail-content .pv3-bar{display:flex;gap:10px}#detail-content .pv3-search{flex:1;font:inherit;font-size:16px;padding:12px 18px;border:1.5px solid #e0e6ef;border-radius:99px;background:#fff;min-height:46px}
#detail-content .pv3-add{border-radius:99px;padding:12px 20px}
#detail-content .pv3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
#detail-content .pv3-doc{background:#fff;border-radius:18px;padding:10px;box-shadow:0 8px 24px rgba(20,36,60,.08);display:grid;gap:8px;position:relative;align-content:start;font:inherit;border:0;text-align:left}
#detail-content .pv3-th{height:100px;border-radius:12px;display:grid;place-items:center;font-size:36px;text-decoration:none}
#detail-content .pv3-docmeta b{display:block;font-size:14px;overflow-wrap:anywhere}#detail-content .pv3-docmeta small{color:#6b7a90;font-size:12.5px}
#detail-content .pv3-lock{font-size:12px;color:#6b7a90;font-weight:700}
#detail-content .pv3-del{position:absolute;right:12px;top:12px;border:0;background:rgba(255,255,255,.92);border-radius:99px;width:34px;height:34px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
#detail-content .pv3-dropcard{border:2px dashed #cdd6e3;background:#fafbfd;box-shadow:none;place-items:center;text-align:center;color:#6b7a90;cursor:pointer;min-height:170px;align-content:center}
#detail-content .pv3-dropcard i{font-style:normal;font-size:32px;color:#ed2038}#detail-content .pv3-dropcard b{color:#0f2038}
#detail-content .pv3-safe{background:#e8f0fc;color:#245d91;border-radius:14px;padding:12px 16px;font-weight:600;font-size:14px;margin:0}
#detail-content .pv3-upload{margin-top:12px}
@media(max-width:700px){#detail-content .pv3-lay{grid-template-columns:1fr}#detail-content .pv3-kp{grid-template-columns:1fr 1fr}#detail-content .pv3-mini{width:90px;height:56px}}
/* Carnet d'entretien — tampons */
#detail-content .ml-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
#detail-content .ml-card{background:#fff;border-radius:20px;padding:16px 18px;box-shadow:0 8px 24px rgba(20,36,60,.08)}
#detail-content .ml-t{display:block;font-size:16px}
#detail-content .ml-diag{position:relative;height:250px;margin-top:10px;border-radius:14px;background:linear-gradient(180deg,#f6f8fb,#eef1f6);overflow:hidden}
#detail-content .ml-art{position:absolute;inset:26px 18%;background:url(/public/scooter-art.svg) center/contain no-repeat}
#detail-content .ml-pt{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border-radius:99px;padding:5px 11px 5px 6px;font-size:12px;box-shadow:0 6px 16px rgba(20,36,60,.15);max-width:62%}
#detail-content .ml-pt i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;font-size:12px;flex:none}
#detail-content .ml-pt i.g{background:#1a9b4b}#detail-content .ml-pt i.o{background:#f0a21a}
#detail-content .ml-pt b{display:block;font-size:12.5px}#detail-content .ml-pt small{display:block;color:#6b7a90;font-size:11px;line-height:1.25}
#detail-content .ml-gauge{display:flex;align-items:center;gap:16px}
#detail-content .ml-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;flex:none}
#detail-content .ml-ring>div{width:74px;height:74px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;text-align:center}#detail-content .ml-ring b{font-size:22px;letter-spacing:-1px}#detail-content .ml-ring small{font-size:10px;color:#6b7a90;font-weight:800;letter-spacing:.1em}
#detail-content .ml-gauge p{margin:4px 0 0!important;color:#6b7a90;font-size:13px!important}
#detail-content .ml-next{display:grid;gap:8px;margin-top:12px}
#detail-content .ml-nx{display:flex;gap:10px;align-items:center;border-radius:12px;padding:9px 12px;background:#fff7ea;font-size:13px}#detail-content .ml-nx.b{background:#eaf3ff}
#detail-content .ml-nx>span:first-child{font-size:20px}#detail-content .ml-nx b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}#detail-content .ml-nx small{color:#6b7a90}
#detail-content .ml-nx .d{margin-left:auto;font-weight:800;color:#a45a00;white-space:nowrap}#detail-content .ml-nx.b .d{color:#245d91}
#detail-content .ml-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}#detail-content .ml-kp>div{background:#f5f7fa;border-radius:12px;padding:8px 12px}#detail-content .ml-kp small{display:block;color:#6b7a90;font-weight:700;font-size:11.5px}#detail-content .ml-kp b{font-size:17px;letter-spacing:-.4px}
#detail-content .ml-cta{justify-self:start;border-radius:14px}
#detail-content .ml-paper{background:linear-gradient(180deg,#fffdf8,#fbf6ec);border:1px solid #eadfc9;border-radius:20px;padding:16px 20px;box-shadow:0 8px 24px rgba(20,36,60,.08)}
#detail-content .ml-paper .pv3-chip{background:#f1ead9;color:#6b5a30}#detail-content .ml-paper .pv3-chip.on{background:#e0243a;color:#fff}
#detail-content .ml-yr{font-size:11px;letter-spacing:.22em;font-weight:800;color:#a1352f;margin:12px 0 4px;display:flex;align-items:center;gap:10px}#detail-content .ml-yr:after{content:"";flex:1;border-top:1.5px dashed #d9c9a3}
#detail-content .ml-ent{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 0}
#detail-content .ml-tp{width:56px;height:56px;border-radius:50%;border:3px double;display:grid;place-items:center;font-size:22px;transform:rotate(-8deg);background:rgba(255,255,255,.6)}
#detail-content .ml-ent b{font-size:15px;overflow-wrap:anywhere}#detail-content .ml-ent small{display:block;color:#7a6b44;font-size:12.5px;margin-top:2px}#detail-content .ml-due{color:#a45a00!important;font-weight:700}
#detail-content .ml-m{text-align:right;font-size:13px;color:#6b5a30}#detail-content .ml-m span{display:block;font-weight:600;color:#8b7a52;font-size:12px}
#detail-content .ml-form{display:grid;gap:10px}#detail-content .ml-form h3{margin:0;font-size:18px}
#detail-content .pv3-lab{font-size:13px;font-weight:700;color:#516177}
#detail-content .ml-kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#detail-content .ml-kinds button{border:0;border-radius:12px;background:#f5f7fa;padding:9px 4px;font:700 12px inherit;font-family:inherit;cursor:pointer;min-height:56px;color:#0f2038}#detail-content .ml-kinds button i{display:block;font-style:normal;font-size:20px}#detail-content .ml-kinds button.on{background:#fdebee;box-shadow:inset 0 0 0 2px #ed2038}
@media(max-width:700px){#detail-content .ml-hero{grid-template-columns:1fr}}
/* Livret passeport */
#detail.pb-on{width:min(1020px,calc(100vw - 24px))!important;max-width:1020px!important;background:#eceff4!important;padding:22px!important}
#detail.pb-on .close{z-index:6}
#detail-content.pb-hold{visibility:hidden}
#detail-content{position:relative}
.pb-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;padding-right:46px;flex-wrap:wrap}
.pb-tabs{display:flex;gap:8px;flex-wrap:wrap}
.pb-tabs button{border:0;border-radius:99px;padding:9px 16px;background:#fff;box-shadow:inset 0 0 0 1.5px #d5dde8;font:700 13px inherit;font-family:inherit;color:#0f2038;cursor:pointer;min-height:40px}.pb-tabs button.on{background:#e0243a;color:#fff;box-shadow:none}
.pb-arr{display:flex;gap:8px}.pb-arr button{color:#0f2038!important;background:#fff!important;padding:0!important;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);font-size:20px;cursor:pointer}
.pb-spread{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden;box-shadow:0 26px 54px rgba(20,36,60,.22);position:relative;background:#fffdf8}
.pb-spread:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:30px;margin-left:-15px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.13),transparent);pointer-events:none}
.pb-page{padding:22px 26px;background:linear-gradient(180deg,#fffdf8,#fbf6ec);min-height:470px;position:relative;min-width:0}
.pb-l{border-right:1px solid #eadfc9;padding-bottom:84px}
.pb-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.18em;color:#a1352f;font-weight:800;margin-bottom:14px}.pb-hd img{height:30px;width:auto}
.pb-guil{position:absolute;inset:64px 22px 84px;background:repeating-radial-gradient(circle at 50% 50%,rgba(237,32,56,.05) 0 3px,transparent 3px 7px);border-radius:12px;pointer-events:none}
.pb-id{display:grid;grid-template-columns:150px 1fr;gap:16px;position:relative}
.pb-ph{height:160px;border-radius:8px;background:#eef0f3 center/cover no-repeat;box-shadow:0 0 0 1.5px #cdb98b}.pb-ph-art{background-image:url(/public/scooter-art.svg);background-size:80%;background-repeat:no-repeat}
.pb-f{margin-bottom:9px}.pb-f small{display:block;font-size:9.5px;letter-spacing:.14em;color:#8b7a52;font-weight:700}.pb-f b{font-size:14px;letter-spacing:.02em;overflow-wrap:anywhere}
.pb-stamp{position:absolute;right:22px;bottom:104px;border:3px solid #157a3f;color:#157a3f;border-radius:10px;padding:6px 14px;font-weight:900;letter-spacing:.1em;transform:rotate(-9deg);font-size:15px;opacity:.85}.pb-stamp.w{border-color:#a45a00;color:#a45a00}.pb-stamp.s{border-color:#ed2038;color:#ed2038}
.pb-mrz{position:absolute;left:0;right:0;bottom:0;padding:12px 18px;background:#f1ead9;font:700 12px ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#4a4030;line-height:1.6;overflow:hidden;white-space:nowrap}
.pb-qrb{display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:center;margin-bottom:12px}
.pb-qr{width:116px;height:116px;background:#fff;padding:6px;border-radius:8px;box-shadow:0 0 0 1.5px #cdb98b}.pb-qr img{width:100%;height:100%;display:block}
.pb-qrb b{font-size:15px;display:block}.pb-qrb small{display:block;color:#8b7a52;font-size:12px;margin-top:4px;line-height:1.4}.pb-verify{display:inline-block;margin-top:6px;font-weight:700;font-size:12.5px;color:#245d91}
.pb-holder{background:rgba(255,255,255,.6);border:1px dashed #cdb98b;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px;font-weight:600}.pb-holder small{display:block;font-size:9.5px;letter-spacing:.14em;color:#8b7a52;font-weight:700;margin-bottom:3px}
.pb-actions{display:flex!important;flex-wrap:wrap;gap:8px}.pb-actions button{border-radius:10px!important;border:1.5px solid #e0243a!important;background:#fff!important;color:#e0243a!important;font-weight:700!important;min-height:42px!important}.pb-actions button:first-child{background:#e0243a!important;color:#fff!important}
/* couverture */
.pb-cover{position:absolute;inset:60px 0 0 0;margin:auto;max-width:420px;min-height:520px;border-radius:10px 20px 20px 10px;background:linear-gradient(135deg,#e4182f,#b80f23);box-shadow:0 26px 50px rgba(120,10,25,.4),inset 8px 0 0 rgba(0,0,0,.18);color:#fff;text-align:center;padding:50px 30px;z-index:5;cursor:pointer;transform-origin:left center;transition:transform .65s cubic-bezier(.4,.1,.2,1),opacity .65s;overflow:hidden}
.pb-cover:before{content:"";position:absolute;inset:14px 14px 14px 22px;border:1.5px solid rgba(255,255,255,.35);border-radius:8px 14px 14px 8px}
.pb-cover.open{transform:perspective(1200px) rotateY(-110deg);opacity:0;pointer-events:none}
.pb-c-k{font-size:11px;letter-spacing:.3em;font-weight:700;opacity:.9}.pb-c-shield{width:130px;height:152px;margin:46px auto 34px;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.pb-cover h2{margin:0!important;padding:0!important;font-size:26px!important;letter-spacing:.14em;font-weight:800;color:#fff;line-height:1.3}.pb-cover p{margin:8px 0 0!important;font-size:13px!important;letter-spacing:.2em;opacity:.9;color:#fff}
.pb-c-tap{position:absolute;left:0;right:0;bottom:36px;font-size:12px;letter-spacing:.16em;opacity:.85}
#detail.pb-covered .pb-spread,#detail.pb-covered section{visibility:hidden}
#detail.pb-covered #detail-content{min-height:620px}
#detail.pb-on .pb-cover[hidden]{display:none}
@media(max-width:860px){.pb-spread{grid-template-columns:1fr}.pb-l{border-right:0}.pb-id{grid-template-columns:110px 1fr}.pb-spread:after{display:none}#detail.pb-on{padding:14px!important}}
@media(prefers-reduced-motion:reduce){.pb-cover{transition:none}}
#detail-content .ml-hero>*{min-width:0}#detail-content .ml-nx{min-width:0;overflow:hidden}#detail-content .ml-nx>div{min-width:0;flex:1}
/* Livret — adaptation téléphone */
@media(max-width:860px){
#detail.pb-on{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;height:100dvh!important;margin:0!important;border-radius:0!important;padding:12px 12px 90px!important}
.pb-bar{padding-right:0;margin:0 0 10px;flex-wrap:nowrap;padding-top:44px}
.pb-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.pb-tabs::-webkit-scrollbar{display:none}
.pb-tabs button{flex:none;padding:9px 14px;font-size:13px;scroll-snap-align:start}
.pb-arr{display:none}
.pb-spread{border-radius:14px}
.pb-page{padding:16px 16px;min-height:0}
.pb-l{padding-bottom:84px}
.pb-hd{font-size:9.5px;letter-spacing:.14em;margin-bottom:10px}.pb-hd>span:first-child{display:none}.pb-hd img{height:26px}
.pb-id{grid-template-columns:1fr;gap:12px}
.pb-ph{height:170px;background-size:contain;background-color:#eef0f3}
.pb-fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.pb-fields .pb-f:first-child,.pb-fields .pb-f:last-child{grid-column:1/-1}
.pb-f b{font-size:13.5px}
.pb-guil{inset:54px 12px 84px}
.pb-stamp{right:14px;top:62px;bottom:auto;font-size:13px;padding:4px 10px}
.pb-mrz{font-size:9.5px;letter-spacing:.04em;padding:10px 12px}
.pb-qrb{grid-template-columns:96px 1fr}.pb-qr{width:96px;height:96px}
.pb-actions button{flex:1 1 calc(50% - 8px);font-size:12.5px!important}
.pb-cover{inset:62px 0 auto 0;min-height:470px;max-width:none;width:calc(100% - 16px);margin:0 8px;padding:40px 20px}
.pb-c-shield{width:104px;height:122px;margin:34px auto 26px}.pb-cover h2{font-size:22px!important}
#detail.pb-covered #detail-content{min-height:560px}
#detail-content .ml-hero{grid-template-columns:1fr}#detail-content .ml-diag{height:230px}
#detail-content .ml-ent{grid-template-columns:48px minmax(0,1fr)}#detail-content .ml-m{grid-column:2;text-align:left}#detail-content .ml-tp{width:48px;height:48px}
#detail-content .pv3-kp{grid-template-columns:1fr}
#detail-content .pv3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#detail-content .pv3-head h2{font-size:21px}
.pb-hint{display:block}
}
.pb-hint{display:none;text-align:center;color:#8a97ab;font-size:12px;margin:8px 0 0}
@media(max-width:860px){#detail.pb-on>.close,#detail.pb-on .close{position:fixed!important;top:10px!important;right:12px!important;z-index:30;background:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.2)!important}}