.simulation-frame{--simulation-banner-height:64px;min-height:100dvh;padding-top:var(--simulation-banner-height);background:var(--surface)}.simulation-frame>.app-shell{height:auto;min-height:calc(100dvh - var(--simulation-banner-height))}.simulation-frame .sidebar{top:var(--simulation-banner-height);height:calc(100dvh - var(--simulation-banner-height))}.simulation-frame .sidebar-toggle{top:calc(var(--simulation-banner-height) + 13px)}.simulation-frame .sidebar-resize{top:var(--simulation-banner-height);height:calc(100dvh - var(--simulation-banner-height))}.simulation-frame .topbar{top:var(--simulation-banner-height);z-index:30;position:sticky}.simulation-banner{z-index:80;height:var(--simulation-banner-height);border-bottom:1px solid var(--border);background:color-mix(in srgb, #a643fa 12%,var(--surface));color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:8px 24px;font-size:.8125rem;display:flex;position:fixed;top:0;left:0;right:0}.simulation-banner>div{align-items:center;gap:10px;min-width:0;display:flex}.simulation-banner svg{flex-shrink:0}.simulation-banner span{color:var(--muted);font-size:.75rem}.simulation-banner a{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.simulation-banner a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.client-intro-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.client-intro-actions .secondary-button{align-items:center;gap:8px;min-height:44px;display:inline-flex}@media (max-width:600px){.simulation-banner{gap:8px;padding:8px 12px;font-size:.75rem}.simulation-banner span{display:none}.simulation-banner>div{gap:6px}.simulation-banner a{padding:8px;font-size:.6875rem}.client-intro-actions{width:100%}.client-intro-actions a{flex:1;justify-content:center}}
.app-shell{--accent-blue:#4f82d0;--accent-mint:#36a77f;--accent-purple:#9964ce;--accent-amber:#c48b34}.app-shell .client-account-card{border-top:5px solid var(--accent-mint);background:color-mix(in srgb,var(--accent-mint) 14%,var(--surface))}.app-shell .client-avatar{background:color-mix(in srgb,var(--accent-mint) 28%,var(--surface));color:var(--ink)}.app-shell .client-card-footer{border-top:1px solid color-mix(in srgb,var(--accent-mint) 30%,var(--border));padding-top:16px}.app-shell .client-metrics>div{border-top:4px solid var(--accent-blue);background:color-mix(in srgb,var(--accent-blue) 12%,var(--surface))}.app-shell .client-metrics>div:nth-child(2){border-top-color:var(--accent-purple);background:color-mix(in srgb,var(--accent-purple) 14%,var(--surface))}.app-shell .client-metrics>div:nth-child(3){border-top-color:var(--accent-mint);background:color-mix(in srgb,var(--accent-mint) 14%,var(--surface))}.app-shell .client-contract{border-top:5px solid var(--accent-blue)}.app-shell .client-journey{border:1px solid var(--border);background:color-mix(in srgb,var(--accent-blue) 12%,var(--surface));border-radius:20px;margin:20px 0;padding:24px}.app-shell .client-journey h3{margin-top:0}.app-shell .client-journey p{color:var(--muted);font-size:13px;line-height:1.8}.app-shell .client-example-label{color:var(--ink);background:color-mix(in srgb,var(--accent-amber) 20%,var(--surface));border-radius:10px;padding:10px 14px;font-size:12px;font-weight:500}.app-shell .client-journey>ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;list-style:none;display:grid}.app-shell .client-journey>ol>li{border:1px solid var(--border);border-top:4px solid var(--accent-blue);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.app-shell .client-journey>ol>li:nth-child(2),.app-shell .client-journey>ol>li:nth-child(3){border-top-color:var(--accent-purple)}.app-shell .client-journey>ol>li:nth-child(4),.app-shell .client-journey>ol>li:nth-child(5){border-top-color:var(--accent-mint)}.app-shell .client-journey li>span{color:var(--muted);font-size:12px;font-weight:600}.app-shell .client-journey li>strong{font-size:13px}.app-shell .client-journey li>small{color:var(--muted);font-size:12px;line-height:1.6}.app-shell .client-journey summary{cursor:pointer;padding:16px 0;font-size:14px;font-weight:500}.app-shell .package-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.app-shell .package-services>div{--service-accent:var(--accent-blue);border:1px solid var(--border);border-left:5px solid var(--service-accent);background:color-mix(in srgb,var(--service-accent) 16%,var(--surface));border-radius:14px;gap:12px;padding:20px;display:grid}.app-shell .package-services>div:nth-child(2){--service-accent:var(--accent-mint)}.app-shell .package-services>div:nth-child(3){--service-accent:var(--accent-purple)}.app-shell .package-services>div:nth-child(4){--service-accent:var(--accent-amber)}.app-shell .package-services b{font-size:20px;font-weight:600}.app-shell .package-services p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.app-shell .campaign-group{border-top:5px solid var(--accent-blue)}.app-shell .campaign-group:nth-child(2n){border-top-color:var(--accent-purple)}.app-shell .campaign-group:nth-child(3n){border-top-color:var(--accent-mint)}.app-shell .campaign-group>.campaign-summary>header{background:color-mix(in srgb,var(--accent-blue) 14%,var(--surface));border-radius:12px;margin:-8px -8px 12px;padding:16px}.app-shell .campaign-deliveries{gap:12px}.app-shell .campaign-delivery{--delivery-accent:var(--accent-blue);border:1px solid var(--border);border-left:4px solid var(--delivery-accent);background:color-mix(in srgb,var(--delivery-accent) 9%,var(--surface));border-radius:12px;padding:18px}.app-shell .campaign-delivery[data-channel=meta]{--delivery-accent:var(--accent-purple)}.app-shell .campaign-delivery[data-channel=blog]{--delivery-accent:var(--accent-mint)}.app-shell .board-column .board-card{border-left:4px solid var(--column-color);background:color-mix(in srgb,var(--column-color) 12%,var(--surface))}.app-shell .task-row{--task-accent:var(--accent-blue);border-left:4px solid var(--task-accent);background:color-mix(in srgb,var(--task-accent) 9%,var(--surface))}.app-shell .task-row[data-stage=Em\ aprovação]{--task-accent:var(--accent-purple)}.app-shell .task-row[data-stage=Em\ execução],.app-shell .task-row[data-stage=Concluído]{--task-accent:var(--accent-mint)}.app-shell .daily-entry.intent-execute{border-left:4px solid var(--accent-mint);background:color-mix(in srgb,var(--accent-mint) 9%,var(--surface))}.app-shell .daily-entry.intent-validate,.app-shell .daily-entry.intent-approve{border-left:4px solid var(--accent-purple);background:color-mix(in srgb,var(--accent-purple) 10%,var(--surface))}.app-shell .daily-entry.signal-blocked,.app-shell .daily-entry.signal-risk{border-left:4px solid var(--accent-amber);background:color-mix(in srgb,var(--accent-amber) 9%,var(--surface))}@media (max-width:1100px){.app-shell .client-journey>ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.app-shell .client-journey{padding:16px}.app-shell .client-journey>ol,.app-shell .package-services{grid-template-columns:1fr}.app-shell .package-services b{font-size:18px}.app-shell .campaign-delivery{padding:14px}}