/* SM Cred — admin.css */
:root{--blue:#054AB8;--blue-dark:#003B8E;--orange:#FC8E0F;--gray-dark:#1F2937;--gray-mid:#6B7280;--gray-light:#F5F7FA;--sidebar-w:260px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:var(--gray-light);color:var(--gray-dark);display:flex;min-height:100vh;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* Sidebar */
.sidebar{width:var(--sidebar-w);background:var(--gray-dark);height:100vh;position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto;}
.sidebar-logo{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);}
.sidebar-logo img{height:40px;}
.sidebar-logo span{display:block;font-size:.72rem;color:rgba(255,255,255,.4);margin-top:4px;letter-spacing:.06em;text-transform:uppercase;}
.sidebar-nav{flex:1;padding:16px 12px;}
.nav-section{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;padding:16px 12px 8px;}
.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:rgba(255,255,255,.65);font-size:.9rem;font-weight:500;transition:.2s ease;margin-bottom:2px;}
.sidebar-link:hover{background:rgba(255,255,255,.08);color:#fff;}
.sidebar-link.active{background:var(--blue);color:#fff;}
.sidebar-link i{font-size:1.05rem;width:20px;flex-shrink:0;}
.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.08);}
.sidebar-footer a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.5);font-size:.85rem;padding:10px 14px;border-radius:8px;transition:.2s;}
.sidebar-footer a:hover{color:#fff;background:rgba(255,255,255,.06);}

/* Main */
.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;}
.topbar{background:#fff;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(5,74,184,.08);position:sticky;top:0;z-index:50;}
.topbar-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.05rem;color:var(--gray-dark);}
.topbar-user{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--gray-mid);}
.topbar-user .avatar{width:36px;height:36px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;}
.page-content{padding:28px;flex:1;}

