/* Panneau Pocket Sync — styles du slider.
   Les variables --pp-* sont injectées dynamiquement depuis les réglages. */

.ppsync{position:relative;max-width:100%;margin:0 auto;font-family:inherit;}
.ppsync *{box-sizing:border-box;}

.ppsync-viewport{overflow:hidden;border-radius:var(--pp-radius);padding:8px 0 24px;}
.ppsync-track{display:flex;transition:transform .5s ease;will-change:transform;}
.ppsync-slide{flex:0 0 auto;width:calc(100% / var(--pp-pv, 1));max-width:calc(100% / var(--pp-pv, 1));min-width:0;display:flex;}
.ppsync-slide > .ppsync-card{flex:1 1 auto;}
.ppsync-multi .ppsync-slide{padding:0 calc(var(--pp-gap, 0px) / 2);}

.ppsync-card{
    background:var(--pp-card);color:var(--pp-text);
    border-radius:var(--pp-radius);overflow:hidden;
    box-shadow:var(--pp-shadow);min-height:var(--pp-h);
    display:flex;flex-direction:column;
}
.ppsync-card.is-open{min-height:0;}

.ppsync-media{flex:0 0 auto;height:calc(var(--pp-h) * .56);background:#eef1f4;display:flex;
    align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;}
.ppsync-media img{width:100%;height:100%;object-fit:cover;display:block;}

.ppsync-body{flex:1 1 auto;min-height:0;overflow:visible;padding:16px 18px;color:var(--pp-text);
    display:flex;flex-direction:column;}
.ppsync-no-media .ppsync-body{justify-content:center;}
.ppsync-card.is-open .ppsync-body{overflow:visible;}

.ppsync-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;
    text-transform:uppercase;padding:3px 10px;border-radius:999px;
    background:var(--pp-badge-bg);color:var(--pp-badge-tx);}
.ppsync-badge.is-alert{background:var(--pp-alert);}
.ppsync-date{font-size:12px;opacity:.7;margin-left:8px;}

.ppsync-title{color:var(--pp-title);font-size:var(--pp-title-size);font-weight:700;
    line-height:1.25;margin:10px 0 8px;}
.ppsync-text{font-size:14px;line-height:1.5;margin:0;white-space:pre-line;}
.ppsync-text.ppsync-clamp{display:-webkit-box;-webkit-line-clamp:var(--pp-lines,3);
    -webkit-box-orient:vertical;overflow:hidden;}
.ppsync-card.is-open .ppsync-text.ppsync-clamp{display:block;-webkit-line-clamp:unset;overflow:visible;}

.ppsync-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:10px;}
.ppsync-toggle{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;
    font-size:13px;font-weight:600;color:var(--pp-accent);}
.ppsync-toggle:hover{text-decoration:underline;}
.ppsync-caret{display:inline-block;transition:transform .2s ease;}
.ppsync-card.is-open .ppsync-caret{transform:rotate(90deg);}
.ppsync-pdf,.ppsync-pp{font-size:13px;font-weight:600;color:var(--pp-accent);text-decoration:none;}
.ppsync-pdf:hover,.ppsync-pp:hover{text-decoration:underline;}
.ppsync-pdf:before{content:"\1F4C4  ";}
.ppsync-pp:before{content:"\1F517  ";}

.ppsync-arrow{position:absolute;top:calc(8px + var(--pp-h) / 2);transform:translateY(-50%);
    width:42px;height:42px;border:none;cursor:pointer;border-radius:50%;
    background:var(--pp-accent);color:#fff;font-size:20px;line-height:42px;
    text-align:center;opacity:.9;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.ppsync-arrow:hover{opacity:1;}
.ppsync-prev{left:8px;}
.ppsync-next{right:8px;}

.ppsync-dots{display:flex;gap:8px;justify-content:center;margin-top:12px;}
.ppsync-dot{width:10px;height:10px;border-radius:50%;border:none;
    background:#cdd3da;cursor:pointer;padding:0;}
.ppsync-dot.is-active{background:var(--pp-accent);}

.ppsync-empty{padding:16px;text-align:center;color:#777;font-style:italic;}

/* Lightbox (popup image / document) */
.ppsync-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;
    align-items:center;justify-content:center;z-index:99999;padding:24px;}
.ppsync-lightbox.is-open{display:flex;}
.ppsync-lb-inner{position:relative;display:flex;align-items:center;justify-content:center;
    max-width:min(1000px,96vw);max-height:92vh;width:auto;}
.ppsync-lb-inner img{max-width:96vw;max-height:92vh;width:auto;height:auto;
    object-fit:contain;display:block;border-radius:6px;background:#fff;}
.ppsync-lb-inner iframe{width:min(1000px,96vw);height:92vh;border:none;
    background:#fff;border-radius:6px;}
.ppsync-lb-close{position:fixed;top:16px;right:20px;width:44px;height:44px;border:none;
    border-radius:50%;background:#fff;color:#222;font-size:26px;line-height:44px;
    text-align:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.5);z-index:100000;}
.ppsync-lb-close:hover{background:#f0f0f0;}
.ppsync-lb-loading{color:#fff;font-size:14px;font-family:inherit;}

/* Bascule slider / mode liste */
.ppsync-bar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px;}
.ppsync-viewtoggle,.ppsync-sort{background:none;border:1px solid var(--pp-accent);color:var(--pp-accent);
    border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.ppsync-viewtoggle:hover,.ppsync-sort:hover{background:var(--pp-accent);color:#fff;}
.ppsync-sort{display:none;}
.ppsync.is-list .ppsync-sort{display:inline-block;}
.ppsync-list{display:none;list-style:none;margin:0;padding:0;}
.ppsync.is-list .ppsync-viewport,
.ppsync.is-list .ppsync-arrow,
.ppsync.is-list .ppsync-dots{display:none !important;}
.ppsync.is-list .ppsync-list{display:block;}
.ppsync-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;
    padding:12px 4px;border-bottom:1px solid rgba(0,0,0,.08);}
.ppsync-li-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ppsync-li-title{color:var(--pp-title);font-weight:600;}
.ppsync-li-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:2px;}

/* Rendu PDF exact (PDF.js) dans la lightbox */
.ppsync-pdfdoc{max-height:92vh;overflow:auto;background:#fff;border-radius:6px;
    box-shadow:0 4px 30px rgba(0,0,0,.4);}
.ppsync-pdfpage{display:block;width:100%;height:auto;}
.ppsync-pdfpage + .ppsync-pdfpage{margin-top:8px;}