/* CORE Private Office — international architectural refinement.
   Preserves the existing warm editorial direction and product structure. */
:root{
  --premium-paper:#f3f0e9;
  --premium-paper-deep:#ece6dc;
  --premium-surface:#fdfbf7;
  --premium-surface-soft:#f8f4ed;
  --premium-ink:#211d18;
  --premium-muted:#756958;
  --premium-line:#d8cdbd;
  --premium-line-strong:#c3b399;
  --premium-bronze:#9b7745;
  --premium-bronze-dark:#74552f;
  --premium-night:#201d19;
  --premium-night-soft:#2a251f;
  --premium-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --premium-serif:var(--private-serif,"Core Editorial",Georgia,serif);
}
html{font-size:16px;background:var(--premium-paper)}
body{
  background:
    radial-gradient(circle at 82% -10%,rgba(183,153,108,.10),transparent 32rem),
    var(--premium-paper)!important;
  color:var(--premium-ink)!important;
  font-family:var(--premium-sans)!important;
  font-size:14px!important;
  line-height:1.55!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font-family:var(--premium-sans)!important}
button{letter-spacing:.005em}
.app{grid-template-columns:248px minmax(0,1fr)!important}
.sidebar{
  background:linear-gradient(180deg,#1f1c18 0%,#24201b 58%,#1b1916 100%)!important;
  padding:36px 26px 28px!important;
  border-right:1px solid rgba(203,178,137,.18);
}
.brand{
  font-family:var(--premium-serif)!important;
  font-size:48px!important;
  font-weight:400!important;
  letter-spacing:.025em!important;
}
.brand small{font-size:11px!important;letter-spacing:.34em!important;color:#cdbfae!important;margin-top:15px!important}
.nav{gap:4px!important;margin-top:45px!important}
.nav button{
  min-height:52px!important;
  padding:13px 13px!important;
  color:#cfc5b8!important;
  font-size:14px!important;
  font-weight:450!important;
  border-left:1px solid transparent!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
.nav button i{width:24px!important;color:#bda783!important;font-size:17px!important}
.nav button:hover:not(.active){background:rgba(255,250,242,.045)!important;color:#fff9ef!important}
.nav button.active{
  background:linear-gradient(90deg,rgba(164,127,74,.34),rgba(164,127,74,.14))!important;
  border-left-color:#d4ae73!important;
  color:#fffaf2!important;
}
.profile{font-size:12px!important;line-height:1.7!important;color:#b9ac9b!important;border-color:#574b3c!important;padding-top:19px!important}
.main{padding:42px 48px 86px!important;max-width:1760px!important}
.top{
  min-height:112px!important;
  padding:4px 0 28px!important;
  margin-bottom:20px!important;
  border-bottom:1px solid var(--premium-line)!important;
  align-items:center!important;
}
.top h1{
  font-family:var(--premium-serif)!important;
  font-size:clamp(46px,4vw,62px)!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
  color:var(--premium-ink)!important;
}
.top p{font-size:14px!important;line-height:1.55!important;letter-spacing:.018em!important;color:var(--premium-muted)!important;margin-top:11px!important}
.accessSwitch label{font-size:12px!important;letter-spacing:.08em!important;color:#756956!important}
.accessSwitch select{min-height:44px!important;font-size:14px!important;background:rgba(255,253,249,.86)!important}
.roleBadge{min-height:38px!important;padding:10px 13px!important;font-size:12px!important;background:#e9dfd0!important;color:#6d512e!important}
.version{font-size:11px!important;letter-spacing:.15em!important;color:#84755f!important}
.notifyButton{width:42px!important;height:42px!important;border-color:#d5c8b6!important;background:#fcfaf6!important}
.panel{
  background:rgba(253,251,247,.92)!important;
  border:1px solid var(--premium-line)!important;
  border-radius:5px!important;
  box-shadow:0 16px 45px rgba(51,39,24,.035)!important;
}
.toolbar{
  padding:14px 0 18px!important;
  margin-bottom:16px!important;
  border-bottom:1px solid var(--premium-line)!important;
  background:transparent!important;
}
.btn,.quickAction,.atsQuickNav button{
  min-height:44px!important;
  padding:11px 15px!important;
  border-radius:3px!important;
  font-size:13px!important;
  font-weight:560!important;
  transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.btn:not(:disabled):hover,.quickAction:hover,.atsQuickNav button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(57,40,18,.08)!important}
.btn.dark,.quickAction.primary,.actionStack .primary{background:var(--premium-night)!important;color:#fffaf2!important;border:1px solid var(--premium-night)!important}
.btn.lime,.actionStack .green{background:var(--premium-bronze)!important;color:#fff!important;border-color:var(--premium-bronze)!important}
.btn.outline{background:rgba(255,253,249,.55)!important;border-color:var(--premium-line-strong)!important;color:#493b2b!important}
.btn.soft{background:#eae2d6!important;color:#554532!important}
.search,.filter,.field input,.field select,.field textarea,.clientSearch,.clientFilters select,.planFields input{
  min-height:44px!important;
  border:1px solid var(--premium-line-strong)!important;
  border-radius:3px!important;
  background:rgba(255,253,249,.94)!important;
  color:var(--premium-ink)!important;
  font-size:14px!important;
  padding:10px 13px!important;
}
.search::placeholder,input::placeholder,textarea::placeholder{color:#9a8d7a!important}
:is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid #a98149!important;outline-offset:3px!important}
.field{font-size:13px!important;font-weight:520!important;line-height:1.45!important;color:#65543e!important;margin-top:17px!important}
.fieldHint,.editorNote,.accessNotice{font-size:12px!important;line-height:1.65!important}

/* Dashboard: retain the architectural grid and add depth through spacing and type. */
.dashboardQuick{gap:12px!important;margin-bottom:30px!important}
.quickAction{background:rgba(253,251,247,.72)!important;border:1px solid var(--premium-line)!important;color:#403527!important}
.quickAction i{width:30px!important;height:30px!important;background:#eadbc2!important;color:#6c4e27!important}
.dashboardGrid{gap:1px!important;background:var(--premium-line)!important;border:1px solid var(--premium-line)!important}
#dashboardGrid>div.panel.dashCard{
  background:rgba(253,251,247,.96)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:26px 27px!important;
  min-height:154px!important;
}
.dashboardGrid>.dashCard>span{font-size:12px!important;line-height:1.4!important;letter-spacing:.10em!important;color:#756a5b!important}
.dashboardGrid>.dashCard>b{font-size:44px!important;line-height:1.08!important;margin-top:15px!important;color:#272119!important}
.dashboardGrid>.dashCard small{font-size:12px!important;line-height:1.55!important;color:#7c6f5e!important}
.dashLink{font-size:12px!important;color:#79582e!important;border-bottom-color:#a9875c!important}
.dashboardGrid>.focusDesk{background:var(--premium-paper)!important;border:0!important;margin-top:0!important;padding-top:36px!important}
.focusDeskHead h3{font-size:34px!important}.focusDeskHead div>span{font-size:11px!important}
.focusDeskGrid{gap:25px!important}.focusLane{padding-right:24px!important}
.focusLaneTitle b{font-size:13px!important}.focusLaneTitle span{font-size:12px!important}
.focusItem{padding:14px 0!important}.focusItem b{font-size:14px!important;line-height:1.45!important}.focusItem span{font-size:12px!important;line-height:1.55!important}.focusItem em{font-size:11px!important}
.miniFunnel{gap:18px!important}.dashboardGrid>.dashCard .miniFunnelRow>b{font-size:13px!important}.event b{font-size:13px!important}.event span{font-size:12px!important;line-height:1.5!important}

/* Shared content hierarchy. */
.section{padding:24px!important;margin-top:20px!important}
.sectionHead{padding-bottom:18px!important;margin-bottom:18px!important;border-bottom:1px solid #e2d9cd!important}
.sectionHead h2,.boxHead h3,.settingsHero h2,.controlTop h2{font-family:var(--premium-serif)!important;font-weight:500!important;color:#2b241c!important}
.sectionHead h2{font-size:29px!important}.sectionHead span{font-size:12px!important;color:#7e7263!important}
.boxHead h3{font-size:25px!important}.boxHead button{font-size:12px!important;min-height:34px!important}
.settingsHero,.controlTop{padding:26px!important}.settingsHero h2,.controlTop h2{font-size:35px!important}.settingsHero p,.controlTop p{font-size:13px!important;line-height:1.65!important}

/* Inventory. */
.floor{gap:12px!important;margin-top:12px!important}.floorLabel{min-width:64px!important;background:linear-gradient(180deg,#eee5d6,#e8decd)!important;border-color:#d4c4ab!important}
.floorLabel b{font-size:37px!important}.floorLabel small{font-size:11px!important;letter-spacing:.12em!important}
.units{gap:10px!important}.unit{padding:14px 13px 48px!important;min-height:150px!important;background:#fdfaf5!important;border-color:#d8c8b1!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.unit:hover{transform:translateY(-2px)!important;border-color:#9c7540!important;box-shadow:0 12px 28px rgba(66,45,20,.07)!important}
.unit.selected{background:#f5ead8!important}.num{font-size:20px!important}.price{font-size:22px!important;margin-top:16px!important}.meta{font-size:12px!important;line-height:1.55!important}.soldText{font-size:12px!important;letter-spacing:.07em!important}.mini{font-size:11px!important;min-height:32px!important;padding:7px 9px!important}

/* Clients. */
@media(min-width:901px){#clientsPage .clientGrid{grid-template-columns:340px minmax(0,1fr)!important;gap:20px!important}}
#clientsPage .clientList{padding:18px!important;background:rgba(253,251,247,.95)!important}
#clientsPage .clientSearch{font-size:14px!important;padding:12px!important}
#clientsPage .clientItem{min-height:76px!important;padding:13px 12px!important;margin-top:5px!important;border:1px solid transparent!important}
#clientsPage .clientItem:hover{background:#f5efe5!important;border-color:#e2d4c0!important}
#clientsPage .clientItem.active{background:linear-gradient(90deg,#eee1cf,#f7f1e8)!important;border-color:#c9ad82!important}
#clientsPage .clientItem b{font-size:14px!important;font-weight:580!important}
#clientsPage .clientItem span{font-size:12px!important;line-height:1.45!important}
#clientsPage .clientItem .badge{font-size:11px!important;padding:6px 8px!important}
#clientsPage .clientHero{padding:29px!important;gap:20px!important}
#clientsPage .clientHero h2{font-size:43px!important;line-height:1.05!important}
#clientsPage .clientHero p{font-size:13px!important;line-height:1.6!important}
#clientsPage .clientContact button,#clientsPage .clientEditRow button{font-size:13px!important;min-height:39px!important;padding:9px 12px!important}
#clientsPage .clientActions .btn{font-size:13px!important}
#clientsPage .stagebar{margin-top:18px!important;padding:6px!important}.stagebar button{min-height:42px!important;font-size:12px!important}
#clientsPage .clientMetrics{gap:0!important;padding:21px 0!important;border-block:1px solid var(--premium-line)!important}
#clientsPage .metric{padding:0 18px!important;min-height:78px!important;border:0!important;border-right:1px solid var(--premium-line)!important;background:transparent!important}
#clientsPage .metric:last-child{border-right:0!important}
#clientsPage .metric span{font-size:11px!important;letter-spacing:.08em!important}.metric b{font-size:31px!important}
#clientsPage .columns{gap:18px!important;margin-top:18px!important}
#clientsPage .box{padding:22px!important;background:#fdfbf7!important}
#clientsPage .interest,#clientsPage .task{padding:15px 0!important}
#clientsPage .interest b,#clientsPage .task b,#clientsPage .event b{font-size:13px!important}
#clientsPage .interest span,#clientsPage .task span,#clientsPage .event span{font-size:12px!important}

/* Deals, tasks and analytics. */
.dealStats,.taskStats,.analyticsKpis,.employeeStats{gap:12px!important}
:is(.dealStat,.taskStat,.akpi,.employeeStat){padding:21px!important;min-height:118px!important;background:#fdfbf7!important}
:is(.dealStat,.taskStat,.akpi,.employeeStat)>span{font-size:11px!important;letter-spacing:.09em!important}
:is(.dealStat,.taskStat,.akpi,.employeeStat)>b{font-size:35px!important}
.reservationHead{padding:22px 24px!important;background:#29251f!important;color:#fffaf1!important}
.reservationHead h3{font-size:29px!important;color:#fffaf1!important}.reservationEyebrow{font-size:11px!important;color:#cdb58d!important}
.reservationStat{padding:16px 18px!important}.reservationStat span{font-size:11px!important}.reservationStat b{font-size:31px!important}
.kanban{gap:14px!important}.kcol{min-width:230px!important;padding:14px!important;background:#ece5da!important}.khead{padding:7px 2px 16px!important}.khead b{font-size:23px!important}.khead span{font-size:12px!important}
.dealCard{padding:17px!important;margin-bottom:13px!important;background:#fffdfa!important}.dealCard h4{font-size:15px!important}.dealCard .dclient,.dealCard .dmeta,.dealCard .dnext,.dealCard .dnext b{font-size:12px!important}.dealCard .dprice{font-size:26px!important}
.taskRow{min-height:76px!important;padding:15px 13px!important}.taskMain b{font-size:14px!important}.taskMain span,.taskLink,.taskDue b,.taskDue span{font-size:12px!important;line-height:1.5!important}.taskActions button{font-size:12px!important;min-height:35px!important}
.analyticsPanel,.controlPanel,.employeePanel,.auditPanel{padding:24px!important}.analyticsPanel h3,.controlPanel h3,.employeePanel h3,.auditPanel h3{font-size:29px!important}.analyticsPanel p,.analyticsPanel small,.analyticsPanel .sub{font-size:12px!important;line-height:1.6!important}
.funnelLine{min-height:42px!important;grid-template-columns:120px minmax(0,1fr) 36px 60px!important}.funnelLine b,.funnelLine span,.sourceRow b,.sourceRow span{font-size:12px!important}.sourceRow{grid-template-columns:130px minmax(0,1fr) 38px!important;min-height:38px!important}
.analyticsPanel th,.analyticsPanel td{font-size:12px!important;padding:14px 11px!important}

/* Team and audit. */
.employeeCard{padding:16px!important;gap:14px!important;background:#fdfbf7!important}.employeeCard h4{font-size:14px!important}.employeeCard p{font-size:12px!important;line-height:1.55!important}.employeeTag{font-size:10px!important;padding:5px 7px!important}.employeeActions button,.rowActions button{font-size:12px!important;min-height:35px!important;padding:7px 10px!important}
.auditRow{padding:15px!important}.auditRow time,.auditActor b,.auditAction b{font-size:12px!important}.auditActor span,.auditAction span,.auditDiff{font-size:12px!important}

/* Telephony and settings. */
#telephonyPage .atsHero>div>p,#telephonyPage .atsDescription{font-size:14px!important}
#telephonyPage .atsConnection p,#telephonyPage .atsSteps p,#telephonyPage .atsFootnote{font-size:13px!important}
#telephonyPage .atsSteps b,#telephonyPage .telephonyChecks b{font-size:14px!important}
#telephonyPage .telephonyChecks small{font-size:12px!important}
#telephonyPage .field{font-size:13px!important}#telephonyPage select{font-size:14px!important;min-height:46px!important}
#telephonyPage .atsMapping summary{font-size:14px!important}.atsMappingRow b{font-size:14px!important}.atsMappingRow small{font-size:12px!important}
.atsWebhookRow input{font-size:12px!important}.atsWebhookHint{font-size:12px!important}
.inventoryPanel{padding:22px!important}.inventoryTop h3{font-size:26px!important;font-family:var(--premium-serif)!important}.inventoryTable th,.inventoryTable td{font-size:12px!important;padding:13px 11px!important}.inventoryTable th{font-size:11px!important;letter-spacing:.08em!important}

/* Overlays and action surfaces. */
.modalBackdrop{background:rgba(25,21,17,.58)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal{padding:30px!important;background:#fdfbf7!important;border:1px solid #d2c2aa!important;border-radius:7px!important;box-shadow:0 30px 90px rgba(35,26,16,.20)!important}
.modalTop h2,.drawerHead h2{font-size:38px!important}.modalTop p,.drawerHead p{font-size:13px!important;line-height:1.6!important}
.modalActions{gap:12px!important;margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--premium-line)!important}
.drawer{background:#fdfbf7!important;border-left:1px solid #cdbb9f!important;box-shadow:-30px 0 90px rgba(31,24,16,.16)!important}.drawerHead{padding:26px!important}.drawerBody{padding:24px!important}
.lotHero,.calcHero{padding:22px!important}.lotHero strong,.calcHero strong{font-size:39px!important}.lotHero small,.calcHero small{font-size:12px!important}
.pickbar{left:270px!important;right:34px!important;bottom:24px!important;padding:14px 16px!important;border-radius:5px!important;box-shadow:0 20px 55px rgba(24,19,14,.22)!important}

@media(max-width:1200px) and (min-width:901px){
  .main{padding:34px 30px 78px!important}
  .top h1{font-size:48px!important}
  #clientsPage .clientGrid{grid-template-columns:290px minmax(0,1fr)!important}
  #clientsPage .clientHero{padding:24px!important}
}
@media(max-width:900px){
  body{font-size:14px!important}
  .app{display:block!important}
  .main{padding:18px 14px 112px!important;max-width:none!important}
  .top{min-height:0!important;padding:8px 0 20px!important;align-items:flex-end!important}
  .top h1{font-size:40px!important}.top p{font-size:13px!important;margin-top:8px!important}
  .panel{box-shadow:0 10px 30px rgba(48,35,20,.035)!important}
  .dashboardQuick{gap:8px!important;margin-bottom:20px!important}.quickAction{font-size:12px!important;padding:10px!important}
  #dashboardGrid>div.panel.dashCard{padding:19px 16px!important;min-height:132px!important}.dashboardGrid>.dashCard>b{font-size:30px!important}.dashboardGrid>.dashCard>span{font-size:10.5px!important}
  .focusDeskHead h3{font-size:30px!important}.focusItem b{font-size:13px!important}
  .section{padding:15px!important}.sectionHead h2{font-size:26px!important}
  .floor{grid-template-columns:48px minmax(0,1fr)!important}.floorLabel b{font-size:31px!important}.unit{min-height:142px!important}
  #clientsPage .clientList{padding:18px 15px!important}#clientsPage .clientHero{padding:22px 18px!important}#clientsPage .clientHero h2{font-size:36px!important}
  #clientsPage .clientMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 0!important}#clientsPage .metric{padding:0 14px!important}#clientsPage .metric:nth-child(2n){border-right:0!important}
  #clientsPage .box{padding:19px!important}.boxHead h3{font-size:24px!important}
  .dealCard h4,.employeeCard h4{font-size:14px!important}
  .modal{padding:23px 18px!important;border-radius:16px 16px 0 0!important}.modalTop h2,.drawerHead h2{font-size:32px!important}
  .pickbar{left:9px!important;right:9px!important;bottom:82px!important}
  .mobileNav{background:rgba(249,246,239,.96)!important;border:1px solid #cdbda6!important;box-shadow:0 16px 45px rgba(33,25,16,.16)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mobileNav button{min-height:48px!important}.mobileNav button span{font-size:10px!important}.mobileNav button.active{background:#e5d8c4!important;color:#654b2d!important}
  #telephonyPage .atsHero>div>p,#telephonyPage .atsDescription{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.btn,.quickAction,.unit,.nav button{transition:none!important}}

/* Agency benchmark refinement: stronger hierarchy, editorial imagery and quieter data surfaces. */
:root{
  --premium-hairline:rgba(131,103,65,.24);
  --premium-metal:#a6814c;
  --premium-metal-light:#d7bd91;
}
.top h1,.brand,.photoCaption strong,.clientBookHead h2,.controlSectionHead h3,
.analyticsPanel h3,.controlPanel h3,.employeePanel h3,.auditPanel h3,
.atsSectionHead h3,.taskListHead h3,.reservationHead h3{
  text-wrap:balance;
}
.version,.accessSwitch label,.crmPageJump label,.dashboardGrid>.dashCard>span,
.employeeStat>span,.dealStat>span,.taskStat>span,.akpi>span,.atsSummary>div>span,
.inventoryTable th,.reservationEyebrow{
  text-transform:uppercase!important;
  letter-spacing:.115em!important;
}
.top h1,.dashboardGrid>.dashCard>b,.metric b,.price,.num,.floorLabel b,
.analyticsKpi b,.employeeStat b,.dealStat b,.taskStat b,.akpi b,.reservationStat b,
.atsSummary strong,.paValue,.managerNums b,.dprice{
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:'lnum' 1,'tnum' 1!important;
}
.panel{
  border-color:rgba(151,126,91,.28)!important;
  box-shadow:0 20px 55px rgba(51,39,24,.026)!important;
}
.clientHero,.controlTop,.settingsHero,.telephonyPanel,.analyticsPanel,.reservationControl,
#board.section,.taskListPanel{
  position:relative!important;
  overflow:hidden;
}
.clientHero::before,.controlTop::before,.settingsHero::before,.telephonyPanel::before,
.analyticsPanel::before,.reservationControl::before,#board.section::before,.taskListPanel::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:88px!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--premium-metal),var(--premium-metal-light))!important;
}

/* Complex photography is treated like a property campaign, with a restrained material frame. */
.photoProjects{gap:24px!important;margin:30px 0 34px!important}
.photoProject{
  position:relative!important;
  border-color:rgba(135,110,77,.30)!important;
  background:#fbf8f2!important;
  box-shadow:0 22px 52px rgba(42,32,20,.035)!important;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important;
}
.photoProject .complexPhoto{
  height:238px!important;
  position:relative!important;
  filter:saturate(.88) contrast(1.035) brightness(.985)!important;
  transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .35s ease!important;
}
.photoProject .complexPhoto::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(26,22,17,0) 58%,rgba(26,22,17,.13));
  pointer-events:none;
}
.photoProject::after{
  content:"";
  position:absolute;
  inset:9px 9px 72px;
  border:1px solid rgba(255,251,243,.48);
  pointer-events:none;
}
.photoProject:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(125,91,46,.58)!important;
  box-shadow:0 28px 68px rgba(42,32,20,.075)!important;
}
.photoProject:hover .complexPhoto{transform:scale(1.018);filter:saturate(.94) contrast(1.045)!important}
.photoCaption{min-height:82px!important;padding:19px 24px!important;border-top:1px solid rgba(141,115,78,.17)!important}
.photoCaption strong{font-size:31px!important;letter-spacing:.14em!important}
.photoCaption span{font-size:12px!important;letter-spacing:.02em!important}
.boardPhoto{border-color:rgba(135,110,77,.30)!important;box-shadow:0 18px 45px rgba(42,32,20,.025)!important}
.boardPhoto .complexPhoto{filter:saturate(.88) contrast(1.035)!important}

/* Dashboard: one commercial figure leads, operational numbers recede. */
.dashboardGrid{background:transparent!important;border-color:var(--premium-hairline)!important}
#dashboardGrid>div.panel.dashCard{
  border-right:1px solid var(--premium-hairline)!important;
  border-bottom:1px solid var(--premium-hairline)!important;
}
#dashboardGrid>div.panel.dashCard.dashLead{background:rgba(250,246,239,.82)!important}
#dashboardGrid>div.panel.dashCard.dashValue{
  background:linear-gradient(118deg,#29241e 0%,#332b22 100%)!important;
}
#dashboardGrid>div.panel.dashCard.dashValue>span,
#dashboardGrid>div.panel.dashCard.dashValue small{color:#cdbda7!important}
#dashboardGrid>div.panel.dashCard.dashValue>b{color:#fffaf1!important;font-size:48px!important}
#dashboardGrid>div.panel.dashCard:not(.dashLead)>b{color:#494034!important}
#dashboardGrid>div.panel.dashCard.dashAlert:not(.ok){background:#f1e7dc!important}
.dashboardGrid>.focusDesk,.dashboardGrid>.dashWide{border-top:1px solid var(--premium-hairline)!important}
.focusDeskHead{padding-top:19px!important}

/* Nested card lists become calmer, closer to editorial directories. */
.employeeList{border-top:1px solid var(--premium-hairline)!important}
.employeeCard{
  border:0!important;
  border-bottom:1px solid var(--premium-hairline)!important;
  border-radius:0!important;
  padding:20px 4px!important;
  background:transparent!important;
}
.employeeCard:last-child{border-bottom:0!important}
.employeeStats,.dealStats,.taskStats,.analyticsKpis{
  gap:1px!important;
  padding:1px!important;
  background:var(--premium-hairline)!important;
  border:1px solid var(--premium-hairline)!important;
}
:is(.employeeStat,.dealStat,.taskStat,.akpi){
  border:0!important;
  border-radius:0!important;
  background:rgba(253,251,247,.97)!important;
  box-shadow:none!important;
}
.auditRow{border-bottom-color:var(--premium-hairline)!important}
.controlTop h2{white-space:nowrap}
.controlTop>div:first-child{min-width:260px}
.controlSectionHead{padding-bottom:17px!important;border-bottom:1px solid var(--premium-hairline)!important}

/* Client card receives the same restrained identity system. */
#clientsPage .clientHero{background:linear-gradient(120deg,#fdfbf7 0%,#f8f2e8 100%)!important}
#clientsPage .clientHero h2{letter-spacing:-.018em!important}
#clientsPage .clientItem.active{box-shadow:inset 2px 0 var(--premium-metal)!important}
#clientsPage .clientMetrics{border-color:var(--premium-hairline)!important}
#clientsPage .metric{border-right-color:var(--premium-hairline)!important}
#clientsPage .box{box-shadow:none!important}

@media(min-width:1301px){
  #dashboardGrid>div.panel.dashCard.dashLead{min-height:166px!important}
  #dashboardGrid>div.panel.dashCard.dashValue{grid-column:span 2!important}
}
@media(max-width:1300px) and (min-width:901px){
  .photoProject .complexPhoto{height:210px!important}
  #dashboardGrid>div.panel.dashCard.dashValue>b{font-size:39px!important}
}
@media(max-width:900px){
  .photoProjects{gap:15px!important;margin:20px 0 24px!important}
  .photoProject .complexPhoto{height:192px!important}
  .photoProject::after{inset:7px 7px 65px}
  .photoCaption{min-height:68px!important;padding:14px 17px!important}
  .photoCaption strong{font-size:27px!important}
  #dashboardGrid>div.panel.dashCard.dashValue{grid-column:1/-1!important;min-height:136px!important}
  #dashboardGrid>div.panel.dashCard.dashValue>b{font-size:36px!important}
  .controlTop h2{white-space:normal}
  .employeeStats,.dealStats,.taskStats,.analyticsKpis{gap:1px!important}
}
@media(prefers-reduced-motion:reduce){.photoProject,.photoProject .complexPhoto{transition:none!important}}

/* Analytics — executive sales observatory. */
#analyticsPage{--analytics-night:#29241e;--analytics-ink:#2b251e;--analytics-gold:#ae8750;--analytics-gold-soft:#dec79f}
#analyticsPage .analyticsToolbar{
  position:relative!important;
  padding:17px 18px!important;
  border-radius:4px!important;
  background:rgba(253,251,247,.86)!important;
  box-shadow:none!important;
  overflow:hidden;
}
#analyticsPage .analyticsToolbar::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--analytics-gold),var(--premium-metal-light));
}
#analyticsPage .periodTag{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:2px!important;
  background:#e9decd!important;
  color:#6e5432!important;
  font-size:11px!important;
  letter-spacing:.07em!important;
  padding:10px 15px!important;
}
#analyticsPage .planFields label{color:#786954!important;letter-spacing:.07em!important}
#analyticsPage .analyticsKpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:18px 0!important}
#analyticsPage .akpi{
  position:relative!important;
  min-height:145px!important;
  padding:22px 23px!important;
  overflow:hidden;
}
#analyticsPage .akpi>span{color:#756856!important}
#analyticsPage .akpi>b{font-size:33px!important;line-height:1.08!important;margin-top:19px!important;letter-spacing:-.018em!important}
#analyticsPage .akpi>small{font-size:11px!important;line-height:1.5!important;margin-top:10px!important;color:#887965!important}
#analyticsPage .akpi.primary{background:linear-gradient(130deg,#26211c,#342b22)!important}
#analyticsPage .akpi.primary::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-72px;
  bottom:-82px;
  border:1px solid rgba(219,194,153,.22);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(219,194,153,.035),0 0 0 46px rgba(219,194,153,.025);
}
#analyticsPage .potentialKpi{background:linear-gradient(135deg,#f4ecdf,#fbf8f2)!important}
#analyticsPage .completionKpi{display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;grid-template-rows:auto 1fr!important;column-gap:14px!important}
#analyticsPage .completionKpi>span{grid-column:1;grid-row:1}
#analyticsPage .completionKpi>small{grid-column:1;grid-row:2;align-self:end}
.analyticsRing{
  --ring-value:0;
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  width:76px;
  height:76px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(var(--analytics-gold) calc(var(--ring-value)*1%),#e9dfd2 0);
  position:relative;
}
.analyticsRing::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fdfbf7}
.analyticsRing b{position:relative;z-index:1;font-family:var(--premium-serif)!important;font-size:22px!important;font-weight:500!important;color:#3f3428!important}
#analyticsPage .riskKpi.alert{background:#f2e5dc!important}
#analyticsPage .riskKpi.alert>b{color:#963c37!important}

#analyticsPage .analyticsGrid{grid-template-columns:minmax(0,1.22fr) minmax(370px,.78fr)!important;gap:18px!important}
#analyticsPage .analyticsLower{grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr)!important;gap:18px!important;margin-top:18px!important}
#analyticsPage .analyticsSideStack{display:grid;gap:18px!important;align-content:start}
#analyticsPage .analyticsPanel{padding:27px!important;border-radius:5px!important}
#analyticsPage .analyticsPanelIndex{font-size:10px;letter-spacing:.17em;color:#9a7c50;margin-bottom:15px}
#analyticsPage .analyticsPanel h3{font-size:31px!important;line-height:1.05!important}
#analyticsPage .analyticsPanel .sub{font-size:12px!important;margin-top:9px!important;color:#80715d!important}

#analyticsPage .analyticsFunnelPanel{
  background:linear-gradient(145deg,#26221d 0%,#302920 100%)!important;
  color:#fffaf2!important;
  border-color:#302920!important;
  box-shadow:0 26px 65px rgba(38,29,19,.10)!important;
}
#analyticsPage .analyticsFunnelPanel::before{width:118px!important;background:linear-gradient(90deg,#ae8750,#ddc79f)!important}
#analyticsPage .analyticsFunnelPanel .analyticsPanelIndex{color:#c6a97b}
#analyticsPage .analyticsFunnelPanel h3{color:#fffaf2!important;font-size:36px!important}
#analyticsPage .analyticsFunnelPanel .sub{color:#b9ad9d!important}
#analyticsPage .funnelBig{gap:15px!important;margin-top:27px!important}
#analyticsPage .funnelLine{grid-template-columns:105px minmax(0,1fr) 28px 52px!important;gap:14px!important;min-height:31px!important}
#analyticsPage .funnelLine>b{font-size:12px!important;font-weight:520!important;color:#eee4d6!important}
#analyticsPage .funnelLine>span:not(.convPill){font-size:12px!important;color:#d8cbbb!important}
#analyticsPage .funnelTrack{height:12px!important;background:rgba(255,250,242,.10)!important;border-radius:1px!important;overflow:hidden!important}
#analyticsPage .funnelTrack i{height:100%!important;background:linear-gradient(90deg,#927044,#d1b17c)!important;border-radius:1px!important;box-shadow:0 0 24px rgba(198,159,97,.15)}
#analyticsPage .convPill{background:rgba(199,166,112,.13)!important;border:1px solid rgba(210,180,129,.27)!important;color:#dec69f!important;border-radius:999px!important;font-size:10px!important;padding:5px 6px!important}
#analyticsPage .analyticsFunnelPanel .snapshotNote{background:rgba(255,250,242,.055)!important;border-left:2px solid rgba(205,173,119,.5)!important;color:#aa9f91!important;border-radius:0!important;padding:12px 14px!important;margin-top:24px!important}

#analyticsPage .projectSplit{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:20px!important;align-items:stretch!important}
#analyticsPage .projectAnalytic{padding:18px!important;border:1px solid rgba(147,119,78,.28)!important;background:#faf6ef!important;box-shadow:none!important}
#analyticsPage .projectAnalyticHead{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
#analyticsPage .projectAnalyticHead h4{font-family:var(--premium-serif)!important;font-size:25px!important;font-weight:500!important;letter-spacing:.11em!important;margin:0!important}
#analyticsPage .projectAnalyticHead>span{font-size:10px;color:#8c6c41;background:#ece0ce;padding:5px 8px;border-radius:999px;white-space:nowrap}
#analyticsPage .paValue{font-size:27px!important;margin-top:10px!important}
#analyticsPage .projectFunnel{display:grid;gap:6px;margin:15px 0}
#analyticsPage .projectFunnelLine{display:grid;grid-template-columns:72px minmax(0,1fr) 18px;gap:8px;align-items:center}
#analyticsPage .projectFunnelLine>span{font-size:9.5px;color:#7e705e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#analyticsPage .projectFunnelLine>i{display:block;height:5px;background:#e9dfd1;overflow:hidden}
#analyticsPage .projectFunnelLine>i>b{display:block;height:100%;background:#a6814e}
#analyticsPage .projectFunnelLine>em{font-size:9.5px;font-style:normal;text-align:right;color:#6b5a43}
#analyticsPage .paGrid{grid-template-columns:1fr!important;gap:1px!important;background:#ddcfbb!important}
#analyticsPage .paGrid div{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#f1e9dc!important;padding:8px 9px!important;border-radius:0!important}
#analyticsPage .paGrid span{font-size:9px!important;letter-spacing:.07em!important;text-transform:uppercase}
#analyticsPage .paGrid b{display:block!important;margin:0!important;font-size:14px!important}

#analyticsPage .managerTableWrap{margin-top:21px!important;border-top:1px solid var(--premium-hairline)}
#analyticsPage .managerTable th{background:#f1eadf!important;color:#77654d!important;letter-spacing:.075em!important;white-space:nowrap}
#analyticsPage .managerTable td{padding:15px 10px!important;border-color:var(--premium-hairline)!important}
#analyticsPage .managerTable tbody tr:hover{background:#f8f3ea}
#analyticsPage .sourceBars{gap:15px!important;margin-top:20px!important}
#analyticsPage .sourceRow{grid-template-columns:110px minmax(0,1fr) 28px!important;gap:12px!important}
#analyticsPage .sourceBar{height:7px!important;background:#e9dfd1!important;border-radius:1px!important}
#analyticsPage .sourceBar i{background:linear-gradient(90deg,#89683e,#c19d65)!important;border-radius:1px!important}
#analyticsPage .riskList{gap:0!important;margin-top:18px!important;border-top:1px solid var(--premium-hairline)}
#analyticsPage .riskItem{position:relative;border:0!important;border-bottom:1px solid var(--premium-hairline)!important;border-radius:0!important;background:transparent!important;padding:15px 8px 15px 19px!important}
#analyticsPage .riskItem::before{content:"";position:absolute;left:2px;top:20px;width:6px;height:6px;border-radius:50%;background:#a6814e}
#analyticsPage .riskItem.high::before{background:#a64640}
#analyticsPage .riskItem b{font-size:12px!important}
#analyticsPage .riskItem span{font-size:11px!important;line-height:1.55!important;margin-top:5px!important}

@media(max-width:1200px){
  #analyticsPage .analyticsGrid,#analyticsPage .analyticsLower{grid-template-columns:1fr!important}
  #analyticsPage .analyticsProjectsPanel .projectSplit{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #analyticsPage .analyticsSideStack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  #analyticsPage .analyticsToolbar{padding:15px!important}
  #analyticsPage .analyticsKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #analyticsPage .akpi{min-height:132px!important;padding:17px!important}
  #analyticsPage .akpi>b{font-size:27px!important}
  #analyticsPage .completionKpi{grid-template-columns:minmax(0,1fr) 61px!important}
  .analyticsRing{width:60px;height:60px}.analyticsRing b{font-size:18px!important}
  #analyticsPage .analyticsPanel{padding:20px 17px!important}
  #analyticsPage .analyticsPanel h3{font-size:28px!important}
  #analyticsPage .analyticsFunnelPanel h3{font-size:31px!important}
  #analyticsPage .funnelLine{grid-template-columns:72px minmax(0,1fr) 20px 43px!important;gap:7px!important}
  #analyticsPage .funnelLine>b{font-size:10px!important}
  #analyticsPage .analyticsProjectsPanel .projectSplit,#analyticsPage .analyticsSideStack{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  #analyticsPage .akpi{min-height:122px!important;padding:15px 13px!important}
  #analyticsPage .akpi>span{font-size:9.5px!important}
  #analyticsPage .akpi>b{font-size:23px!important;overflow-wrap:anywhere}
  #analyticsPage .completionKpi{display:block!important}
  #analyticsPage .completionKpi .analyticsRing{width:auto;height:auto;border-radius:0;background:none!important;display:block;margin-top:16px}
  #analyticsPage .completionKpi .analyticsRing::after{display:none}
  #analyticsPage .completionKpi .analyticsRing b{font-size:23px!important}
  #analyticsPage .funnelTrack{height:10px!important}
}