/* Minimal, modern, masculine palette: dark navy, charcoal, accent blue */
:root{
  --bg:#0f172a; /* slate-900 */
  --panel:#0b1220; /* slightly darker */
  --text:#e5e7eb; /* gray-200 */
  --muted:#9ca3af; /* gray-400 */
  --accent:#2563eb; /* blue-600 */
  --accent-2:#1e40af; /* blue-800 */
  --ring:#60a5fa; /* blue-400 */
  --ok:#22c55e; /* green-500 */
  --err:#ef4444; /* red-500 */
}
.wd-page-content {
    background-color: #111f3f;
}

.ic-landing{
  min-height:100dvh;
  background: radial-gradient(1200px 600px at 80% -10%, rgba(37,99,235,0.15), transparent),
              radial-gradient(900px 500px at 10% 110%, rgba(30,64,175,0.20), transparent),
              var(--bg);
  display:flex;align-items:center;justify-content:center;padding:24px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Tajawal, sans-serif;
  color:var(--text);
}

.ic-container{max-width:1100px;width:100%;}
.ic-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.06);
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  border-radius:24px; overflow:hidden;
  backdrop-filter: blur(6px);
}


.ic-header{display:flex;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.06); background: linear-gradient(90deg, rgba(37,99,235,0.15), transparent);}
.ic-logo{width:56px;height:56px;object-fit:contain;filter: drop-shadow(0 8px 16px rgba(37,99,235,0.2));}
.ic-headings h1{margin:0;font-size: clamp(20px, 3vw, 28px);font-weight:700;letter-spacing:.2px;}
.ic-headings p{margin:4px 0 0;color:var(--muted);}

.ic-grid{
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap:20px;
  padding:24px;
}

.ic-form{display:grid;gap:14px;align-content:start}
.ic-field label{display:block;margin-bottom:6px;font-size:14px;color:#cbd5e1;}
.ic-field input, .ic-field textarea{
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,0.25);
  background:#0b1220;
  color:var(--text);
  outline:none;
}
.ic-field input:focus, .ic-field textarea:focus{border-color:var(--ring); box-shadow:0 0 0 3px rgba(96,165,250,0.25);}
.ic-hidden{display:none !important;}

.ic-actions{display:flex;align-items:center;gap:12px;margin-top:4px;}
.ic-btn{
  background: linear-gradient(180deg, var(--accent), var(--accent-2));
  border:none;border-radius:12px;padding:12px 18px;color:white;font-weight:700;cursor:pointer;
  transition: transform .1s ease, filter .2s ease;
}
.ic-btn:hover{filter:brightness(1.05);}
.ic-btn:active{transform: translateY(1px);}

.ic-status{font-size:13px;color:var(--muted);min-height:20px}
.ic-status.ok{color:var(--ok);}
.ic-status.err{color:var(--err);}

.ic-map{
  min-height:360px;border-radius:16px;border:1px solid rgba(148,163,184,0.25);overflow:hidden;
  background: #0a0f1d;
}
.ic-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,0.06); color:var(--muted);text-align:center;}

/* Mobile */
@media (max-width: 860px){
  .ic-grid{grid-template-columns: 1fr; gap:16px;}
  .ic-map{min-height:300px;}
}