
/* Shared form/table components for User pages */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.page-title{font-size:18px;font-weight:950;letter-spacing:.2px}
.page-sub{color:var(--muted);margin-top:4px;font-size:12px}

.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.22);
  color:#fff;background:linear-gradient(135deg,#a855f7,#3b82f6);
  box-shadow:0 18px 45px rgba(59,130,246,.22);
  cursor:pointer;font-weight:850
}
.btn-primary .i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}

.btn-soft{
  padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.10);
  background:#fff;color:var(--text);cursor:pointer;font-weight:850
}

.table{display:flex;flex-direction:column;gap:8px}
.t-head,.t-row{
  display:grid;
  grid-template-columns: 2.2fr 1.3fr 1.2fr 1.3fr .9fr 1fr;
  gap:10px;align-items:center
}
.t-head{color:var(--muted);font-size:12px;font-weight:850;padding:6px 8px}
.t-row{padding:12px 8px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}
.t-muted{color:var(--muted);font-weight:750;display:flex;align-items:center;gap:8px}

.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:950;font-size:12px;border:1px solid rgba(15,23,42,.08)}
.b-ok{background:rgba(34,197,94,.12);color:#166534;border-color:rgba(34,197,94,.18)}
.b-warn{background:rgba(245,158,11,.12);color:#92400e;border-color:rgba(245,158,11,.18)}
.b-info{background:rgba(59,130,246,.12);color:#1e40af;border-color:rgba(59,130,246,.18)}

.icon-ghost{
  width:38px;height:38px;border-radius:14px;border:1px solid rgba(15,23,42,.10);
  background:#fff;display:grid;place-items:center;cursor:pointer
}
.icon-ghost svg{width:18px;height:18px;fill:none;stroke:rgba(15,23,42,.75);stroke-width:1.9}
.icon-ghost.danger svg{stroke:#b91c1c}

.form .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:6px}
.lbl{font-size:12px;color:var(--muted);font-weight:950}
.inp{height:42px;border-radius:14px;border:1px solid rgba(15,23,42,.12);padding:0 12px;font:inherit;outline:none;background:#fff}
.inp:focus{border-color:rgba(59,130,246,.45);box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.textarea{height:auto;min-height:90px;padding:10px 12px}
.mrr-lines{margin-top:8px;display:flex;flex-direction:column;gap:4px;font-weight:950}
.mrr-lines div{font-size:12px;opacity:.92}

.alert{padding:12px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.10);background:#fff;box-shadow:var(--shadow)}
.alert strong{font-weight:950}
