/* PARITY P0 4/7/8: watermark page, share modal (Album link | Full access), download menus */
.wm-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}
.wm-card{display:grid;gap:1rem;align-content:start}
.wm-card h2{margin-bottom:0}
.wm-f{display:grid;gap:.45rem}
.wm-l,.wm-size-l{font-size:.86rem;font-weight:600;color:var(--muted)}
.wm-pos{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;padding:.3rem;border-radius:14px;background:var(--track);max-width:360px}
.wm-pos button{min-height:44px;border-radius:11px;font-weight:600;letter-spacing:.06em;color:var(--muted);transition:background-color var(--t),box-shadow var(--t),color var(--t)}
.wm-pos button[aria-checked=true]{background:var(--bg-card);color:var(--amber-text);box-shadow:var(--sh-1),0 0 0 1px var(--border-amber)}
.wm-pos button:focus-visible,.pseg button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wm-range{width:100%;max-width:420px;accent-color:var(--amber);min-height:32px}
.wm-danger{color:var(--bad)}
.wm-note{border-left:3px solid var(--border-amber);padding-left:.7rem}
.wm-prev{display:grid;grid-template-columns:3fr 2fr;gap:.9rem;align-items:end}
.wm-cv{width:100%;height:auto;border-radius:14px;border:1px solid var(--border);box-shadow:var(--sh-1);background:var(--track)}
.wm-card select{min-height:44px;max-width:min(100%,420px);flex:1}
@media(max-width:480px){.wm-card select{min-width:11rem}.wm-card .row{flex-wrap:wrap}}
.wm-card .tg .tgt{flex:1}

.pseg{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.3rem;border-radius:14px;background:var(--track);margin:.4rem 0 .2rem}
.pseg button{min-height:44px;border-radius:11px;font-weight:600;color:var(--muted);transition:background-color var(--t),box-shadow var(--t),color var(--t)}
.pseg button[aria-selected=true]{background:var(--bg-card);color:var(--amber-text);box-shadow:var(--sh-1),0 0 0 1px var(--border-amber)}
.pshare-hint{margin:.2rem 0 .6rem}
.pshare-body{display:grid;gap:1.1rem;grid-template-columns:200px minmax(0,1fr);align-items:start}
.pshare-body .qr-box{width:200px}
.pshare .btn-row .btn{flex:1 1 auto}

@media (max-width:900px){.wm-grid{grid-template-columns:1fr}}
@media (max-width:560px){
  .pshare-body{grid-template-columns:1fr;justify-items:center}
  .pshare-body .share-main{width:100%}
  .pshare-body .qr-box{width:min(220px,70vw)}
  .wm-prev{grid-template-columns:1fr 1fr}
  .wm-pos{max-width:none}
}

/* album Folders tab: watermark card + client-favourites-by-folder picker */
.wm-acard{display:grid;gap:.7rem}
.fav-pick{margin-top:1rem;border-top:1px solid var(--border);padding-top:.8rem}
.fav-pick summary{cursor:pointer;font-weight:600;min-height:32px}
.fav-list{display:grid;gap:.15rem;max-height:280px;overflow:auto;margin:.6rem 0}
.fav-f{display:flex;align-items:center;gap:.4rem;min-height:36px;font-size:.92rem}
.fav-f input{width:18px;height:18px;accent-color:var(--amber)}
.stl .ren{color:var(--amber-text);font-style:normal}
/* upload: folder layout choice, album tags, name confirmation (native tree card / watch folder) */
.layouts{display:grid;gap:.1rem;margin:.5rem 0 .2rem}
.lay{display:flex;align-items:center;gap:.5rem;min-height:36px;font-size:.84rem;cursor:pointer}
.lay input{width:18px;height:18px;accent-color:var(--amber);flex:none}
.struct code.nm{font:inherit;font-weight:600}
.struct .tn,.struct .tag{color:var(--muted);font-size:.74rem;margin-left:.3rem}
.struct .tag.new{color:var(--amber-text)}
.cfm{display:flex;gap:.5rem;align-items:flex-start;margin:.6rem 0 0;font-size:.84rem;line-height:1.4;cursor:pointer}
.cfm[hidden]{display:none}
.cfm input{width:18px;height:18px;accent-color:var(--amber);flex:none;margin-top:.1rem}
.stl small .bad{color:var(--bad)}
.pshare-hint.bad{color:var(--bad);font-weight:600}
.gs{margin-bottom:1rem}.gs .row{align-items:center;gap:.6rem}.gs-bar{margin:.6rem 0}.gs-bar i{display:block;height:100%;border-radius:inherit;background:var(--amber);transition:width .3s}
.gs-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.gs-list li{display:flex;align-items:center;gap:.7rem;padding:.5rem .6rem;border-radius:12px;opacity:.75}.gs-list li.now{opacity:1;background:var(--amber-dim)}
.gs-t{display:grid;flex:1;min-width:0}.gs-tick{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--border);font-weight:700;font-size:.8rem}.gs-list li.done .gs-tick{background:var(--ok);border-color:var(--ok);color:#fff}
.gs-list li.done .gs-t b{text-decoration:line-through;text-decoration-thickness:1px}
.stor{margin-left:.4rem}
.gs-list li:not(.now) .gs-t .small{display:none}.gs-list li{padding:.35rem .6rem}
@media(max-width:600px){.gs-list li.now{flex-wrap:wrap}.gs-list li.now .btn{width:100%}}
.stor{display:inline-flex;flex-direction:column;gap:.25rem;min-width:180px;max-width:280px;margin:.3rem 0 0}.stor-bar{height:5px}
.stor.warn .stor-bar i{background:var(--amber)}.stor.bad .stor-bar i{background:var(--bad);box-shadow:none}.stor.bad>.small{color:var(--bad);font-weight:600}
.gs-sto{margin:.3rem 0 .4rem}
.stor{display:inline-flex;flex-direction:column;gap:.25rem;min-width:180px;max-width:280px;margin:.3rem 0 0}.stor-bar{height:5px}
.stor.warn .stor-bar i{background:var(--amber)}.stor.bad .stor-bar i{background:var(--bad);box-shadow:none}.stor.bad>.small{color:var(--bad);font-weight:600}
.gs-sto{margin:.3rem 0 .4rem}
/* WP5: share dialog switches + QR options, watermark page, settings */
.pshare-set{display:grid;gap:.5rem;margin-top:.9rem}
.pshare-set .tg[hidden]{display:none}
.pshare-qrm{margin-top:.5rem}
.pshare .btn-row .btn{min-width:0}
.wm-pg .wm-card .tg{margin:0}
.wm-card .more{margin-top:.2rem}
