/* PD-V43.2-CANONICAL-EMBLEM-ULTRA-PREMIUM
   Visual authority: one emblem family, one readable system, bounded motion.
*/
:root{
  --pd432-navy:#071426;
  --pd432-navy-2:#0B2342;
  --pd432-blue:#2F72EA;
  --pd432-sky:#179CE5;
  --pd432-cyan:#56D8FF;
  --pd432-ink:#0B2138;
  --pd432-muted:#687F96;
  --pd432-line:#D5E5F1;
  --pd432-soft:#EEF6FF;
  --pd432-card:#FFFFFF;
  --pd432-radius-sm:12px;
  --pd432-radius:18px;
  --pd432-radius-xl:24px;
  --pd432-shadow:0 18px 50px rgba(15,52,86,.09);
  --pd432-emblem-bg:
    radial-gradient(circle at 26% 18%,rgba(86,216,255,.20),transparent 40%),
    linear-gradient(145deg,#0d2d52 0%,#071426 100%);
}

/* Cross-document transitions on supporting browsers. */
@view-transition{navigation:auto}
::view-transition-old(root){
  animation:pd432-old .14s ease both;
}
::view-transition-new(root){
  animation:pd432-new .22s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes pd432-old{to{opacity:0;transform:scale(.995)}}
@keyframes pd432-new{from{opacity:0;transform:translateY(3px) scale(.998)}}

/* ---------- exact same visual emblem across public/admin/staff/client ---------- */
:where(
  .site-header .brand-mark-img,
  .pd-auth-header .brand-mark-img,
  .sidebar .brandmark,
  .sidebar .brand-logo,
  .client-appbar .client-appbrand>span,
  .pd432-emblem,
  .pd353-brand-mark,
  .ds-brand-mark,
  .cp-team-chat-mark
){
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(86,216,255,.32)!important;
  background:var(--pd432-emblem-bg)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 9px 24px rgba(2,17,31,.16)!important;
}
:where(
  .site-header .brand-mark-img,
  .pd-auth-header .brand-mark-img,
  .sidebar .brandmark,
  .sidebar .brand-logo,
  .client-appbar .client-appbrand>span,
  .pd432-emblem
){
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  flex:0 0 50px!important;
  padding:7px!important;
  border-radius:15px!important;
}
.site-header .brand-mark-img{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  flex-basis:46px!important;
  border-radius:14px!important;
}
.cp-team-chat-mark{
  border-radius:11px!important;
}
:where(
  .site-header .brand-mark-img,
  .pd-auth-header .brand-mark-img,
  .sidebar .brandmark,
  .sidebar .brand-logo,
  .client-appbar .client-appbrand>span,
  .pd432-emblem,
  .pd353-brand-mark,
  .ds-brand-mark,
  .cp-team-chat-mark
) img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:brightness(0) invert(1)!important;
  animation:none!important;
  transition:none!important;
}

/* Standalone Studio/Platform brand image gets wrapped by server-side V43.2. */
.v362-brand>.pd432-emblem,
.v362-head .pd432-emblem{
  width:50px!important;
  height:50px!important;
}

/* ---------- typography/readability ---------- */
body.pd43-unified,
body.pd431-runtime{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  line-height:1.55!important;
  color:var(--pd432-ink)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.pd431-runtime :where(h1,h2,h3,h4){
  color:#081D33!important;
  text-wrap:balance;
}
body.pd431-runtime .topbar h1{
  font-size:clamp(32px,3vw,50px)!important;
  line-height:1.02!important;
  letter-spacing:-.042em!important;
  font-weight:830!important;
}
body.pd431-runtime :where(.sectionhead h2,.section-head h2,.panel h2,.card h2){
  font-size:clamp(21px,1.7vw,29px)!important;
  line-height:1.14!important;
  letter-spacing:-.028em!important;
}
body.pd431-runtime :where(p,.muted,.meta,small){
  color:var(--pd432-muted);
}

/* ---------- premium surfaces ---------- */
body.pd431-runtime :where(.card,.panel,.section-card,.metric,.stat,.workspace-card,.v362-card){
  border-color:rgba(154,190,218,.42)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,254,255,.96))!important;
  box-shadow:var(--pd432-shadow)!important;
}
body.pd431-runtime :where(.card,.panel,.section-card,.workspace-card,.v362-card){
  overflow:clip;
}
body.pd431-runtime :where(.card,.panel,.section-card,.workspace-card,.v362-card)::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(86,216,255,.42),transparent);
  opacity:.65;
}
body.pd431-runtime :where(.card,.panel,.section-card,.workspace-card,.v362-card){
  position:relative;
}

