/* PropertyWorkHQ V13.9 — lively professional application polish */
:root{
  --pw-vivid-blue:#256caf;
  --pw-vivid-sky:#2a76b9;
  --pw-vivid-teal:#157d76;
  --pw-vivid-amber:#9b6300;
  --pw-vivid-coral:#bc4732;
  --pw-vivid-plum:#7c4fb4;
  --pw-vivid-indigo:#5968c9;
  --pw-vivid-rose:#bd4168;
  --pw-vivid-navy:#2f5d88;
  --pw-vivid-ink:#17344e;
}
body.pw-app-mode{
  background:
    radial-gradient(circle at 9% 12%,rgba(71,183,232,.10),transparent 25rem),
    radial-gradient(circle at 92% 4%,rgba(239,107,82,.08),transparent 27rem),
    radial-gradient(circle at 72% 86%,rgba(34,166,153,.075),transparent 30rem),
    linear-gradient(135deg,#fbf7f0 0%,#f5f8f8 48%,#faf3eb 100%)!important;
  color:var(--ui-ink);
}
body.pw-app-mode .pw-app-sidebar{
  background:linear-gradient(180deg,rgba(255,251,245,.985) 0%,rgba(244,235,223,.985) 100%)!important;
  border-right:1px solid #dcc8b1!important;
  box-shadow:14px 0 36px rgba(37,62,87,.065)!important;
}
body.pw-app-mode .pw-app-brand{
  position:relative;
  overflow:hidden;
}
body.pw-app-mode .pw-app-brand::after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--pw-vivid-blue),var(--pw-vivid-teal),var(--pw-vivid-amber),var(--pw-vivid-coral));
  opacity:.75;
}
body.pw-app-mode .pw-app-topbar{
  background:rgba(255,251,246,.91)!important;
  border-bottom:1px solid #dfcfbd!important;
  box-shadow:0 8px 28px rgba(32,56,78,.045)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
}
body.pw-app-mode .pw-app-topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--pw-vivid-blue),var(--pw-vivid-teal),var(--pw-vivid-amber),transparent);
  opacity:.28;pointer-events:none;
}
.pw-app-context{display:flex;align-items:center;gap:9px;min-width:max-content;padding:0 4px 0 2px}
.pw-app-context-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pw-page-accent,var(--pw-vivid-blue)),color-mix(in srgb,var(--pw-page-accent,var(--pw-vivid-blue)) 84%,#000));box-shadow:0 9px 20px color-mix(in srgb,var(--pw-page-accent,var(--pw-vivid-blue)) 25%,transparent)}
.pw-app-context-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pw-app-context-copy{display:grid;line-height:1.06}.pw-app-context-copy small{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted);font-weight:900}.pw-app-context-copy strong{font-size:.75rem;color:var(--ui-ink)}
.pw-app-create{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:linear-gradient(135deg,var(--pw-vivid-coral),#9f3929);color:#fff!important;text-decoration:none;font-size:.68rem;font-weight:900;box-shadow:0 9px 20px rgba(239,107,82,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.pw-app-create svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.pw-app-create:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(239,107,82,.28);filter:saturate(1.08)}
.pw-app-nav{padding-top:9px!important}.pw-nav-section{display:grid;gap:3px;margin:0 0 12px}.pw-nav-label{padding:0 18px 5px;font-size:.53rem;font-weight:950;letter-spacing:.14em;color:#83909a;text-transform:uppercase}
body.pw-app-mode .pw-app-nav a{position:relative;overflow:hidden;border-left:3px solid transparent!important;border-radius:0 12px 12px 0!important;margin-right:10px!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
body.pw-app-mode .pw-app-nav a::after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent,var(--pw-vivid-blue)) 14%,transparent),transparent);transition:width .18s ease;pointer-events:none}
body.pw-app-mode .pw-app-nav a:hover{transform:translateX(3px);background:color-mix(in srgb,var(--nav-accent,var(--pw-vivid-blue)) 8%,transparent)!important;border-left-color:color-mix(in srgb,var(--nav-accent,var(--pw-vivid-blue)) 65%,transparent)!important}
body.pw-app-mode .pw-app-nav a:hover::after{width:100%}
body.pw-app-mode .pw-app-nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent,var(--pw-vivid-blue)) 18%,#fff),rgba(255,255,255,.36))!important;border-left-color:var(--nav-accent,var(--pw-vivid-blue))!important;color:#173a58!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nav-accent,var(--pw-vivid-blue)) 13%,transparent),0 7px 16px rgba(40,66,88,.045)!important}
body.pw-app-mode .pw-app-nav a.active .pw-nav-svg{color:var(--nav-accent,var(--pw-vivid-blue))!important}
body.pw-app-mode .pw-nav-svg{transition:transform .18s ease,color .18s ease}body.pw-app-mode .pw-app-nav a:hover .pw-nav-svg{transform:scale(1.09) rotate(-2deg)}
.pw-nav-svg svg{fill:none!important;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
body.pw-app-mode .pw-app-side-note{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8dca4 0%,#f8e8d8 46%,#e4f1f5 100%)!important;border:1px solid #e0c6a6!important;border-top:4px solid var(--pw-vivid-coral)!important;box-shadow:0 12px 24px rgba(66,76,88,.08)!important}
body.pw-app-mode .pw-app-side-note::after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-28px;top:-28px;background:rgba(47,128,208,.12)}
body.pw-app-mode .pw-app-user{background:linear-gradient(135deg,var(--pw-vivid-blue),var(--pw-vivid-sky))!important;color:#fff!important;box-shadow:0 8px 20px rgba(47,128,208,.25)!important}
body.pw-app-mode .pw-install{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}body.pw-app-mode .pw-install:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(47,128,208,.13)}
/* Existing dashboard / vacancy / operations surfaces get the same energy. */
body.pw-app-mode .op-card,
body.pw-app-mode .unit-panel,
body.pw-app-mode .pwhq-home-card,
body.pw-app-mode .pw-ref-property,
body.pw-app-mode .pw-ref-activity,
body.pw-app-mode .pw-ref-action,
body.pw-app-mode .pwhq-platform-strip>a{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease!important;
}
body.pw-app-mode .op-card:hover,
body.pw-app-mode .unit-panel:hover,
body.pw-app-mode .pwhq-home-card:hover,
body.pw-app-mode .pw-ref-property:hover,
body.pw-app-mode .pw-ref-activity:hover,
body.pw-app-mode .pwhq-platform-strip>a:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 38px rgba(32,59,84,.105)!important;
  border-color:rgba(47,128,208,.22)!important;
}
body.pw-app-mode .pw-ref-action:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(32,59,84,.09)!important}
body.pw-app-mode .op-btn,body.pw-app-mode .unit-filter,body.pw-app-mode button,body.pw-app-mode a{outline-offset:3px}
body.pw-app-mode :is(button,a,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--pw-vivid-blue) 40%,transparent)!important;outline-offset:3px!important}
body.pw-app-mode .op-btn,body.pw-app-mode .unit-filter{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}
body.pw-app-mode .op-btn:hover,body.pw-app-mode .unit-filter:hover{transform:translateY(-1px);filter:saturate(1.08)}
body.pw-app-mode .pw-command-box{box-shadow:0 32px 80px rgba(27,49,70,.26)!important;border-color:rgba(47,128,208,.26)!important}
body.pw-app-mode .pw-command-results a{transition:background .14s ease,transform .14s ease}body.pw-app-mode .pw-command-results a:hover{transform:translateX(2px);background:linear-gradient(90deg,rgba(47,128,208,.08),rgba(34,166,153,.05))!important}
body.pw-app-mode[data-brand-palette="alt"]{background:radial-gradient(circle at 12% 8%,rgba(71,183,232,.12),transparent 26rem),linear-gradient(135deg,#3f586d 0%,#4a657b 48%,#536475 100%)!important}
body.pw-app-mode[data-brand-palette="alt"] .pw-app-sidebar{background:linear-gradient(180deg,#425d73,#4a6579)!important;border-right-color:#627b8f!important}
body.pw-app-mode[data-brand-palette="alt"] .pw-app-topbar{background:rgba(65,88,107,.92)!important;border-bottom-color:#6e8394!important}
body.pw-app-mode[data-brand-palette="alt"] .pw-nav-label{color:#b8c6cf}
@media(max-width:1040px){.pw-app-context-copy{display:none}.pw-app-create span{display:none}.pw-app-create{padding:9px}}
@media(max-width:760px){.pw-app-context{display:none}.pw-app-create{display:none}}
@media(prefers-reduced-motion:reduce){body.pw-app-mode *,body.pw-app-mode *::before,body.pw-app-mode *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}