/**
 * URG ERP Enterprise Design System v26.0.0
 *
 * Scope:
 * - Standardizes navigation, cards, forms, tables, record files and responsive behavior.
 * - Does not alter database queries or business workflows.
 */

:root{
  --urg-bg:#f4f6f5;
  --urg-surface:#ffffff;
  --urg-surface-soft:#f8faf9;
  --urg-border:#dce5e0;
  --urg-border-strong:#c9d7cf;
  --urg-text:#17251e;
  --urg-muted:#687870;
  --urg-primary:#0f6f45;
  --urg-primary-hover:#0b5b38;
  --urg-primary-soft:#eaf6ef;
  --urg-danger:#b42318;
  --urg-warning:#9a6700;
  --urg-info:#175cd3;
  --urg-radius-sm:8px;
  --urg-radius:12px;
  --urg-radius-lg:16px;
  --urg-shadow-sm:0 2px 8px rgba(20,48,34,.05);
  --urg-shadow:0 10px 30px rgba(20,48,34,.08);
  --urg-focus:0 0 0 3px rgba(15,111,69,.18);
  --urg-sidebar-width:276px;
  --urg-topbar-height:64px;
}

html{scroll-behavior:smooth}
body:has(.urg-crm),
body:has(.urg-v222-home),
body:has(.urg-record-file),
body:has(.urg-employee-file){
  background:var(--urg-bg)!important;
  color:var(--urg-text);
}

.urg-crm,.urg-v222-home,.urg-record-file,.urg-employee-file,
.urg-contact-shell,.urg-people-wrap{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:var(--urg-text)!important;
}

.urg-main,.urg-panel{
  background:var(--urg-bg)!important;
}

.urg-global-top{
  min-height:var(--urg-topbar-height)!important;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 2px 12px rgba(0,0,0,.12);
}

.urg-side{
  width:var(--urg-sidebar-width)!important;
  background:#17211d!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
}
.urg-side a,.urg-side summary{border-radius:9px!important}
.urg-side a:hover,.urg-side summary:hover{background:rgba(255,255,255,.07)!important}
.urg-side .active{background:rgba(72,162,102,.18)!important;color:#fff!important}

.urg-card,.urg-people-card,.urg-contact-card,.urg-v222-widget,.urg-v222-kpi,
.urg-employee-card,.urg-record-section,.urg-profile-card{
  background:var(--urg-surface)!important;
  border:1px solid var(--urg-border)!important;
  border-radius:var(--urg-radius-lg)!important;
  box-shadow:var(--urg-shadow-sm)!important;
}

h1,h2,h3,h4{color:var(--urg-text)}
p,.description,small{color:var(--urg-muted)}

button,.button,input[type="submit"],input[type="button"],
.urg-people-btn,.urg-weed-new-request{
  min-height:40px;
  border-radius:var(--urg-radius-sm)!important;
  font-weight:700!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .08s ease;
}
button:active,.button:active{transform:translateY(1px)}
button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:none!important;
  box-shadow:var(--urg-focus)!important;
}
.urg-people-btn,.urg-weed-new-request,
button[type="submit"]:not(.urg-record-delete):not(.urg-people-delete-btn){
  background:var(--urg-primary)!important;
  border-color:var(--urg-primary)!important;
  color:#fff!important;
}
.urg-people-btn:hover,.urg-weed-new-request:hover,
button[type="submit"]:not(.urg-record-delete):not(.urg-people-delete-btn):hover{
  background:var(--urg-primary-hover)!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:42px;
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--urg-border-strong)!important;
  border-radius:var(--urg-radius-sm)!important;
  background:#fff!important;
  color:var(--urg-text)!important;
  padding:9px 11px!important;
}
textarea{min-height:90px;resize:vertical}

table,.urg-people-table,.urg-record-table,.urg-employee-table{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff;
}
th{
  background:var(--urg-surface-soft)!important;
  color:#64746c!important;
  font-size:11px!important;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-weight:800!important;
}
th,td{padding:12px 13px!important;border-bottom:1px solid #e7ede9!important}
tbody tr:hover{background:#fbfdfc}

.urg-record-section>summary,.urg-employee-upload>summary,
.urg-people-actions-menu>summary,.urg-account-menu>summary{
  list-style:none;
}
.urg-record-section>summary::-webkit-details-marker,
.urg-employee-upload>summary::-webkit-details-marker,
.urg-people-actions-menu>summary::-webkit-details-marker,
.urg-account-menu>summary::-webkit-details-marker{display:none}

.urg-record-summary,.urg-employee-info-grid,.urg-v222-kpis{
  gap:12px!important;
}
.urg-record-summary>div,.urg-employee-info-grid>div{
  background:var(--urg-surface-soft)!important;
  border:1px solid var(--urg-border)!important;
  border-radius:var(--urg-radius)!important;
}

.urg-record-notice,.urg-people-success{
  background:#ecfdf3!important;
  border:1px solid #abefc6!important;
  color:#067647!important;
}
.urg-people-danger,.urg-inline-msg.bad{
  background:#fef3f2!important;
  border:1px solid #fecdca!important;
  color:#b42318!important;
}

.urg-record-file-head,.urg-employee-file-header{
  border-radius:var(--urg-radius-lg)!important;
  box-shadow:var(--urg-shadow-sm)!important;
}
.urg-employee-tabs{
  background:rgba(244,246,245,.94)!important;
  backdrop-filter:blur(10px);
}
.urg-employee-tabs a{box-shadow:var(--urg-shadow-sm)}

.urg-record-file-actions a,.urg-employee-document-actions a,
.urg-record-file-actions button,.urg-employee-document-actions button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.urg-account-dropdown{
  border:1px solid var(--urg-border)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28)!important;
}

.urg-people-actions-popover{
  border:1px solid var(--urg-border)!important;
  box-shadow:0 24px 64px rgba(14,37,25,.24)!important;
}

.urg-enterprise-empty{
  padding:28px;
  text-align:center;
  color:var(--urg-muted);
  background:var(--urg-surface-soft);
  border:1px dashed var(--urg-border-strong);
  border-radius:var(--urg-radius);
}

.urg-enterprise-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.urg-enterprise-toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.urg-enterprise-scroll{overflow:auto;-webkit-overflow-scrolling:touch}

@media(max-width:960px){
  :root{--urg-topbar-height:58px}
  .urg-side{width:min(86vw,330px)!important}
  .urg-main,.urg-panel{min-width:0!important}
  .urg-record-summary,.urg-v222-kpis{grid-template-columns:1fr 1fr!important}
  .urg-enterprise-toolbar{align-items:stretch;flex-direction:column}
  .urg-enterprise-toolbar-group>*{flex:1 1 auto}
  table{min-width:720px}
}

@media(max-width:560px){
  .urg-card,.urg-people-card,.urg-contact-card,.urg-v222-widget,.urg-v222-kpi,
  .urg-employee-card,.urg-record-section{border-radius:12px!important}
  .urg-record-summary,.urg-v222-kpis,.urg-employee-info-grid{grid-template-columns:1fr!important}
  .urg-record-file-head,.urg-employee-file-header{padding:16px!important}
  .urg-employee-avatar{width:52px!important;height:52px!important}
  th,td{padding:10px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

@media print{
  .urg-side,.urg-global-top,.urg-mobile-overlay,.urg-enterprise-no-print,
  button,.button,.urg-profile-menu,.urg-account-menu{display:none!important}
  .urg-main,.urg-panel{margin:0!important;padding:0!important;background:#fff!important}
  .urg-card,.urg-employee-card,.urg-record-section{box-shadow:none!important;break-inside:avoid}
}