/* ---- Container ---- */
.orders-container{
  max-width: 1200px;
  margin: 24px auto;
  padding: 16px;
  color: var(--text);
}

/* ---- Search form ---- */
.orders-search{
  max-width: 720px;
  margin: 12px auto 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.search-input{
  height: 44px;
}

/* Βασικά κουμπιά (πατάνε πάνω στο admin_theme) */
.btn{
  background: var(--cta-bg);
  color: var(--cta-text);
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
  transition: filter .15s ease, transform .06s ease;
  text-decoration: none;
  display: inline-block;
}
.btn:hover{ filter: brightness(1.03); }
.btn:active{ transform: translateY(1px); }

.btn-search{
  height: 44px;
  display: inline-flex;
  align-items: center;
}

/* Κουμπί επιστροφής με το χρυσό accent */
.btn-back{
  background: var(--accent);
  color: #111827;
}

/* ---- Table ---- */
.orders-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--panel-border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--panel-bg);
  box-shadow: var(--panel-shadow);
}

.orders-table thead th{
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid var(--panel-border);
  background: color-mix(in hsl, var(--panel-bg) 85%, #000 6%);
  color: var(--text);
}

.orders-table th,
.orders-table td{
  padding: 12px 14px;
  vertical-align: top;
}

.orders-table tbody tr + tr td{
  border-top: 1px solid var(--panel-border);
}

.orders-table tbody tr:nth-child(even) td{
  background: color-mix(in hsl, var(--panel-bg) 92%, #000 6%);
}

/* ---- Action cell ---- */
.action-form{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.status-select{
  min-width: 150px;
}

.btn-icon{
  background: var(--cta-bg);
  color: var(--cta-text);
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 8px 10px;
  line-height: 1;
}

/* ---- Status badges ---- */
.status-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
}

.status-pending{
  background: #fef3c7;   /* amber-100 */
  color: #92400e;        /* amber-800 */
  border-color: #f59e0b33;
}

.status-confirmed{
  background: #dbeafe;   /* blue-100 */
  color: #1e3a8a;        /* blue-800 */
  border-color: #3b82f633;
}

.status-delivered{
  background: #dcfce7;   /* green-100 */
  color: #065f46;        /* green-800 */
  border-color: #22c55e33;
}

/* ---- Empty state + back button wrap ---- */
.orders-empty{
  text-align: center;
  color: #b91c1c;
  font-weight: 600;
  margin: 16px 0;
}

.orders-back{
  text-align: center;
  margin-top: 20px;
}