/* P.D. Technology V36.4.3 — precise premium shell refinement.
   Presentation only. Preserves V36.2.2 auth/calendar/backend authority, V36.3 browser identity,
   and V36.4 full-bleed geometry while removing generic/manual brand overrides. */
:root{
  --pd3643-gutter:clamp(8px,.65vw,12px);
  --pd3643-gap:clamp(10px,.78vw,14px);
  --pd3643-radius:20px;
  --pd3643-line:rgba(166,201,231,.72);
  --pd3643-shadow:0 10px 30px rgba(7,35,66,.06);
}

/* ---------- Admin / Staff: maximize usable desktop canvas ---------- */
body.pd-v364-internal{
  --pd364-gutter:var(--pd3643-gutter);
  --pd364-gap:var(--pd3643-gap);
}
@media(min-width:921px){
  body.pd-v364-internal .main{
    width:calc(100% - var(--pd364-rail-current))!important;
    max-width:none!important;
    margin-left:var(--pd364-rail-current)!important;
    margin-right:0!important;
    padding:0!important;
  }
}
body.pd-v364-internal .main>.topbar{
  padding:12px var(--pd3643-gutter) 10px!important;
  min-height:0!important;
}
body.pd-v364-internal .main>.tab{
  padding:12px var(--pd3643-gutter) 34px!important;
}
body.pd-v364-internal .main>.setup{
  margin-left:var(--pd3643-gutter)!important;
  margin-right:var(--pd3643-gutter)!important;
}
body.pd-v364-internal .topbar .toprow{gap:12px!important}
body.pd-v364-internal .title h1{font-size:clamp(25px,1.8vw,34px)!important;line-height:1.02!important}
body.pd-v364-internal .title p{margin-top:5px!important}
body.pd-v364-internal .tab>.sectionhead{
  padding:18px 20px!important;
  margin-bottom:var(--pd3643-gap)!important;
  border-radius:20px!important;
  box-shadow:0 10px 32px rgba(44,107,164,.055)!important;
}
body.pd-v364-internal .tab>.sectionhead h2{font-size:clamp(24px,1.85vw,34px)!important}
body.pd-v364-internal .tab>.sectionhead p{margin-top:6px!important}

/* People & Access: one-row metrics + useful master/detail width on ultrawide screens. */
body.pd-v364-internal #tab-people>.statrow{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:var(--pd3643-gap)!important;
  margin-bottom:var(--pd3643-gap)!important;
}
body.pd-v364-internal #tab-people>.statrow .mini{
  min-height:92px!important;
  padding:15px 18px!important;
  border-radius:17px!important;
}
body.pd-v364-internal #tab-people>.split{
  grid-template-columns:minmax(400px,.38fr) minmax(0,.62fr)!important;
  gap:var(--pd3643-gap)!important;
}
body.pd-v364-internal #tab-people .toolbar{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(190px,250px)!important;
  gap:10px!important;
  align-items:center!important;
  margin-bottom:12px!important;
}
body.pd-v364-internal #tab-people .toolbar .search,
body.pd-v364-internal #tab-people .toolbar :where(input,select,.control){min-width:0!important;width:100%!important}
body.pd-v364-internal #tab-people .sticky-detail{top:78px!important}

