/* Base */
.dpr-trn{--gap:.75rem;--card:#fff;--line:#e7e7e7;--text:#0b0b0c;--muted:#666}
.dpr-trn *{box-sizing:border-box}
.dpr-trn .block{background:var(--card);border:1px solid var(--line);border-radius:.8rem;padding:1rem;margin:0 0 1rem 0}
.dpr-trn h3{margin:.2rem 0 1rem 0;font-size:1.05rem}
.dpr-trn .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.dpr-trn .full{grid-column:1 / -1}
.dpr-trn input,.dpr-trn select{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:.6rem;line-height:1.2}
.dpr-trn .actions{display:flex;gap:.6rem;flex-wrap:wrap}
.dpr-trn .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.78rem 1.05rem;border:0;border-radius:.7rem;background:#111;color:#fff;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .06s ease, box-shadow .2s ease; font-size:1rem}
.dpr-trn .btn:active{transform:translateY(1px)}
.dpr-trn .btn.wa{background:#25D366}
.dpr-trn .btn.wa:hover{background:#1ebe5d}

/* Summary */
#trn-summary{border:1px dashed var(--line);border-radius:.7rem;padding:.7rem;min-height:48px}
#trn-summary[data-empty="1"]::before{content:attr(data-placeholder);color:var(--muted);font-size:.92rem}
#trn-summary .row{display:flex;justify-content:space-between;gap:.8rem;padding:.28rem 0;border-bottom:1px dashed var(--line)}
#trn-summary .row:last-child{border-bottom:0}

/* Item row layout */
.trn-item{display:grid;grid-template-columns:1.2fr 0.8fr 0.8fr auto;gap:.5rem;align-items:center;margin:.45rem 0}
.trn-item select,.trn-item input{padding:.6rem .65rem}
.trn-item .rm{color:#c22;cursor:pointer;text-decoration:underline;justify-self:end}
.trn-item .extras{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.42rem;align-items:center}
.trn-item .check-line{display:inline-flex;align-items:center;gap:.38rem;padding:.28rem .44rem;border:1px solid var(--line);border-radius:.55rem;background:#fafafa;line-height:1;white-space:nowrap}
.trn-item .check-line input[type="checkbox"]{margin:0;width:16px;height:16px}
.trn-item .inline-num select{width:64px;padding:.32rem .4rem}
.trn-item .inline-num{display:inline-flex;align-items:center;gap:.35rem}
.trn-item .price-badge{font-size:.82rem; opacity:.8}

/* Checkbox rows in Abholung block */
.check-line{display:inline-flex;align-items:center;gap:.42rem;padding:.34rem .5rem;border:1px solid var(--line);border-radius:.55rem;background:#fafafa;white-space:nowrap}
.check-line input{margin:0;width:16px;height:16px}

/* Mobile adjustments */
@media (max-width:680px){
  .dpr-trn .grid{grid-template-columns:1fr}
  .trn-item{grid-template-columns:1fr 1fr;align-items:start}
  .trn-item .rm{grid-column:2;justify-self:end;margin-top:.2rem}
  .trn-item .extras{gap:.36rem}
  .trn-item .check-line{padding:.26rem .42rem}
  .check-line{padding:.3rem .45rem}
  .dpr-trn .grid .check-line.full{grid-column:auto;justify-self:start}
  .dpr-trn .btn{font-size:.95rem;padding:.7rem .95rem}
}

/* Placeholder text for summary */
#trn-summary::before{ content: ''; }