/* Workspace canvas — single white surface flush to the left rail. */
/* Inspire shares Creative Studio's loader and stays within the available canvas. */
.portal-page #panel-inspire.workspace-canvas.active{overflow:hidden}
#inspire-root,#inspire-root>.inspiration-module-host{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}
#inspire-root>.inspiration-module-host[hidden]{display:none}
#inspire-root .studio-loading{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center;color:var(--cc-text,#333);font-family:var(--skin-font,var(--cc-font,"Raleway",system-ui,sans-serif))}
#inspire-root .studio-loading__copy strong{font-family:var(--skin-font,var(--cc-font-alt,"Montserrat",system-ui,sans-serif));font-size:18px}
#inspire-root>p{margin:16px;font:14px/1.5 var(--skin-font,var(--cc-font,"Raleway",system-ui,sans-serif))}
#inspire-root>button{align-self:flex-start;margin:0 16px;padding:6px 12px;border:1px solid var(--skin-border,#ddd);background:var(--skin-surface,#fff);color:var(--skin-text,#333);border-radius:6px;font:13px var(--skin-font,var(--cc-font,"Raleway",system-ui,sans-serif))}
.portal-page.has-workspace-canvas .content {
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.portal-page.has-workspace-canvas .global-banner-slot,
.portal-page.has-workspace-canvas #global-banner,
.portal-page.has-workspace-canvas .toast-stack {
  flex: none;
  margin: 0;
  padding: 0.5rem 1rem 0;
}

.portal-page .tab-panel.workspace-canvas {
  display: none;
}

.portal-page .tab-panel.workspace-canvas.active {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: var(--cc-bg);
  animation: portal-tab-fade 0.25s ease;
}

.portal-page #panel-knowledge.workspace-canvas.active {
  overflow: hidden;
}

.portal-page .workspace-canvas .card,
.portal-page .workspace-canvas .creative-panel,
.portal-page .workspace-canvas .table-wrap {
  box-shadow: none;
  margin-bottom: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}

.portal-page .workspace-canvas > .card,
.portal-page .workspace-canvas > .workspace-canvas__header,
.portal-page .workspace-canvas > .workspace-canvas__flow > .hero,
.portal-page .workspace-canvas > .workspace-canvas__flow > .creative-overview__hero {
  padding-top: 1.25rem;
}

.portal-page .workspace-canvas > .card,
.portal-page .workspace-canvas > .workspace-canvas__section,
.portal-page .workspace-canvas .workspace-canvas__section,
.portal-page .workspace-canvas .workspace-canvas__header,
.portal-page .workspace-canvas .hero,
.portal-page .workspace-canvas .creative-overview__hero {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.portal-page .workspace-canvas .card + .card,
.portal-page .workspace-canvas .card + .client-admin-panel,
.portal-page .workspace-canvas .workspace-canvas__section + .workspace-canvas__section,
.portal-page .workspace-canvas .hero + .grid-stats,
.portal-page .workspace-canvas .creative-overview__hero + .creative-overview__stats,
.portal-page .workspace-canvas .creative-overview__stats + .creative-readiness-panel,
.portal-page .workspace-canvas .creative-overview__stats + .agent-catalog,
.portal-page .workspace-canvas .creative-readiness-panel + .agent-catalog,
.portal-page .workspace-canvas .grid-stats + .workspace-canvas__section,
.portal-page .workspace-canvas .grid-stats + .card,
.portal-page .workspace-canvas .workspace-canvas__section + .card {
  border-top: 1px solid var(--cc-border);
}

.portal-page .workspace-canvas .client-admin-panel:not([hidden]) .card + .table-wrap {
  border-top: 1px solid var(--cc-border);
}

.portal-page .workspace-canvas .workspace-canvas__body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.portal-page .workspace-canvas .workspace-canvas__section {
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}

.portal-page .workspace-canvas .workspace-canvas__section .card-title {
  margin-bottom: 0.35rem;
}

/* Overview */
.portal-page #panel-home.workspace-canvas .creative-overview,
.portal-page #panel-home.workspace-canvas #overview-classic {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: min-content;
}

.portal-page #panel-home .hero {
  padding: 1.25rem 1.5rem 1rem;
  margin: 0;
}

.portal-page #panel-home .grid-stats {
  padding: 0.85rem 1.5rem;
  margin: 0;
  border-top: 1px solid var(--cc-border);
}

.portal-page #panel-home #overview-agents-card {
  padding: 1rem 1.5rem;
}

.portal-page #panel-home .workspace-canvas__section {
  padding: 1rem 1.5rem 1.25rem;
}

.portal-page #panel-home .workspace-canvas__section .data {
  margin-top: 0.5rem;
}

/* Object catalog, analyst — non workspace-page panels */
.portal-page #panel-analyst.workspace-canvas > .card {
  padding: 1.25rem 1.5rem;
}

.inspire-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;color:var(--cc-text,#263142);font-family:var(--cc-font,Arial,sans-serif)}
.inspire-loading strong{font-size:22px;font-weight:600;letter-spacing:-.4px}.inspire-loading p{margin:0;color:var(--cc-muted,#69788b);font-size:13px;text-align:center;padding:0 16px}
.inspire-loading__cards{position:relative;display:flex;align-items:center;justify-content:center;width:230px;height:130px;margin-bottom:12px}
.inspire-loading__cards span{position:relative;display:grid;place-items:center;flex:none;width:76px;height:100px;border:5px solid white;border-radius:9px;box-shadow:0 8px 24px #26314218;animation:inspire-moodboard 2.8s ease-in-out infinite;transform:rotate(var(--tilt));}
.inspire-loading__cards span:nth-child(1){--tilt:-14deg;background:#f6e3d6;color:#913d55;font:600 38px Georgia,serif;z-index:1}
.inspire-loading__cards span:nth-child(2){--tilt:3deg;margin-left:-16px;background:linear-gradient(145deg,transparent 48%,#436d66 49% 70%,#244c48 71%),linear-gradient(#f5cb79 50%,#b1cfc7 50%);z-index:2;animation-delay:.2s}
.inspire-loading__cards span:nth-child(2)::after{content:'';position:absolute;width:20px;height:20px;top:14px;left:12px;background:#fff4db;border-radius:50%}
.inspire-loading__cards span:nth-child(3){--tilt:14deg;margin-left:-16px;background:#7e244d;color:#ffd69b;font-size:49px;z-index:3;animation-delay:.4s}
@keyframes inspire-moodboard{0%,100%{transform:translateY(4px) rotate(var(--tilt))}50%{transform:translateY(-9px) rotate(var(--tilt));box-shadow:0 16px 28px #26314220}}
@media(prefers-reduced-motion:reduce){.inspire-loading__cards span{animation:none}}

.portal-page .workspace-canvas.agent-placeholder-panel {
  padding: 1.25rem 1.5rem;
}