.wr-table { width:100%; border-collapse:collapse; margin-bottom:10px; }
.wr-table thead th { background:#f5f5f5; border-bottom:2px solid #ddd; padding:10px 12px; text-align:left; font-size:13px; color:#555; white-space:nowrap; }
.wr-table tbody tr { border-bottom:1px solid #eee; transition:background .15s; }
.wr-table tbody tr:hover { background:#fafafa; }
.wr-table tbody td { padding:12px 12px; vertical-align:middle; font-size:14px; }
.wr-badge { display:inline-block; padding:3px 10px; border-radius:12px; color:#fff; font-size:12px; font-weight:600; white-space:nowrap; }
.wr-detail-box { background:#f9f9f9; border:1px solid #e0e0e0; border-radius:5px; padding:16px 20px; margin-bottom:20px; }
.wr-detail-box dl { margin:0; }
.wr-detail-box dt { float:left; clear:left; width:130px; font-weight:600; color:#555; padding:4px 0; font-size:13px; }
.wr-detail-box dd { margin-left:140px; padding:4px 0; font-size:14px; color:#333; }
.wr-msg { border-radius:5px; padding:12px 16px; margin-bottom:10px; }
.wr-msg-meta { font-size:11px; color:#999; margin-bottom:5px; }
.wr-new-form { background:#f9f9f9; border:1px solid #ddd; border-radius:5px; padding:20px; margin-bottom:20px; display:none; }
.wr-new-form.open { display:block; }
.wr-form-group { margin-bottom:14px; }
.wr-form-group label { display:block; font-size:13px; font-weight:600; color:#555; margin-bottom:5px; }
.wr-form-group input, .wr-form-group textarea { width:100%; padding:8px 10px; border:1px solid #ccc; border-radius:3px; font-size:14px; box-sizing:border-box; }
.wr-form-group input:focus, .wr-form-group textarea:focus { border-color:#e67e22; outline:none; box-shadow:0 0 0 2px rgba(230,126,34,.15); }
.wr-form-group input.wr-qty { width:90px; }
.wr-alert { padding:10px 14px; border-radius:4px; margin-bottom:15px; font-size:14px; }
.wr-alert-danger  { background:#f2dede; border:1px solid #ebccd1; color:#a94442; }
.wr-alert-success { background:#dff0d8; border:1px solid #d6e9c6; color:#3c763d; }
.wr-alert-info    { background:#f5f5f5; border:1px solid #ddd; color:#555; }
.wr-link-detail { color:#2980b9; font-size:13px; text-decoration:none; white-space:nowrap; }
.wr-link-detail:hover { text-decoration:underline; }
.wr-empty { color:#999; font-size:14px; padding:20px 0 10px; }
label.error { color: darkred; font-size: 12px; }

/* Mobilon kártyák a táblázat helyett */
@media (max-width: 767px) {
    .wr-table, .wr-table thead, .wr-table tbody, .wr-table th, .wr-table td, .wr-table tr { display:block; }
    .wr-table thead { display:none; }
    .wr-table tbody tr { border:1px solid #e0e0e0; border-radius:5px; margin-bottom:12px; padding:12px 14px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.07); }
    .wr-table tbody tr:hover { background:#fff; }
    .wr-table tbody td { padding:4px 0; border:none; font-size:14px; }
    .wr-table tbody td::before { content:attr(data-label); display:block; font-size:11px; color:#999; font-weight:600; text-transform:uppercase; margin-bottom:2px; }
    .wr-table tbody td:last-child { margin-top:10px; padding-top:10px; border-top:1px solid #eee; }
    .wr-detail-box dt { float:none; width:auto; }
    .wr-detail-box dd { margin-left:0; padding-top:0; }
}