/* brand.css — Match newclassifiedtrafficexchange.com (Beige + Green) */
:root{
  --green:#008d36;         /* brand green */
  --green-600:#006b29;     /* darker green for hover */
  --beige:#f5f5dc;         /* brand beige */
  --beige-600:#eee9c9;     /* slightly deeper beige (hover/stripe) */
  --border:#dcd8c2;        /* soft beige border */
  --text:#1f2937;          /* dark text */
  --muted:#6b7280;         /* muted text */
  --shadow:0 1px 2px rgba(0,0,0,.06);
}

/* Page */
html,body{
  background:var(--beige) !important;
  color:var(--text) !important;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif !important;
  margin:0;
}

/* Links */
a{color:var(--green) !important; text-decoration:none}
a:hover{color:var(--green-600) !important}

/* Header / top nav */
header{
  background:var(--beige) !important;
  color:var(--green) !important;
  border-bottom:1px solid var(--border) !important;
}
header a{color:var(--green) !important; font-weight:600}
header a:hover{color:var(--green-600) !important}

/* Layout */
.wrap{max-width:980px;margin:24px auto;padding:0 16px}

/* Cards/sections */
.card{
  background:var(--beige) !important;   /* make all sections beige */
  border:1px solid var(--border) !important;
  border-radius:14px !important;
  box-shadow:var(--shadow) !important;
  padding:16px !important;
}

/* Tables */
table{width:100%;border-collapse:collapse;background:transparent}
thead th{
  background:var(--beige-600) !important;
  color:var(--green) !important;
  border-bottom:1px solid var(--border) !important;
}
th,td{
  border-bottom:1px solid var(--border) !important;
  padding:10px; text-align:left; vertical-align:top
}
tbody tr:hover{background:rgba(0,0,0,0.02)}

/* Buttons */
.btn, button[type=submit]{
  background:var(--green) !important;
  color:#fff !important;
  border:none !important;
  padding:10px 14px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  box-shadow:var(--shadow) !important;
}
.btn:hover, button[type=submit]:hover{background:var(--green-600) !important}

/* Secondary button (beige look) */
.btn.secondary{
  background:var(--beige) !important;
  color:var(--green) !important;
  border:1px solid var(--border) !important;
}
.btn.secondary:hover{
  background:var(--beige-600) !important;
  color:var(--green-600) !important;
}

/* Inputs */
input[type=text],input[type=password],input[type=email],textarea,select{
  width:100%;
  padding:10px;
  border:1px solid var(--border) !important;
  border-radius:10px;
  background:#fff;
  margin:6px 0 12px;
}

/* Notes / alerts */
.note{background:#f9fafb;border:1px dashed var(--border);color:var(--text)}
.note.danger{background:#fff5f5;border-color:#fbcaca;color:#7f1d1d}

/* Badges / pills */
.badge, header .admin-pill{
  display:inline-block; padding:4px 8px; border-radius:999px;
  background:var(--beige); color:var(--green);
  border:1px solid var(--border); font-size:12px
}