/* ============================================================
   LifeThink CRM v3.1 — KOBO
   Load AFTER assets/styles.css
   ============================================================ */

:root{
  --v3-bg:#272d34;
  --v3-surface:#343b44;
  --v3-surface-2:#3d4651;
  --v3-line:rgba(255,255,255,.11);
  --v3-muted:#c0c8d2;
}

html,
body{
  background:#272d34 !important;
  color:#eef1f5 !important;
}

body{
  background:
    radial-gradient(circle at 20% -10%,rgba(91,140,255,.065),transparent 36%),
    #292e35 !important;
}

header{
  background:rgba(41,46,53,.96) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 5px 20px rgba(0,0,0,.10) !important;
}

.card{
  background:#343b44 !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#eef1f5 !important;
  box-shadow:0 6px 20px rgba(0,0,0,.09) !important;
}

.client-site-card{
  background:#3a424c !important;
  border-color:rgba(255,255,255,.10) !important;
}

body,
.card,
table,
input,
select,
textarea{
  color:#eef1f5;
}

h1,h2,h3,h4,strong,.site-name{
  color:#f3f5f7 !important;
}

.muted,
.hint{
  color:#b5bdc8 !important;
}

a{
  color:#e2eaff;
}

a:hover{
  color:#fff;
}

/* Navigation */
.main-nav .pill,
.pill{
  color:#c7ced7 !important;
}

.main-nav .pill:hover,
.main-nav .pill.active,
.pill.active{
  color:#fff !important;
  background:rgba(255,255,255,.095) !important;
  border-color:rgba(255,255,255,.09) !important;
}

.user-chip{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.11) !important;
  color:#eef1f5 !important;
}

.user-chip small{
  color:#a4adba !important;
}

/* Inputs */
input,
select,
textarea,
.main-nav .header-search input[type=text]{
  background:#2d333b !important;
  color:#f1f3f6 !important;
  border-color:rgba(255,255,255,.13) !important;
  -webkit-text-fill-color:#f1f3f6 !important;
  color-scheme:dark !important;
}

input::placeholder,
textarea::placeholder{
  color:#929ca9 !important;
}

input:focus,
select:focus,
textarea:focus{
  background:#303740 !important;
  border-color:rgba(118,157,255,.72) !important;
  box-shadow:0 0 0 3px rgba(91,140,255,.11) !important;
}

/* Tables */
th{
  color:#a8b1be !important;
  background:rgba(255,255,255,.018) !important;
  border-bottom-color:rgba(255,255,255,.11) !important;
}

td{
  color:#e8ebef !important;
  border-bottom-color:rgba(255,255,255,.07) !important;
}

tbody tr:hover td{
  background:rgba(255,255,255,.04) !important;
}

/* Menus */
.nav-more-menu,
.action-menu-panel,
.quick-results{
  background:#3d4651 !important;
  color:#eef1f5 !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.22) !important;
}

.nav-more-menu a{
  color:#e0e5eb !important;
}

.nav-more-menu a:hover,
.quick-results-item:hover{
  background:rgba(255,255,255,.075) !important;
}

.nav-menu-label{
  color:#929ca9 !important;
}

.quick-results-item{
  background:transparent !important;
  color:#eef1f5 !important;
}

/* Buttons */
.btn-outline{
  background:rgba(255,255,255,.035) !important;
  color:#e7ebf0 !important;
  border-color:rgba(255,255,255,.16) !important;
}

.btn-outline:hover{
  background:rgba(255,255,255,.09) !important;
}

.btn-danger{
  background:#4a292e !important;
  color:#ffc1c8 !important;
  border-color:rgba(255,120,135,.25) !important;
}

/* Secondary UI */
.tag{
  background:rgba(255,255,255,.065) !important;
  color:#c9d0d9 !important;
  border-color:rgba(255,255,255,.10) !important;
}

.detail-list>div{
  border-bottom-color:rgba(255,255,255,.085) !important;
}

.detail-list span{
  color:#a8b1bd !important;
}

.detail-list strong{
  color:#edf0f4 !important;
}

.inline-add,
.add-panel{
  border-color:rgba(255,255,255,.10) !important;
}

.inline-add summary,
.add-panel summary,
.action-menu>summary{
  color:#d6dce4 !important;
}

.action-menu>summary{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.11) !important;
}

/* Health */
.health-online{
  background:rgba(49,196,141,.11) !important;
  color:#86e4bd !important;
  border-color:rgba(49,196,141,.22) !important;
}

