/* Frontend styles (as in v2.2.0) */
.pe-list { display:flex; flex-direction:column; gap:14px; }
.pe-item {
  position: relative;
  display: grid;
  grid-template-columns: 120px 140px 1fr 180px;
  gap: 16px;
  align-items: center;
  padding: 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.05);
}
.pe-item .pe-accent { position: absolute; left:0; top:8px; bottom:8px; width:6px; border-radius:6px; background:#22c55e; }
.pe-item:nth-child(4n+2) .pe-accent { background:#3b82f6; }
.pe-item:nth-child(4n+3) .pe-accent { background:#f59e0b; }
.pe-item:nth-child(4n+4) .pe-accent { background:#ef4444; }
.pe-divider { position: relative; }
.pe-divider::after { content:""; position:absolute; right:-8px; top:10%; width:1px; height:80%; background:rgba(0,0,0,0.08); border-radius:1px; }
.col-date { display:flex; justify-content:center; align-items:center; text-align:center; }
.pe-date { line-height:1.1; } .pe-day{font-size:24px; font-weight:800; color:#111827;} .pe-mon{font-size:12px; text-transform:uppercase; opacity:.7; color:#6b7280;} .pe-year{font-size:11px; font-weight:600; color:#9ca3af; margin-top:2px;} .pe-time{margin-top:6px; font-size:12px; color:#6b7280;}
.col-price{display:flex; justify-content:center; align-items:center; text-align:center;} .pe-pricewrap{display:flex; flex-direction:column; gap:4px; align-items:center;} .pe-price-label{font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#9ca3af;} .pe-price{font-weight:800; font-size:16px; color:#6b7280;}
.col-content{text-align:left;} .col-content .pe-title{margin:0 0 6px; font-size:18px; font-weight:800; color:#111827;} .col-content .pe-desc{color:#4b5563; font-size:14px; line-height:1.4; font-weight:400; margin:0;}
.col-action{display:flex; justify-content:center; align-items:center; text-align:center;} .pe-btn{display:inline-block; padding:10px 14px; border-radius:10px; color:#fff; text-decoration:none; font-weight:700; line-height:1; transition:transform .06s ease, opacity .2s ease;}
.pe-open{background:#16a34a;} .pe-open:hover{opacity:.95; transform: translateY(-1px);} .pe-closed{background:#ef4444; opacity:.95;} .pe-closed:hover{opacity:.95;} .pe-closed, .pe-disabled{pointer-events:none; cursor:default;}
.pe-item.pe-past{opacity:.55; filter:grayscale(70%);} .pe-item.pe-past .pe-btn{background:#9ca3af;}
@media (max-width:1100px){ .pe-item{grid-template-columns:120px 1fr 180px;} .col-price{order:2;} .col-content{order:3;} .col-action{order:4;} .pe-divider::after{display:none;} }
@media (max-width:700px){ .pe-item{grid-template-columns:1fr;} .col-date, .col-price, .col-content, .col-action{justify-content:center; text-align:center;} .col-content{text-align:left;} }