/* ---------- workbar/search: one visual authority ---------- */
body.pd431-runtime .pd365-workbar{
  border:1px solid rgba(108,166,207,.36)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 16px 42px rgba(24,70,108,.08)!important;
  backdrop-filter:blur(18px) saturate(130%);
}
body.pd431-runtime .pd365-workbar-search{
  position:relative;
}
body.pd431-runtime .pd365-workbar-search::before{
  content:"⌘";
  position:absolute;
  z-index:2;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  color:#4B7498;
  font-size:15px;
  font-weight:850;
  pointer-events:none;
}
body.pd431-runtime .pd365-workbar-search input{
  padding-left:42px!important;
  border:1px solid #C7DDEA!important;
  background:#fff!important;
  box-shadow:inset 0 1px 2px rgba(17,49,77,.03)!important;
}
body.pd431-runtime .pd365-workbar-search input:focus{
  border-color:#72B7E7!important;
  outline:0!important;
  box-shadow:0 0 0 4px rgba(23,156,229,.11)!important;
}

/* ---------- controls ---------- */
body.pd431-runtime :where(button,.button,.btn,[role="button"],input,select,textarea){
  font:inherit;
}
body.pd431-runtime :where(button,.button,.btn,[role="button"]){
  border-radius:12px!important;
}
body.pd431-runtime :where(button,.button,.btn,[role="button"],a):focus-visible{
  outline:3px solid rgba(23,156,229,.30)!important;
  outline-offset:2px!important;
}
body.pd431-runtime :where(input,select,textarea):focus-visible{
  outline:0!important;
  border-color:#73B9E8!important;
  box-shadow:0 0 0 4px rgba(23,156,229,.10)!important;
}

/* ---------- tabs / local overflow ---------- */
body.pd431-runtime :where(.tabs,.tabbar,.subtabs,[role="tablist"],.pd366-sectionbar,.pd365-sectionbar){
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
}
body.pd431-runtime :where(.tabs,.tabbar,.subtabs,[role="tablist"],.pd366-sectionbar,.pd365-sectionbar)::-webkit-scrollbar{
  display:none!important;
}
body.pd431-runtime :where(.tablewrap,.data-table-wrap,.cp-table-wrap){
  border:1px solid rgba(156,190,216,.34);
  border-radius:16px;
  background:#fff;
}
body.pd431-runtime table{
  border-collapse:separate;
  border-spacing:0;
}
body.pd431-runtime table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:rgba(247,251,255,.96);
  backdrop-filter:blur(10px);
}

/* ---------- system pulse interactive status ---------- */
body.pd431-runtime .pd431-live-bridge{
  cursor:pointer;
  user-select:none;
}
.pd432-system-panel{
  position:fixed;
  z-index:100000;
  width:min(360px,calc(100dvw - 24px));
  padding:12px;
  border:1px solid rgba(120,166,202,.36);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  color:var(--pd432-ink);
  box-shadow:0 26px 72px rgba(5,28,50,.22);
  backdrop-filter:blur(22px) saturate(135%);
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px) scale(.985);
  transform-origin:top right;
  transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
.pd432-system-panel.open{
  opacity:1;
  visibility:visible;
  transform:none;
}
.pd432-system-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:5px 5px 10px;
}
.pd432-system-panel-head strong{
  font-size:15px;
  letter-spacing:-.02em;
}
.pd432-system-panel-head button{
  min-height:34px;
  padding:0 10px;
  border:1px solid #D4E4EF;
  background:#F8FCFF;
  color:#365873;
  cursor:pointer;
}
.pd432-system-row{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:11px 9px;
  border-top:1px solid #E4EDF4;
}
.pd432-system-row i{
  width:9px;height:9px;border-radius:50%;background:#A9BAC8;
}
.pd432-system-row[data-ok="1"] i{
  background:#16A777;box-shadow:0 0 0 5px rgba(22,167,119,.10);
}
.pd432-system-row b{
  display:block;
  font-size:12.5px;
}
.pd432-system-row span{
  color:#72869A;
  font-size:10.5px;
}
.pd432-system-panel-foot{
  padding:10px 7px 4px;
  color:#72869A;
  font-size:10.5px;
}

/* ---------- tasteful depth + motion ---------- */
@media(prefers-reduced-motion:no-preference){
  body.pd431-runtime :where(.card,.panel,.section-card,.workspace-card,.v362-card){
    transition:
      transform .18s cubic-bezier(.2,.75,.2,1),
      box-shadow .18s ease,
      border-color .18s ease!important;
  }
  body.pd431-runtime :where(.workspace-card,.v362-card):hover{
    transform:translateY(-2px)!important;
    border-color:rgba(87,170,224,.48)!important;
    box-shadow:0 22px 58px rgba(15,52,86,.13)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:auto}
  ::view-transition-old(root),
  ::view-transition-new(root){animation:none!important}
  .pd432-system-panel{transition:none!important}
}

/* ---------- responsive refinement ---------- */
@media(max-width:900px){
  body.pd431-runtime .topbar{
    gap:10px!important;
  }
  body.pd431-runtime .topbar h1{
    font-size:clamp(29px,7vw,42px)!important;
  }
}
@media(max-width:640px){
  body.pd431-runtime{
    font-size:15.5px!important;
  }
  .pd432-system-panel{
    width:calc(100dvw - 16px);
  }
}
/* /PD-V43.2-CANONICAL-EMBLEM-ULTRA-PREMIUM */