/* Community board interaction refinement v5 */

/* Category piles are piles of actual notes, not folder cards. */
.pile.pile-natural{
  position:absolute;
  width:166px;
  height:142px;
  z-index:9;
  cursor:default;
  transform:rotate(var(--rot,0deg));
}

.pile-natural .pile-under{
  position:absolute;
  width:158px;
  min-height:112px;
  left:4px;
  top:7px;
  background:var(--under-paper,#d9caab);
  filter:drop-shadow(2px 4px 2px rgba(45,28,15,.18));
  clip-path:polygon(1.5% 2%,98.5% 0,100% 95%,96% 100%,3% 98%,0 94%);
  pointer-events:none;
}
.pile-natural .pile-under.under-one{
  left:-3px;
  top:9px;
  transform:rotate(-4deg);
  --under-paper:#cbbd9d;
}
.pile-natural .pile-under.under-two{
  left:7px;
  top:8px;
  transform:rotate(4deg);
  --under-paper:#e0cfad;
}
.pile-natural .pile-under.under-three{
  left:1px;
  top:12px;
  transform:rotate(1.5deg);
  --under-paper:#d2c09e;
}

.pile-natural .pile-top.note{
  position:absolute;
  left:0;
  top:0;
  z-index:4;
  width:166px;
  min-height:122px;
  margin:0;
  padding:28px 16px 15px;
  cursor:default;
  transform:rotate(0deg);
}
.pile-natural .pile-top.note .message{
  font-size:15px;
  line-height:1.22;
}
.pile-natural .pile-pin{
  z-index:20;
  left:74px;
  top:7px;
}
.pile-natural:hover .pile-top.note{
  filter:drop-shadow(6px 9px 5px rgba(45,28,15,.27));
}

/* Old folder-like pile pieces are no longer used, but keep them out if cached markup survives. */
.pile-natural .pile-sheet,
.pile-natural .pile-name,
.pile-natural .pile-count{display:none!important}

/* Green personal notes can roam the entire board while being reorganized. */
.saved-note[data-moveable="1"]{
  cursor:grab;
}
.saved-note[data-moveable="1"].dragging{
  cursor:grabbing;
}
.saved-note[data-persisted="0"]{
  filter:drop-shadow(7px 10px 5px rgba(40,25,12,.28));
}