/**
 * Design Law — rolled to all portals (Item 3)
 * CALM work surfaces · CINEMATIC comm · brand lockups
 */
@import url("host-control-design.css");

body.ex-facelift.design-law {
  --hc-brand-gold: #f4c030;
  --hc-brand-purple: #3f1a60;
  --hc-cyan: #3dd9f0;
  --hc-glass: rgba(9, 20, 37, 0.72);
  --hc-glass-border: rgba(61, 217, 240, 0.22);
  --hc-work-bg: rgba(17, 31, 58, 0.98);
  --hc-work-border: rgba(244, 192, 48, 0.18);
}

body.ex-facelift.design-law .pdl-brand-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(17, 31, 58, 0.95), rgba(5, 11, 20, 0.98));
  border: 1px solid var(--hc-work-border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

body.ex-facelift.design-law .pdl-brand-bar img {
  height: 44px;
  width: auto;
  border-radius: 8px;
  object-fit: contain;
}

body.ex-facelift.design-law .pdl-brand-bar h1,
body.ex-facelift.design-law .pdl-brand-bar h2 {
  margin: 0;
  font-family: Orbitron, Inter, sans-serif;
  font-size: 14px;
  letter-spacing: 0.12em;
  color: var(--hc-brand-gold);
  text-transform: uppercase;
}

body.ex-facelift.design-law .pdl-brand-bar p {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--muted);
}

body.ex-facelift.design-law .pdl-work,
body.ex-facelift.design-law .card.pdl-work,
body.ex-facelift.design-law #view > .card:not(.pdl-cinematic) {
  background: var(--hc-work-bg) !important;
  border: 1px solid var(--hc-work-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: none !important;
}

body.ex-facelift.design-law .pdl-cinematic,
body.ex-facelift.design-law .hc-cinematic {
  position: relative;
  border-radius: 18px;
  padding: 16px;
  background: var(--hc-glass);
  border: 1px solid var(--hc-glass-border);
  box-shadow: 0 0 0 1px rgba(61, 217, 240, 0.06) inset, 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 24px rgba(61, 217, 240, 0.06);
  backdrop-filter: blur(12px);
}

body.ex-facelift.design-law.brand-hmc {
  --gold: #f4c030;
  --accent-secondary: #3f1a60;
}

body.ex-facelift.design-law.brand-hml {
  --gold: #5eead4;
  --hc-brand-gold: #5eead4;
  --hc-work-border: rgba(94, 234, 212, 0.2);
}

body.ex-facelift.design-law.brand-hmr {
  --gold: #f97316;
  --hc-brand-gold: #f97316;
}

body.ex-facelift.design-law.brand-revibe {
  --gold: #a78bfa;
  --hc-brand-gold: #a78bfa;
}

body.ex-facelift.design-law.brand-bf {
  --gold: #f4c030;
  --accent-secondary: #1e3a5f;
}

body.ex-facelift.design-law #shadow-ai-assistant-root {
  display: none !important;
}

body.ex-facelift.design-law .pdl-assistant-shell {
  min-height: 62vh;
}

body.ex-facelift.design-law .pdl-assistant-shell .sa-bezel {
  min-height: 58vh;
  border-radius: 18px;
}

body.ex-facelift.design-law .pdl-assistant-shell .sa-scroll {
  height: min(48vh, 420px);
}

body.ex-facelift.design-law .pdl-tabs-cinematic {
  border: 1px solid var(--hc-glass-border);
  border-radius: 14px;
  padding: 8px;
  background: rgba(9, 20, 37, 0.55);
  margin-bottom: 10px;
}

body.ex-facelift.design-law .tab[data-tab="assistant"],
body.ex-facelift.design-law .nav-tab[data-tab="assistant"],
body.ex-facelift.design-law .mode-tab[data-mode="assistant"] {
  border-color: rgba(61, 217, 240, 0.35) !important;
}

body.ex-facelift.design-law .tab[data-tab="assistant"].active,
body.ex-facelift.design-law .nav-tab[data-tab="assistant"].active {
  color: var(--hc-cyan) !important;
  border-color: var(--hc-cyan) !important;
}