.health-warning{
  background:rgba(255,190,76,.11) !important;
  color:#ffd586 !important;
  border-color:rgba(255,190,76,.22) !important;
}

.health-offline{
  background:rgba(255,90,110,.11) !important;
  color:#ffa2b0 !important;
  border-color:rgba(255,90,110,.22) !important;
}

.health-unknown{
  background:rgba(255,255,255,.07) !important;
  color:#c0c7d0 !important;
}

/* Site cards */
.site-mini-stats{
  color:#a6afbb !important;
}

.site-mini-stats strong{
  color:#e4e8ed !important;
}

/* Scrollbars */
*{
  scrollbar-color:#626b77 #2d333a;
}

@media(max-width:760px){
  header{
    background:#272d34 !important;
  }
}


/* ============================================================
   Stronger Action Buttons
   ============================================================ */

/* Primary */
button,
.btn{
  background:#557fff !important;
  color:#ffffff !important;
  border-color:#557fff !important;
  box-shadow:0 3px 10px rgba(79,124,255,.18) !important;
}

button:hover,
.btn:hover{
  background:#6b91ff !important;
  border-color:#6b91ff !important;
  color:#ffffff !important;
  filter:none !important;
}

/* Secondary / outline */
.btn-outline{
  background:#414a56 !important;
  color:#f3f5f8 !important;
  border-color:#626d7c !important;
  box-shadow:none !important;
}

.btn-outline:hover{
  background:#505b69 !important;
  border-color:#758191 !important;
  color:#ffffff !important;
}

/* Danger / delete */
.btn-danger{
  background:#d84f61 !important;
  color:#ffffff !important;
  border-color:#d84f61 !important;
  box-shadow:0 3px 10px rgba(216,79,97,.16) !important;
}

.btn-danger:hover{
  background:#e15f70 !important;
  border-color:#e15f70 !important;
}

/* Success actions, where these classes exist */
.btn-success,
.btn-paid{
  background:#2eaf78 !important;
  color:#ffffff !important;
  border-color:#2eaf78 !important;
  box-shadow:0 3px 10px rgba(46,175,120,.16) !important;
}

.btn-success:hover,
.btn-paid:hover{
  background:#3cbd87 !important;
  border-color:#3cbd87 !important;
}


/* ============================================================
   Typography — slightly larger / easier on the eyes
   ============================================================ */

body{
  font-size:16px !important;
  line-height:1.55 !important;
}

input,
select,
textarea,
button,
.btn{
  font-size:15px !important;
}

.main-nav .pill,
.pill{
  font-size:15px !important;
}

table{
  font-size:15px !important;
}

th{
  font-size:12px !important;
}

.muted,
.hint,
.small,
.user-chip small{
  font-size:13px !important;
}

h1{
  font-size:31px !important;
}

h2{
  font-size:23px !important;
}

h3{
  font-size:19px !important;
}


/* CRM v3.1 — active/inactive badges */
.site-status-active{
  background:rgba(49,196,141,.11) !important;
  color:#86e4bd !important;
  border-color:rgba(49,196,141,.22) !important;
}
.site-status-inactive{
  background:rgba(255,255,255,.07) !important;
  color:#c0c7d0 !important;
  border-color:rgba(255,255,255,.12) !important;
}

/* ============================================================
   Soft Dark Theme — Footer
   ============================================================ */

.theme-kobo .crm-footer{
  background:#252a31;
  color:#c7ced7;
  border-top:1px solid rgba(255,255,255,.08);
}

.theme-kobo .crm-footer-main{
  color:#f2f4f7;
}

.theme-kobo .crm-footer-copy{
  color:#b8c0cb;
}

.theme-kobo .crm-footer-user{
  color:#9fa8b4;
  opacity:1;
}


/* ============================================================
   KOBO — stronger but still comfortable
   ============================================================ */

button,
.btn{
  min-height:38px;
  padding:9px 15px !important;
  font-weight:650 !important;
  letter-spacing:.01em;
}

.btn-small{
  min-height:32px;
  padding:6px 10px !important;
  font-size:13px !important;
}

label{
  font-size:14px !important;
}

.card{
  box-shadow:0 7px 24px rgba(0,0,0,.11) !important;
}

.main-nav .pill.active,
.pill.active{
  background:rgba(105,145,255,.16) !important;
  border-color:rgba(105,145,255,.20) !important;
}

.theme-kobo .crm-footer{
  background:#242a31;
  color:#cbd2db;
}