
/* Diddl Sammelbuch Ordner/Menu Redesign */
.collection-menu.toolbar{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:auto auto 1fr minmax(150px,210px) minmax(125px,160px) minmax(150px,230px);
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,246,252,.86));
  border:2px solid rgba(194,24,134,.11);
  box-shadow:0 12px 32px rgba(110,32,94,.12);
}
.collection-menu .album-cta{font-size:1.02rem;padding-inline:22px;min-height:46px}.collection-menu .subtle{min-height:42px}.menu-spacer{min-width:10px}.collection-menu .searchbox{opacity:.78;transform:scale(.96);transform-origin:right center}.collection-menu .searchbox:focus-within{opacity:1;transform:scale(1)}
.collection-menu select,.collection-menu .searchbox{min-height:42px}
.album{background:linear-gradient(140deg,rgba(255,255,255,.96),rgba(255,238,248,.9));padding:22px;border-radius:36px}.album-top h2{color:#6d1553}.album-actions{max-width:560px}.binder{
  padding:28px 28px 28px 76px;
  border-radius:34px;
  background:
    linear-gradient(90deg,#8d164e 0,#bd2a76 20px,#ef6aa9 42px,#65113c 62px,transparent 63px),
    linear-gradient(135deg,#fffafd,#fff 45%,#f8edf4);
  border:5px solid #7b1a55;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.55), inset 28px 0 34px rgba(92,18,65,.2),0 34px 78px rgba(88,18,77,.28);
}
.binder:before{content:"";position:absolute;left:58px;top:18px;bottom:18px;width:18px;border-radius:18px;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.5),rgba(0,0,0,.08));opacity:.7}.binder:after{content:"";position:absolute;left:50%;top:22px;bottom:22px;width:24px;transform:translateX(-50%);border-radius:24px;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(255,255,255,.72),rgba(0,0,0,.08));box-shadow:0 0 28px rgba(89,31,76,.12);pointer-events:none}.ringbar{left:22px;top:62px;bottom:62px;width:42px}.ringbar span{width:42px;height:42px;background:radial-gradient(circle,#fff 0 31%,#d9d9df 33% 50%,#777 52% 58%,transparent 60%);filter:drop-shadow(0 4px 5px rgba(0,0,0,.22))}
.album-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;min-height:760px;perspective:1300px}.album-page.double-folie{padding:18px 18px 46px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(242,252,255,.54));border:1px solid rgba(182,168,188,.55);box-shadow:inset 0 0 42px rgba(255,255,255,.86), inset 0 0 0 2px rgba(255,255,255,.42),0 16px 34px rgba(70,20,60,.12)}.album-page.double-folie:first-child{transform:rotateY(2deg);transform-origin:right center}.album-page.double-folie:last-child{transform:rotateY(-2deg);transform-origin:left center}.album-page:before{inset:14px;border:1px solid rgba(145,190,210,.25);background:linear-gradient(125deg,rgba(255,255,255,.2),rgba(255,255,255,0) 42%,rgba(188,233,255,.17));}.album-page-title{font-size:.9rem;letter-spacing:.03em;text-transform:uppercase;color:#7a2860}.album-pocket-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(250px,1fr);height:calc(100% - 32px);gap:14px}.album-pocket{display:grid;grid-template-rows:1fr auto;min-height:0;border-radius:18px;border:2px solid rgba(125,180,205,.3);background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(214,243,255,.25));box-shadow:inset 0 0 22px rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.62),0 7px 16px rgba(55,21,54,.09);cursor:grab}.album-pocket.dragging{opacity:.45;transform:scale(.985);cursor:grabbing}.album-pocket.drop-target{outline:4px solid rgba(255,112,188,.55);outline-offset:3px;background:rgba(255,235,249,.72)}.album-pocket.empty-pocket{cursor:default}.album-pocket .pocket-image-open{height:100%;min-height:0}.album-pocket img{height:100%;max-height:100%;padding:4px}.album-pocket .pocket-label{position:relative;left:auto;right:auto;bottom:auto;margin-top:6px;padding:4px 2px;display:flex;font-size:.72rem}.drag-handle{font-size:.68rem;color:#a2417d;background:rgba(255,255,255,.72);border-radius:99px;padding:2px 7px;white-space:nowrap}.album-placeholder{font-weight:900;border:2px dashed rgba(165,91,140,.22);border-radius:14px;background:rgba(255,255,255,.42)}
@media(max-width:980px){.collection-menu.toolbar{grid-template-columns:1fr 1fr}.collection-menu .menu-spacer{display:none}.collection-menu .searchbox{grid-column:1/-1;transform:none}.album-spread{grid-template-columns:1fr;gap:18px}.album-page.double-folie:first-child,.album-page.double-folie:last-child{transform:none}.album-pocket-grid{grid-auto-rows:280px}.binder:after{display:none}}
@media(max-width:560px){.collection-menu.toolbar{grid-template-columns:1fr 1fr;padding:10px}.collection-menu select,.collection-menu .searchbox{grid-column:1/-1}.binder{padding:18px 14px 18px 48px}.ringbar{left:10px;width:30px}.ringbar span{width:30px;height:30px}.album-pocket-grid{grid-template-columns:1fr;grid-auto-rows:300px}.album-spread{min-height:auto}.album-actions{position:relative;top:auto;box-shadow:none}}
@media print{.print-page{grid-template-rows:8mm repeat(4,1fr)!important}.print-binder-fixed{padding-left:15mm!important}.print-spread-pages{grid-template-columns:1fr 1fr!important}.print-pocket{min-height:0!important}}
