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

.errors { color:#b00020; margin-bottom:10px; }
.form-group { display:flex; flex-direction:column; margin-right:10px; }
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; }

.filters { display:flex; flex-wrap:wrap; margin-bottom:15px; }
.actions { display:flex; gap:8px; align-items:center; }
.form-group .actions { margin-top:6px; }

th {    position: relative;    padding-right: 18px; /* Loc pentru săgeată */}
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) }