/* Paulsible Logistik & Handel — admin back office styling */
:root{
  --ink:#16232C;
  --ink-soft:#3C4C56;
  --paper:#EFEFEF;
  --paper-raised:#FFFFFF;
  --line:#D7D9D7;
  --orange:#D9560A;
  --orange-dark:#B3450A;
  --green:#2F6B4E;
  --red:#B3261E;
  --radius:4px;
}
*{box-sizing:border-box;}
body{
  margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--paper); color:var(--ink); line-height:1.5;
}
a{color:var(--orange-dark);}
.wrap{max-width:1100px; margin:0 auto; padding:0 24px;}

header.admin-header{
  background:var(--ink); color:#fff; padding:16px 0; margin-bottom:32px;
}
header.admin-header .wrap{display:flex; align-items:center; justify-content:space-between;}
header.admin-header a{color:#fff; text-decoration:none; font-weight:700; letter-spacing:0.02em;}
header.admin-header nav a{color:#B7C0C6; font-weight:500; margin-left:18px; font-size:14px;}
header.admin-header nav a:hover{color:#fff;}

h1{font-size:24px; margin:0 0 20px;}
h2{font-size:18px; margin:0 0 14px;}

.card{
  background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 24px; margin-bottom:22px;
}

table{width:100%; border-collapse:collapse; background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
th, td{padding:11px 14px; text-align:left; font-size:14px; border-bottom:1px solid var(--line);}
th{background:var(--paper); font-size:12px; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-soft);}
tbody tr:hover{background:#FAFAF8;}
tbody tr:last-child td{border-bottom:none;}

.badge{display:inline-block; padding:3px 10px; border-radius:20px; font-size:12px; font-weight:600;}
.badge.pending{background:#FFF3E0; color:#B3450A;}
.badge.approved{background:#E3F2FD; color:#1565C0;}
.badge.picked_up{background:#EDE7F6; color:#5E35B1;}
.badge.in_transit{background:#E1F5FE; color:#00688B;}
.badge.delivered{background:#E8F5E9; color:#2F6B4E;}
.badge.cancelled{background:#FBE9E7; color:#B3261E;}

.filters{margin-bottom:16px; display:flex; gap:8px; flex-wrap:wrap;}
.filters a{
  padding:6px 14px; border:1px solid var(--line); border-radius:20px; font-size:13px;
  text-decoration:none; color:var(--ink-soft); background:var(--paper-raised);
}
.filters a.active{background:var(--ink); color:#fff; border-color:var(--ink);}

.btn{
  display:inline-block; padding:10px 18px; border-radius:var(--radius); border:none;
  font-size:14px; font-weight:600; cursor:pointer; text-decoration:none; text-align:center;
}
.btn-primary{background:var(--orange); color:#fff;}
.btn-primary:hover{background:var(--orange-dark);}
.btn-secondary{background:transparent; color:var(--ink); border:1px solid var(--line);}
.btn-secondary:hover{border-color:var(--ink);}
.btn-danger{background:transparent; color:var(--red); border:1px solid var(--red);}

.field{margin-bottom:14px;}
.field label{display:block; font-size:12px; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-soft); margin-bottom:5px;}
.field input, .field select, .field textarea{
  width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:var(--radius);
  font-family:inherit; font-size:14px; background:#fff; color:var(--ink);
}
.field textarea{min-height:80px; resize:vertical;}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:0 18px;}
@media (max-width:640px){ .grid-2{grid-template-columns:1fr;} }

.detail-row{display:flex; padding:8px 0; border-bottom:1px dashed var(--line); font-size:14px;}
.detail-row:last-child{border-bottom:none;}
.detail-row .label{width:200px; flex:none; color:var(--ink-soft); font-size:12px; text-transform:uppercase; letter-spacing:0.04em; padding-top:2px;}
.detail-row .value{flex:1; white-space:pre-line;}

.alert{padding:12px 16px; border-radius:var(--radius); font-size:14px; margin-bottom:18px;}
.alert-success{background:#E8F5E9; color:#2F6B4E; border:1px solid #A5D6A7;}
.alert-error{background:#FBE9E7; color:#B3261E; border:1px solid #EF9A9A;}

.login-box{max-width:360px; margin:80px auto; }
.empty-state{padding:40px; text-align:center; color:var(--ink-soft);}