/*
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
   ========================= */

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

/* Topbar */
.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);
}

/* Logo */
.axcrm-logo {
  color: #2f5f4a !important;
  font-weight: 800 !important;
}

/* =========================
   HEADER / NAV
   ========================= */

.axcrm-nav a {
  color: #2f5f4a !important;
  position: relative;
}

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

/* Header dropdown triggers should visually match nav links */
.axcrm-nav .axcrm-dropdown-trigger,
.axcrm-nav button.axcrm-dropdown-trigger,
.axcrm-nav .axcrm-nav-dropdown-trigger,
.axcrm-nav button.axcrm-nav-dropdown-trigger {
  background: transparent !important;
  border: none !important;
  color: #2f5f4a !important;
  font: inherit !important;
  font-weight: 500 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: inherit !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

.axcrm-nav .axcrm-dropdown-trigger:hover,
.axcrm-nav .axcrm-dropdown-trigger:focus,
.axcrm-nav .axcrm-nav-dropdown-trigger:hover,
.axcrm-nav .axcrm-nav-dropdown-trigger:focus {
  color: #9ccc65 !important;
  background: transparent !important;
  outline: none !important;
}

/* Header dropdown panels */
.axcrm-nav .axcrm-dropdown-menu,
.axcrm-nav .axcrm-nav-dropdown-menu {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12) !important;
  padding: 8px !important;
  min-width: 190px !important;
  z-index: 9999 !important;
}

/* Header dropdown links */
.axcrm-nav .axcrm-dropdown-menu a,
.axcrm-nav .axcrm-nav-dropdown-menu a {
  display: block !important;
  color: #2f5f4a !important;
  text-decoration: none !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  background: transparent !important;
}

.axcrm-nav .axcrm-dropdown-menu a:hover,
.axcrm-nav .axcrm-nav-dropdown-menu a:hover {
  background: rgba(156, 204, 101, 0.10) !important;
  color: #2f5f4a !important;
}

/* Header nav separators */
.axcrm-nav a:not(:last-child)::after {
  content: " |";
  margin-left: 8px;
  margin-right: 8px;
  color: rgba(47, 95, 74, 0.5);
}

.axcrm-nav a:last-child::after {
  content: "";
}

/* =========================
   CARDS
   ========================= */

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

/* =========================
   BUTTONS
   ========================= */

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

.axcrm-btn-secondary,
button.axcrm-btn-secondary,
a.axcrm-btn-secondary {
  background: #ffffff !important;
  color: #2f5f4a !important;
  border: 1px solid #2f5f4a !important;
}

/* Black / dark buttons used by plugin inline styles */
button[style*="background: black"],
button[style*="background:black"],
input[type="submit"][style*="background: black"],
input[type="submit"][style*="background:black"],
.axcrm-btn[style*="background: black"],
.axcrm-btn[style*="background:black"] {
  background: #2f5f4a !important;
  color: #ffffff !important;
}

button[class*="btn-dark"],
button[class*="btn-black"],
.btn-dark,
.btn-black {
  background: #2f5f4a !important;
  color: #ffffff !important;
  border: none !important;
}

button:not(.axcrm-btn-primary):not(.axcrm-btn-secondary)[style*="background"],
input[type="submit"]:not(.axcrm-btn-primary):not(.axcrm-btn-secondary)[style*="background"] {
  background: #2f5f4a !important;
  color: #ffffff !important;
}

button[style*="background: black"]:hover,
button[style*="background:black"]:hover {
  background: #3d7a5f !important;
}

/* =========================
   TABS
   ========================= */

/* Lead detail tabs */
.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 */
.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;
}

/* =========================
   TABLES
   ========================= */

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

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

/* =========================
   MESSAGES / BADGES
   ========================= */

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

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

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

/* =========================
   TYPOGRAPHY / HEADINGS
   ========================= */

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

/* Links inside CRM, excluding button-like elements */
.axcrm-container a:not(.axcrm-btn):not(.msg-item):not(.msg-tab):not(.axcrm-tab) {
  color: #2f5f4a !important;
}

.axcrm-container a:hover {
  color: #9ccc65 !important;
}

/* =========================
   FORMS
   ========================= */

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

/* =========================
   ALERTS
   ========================= */

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