/*
 * URG Unified SaaS Design System v27.1.0
 * Inspired by modern accounting, work-management, HR and farm-management
 * interfaces while preserving Utah Refugee Goats branding and workflows.
 */
:root{
  --urg-brand-900:#102d21;
  --urg-brand-800:#163d2b;
  --urg-brand-700:#1f5a3c;
  --urg-brand-600:#28734b;
  --urg-brand-500:#33875b;
  --urg-brand-100:#eaf5ee;
  --urg-brand-50:#f5faf7;
  --urg-blue:#1769aa;
  --urg-purple:#6d4bb8;
  --urg-orange:#b85c18;
  --urg-red:#b42318;
  --urg-yellow:#9a6700;
  --urg-canvas:#f4f6f8;
  --urg-surface:#ffffff;
  --urg-surface-2:#f8faf9;
  --urg-line:#dfe6e2;
  --urg-line-strong:#cbd6d0;
  --urg-text:#17231d;
  --urg-muted:#63736b;
  --urg-shadow-1:0 1px 2px rgba(16,45,33,.05),0 4px 16px rgba(16,45,33,.04);
  --urg-shadow-2:0 14px 36px rgba(16,45,33,.12);
  --urg-radius-sm:8px;
  --urg-radius:12px;
  --urg-radius-lg:16px;
  --urg-sidebar:264px;
  --urg-topbar:64px;
}

/* Overall application shell */
html{background:var(--urg-canvas)}
body{color:var(--urg-text);background:var(--urg-canvas)}
.urg-crm{
  grid-template-columns:var(--urg-sidebar) minmax(0,1fr)!important;
  background:var(--urg-canvas)!important;
  min-height:100vh!important;
}
.urg-main,.urg-panel,.urg-content{
  min-width:0!important;
  background:var(--urg-canvas)!important;
}
.urg-main{padding:22px 26px 40px!important}