/* Cards stats */
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px;}
.stat-card{background:#fff;border-radius:14px;padding:20px;border:1px solid rgba(5,74,184,.07);display:flex;align-items:center;gap:14px;}
.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.stat-icon.blue{background:rgba(5,74,184,.1);color:var(--blue);}
.stat-icon.orange{background:rgba(252,142,15,.12);color:var(--orange);}
.stat-icon.green{background:#d1fae5;color:#065f46;}
.stat-icon.red{background:#fee2e2;color:#991b1b;}
.stat-icon.yellow{background:#fef3c7;color:#92400e;}
.stat-value{font-family:'Poppins',sans-serif;font-size:1.6rem;font-weight:800;color:var(--gray-dark);line-height:1;}
.stat-label{font-size:.78rem;color:var(--gray-mid);margin-top:3px;}

/* Table */
.card{background:#fff;border-radius:14px;border:1px solid rgba(5,74,184,.07);overflow:hidden;}
.card-header{padding:18px 24px;border-bottom:1px solid rgba(5,74,184,.07);display:flex;align-items:center;justify-content:space-between;gap:12px;}
.card-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:1rem;}
.card-body{padding:24px;}
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:.88rem;}
th{text-align:left;padding:10px 16px;background:var(--gray-light);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-mid);white-space:nowrap;}
td{padding:13px 16px;border-bottom:1px solid rgba(5,74,184,.06);vertical-align:middle;}
tr:last-child td{border-bottom:none;}
tr:hover td{background:rgba(5,74,184,.02);}

/* Forms */
.form-group{margin-bottom:18px;}
.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-dark);margin-bottom:6px;}
.form-control{width:100%;padding:10px 14px;border:1.5px solid rgba(5,74,184,.15);border-radius:9px;font-family:'Inter',sans-serif;font-size:.9rem;color:var(--gray-dark);background:#fff;transition:.2s;}
.form-control:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(5,74,184,.1);}
textarea.form-control{resize:vertical;min-height:120px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:9px;font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:.2s;font-family:'Inter',sans-serif;}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{background:var(--blue-dark);}
.btn-orange{background:var(--orange);color:#fff;}
.btn-orange:hover{filter:brightness(.9);}
.btn-success{background:#059669;color:#fff;}
.btn-success:hover{background:#047857;}
.btn-danger{background:#dc2626;color:#fff;}
.btn-danger:hover{background:#b91c1c;}
.btn-secondary{background:var(--gray-light);color:var(--gray-dark);border:1px solid rgba(5,74,184,.12);}
.btn-secondary:hover{background:#e5e7eb;}
.btn-sm{padding:6px 14px;font-size:.8rem;}
.btn-icon{padding:7px;border-radius:8px;}

/* Badges */
.badge-status{display:inline-block;padding:3px 12px;border-radius:50px;font-size:.73rem;font-weight:700;}
.badge-novo{background:#dbeafe;color:#1e40af;}
.badge-atendimento{background:#fef3c7;color:#92400e;}
.badge-convertido{background:#d1fae5;color:#065f46;}
.badge-perdido{background:#fee2e2;color:#991b1b;}
.badge-admin{background:#e0f2fe;color:#0369a1;}
.badge-editor{background:#f3f4f6;color:#374151;}

/* Alerts */
.alert{padding:12px 18px;border-radius:10px;font-size:.9rem;margin-bottom:18px;}
.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7;}
.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;}
.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;}

/* Login */
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-dark),var(--blue));padding:20px;}
.login-card{background:#fff;border-radius:20px;padding:44px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.login-logo{text-align:center;margin-bottom:32px;}
.login-logo img{height:50px;margin:0 auto 12px;}
.login-logo p{font-size:.85rem;color:var(--gray-mid);}
.login-title{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:800;color:var(--gray-dark);text-align:center;margin-bottom:28px;}

/* Responsive */
@media(max-width:900px){
  .sidebar{transform:translateX(-100%);transition:.3s;}
  .sidebar.open{transform:translateX(0);}
  .main{margin-left:0;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .form-grid{grid-template-columns:1fr;}
}

/* CMS Premium Enhancements */
.image-preview-container {
  position: relative;
  width: 180px;
  height: 120px;
  border: 2px dashed rgba(5,74,184,.15);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-light);
  margin-bottom: 12px;
  transition: border-color 0.2s;
}
.image-preview-container:hover {
  border-color: var(--blue);
}
.image-preview-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.image-preview-container .placeholder {
  color: var(--gray-mid);
  font-size: 0.8rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.image-preview-container .placeholder i {
  font-size: 1.5rem;
}

.color-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.color-picker-card {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(5,74,184,.07);
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(5,74,184,.02);
}
.color-picker-card label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--gray-dark);
}
.color-picker-card input[type="color"] {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 8px;
  cursor: pointer;
  background: none;
  padding: 0;
}

.sortable-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 14px 20px;
  border-radius: 12px;
  border: 1px solid rgba(5,74,184,.07);
  margin-bottom: 8px;
  box-shadow: 0 2px 6px rgba(5,74,184,.02);
}

.btn-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.action-logs-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.log-card {
  background: #fff;
  border-radius: 12px;
  padding: 14px 20px;
  border: 1px solid rgba(5,74,184,.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.88rem;
  gap: 16px;
}
.log-card .log-user {
  font-weight: 700;
  color: var(--gray-dark);
}
.log-card .log-details {
  flex: 1;
  color: var(--gray-mid);
}
.log-card .log-meta {
  font-size: 0.8rem;
  color: var(--gray-mid);
  text-align: right;
  white-space: nowrap;
}
.log-card .log-badge {
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}
.log-badge-criar { background: #d1fae5; color: #065f46; }
.log-badge-editar { background: #dbeafe; color: #1e40af; }
.log-badge-excluir { background: #fee2e2; color: #991b1b; }
.log-badge-login { background: #f3f4f6; color: #374151; }

.lead-detail-grid {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 12px 20px;
  font-size: 0.92rem;
  margin-bottom: 24px;
}
.lead-detail-label {
  font-weight: 700;
  color: var(--gray-mid);
  text-align: right;
}
.lead-detail-value {
  color: var(--gray-dark);
}