/* Brand: keep the server-rendered homepage mark. Remove the white app-tile wrapper. */
body.pd-v364-internal .sidebar .brand{min-height:74px!important;padding:10px 10px 11px!important;gap:9px!important}
body.pd-v364-internal .sidebar .brandmark,
body.pd-v364-internal .sidebar .brand-logo{
  width:54px!important;height:42px!important;min-width:54px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body.pd-v364-internal .sidebar .brandmark img,
body.pd-v364-internal .sidebar .brand-logo img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
@media(min-width:921px){
  body.pd-v364-internal:is(.pd-rail-compact,.pd-command-center-compact,.pd-sidebar-compact,.pd-cc-sidebar-compact) .sidebar .brand{
    min-height:68px!important;padding:9px 6px!important;
  }
  body.pd-v364-internal:is(.pd-rail-compact,.pd-command-center-compact,.pd-sidebar-compact,.pd-cc-sidebar-compact) .sidebar .brandmark,
  body.pd-v364-internal:is(.pd-rail-compact,.pd-command-center-compact,.pd-sidebar-compact,.pd-cc-sidebar-compact) .sidebar .brand-logo{
    width:58px!important;height:42px!important;min-width:58px!important;
  }
  body.pd-v364-internal:is(.pd-rail-compact,.pd-command-center-compact,.pd-sidebar-compact,.pd-cc-sidebar-compact) .sidebar .navscroll{
    height:calc(100dvh - 68px)!important;padding-top:4px!important;
  }
}

/* Supporting internal surfaces: same mark, no generated app-tile treatment. */
body.pd-v364-internal :where(.pt-brand .mark,.v362-brand>img,.ds-brandmark,.ops-brand>img,.pd36-lockup>img,.ec-brand>img){
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
body.pd-v364-internal :where(.pt-brand .mark img,.v362-brand>img,.ds-brandmark img,.ops-brand>img,.pd36-lockup>img,.ec-brand>img){
  object-fit:contain!important;background:transparent!important;box-shadow:none!important;
}

/* Make tool surfaces feel like one product without another centered max-width shell. */
body.pd-v364-internal :where(.pt,.v362-shell,.ops-shell,.ec-shell,.l36,.q36){
  padding-left:var(--pd3643-gutter)!important;padding-right:var(--pd3643-gutter)!important;
}
body.pd-v364-internal .pt-tools{gap:var(--pd3643-gap)!important}
body.pd-v364-internal :where(.card,.mini,.kpi,.kpi-surface,.project-card,.lane,.detail,.panel,.pt-tool){
  border-color:var(--pd3643-line)!important;box-shadow:var(--pd3643-shadow)!important;
}

/* ---------- Client: use the width, keep calm project hierarchy ---------- */
body.pd-v364-client{
  --pd364-gutter:var(--pd3643-gutter);
  --pd364-gap:var(--pd3643-gap);
}
body.pd-v364-client .client-appbar,
body.pd-v364-client .client-shell{padding-left:var(--pd3643-gutter)!important;padding-right:var(--pd3643-gutter)!important}
body.pd-v364-client .client-layout{
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:var(--pd3643-gap)!important;
}
body.pd-v364-client :where(.client-appbrand,.brand) img{
  object-fit:contain!important;background:transparent!important;box-shadow:none!important;
}

/* ---------- Auth: retain the canonical mark, not the browser-tab icon ---------- */
body.pd-v363-auth .brand-mark-img img{
  object-fit:contain!important;background:transparent!important;box-shadow:none!important;
}

/* Accessibility / responsive stability. */
@media(max-width:1500px){
  body.pd-v364-internal #tab-people>.statrow{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.pd-v364-internal #tab-people>.split{grid-template-columns:minmax(370px,.42fr) minmax(0,.58fr)!important}
}
@media(max-width:1180px){
  body.pd-v364-internal #tab-people>.statrow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.pd-v364-internal #tab-people>.split{grid-template-columns:1fr!important}
  body.pd-v364-client .client-layout{grid-template-columns:190px minmax(0,1fr)!important}
}
@media(max-width:920px){
  body.pd-v364-internal .main>.topbar,body.pd-v364-internal .main>.tab{padding-left:12px!important;padding-right:12px!important}
  body.pd-v364-client .client-layout{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  body.pd-v364-internal #tab-people>.statrow{grid-template-columns:1fr!important}
  body.pd-v364-internal #tab-people .toolbar{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.pd-v364-internal *,body.pd-v364-client *{scroll-behavior:auto!important}
}