/* Sidebar: compact accounting/work-management navigation */
.urg-side{
  width:var(--urg-sidebar)!important;
  min-width:var(--urg-sidebar)!important;
  background:linear-gradient(180deg,#102d21 0%,#0d251c 100%)!important;
  border-right:0!important;
  box-shadow:8px 0 28px rgba(12,34,25,.12)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
.urg-side-brand{
  min-height:66px!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.018)!important;
}
.urg-side-brand-copy b{font-size:13px!important;letter-spacing:.01em;color:#fff!important}
.urg-side-brand-copy small{font-size:10px!important;color:#a9bcb1!important}
.urg-v222-nav{padding:9px 8px 22px!important;gap:2px!important}
.urg-v222-dashboard,.urg-v222-group-head{
  min-height:38px!important;
  border-radius:9px!important;
  padding:8px 10px!important;
  font-size:12px!important;
  color:#bdd0c4!important;
}
.urg-v222-dashboard:hover,.urg-v222-group-head:hover{
  background:rgba(255,255,255,.07)!important;color:#fff!important;
}
.urg-v222-dashboard.active{
  background:linear-gradient(90deg,rgba(51,135,91,.38),rgba(51,135,91,.18))!important;
  box-shadow:inset 3px 0 0 #6ed099!important;color:#fff!important;
}
.urg-v222-group{margin:1px 0!important}
.urg-v222-group.open>.urg-v222-group-head,
.urg-v222-group[open]>.urg-v222-group-head{color:#fff!important;background:rgba(255,255,255,.035)!important}
.urg-v222-group-head .ico,.urg-v222-dashboard .ico{color:#9dc8ad!important}
.urg-v222-sub{
  margin:1px 0 5px 18px!important;
  padding:2px 0 2px 12px!important;
  border-left:1px solid rgba(170,205,185,.2)!important;
}
.urg-v222-subitem{
  position:relative!important;
  min-height:31px!important;
  padding:6px 8px!important;
  border-radius:7px!important;
  color:#9fb4a8!important;
  font-size:11.5px!important;
}
.urg-v222-subitem:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.urg-v222-subitem.active{
  background:rgba(51,135,91,.25)!important;
  color:#fff!important;
  font-weight:760!important;
}
.urg-v222-subitem.active .dot{background:#72d39c!important;box-shadow:0 0 0 3px rgba(114,211,156,.16)!important}

/* Topbar and account control */
.urg-global-top{
  min-height:var(--urg-topbar)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--urg-line)!important;
  box-shadow:0 1px 0 rgba(16,45,33,.02)!important;
}
.urg-account-trigger,.urg-profile-trigger{
  border:1px solid var(--urg-line)!important;
  background:#fff!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.urg-account-trigger:hover,.urg-profile-trigger:hover{background:var(--urg-brand-50)!important;border-color:#b9d4c4!important}

/* Consistent page title injected by JS */
.urg-saas-page-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin:0 0 18px;padding:0 2px;
}
.urg-saas-page-head h1{margin:0;font-size:24px!important;line-height:1.2;letter-spacing:-.025em}
.urg-saas-page-head p{margin:5px 0 0;color:var(--urg-muted);font-size:12px}
.urg-saas-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Cards and dashboard widgets */
.urg-card,.urg-v222-widget,.urg-v222-kpi,.urg-people-card,.urg-contact-card,
.urg-employee-card,.urg-record-section,.urg-profile-card,.bfs-admin-card,
.urg-bank-card,.urg-tr-card,.liv-card{
  background:var(--urg-surface)!important;
  border:1px solid var(--urg-line)!important;
  border-radius:var(--urg-radius-lg)!important;
  box-shadow:var(--urg-shadow-1)!important;
}
.urg-card:hover,.urg-v222-widget:hover,.urg-v222-quick>a:hover{
  border-color:#cbdad2!important;
}
.urg-v222-home{max-width:1540px!important;margin:0 auto!important}
.urg-v222-kpis{grid-template-columns:1.25fr 1fr 1fr!important;gap:14px!important}
.urg-v222-kpi{
  min-height:142px!important;padding:20px!important;overflow:hidden!important;position:relative!important;
}
.urg-v222-kpi::after{
  content:"";position:absolute;width:118px;height:118px;border-radius:50%;
  right:-35px;top:-38px;background:rgba(255,255,255,.13);
}
.urg-v222-kpi.blue{background:linear-gradient(135deg,#1769aa,#14598f)!important;color:#fff!important}
.urg-v222-kpi.green{background:linear-gradient(135deg,#28734b,#1f5a3c)!important;color:#fff!important}
.urg-v222-kpi.purple{background:linear-gradient(135deg,#6d4bb8,#563796)!important;color:#fff!important}
.urg-v222-kpi h1,.urg-v222-kpi p,.urg-v222-kpi a,.urg-v222-kpi .eyebrow{color:#fff!important}
.urg-v222-kpi .money{font-size:30px!important;letter-spacing:-.035em}
.urg-v222-title{margin:24px 0 10px!important}
.urg-v222-title h2{font-size:17px!important;letter-spacing:-.015em}
.urg-v222-quick{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.urg-v222-quick>a{
  min-height:92px!important;background:#fff!important;border:1px solid var(--urg-line)!important;
  border-radius:13px!important;box-shadow:var(--urg-shadow-1)!important;padding:13px!important;
}
.urg-v222-quick>a:hover{transform:translateY(-1px);box-shadow:var(--urg-shadow-2)!important}
.urg-v222-quick .qico{
  width:34px!important;height:34px!important;border-radius:10px!important;
  background:var(--urg-brand-100)!important;color:var(--urg-brand-700)!important;
}
.urg-v222-bottom{gap:14px!important}
.urg-v222-widget header{padding:14px 16px!important;border-bottom:1px solid var(--urg-line)!important}
.urg-v222-widget .body{padding:10px 16px 16px!important}
.urg-v222-widget .item{padding:10px 0!important;border-bottom:1px solid #eef2f0!important}

/* Monday-style status pills */
[class*="status-pill"],.urg-badge,.liv-badge,.urg-status,.bfs-badge{
  display:inline-flex!important;align-items:center!important;min-height:25px!important;
  padding:4px 9px!important;border-radius:999px!important;font-size:10px!important;
  font-weight:800!important;line-height:1!important;white-space:nowrap!important;
}
.is-approved,.status-approved,.urg-status-approved{background:#e9f8ef!important;color:#067647!important}
.is-pending,.status-pending,.urg-status-pending{background:#fff6d8!important;color:#835b00!important}
.is-rejected,.status-rejected,.urg-status-rejected{background:#fff0ef!important;color:#b42318!important}
.is-draft,.status-draft{background:#eef2f6!important;color:#4e5d68!important}

/* Buttons: QuickBooks/Xero-like hierarchy */
button,.button,input[type="submit"],input[type="button"],a.urg-btn,.urg-btn,
.urg-bank-btn,.liv-btn,.bfs-toolbar a,.urg-tr-header-actions a{
  min-height:38px!important;border-radius:8px!important;padding:8px 13px!important;
  font-size:12px!important;font-weight:760!important;line-height:1.15!important;
  box-shadow:none!important;transition:.15s ease!important;
}
button[type="submit"],input[type="submit"],.urg-primary,.urg-btn-primary,
.urg-bank-btn,.bfs-toolbar a,.urg-tr-header-actions a:first-child{
  background:var(--urg-brand-600)!important;color:#fff!important;border:1px solid var(--urg-brand-600)!important;
}
button[type="submit"]:hover,input[type="submit"]:hover,.urg-primary:hover,.urg-btn-primary:hover{
  background:var(--urg-brand-700)!important;border-color:var(--urg-brand-700)!important;
}
.button,.urg-secondary,.urg-btn-secondary{
  background:#fff!important;color:var(--urg-text)!important;border:1px solid var(--urg-line-strong)!important;
}
.button:hover,.urg-secondary:hover,.urg-btn-secondary:hover{background:var(--urg-surface-2)!important;border-color:#aebdb5!important}
.urg-record-delete,.urg-people-delete-btn,.bfs-delete,.urg-tr-delete{
  background:#fff!important;color:var(--urg-red)!important;border-color:#efc0bc!important;
}

/* Workday-like record headers and tabs */
.urg-record-file-head,.urg-employee-file-header,.liv-animal-file-head{
  background:linear-gradient(135deg,#fff,#f6faf7)!important;
  border:1px solid var(--urg-line)!important;
  border-radius:var(--urg-radius-lg)!important;
  padding:20px!important;
  box-shadow:var(--urg-shadow-1)!important;
}
.urg-record-file-head h1,.urg-employee-file-header h1,.liv-animal-file-head h1{
  font-size:23px!important;letter-spacing:-.025em!important;margin:3px 0!important;
}
.urg-employee-tabs,.urg-animal-tabs,.urg-record-tabs{
  display:flex!important;gap:6px!important;overflow-x:auto!important;
  padding:8px!important;background:#fff!important;border:1px solid var(--urg-line)!important;
  border-radius:11px!important;box-shadow:var(--urg-shadow-1)!important;
  scrollbar-width:thin;
}
.urg-employee-tabs a,.urg-animal-tabs a,.urg-record-tabs a{
  flex:0 0 auto!important;padding:8px 11px!important;border-radius:7px!important;
  background:transparent!important;color:var(--urg-muted)!important;border:0!important;
  font-size:11px!important;font-weight:760!important;text-decoration:none!important;
}
.urg-employee-tabs a:hover,.urg-animal-tabs a:hover,.urg-record-tabs a:hover{
  background:var(--urg-brand-50)!important;color:var(--urg-brand-700)!important;
}

/* Forms */
label{font-size:11px!important;font-weight:750!important;color:#435249!important}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],
input[type="date"],input[type="time"],input[type="search"],input[type="tel"],
input[type="url"],select,textarea{
  min-height:40px!important;border:1px solid var(--urg-line-strong)!important;
  border-radius:8px!important;background:#fff!important;color:var(--urg-text)!important;
  padding:8px 10px!important;font-size:13px!important;box-shadow:inset 0 1px 1px rgba(16,45,33,.02)!important;
}
input:hover,select:hover,textarea:hover{border-color:#aebdb5!important}
input:focus,select:focus,textarea:focus{
  border-color:var(--urg-brand-500)!important;
  box-shadow:0 0 0 3px rgba(51,135,91,.14)!important;outline:0!important;
}
.urg-form-section,.urg-staff-contract-box{border-radius:var(--urg-radius)!important}

/* Tables: dense accounting and work-management layout */
.urg-saas-table-wrap,.urg-table-wrap,.urg-file-table-wrap,.urg-bank-table-wrap,
.urg-tr-table-wrap,.bfs-history{overflow:auto!important;-webkit-overflow-scrolling:touch}
table{
  width:100%!important;border-collapse:separate!important;border-spacing:0!important;
  background:#fff!important;font-size:12px!important;
}
thead th{
  position:sticky;top:0;z-index:2;background:#f5f8f6!important;color:#5d6e65!important;
  text-transform:uppercase!important;letter-spacing:.045em!important;font-size:9.5px!important;
  font-weight:850!important;border-bottom:1px solid var(--urg-line-strong)!important;
}
th,td{padding:10px 12px!important;border-bottom:1px solid #e9eeeb!important;vertical-align:middle!important}
tbody tr:hover td{background:#fbfdfc!important}
tbody tr:last-child td{border-bottom:0!important}
td a{color:var(--urg-brand-700)!important;font-weight:720;text-decoration:none}
td a:hover{text-decoration:underline}
.urg-saas-table-wrap{border:1px solid var(--urg-line)!important;border-radius:11px!important;background:#fff!important}

/* Filters and action bars */
.urg-enterprise-toolbar,.urg-filter-bar,.urg-bank-filters,.urg-people-toolbar,
.urg-saas-toolbar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;flex-wrap:wrap!important;padding:10px 12px!important;
  background:#fff!important;border:1px solid var(--urg-line)!important;
  border-radius:11px!important;box-shadow:var(--urg-shadow-1)!important;
}
.urg-saas-search{position:relative;min-width:220px;flex:1 1 280px}
.urg-saas-search input{padding-left:34px!important}
.urg-saas-search::before{content:"⌕";position:absolute;left:11px;top:8px;color:var(--urg-muted);z-index:1}

/* Dropdowns */
.urg-account-dropdown,.urg-profile-menu,.urg-people-actions-popover{
  border:1px solid var(--urg-line)!important;border-radius:12px!important;
  box-shadow:var(--urg-shadow-2)!important;background:#fff!important;
}

/* Mobile */
@media(max-width:1180px){
  .urg-v222-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .urg-v222-kpis{grid-template-columns:1fr 1fr!important}
  .urg-v222-kpi:first-child{grid-column:1/-1}
}
@media(max-width:960px){
  :root{--urg-sidebar:min(86vw,330px)}
  .urg-main{padding:16px 14px 32px!important}
  .urg-saas-page-head{margin-top:4px}
  .urg-v222-quick{grid-template-columns:1fr 1fr!important}
  .urg-v222-bottom{grid-template-columns:1fr!important}
  table{min-width:720px!important}
}
@media(max-width:600px){
  .urg-main{padding:12px 10px 26px!important}
  .urg-saas-page-head{flex-direction:column;align-items:stretch}
  .urg-saas-page-head h1{font-size:21px!important}
  .urg-v222-kpis{grid-template-columns:1fr!important}
  .urg-v222-kpi:first-child{grid-column:auto}
  .urg-v222-quick{grid-template-columns:1fr!important}
  .urg-v222-kpi{min-height:122px!important}
  .urg-card,.urg-v222-widget,.urg-v222-kpi,.urg-record-section,
  .urg-employee-card,.urg-bank-card,.urg-tr-card,.liv-card{border-radius:11px!important}
  .urg-enterprise-toolbar,.urg-filter-bar,.urg-bank-filters,.urg-people-toolbar,.urg-saas-toolbar{
    align-items:stretch!important;flex-direction:column!important;
  }
  .urg-enterprise-toolbar>*,
  .urg-filter-bar>*,
  .urg-bank-filters>*,
  .urg-people-toolbar>*{width:100%!important}
}

/* Print cleanliness */
@media print{
  .urg-side,.urg-global-top,.urg-mobile-overlay,.urg-saas-page-head,
  .urg-enterprise-no-print,.urg-saas-no-print{display:none!important}
  .urg-main{padding:0!important;background:#fff!important}
  .urg-card,.urg-v222-widget,.urg-record-section,.urg-bank-card,.urg-tr-card{
    box-shadow:none!important;border-color:#ccc!important;break-inside:avoid;
  }
}