#reports-frame {padding:30px; Background: #fff; }


.errors { color:#b00020; margin-bottom:10px; }
.form-group { display:flex; flex-direction:column; margin-right:15px; }
.filters { display:flex; flex-wrap:wrap; margin-bottom:15px; }
input, select, button { font-size:12px; padding:4px; }
table { border-collapse: collapse; width:100%; font-size:12px; }
th, td { border:1px solid #ccc; padding:4px 6px; text-align:center; }
th { background:#f4f4f4; position: relative; padding-right: 18px;}
th.sort-arrow::after {content: ""; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 11px; color: #555;}
th.asc.sort-arrow::after { content: "▲"; }
th.desc.sort-arrow::after { content: "▼"; }
table tbody tr {transition: background-color 0.15s ease;}
table tbody tr:hover {background-color: rgba(0,150,255,0.1) }  /* albastru deschis */

tr.no-sales { background-color: #ffe5e5; color: #900;} /* Spectacole fără vânzări */
tr.no-sales:hover { background-color: #ffcccc;} /* hover diferit pentru rândurile roșii */