:root {
  --tekamaka-cream: #f2f0e9;
  --tekamaka-olive: #a09f72;
  --tekamaka-terracotta: #a25a3c;
  --tekamaka-ink: #222222;
}

.tekamaka-withdrawal { color: var(--tekamaka-ink); font-family: Garamond, Georgia, serif; }
.tekamaka-withdrawal h2, .tekamaka-withdrawal h3 { font-family: Garamond, Georgia, serif; }
.tekamaka-intro, .tekamaka-form, .tekamaka-receipt { background: var(--tekamaka-cream); border-top: 3px solid var(--tekamaka-olive); padding: 1.5rem; margin-bottom: 1.5rem; }
.tekamaka-order-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.tekamaka-order-card { display: flex; flex-direction: column; gap: .45rem; padding: 1.25rem; color: var(--tekamaka-ink); background: #fff; border: 1px solid #dedbd0; border-radius: 3px; transition: border-color .2s, transform .2s; }
.tekamaka-order-card:hover { color: var(--tekamaka-terracotta); border-color: var(--tekamaka-terracotta); transform: translateY(-2px); text-decoration: none; }
.tekamaka-badge { display: inline-block; width: fit-content; padding: .25rem .55rem; border-radius: 999px; font-size: .82rem; font-family: Arial, sans-serif; }
.tekamaka-badge.is-ok { background: #e5ecdd; color: #415232; }
.tekamaka-badge.is-late { background: #f4e3dc; color: #7a3925; }
.tekamaka-products { margin: 1.25rem 0; border-top: 1px solid #d7d3c7; }
.tekamaka-lookup-form { max-width: 620px; padding: 1.5rem; margin: 1rem 0 2rem; background: var(--tekamaka-cream); border-top: 3px solid var(--tekamaka-olive); }
.tekamaka-login-hint { margin: 1rem 0 0; }
.tekamaka-product-row { display: grid; grid-template-columns: 1fr auto 90px; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #d7d3c7; }
.tekamaka-declaration { display: flex; align-items: flex-start; gap: .7rem; margin: 1.2rem 0; font-family: Arial, sans-serif; font-size: .9rem; }
.tekamaka-declaration input { margin-top: .2rem; }
.tekamaka-submit, .tekamaka-actions .btn-primary { background: var(--tekamaka-terracotta); border-color: var(--tekamaka-terracotta); }
.tekamaka-submit:hover, .tekamaka-actions .btn-primary:hover { background: #834731; border-color: #834731; }
.tekamaka-history { margin-top: 2.5rem; }
.tekamaka-back { display: inline-block; margin-top: 1rem; }
.tekamaka-order-withdrawal { margin: 1rem 0; }
.tekamaka-success { text-align: center; padding: 1.5rem; }
.tekamaka-check { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--tekamaka-olive); color: #fff; font: 700 28px Arial, sans-serif; }
.tekamaka-receipt dl { display: grid; grid-template-columns: minmax(180px, 1fr) 2fr; gap: .5rem 1rem; }
.tekamaka-receipt dt { font-weight: 700; }
.tekamaka-account-link .material-icons { color: var(--tekamaka-terracotta); }
.tekamaka-footer-withdrawal { margin-top: .6rem; }
.tekamaka-footer-withdrawal a { text-decoration: underline; }

@media (max-width: 767px) {
  .tekamaka-product-row { grid-template-columns: 1fr 85px; }
  .tekamaka-product-row > div { grid-column: 1 / -1; }
  .tekamaka-receipt dl { grid-template-columns: 1fr; }
}

@media print {
  header, footer, .breadcrumb, .no-print, #header, #footer { display: none !important; }
  .tekamaka-receipt { border: 1px solid #999; background: #fff; }
}
