/*
Theme Name: Axolotl CRM Theme
Theme URI: https://example.com
Description: Clean, minimal WordPress theme designed specifically for Axolotl CRM. Features a green energy construction color palette with zero interference to CRM functionality.
Author: Your Company
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: axolotl-crm-theme
Tags: crm, business, clean, minimal
*/

/* =========================
   MINIMAL BASE STYLES
   ========================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  color: #0f172a;
  background: #f5f7f6;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #2f5f4a;
  text-decoration: none;
}

a:hover {
  color: #9ccc65;
}

/* =========================
   CRM SPECIFIC STYLES
   Leave CRM components alone
   ========================= */

.axcrm-container {
  background: #f5f7f6;
  color: #0f172a;
}

.axcrm-topbar {
  background: rgba(255,255,255,0.95);
  border: 1px solid rgba(15,23,42,0.12);
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(15,23,42,0.06);
}

.axcrm-logo {
  color: #2f5f4a;
  font-weight: 800;
}

.axcrm-nav a {
  color: #2f5f4a;
}

.axcrm-nav a:hover {
  color: #9ccc65;
}

.axcrm-card {
  background: #ffffff;
  border: 1px solid rgba(15,23,42,0.12);
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(15,23,42,0.06);
}

.axcrm-btn-primary {
  background: linear-gradient(180deg, #9ccc65, #86b94f);
  color: #1f2937;
  border-color: rgba(156,204,101,0.6);
}

.axcrm-btn-secondary {
  background: #ffffff;
  color: #2f5f4a;
  border: 1px solid #2f5f4a;
}

.axcrm-table th {
  background: rgba(47,95,74,0.08);
  color: #2f5f4a;
}

.axcrm-table tbody tr:hover td {
  background: rgba(156,204,101,0.10);
}

.msg-item.unread {
  background: rgba(156,204,101,0.18);
  border-left: 4px solid #9ccc65;
}

.msg-badge-important {
  background: #2f5f4a;
  color: #ffffff;
}

.msg-badge-lead {
  background: #9ccc65;
  color: #1f2937;
}

.msg-tab.active {
  background: #2f5f4a;
  color: #ffffff;
}

.axcrm-alert-success {
  background: rgba(156,204,101,0.10);
  border-left: 4px solid #9ccc65;
  color: #2f5f4a;
}

.axcrm-container h1,
.axcrm-container h2,
.axcrm-container h3 {
  color: #2f5f4a;
}

.axcrm-container input:focus,
.axcrm-container select:focus,
.axcrm-container textarea:focus {
  border-color: #9ccc65;
  box-shadow: 0 0 0 4px rgba(156,204,101,0.25);
  outline: none;
}

/* Tabs - Override plugin CSS */
.axcrm-tab.active,
a.axcrm-tab.active {
  background: #2f5f4a !important;
  color: #ffffff !important;
}

.axcrm-tab:not(.active),
a.axcrm-tab:not(.active) {
  background: #f5f7f6 !important;
  color: #2f5f4a !important;
}

.axcrm-tab:not(.active):hover,
a.axcrm-tab:not(.active):hover {
  background: rgba(156,204,101,0.20) !important;
}

/* Message tabs specifically */
.msg-tab.active,
a.msg-tab.active {
  background: #2f5f4a !important;
  color: #ffffff !important;
}

.msg-tab:not(.active),
a.msg-tab:not(.active) {
  background: #f5f7f6 !important;
  color: #2f5f4a !important;
}

.msg-tab:not(.active):hover,
a.msg-tab:not(.active):hover {
  background: rgba(156,204,101,0.20) !important;
}