/* Law Firm Portal - Simple CSS (gold, black, white) */

/* Base */
.lfp-wrap, .lfp-frontend-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #111;
  max-width: 1100px;
  margin: 20px auto;
  padding: 18px;
  background: #fff;
}

/* Gold / black accents */
:root {
  --lfp-gold: #c59a3a;
  --lfp-dark: #0b0b0b;
  --lfp-light: #ffffff;
  --lfp-muted: #666;
}

h1, h2, h3 {
  color: var(--lfp-dark);
}

.lfp-links { list-style:none; padding:0; }
.lfp-links li { display:inline-block; margin-right:10px; }

.lfp-btn {
  display:inline-block;
  background: var(--lfp-gold);
  color: #fff;
  padding:10px 14px;
  border-radius:6px;
  text-decoration:none;
  border: none;
  cursor: pointer;
  font-weight:600;
}
.lfp-btn.small { padding:6px 8px; font-size:13px; }

.lfp-link { color: var(--lfp-dark); text-decoration: underline; margin-left:6px; }

.lfp-two-col { display:flex; gap:18px; align-items:flex-start; }
.lfp-card { background: #fff; border:1px solid #eee; padding:14px; border-radius:8px; flex:1; box-shadow: 0 6px 18px rgba(0,0,0,0.03); }

/* Tables */
.lfp-table { width:100%; border-collapse: collapse; margin-top:10px; }
.lfp-table th, .lfp-table td { border-bottom:1px solid #eee; padding:8px 10px; text-align:left; }
.lfp-table th { background: #faf7f0; color:var(--lfp-dark); }

/* Forms */
.lfp-card label { display:block; margin:8px 0 4px; color:var(--lfp-muted); font-size:13px; }
.lfp-card input[type="text"], .lfp-card textarea, .lfp-card select {
  width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:6px; box-sizing: border-box;
}
.lfp-card textarea { min-height: 120px; }

/* Frontend dashboard */
.lfp-dashboard-top { display:flex; gap:16px; margin-bottom:20px; }
.lfp-stat-card { background: var(--lfp-dark); color:var(--lfp-light); flex:1; padding:16px; border-radius:8px; text-align:center; }
.lfp-stat-card h3 { margin:0 0 6px; font-size:14px; color:#fff; font-weight:600; }
.lfp-stat-number { font-size:28px; margin:0; font-weight:700; color:var(--lfp-gold); }

/* Lists */
.lfp-list { display:flex; flex-direction:column; gap:10px; }
.lfp-list-item { border:1px solid #eee; padding:12px; border-radius:8px; display:flex; align-items:center; justify-content:space-between; background:#fff; }
.lfp-list-left { flex:1; }
.lfp-meta { font-size:13px; color:var(--lfp-muted); margin-top:6px; }

/* Small responsive */
@media (max-width:900px) {
  .lfp-two-col { flex-direction:column; }
  .lfp-dashboard-top { flex-direction:column; }
}