/* 1MS Accounts — Light Theme (Unified) */

:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e5e7eb;
  --primary:#2563eb;
  --primary2:#1d4ed8;
  --ok:#16a34a;
  --warn:#f59e0b;
  --bad:#dc2626;
  --shadow:0 10px 24px rgba(0,0,0,.06);
  --radius:18px;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family:"Cairo",system-ui;
  background:var(--bg);
  color:var(--text);
}

a{color:inherit}

.wrap{max-width:1100px;margin:0 auto;padding:18px}

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.btn{
  border:1px solid var(--line);
  background:#fff;
  padding:10px 12px;
  border-radius:14px;
  font-weight:900;
  font-size:13px;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  border-color:transparent;
  color:#fff;
}

.btn.secondary{background:#fff}

.btn:disabled,
.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}

.muted{color:var(--muted)}

.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:900;font-size:12px}
.badge.ok{border-color:#bbf7d0;background:#ecfdf5;color:#065f46}
.badge.warn{border-color:#fed7aa;background:#fff7ed;color:#9a3412}
.badge.bad{border-color:#fecaca;background:#fef2f2;color:#991b1b}

.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line)}
.table-wrap table{min-width:720px;width:100%;border-collapse:collapse}
.table-wrap th,.table-wrap td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;font-size:13px;vertical-align:middle;white-space:nowrap}
.table-wrap thead th{background:#f8fafc;font-weight:900}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:900px){.wrap{padding:14px}.grid{grid-template-columns:1fr}}

input,select,textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  font-family:inherit;
  font-size:14px;
  background:#fff;
}

.alert{padding:10px 12px;border-radius:14px;border:1px solid var(--line)}
.alert.ok{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}
.alert.bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.alert.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}

/* Reduce heavy fixed widths on small screens */
img{max-width:100%;height:auto}