/*
Theme Name: WMS Modern Edge
Theme URI: https://example.com/
Author: WMS
Description: Modern, edgy, professional theme for WMS Platform. Blue/gray primary with orange and green accents.
Version: 1.0.0
Text Domain: wms-modern-edge
*/

:root{
  --bg:#0b1220; --surface:#0f1a2e; --text:#e6eefc; --muted:rgba(230,238,252,.72);
  --border:rgba(230,238,252,.14);
  --blue:#3b82f6; --blue2:#60a5fa; --orange:#f97316; --green:#22c55e;
  --shadow:0 12px 35px rgba(0,0,0,.45);
  --radius:18px; --max:1180px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(59,130,246,.22), transparent 55%),
    radial-gradient(900px 500px at 80% 15%, rgba(249,115,22,.16), transparent 55%),
    radial-gradient(900px 500px at 70% 85%, rgba(34,197,94,.14), transparent 55%),
    linear-gradient(180deg, var(--bg), #050812 85%);
  line-height:1.55;
}

a{color:var(--blue2);text-decoration:none}
a:hover{color:#fff}

.wms-container{max-width:var(--max);margin:0 auto;padding:18px 18px 34px}

.wms-topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(14px);
  background:rgba(9,14,28,.65);
  border-bottom:1px solid var(--border);
}
.wms-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px}
.wms-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}
.wms-logo-dot{
  width:10px;height:10px;border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--orange));
  box-shadow:0 0 0 4px rgba(59,130,246,.18),0 0 20px rgba(249,115,22,.22)
}
.wms-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wms-nav a{
  color:var(--text);font-weight:800;font-size:13px;
  padding:9px 12px;border-radius:999px;border:1px solid transparent
}
.wms-nav a:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)}
.wms-nav .is-cta{
  background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(96,165,250,.95));
  border-color:rgba(255,255,255,.14);box-shadow:0 10px 26px rgba(59,130,246,.22)
}

.wms-card{
  border:1px solid var(--border);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.wms-pad{padding:18px}

h1{margin:10px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.1}
h2{margin:0 0 10px;font-size:22px}
p{margin:0 0 12px;color:var(--muted)}

.wms-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 14px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:var(--text);font-weight:900;font-size:13px
}
.wms-btn:hover{background:rgba(255,255,255,.09)}
.wms-btn.accent{
  background:linear-gradient(135deg,rgba(249,115,22,.92),rgba(34,197,94,.75));
  box-shadow:0 10px 26px rgba(249,115,22,.18)
}

.wms-footer{border-top:1px solid var(--border);background:rgba(9,14,28,.65);backdrop-filter:blur(14px);margin-top:26px}
.wms-footer-inner{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;color:rgba(230,238,252,.70);font-size:13px}