:root{
  --bg:#0b0f14;
  --panel:rgba(255,255,255,.06);
  --panel2:rgba(255,255,255,.09);
  --border:rgba(255,255,255,.12);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.65);
  --accent:rgba(130,190,255,.9);
  --danger:rgba(255,110,110,.9);
  --ok:rgba(110,255,170,.9);
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--text);
  background:
    radial-gradient(1200px 700px at 20% 10%, rgba(130,190,255,.14), transparent 60%),
    radial-gradient(900px 500px at 90% 20%, rgba(110,255,170,.10), transparent 60%),
    var(--bg);
}
a{color:inherit;text-decoration:none;}
.container{max-width:1200px;margin:0 auto;padding:24px;}
.nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 18px;border:1px solid var(--border);
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  border-radius:18px;backdrop-filter:blur(10px);
}
.brand{font-weight:700;letter-spacing:.3px;}
.nav .right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.pill{
  padding:8px 12px;border:1px solid var(--border);
  background:rgba(255,255,255,.04);border-radius:999px;
}
.btn{
  display:inline-flex;gap:8px;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:12px;border:1px solid var(--border);
  background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;
  transition:.15s transform,.15s background;
}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);}
.btn.primary{border-color:rgba(130,190,255,.45);background:rgba(130,190,255,.12);}
.btn.danger{border-color:rgba(255,110,110,.45);background:rgba(255,110,110,.10);}
.btn.ok{border-color:rgba(110,255,170,.45);background:rgba(110,255,170,.10);}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;}

.grid{display:grid;gap:18px;grid-template-columns:1.1fr .9fr;margin-top:18px;}
@media(max-width:980px){.grid{grid-template-columns:1fr;}}

.card{
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border-radius:18px;padding:16px;backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.card h2{margin:0 0 12px 0;font-size:18px;}
.muted{color:var(--muted);}

.input{
  width:100%;padding:12px 12px;border-radius:12px;border:1px solid var(--border);
  background:rgba(0,0,0,.20);color:var(--text);outline:none;
}
label{display:block;font-size:12px;color:var(--muted);margin:10px 0 6px;}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:700px){.row{grid-template-columns:1fr;}}

.table{width:100%;border-collapse:separate;border-spacing:0 10px;}
.table tr{background:rgba(255,255,255,.04);}
.table td,.table th{padding:12px 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.table tr td:first-child,.table tr th:first-child{
  border-left:1px solid var(--border);border-top-left-radius:12px;border-bottom-left-radius:12px;
}
.table tr td:last-child,.table tr th:last-child{
  border-right:1px solid var(--border);border-top-right-radius:12px;border-bottom-right-radius:12px;
}

.badge{
  display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--border);
  background:rgba(255,255,255,.05);font-size:12px;
}
.badge.new{border-color:rgba(130,190,255,.35);}
.badge.processing{border-color:rgba(255,210,110,.35);}
.badge.completed{border-color:rgba(110,255,170,.35);}
.badge.canceled{border-color:rgba(255,110,110,.35);}

.map{height:520px;border-radius:16px;overflow:hidden;border:1px solid var(--border);}
.map.big{height:740px;}
hr.sep{border:0;height:1px;background:rgba(255,255,255,.10);margin:14px 0;}

/* Dot deadline */
.order-id-wrap{
  display:flex;
  align-items:center;
  gap:10px;
}
.deadline-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
}
.deadline-dot.none { background:#6b7280; }      /* fără termen */
.deadline-dot.ok { background:#22c55e; }        /* timp mult */
.deadline-dot.warn { background:#f59e0b; }      /* se apropie */
.deadline-dot.urgent { background:#ef4444; }    /* urgent / expirat */

.deadline-card{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
}
.deadline-card label{
  display:block;
  font-size:12px;
  opacity:.85;
  margin-bottom:6px;
}
.deadline-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.deadline-row select, .deadline-row input{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  color:#e5e7eb;
  outline:none;
}
.deadline-help{
  margin-top:8px;
  font-size:12px;
  opacity:.75;
}