@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-latin-ext.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0100-024F}
:root{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;color:#0f172a;background:#fff;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}svg{width:22px;height:22px}.app-shell{display:flex;min-height:100vh}.sidebar{width:300px;flex:0 0 300px;border-right:1px solid #cbd5e1;background:white;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:7px;padding:18px 20px;color:#2563eb;font-size:26px;line-height:1}.brand svg{width:24px;height:24px}.sidebar nav{padding:24px 8px;display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:16px;border:0;background:none;color:#64748b;text-align:left;font-size:16px;font-weight:500;padding:11px 14px;border-radius:8px}.nav-item.active{background:#eff6ff;color:#2563eb}.sidebar-bottom{margin-top:auto;padding:20px 24px;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px}.sidebar-bottom strong{display:block;color:#334155;font-size:14px;margin-top:4px}.main{min-width:0;flex:1}.topbar{height:72px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.breadcrumb{color:#64748b}.breadcrumb span{color:#cbd5e1;margin:0 7px}.user{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.user small{display:block;color:#64748b;font-weight:400}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:#1d4ed8}.demo-bar{text-align:center;padding:7px;background:#eff6ff;color:#1e40af;font-weight:700;font-size:11px;letter-spacing:.02em}main{padding:28px 32px 56px;max-width:1600px;margin:auto}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.02em}h2{font-size:18px}h3{font-size:15px}p{color:#64748b;line-height:1.55;margin-top:7px}small{color:#64748b}.page-heading{margin-bottom:24px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.btn{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;min-height:36px;padding:8px 14px;font-size:13px;font-weight:700;white-space:nowrap}.btn:hover{background:#f8fafc}.btn.primary{background:#2563eb;color:white;border-color:#2563eb}.btn.primary:hover{background:#1d4ed8}.btn.white{background:white;color:#1e40af;border:0;min-height:52px;flex:1}.hero{min-height:331px;background:#1250c5 url('assets/home-hero-bg.webp') center/cover no-repeat;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:46px 32px;color:white}.hero p{color:white;font-size:16px;font-weight:600}.hero h1{margin:9px 0 28px}.hero-actions{display:flex;gap:16px;width:100%;max-width:980px}section{margin-top:34px}.panel,.metric,.integration,.piece-card{border:1px solid #cbd5e1;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.panel{padding:22px;margin-top:16px}.demand-row,.agent-card{display:flex;align-items:center;gap:20px}.demand-row>div:first-child,.agent-card>div:nth-child(2){flex:1}.agent-icon{background:#2563eb;color:white;width:48px;height:48px;display:grid;place-items:center;border-radius:10px}.badge{display:inline-block;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;white-space:nowrap}.badge.green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.tabs{display:flex;gap:24px;border-bottom:1px solid #e2e8f0;margin-bottom:22px;overflow:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#64748b;padding:12px 0;font-weight:700;white-space:nowrap}.tabs button.active{color:#2563eb;border-color:#2563eb}.toolbar{display:flex;align-items:end;gap:12px;margin:20px 0;flex-wrap:wrap}.toolbar label:not(.search),.dialog label{font-weight:700;font-size:12px;color:#475569;display:grid;gap:6px}.search{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;min-width:240px;height:38px;color:#94a3b8}.search svg{width:16px}.search input{border:0;outline:0;min-width:0;width:100%}select,input:not(.search input){border:1px solid #cbd5e1;background:white;border-radius:8px;padding:9px 12px;color:#334155;min-height:38px}.segments{display:flex;border:1px solid #cbd5e1;border-radius:8px;padding:3px}.segments button{border:0;background:transparent;border-radius:6px;padding:7px 12px;color:#64748b;font-size:12px}.segments .selected{background:#eff6ff;color:#2563eb;font-weight:700}.integration-grid,.piece-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration{padding:15px}.integration-logo{width:48px;height:48px;display:grid;place-items:center;font-size:36px;font-weight:800;color:#2563eb}.integration-logo.google{color:#4285f4;font-size:30px}.integration-logo.glpi{color:#7c3aed;font-size:26px}.integration h3{margin-top:8px;font-size:14px}.integration p{font-size:11px;min-height:34px}.integration-footer{border-top:1px solid #cbd5e1;margin:16px -15px 0;padding:16px 15px 0;display:flex;justify-content:space-between;align-items:center}.switch{width:36px;height:20px;border:1px solid #cbd5e1;border-radius:20px;position:relative}.switch:after{content:'';position:absolute;width:14px;height:14px;left:2px;top:2px;background:#64748b;border-radius:50%}.switch.on{background:#22c55e;border-color:#22c55e}.switch.on:after{left:18px;background:white}.workflow{min-height:300px;background:#f8fafc;display:flex;align-items:center;justify-content:center;gap:20px;border:1px dashed #cbd5e1;border-radius:12px}.workflow div{background:white;padding:22px;border:1px solid #cbd5e1;border-radius:8px}.workflow span{color:#2563eb}.piece-card{overflow:hidden}.art-button{width:100%;display:block;padding:0;border:0;text-align:left}.art{aspect-ratio:1.45;overflow:hidden;position:relative;padding:9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#5a3b40}.art.peach{background:#f9dfcf}.art.blue{background:#c9e7e9;color:#214b57}.art.green{background:#e3e6cb;color:#455945}.art-brand{position:absolute;top:12%;font-weight:800;letter-spacing:.08em;font-size:12px}.art strong{font-family:Georgia,serif;font-size:clamp(19px,2.1vw,32px);line-height:1.1;max-width:58%;z-index:1}.art-small{font-size:10px;margin-top:12px;z-index:1}.art-orb{position:absolute;width:40%;height:70%;right:-4%;bottom:-15%;border-radius:50%;background:#ffffff77;box-shadow:-35px -30px 0 #ffffff35}.piece-info{padding:16px}.piece-info p{font-size:12px;margin-bottom:18px}.text-btn{border:0;background:none;color:#2563eb;padding:0;font-weight:700;font-size:12px}.stats{display:grid;gap:14px;margin:18px 0 28px}.stats.three{grid-template-columns:repeat(3,1fr)}.stats.four{grid-template-columns:repeat(4,1fr)}.stats>div{border:1px solid #cbd5e1;border-radius:12px;padding:18px;background:#fff}.stats small,.stats strong,.stats span{display:block}.stats strong{font-size:22px;margin:8px 0}.stats span{color:#64748b;font-size:11px}.notice{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.6;margin:14px 0}.section-heading{margin:30px 0 16px}.table-wrap{overflow:auto;border:1px solid #cbd5e1;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}th{background:#f8fafc;color:#64748b;font-size:11px}th,td{padding:15px;border-bottom:1px solid #e2e8f0}td small{display:block;margin-top:4px}.footnote,.note{font-size:12px;color:#64748b}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.detail-grid .panel{margin:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.info-grid small,.info-grid strong{display:block}.info-grid strong{font-size:13px;margin-top:4px}.detail-art{max-width:340px;margin-bottom:20px}.detail-grid .row{padding:12px 0;border-bottom:1px solid #e2e8f0}.empty{padding:48px;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}.backdrop,.mobile-backdrop{position:fixed;inset:0;background:#0008;z-index:100;display:flex;justify-content:center;align-items:center}.dialog{background:white;box-shadow:0 15px 40px #0002;display:flex;flex-direction:column;max-height:90vh}.dialog.wide{width:min(900px,94vw);border-radius:12px}.dialog.drawer{width:min(480px,100vw);height:100vh;max-height:none;margin-left:auto}.dialog header,.dialog footer{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.dialog footer{border:0;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px}.dialog-body{overflow:auto;padding:24px;flex:1}.dialog-body label{margin-top:18px}.dialog-body .panel{margin-bottom:16px}.dialog-body hr,hr{border:0;border-top:1px solid #e2e8f0;margin:20px 0}.dialog-body h3{margin-top:20px}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.icon-btn{border:0;background:transparent;color:#64748b;font-size:24px;line-height:1}.mobile-menu,.sidebar-close,.mobile-backdrop{display:none}@media(max-width:1000px){.integration-grid,.piece-grid{grid-template-columns:repeat(2,1fr)}.stats.four{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:767px){.sidebar{position:fixed;z-index:102;top:0;bottom:0;left:0;transform:translateX(-100%);transition:transform .2s;width:300px}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block;margin-left:auto}.mobile-backdrop.show{display:block;z-index:101}.mobile-menu{display:block;font-size:20px}.topbar{height:60px;padding:0 16px;gap:12px}.breadcrumb{flex:1;font-size:12px}.user>span:last-child{display:none}main{padding:20px 16px 40px}.hero{min-height:unset;padding:40px 20px}.hero-actions{flex-direction:column;gap:10px}.hero-actions .btn{width:100%}.page-heading.row{align-items:flex-start;flex-direction:column}.integration-grid,.piece-grid{grid-template-columns:1fr}.stats.three,.stats.four{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:18px}.toolbar .search{width:100%}.preview-layout{grid-template-columns:1fr}.dialog.wide{max-height:94vh}.demand-row,.agent-card{align-items:flex-start;flex-wrap:wrap}.workflow{overflow:auto;justify-content:flex-start;padding:20px}.workflow div{min-width:160px}.section-heading{align-items:flex-start}.section-heading .btn{white-space:normal}.demo-bar{font-size:10px}}
/* Shell baseado nos componentes do NAIA 1.6.11-FINAL */
.sidebar{position:relative;transition:width .2s,flex-basis .2s}.sidebar.collapsed{width:72px;flex-basis:72px}.brand{padding:0 16px;margin-top:16px;justify-content:space-between;align-items:flex-start}.brand-link{display:flex;align-items:center;gap:7px;border:0;padding:0;background:none;color:#2563eb}.brand-link strong{font-size:26px;line-height:1;letter-spacing:-.14px}.brand-link svg{width:24px;height:24px}.sidebar-toggle{padding:2px}.sidebar-toggle svg{width:16px;height:16px}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brand-link strong,.sidebar.collapsed .group-label,.sidebar.collapsed .nav-item>span:not(.material-icon),.sidebar.collapsed .sidebar-bottom{display:none}.sidebar.collapsed .sidebar-toggle{position:absolute;right:0;top:12px;transform:translateX(50%);background:white;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 4px 6px #0002;z-index:2}.sidebar nav.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:24px;padding:24px 8px 8px}.nav-group{display:flex;flex-direction:column;gap:16px}.nav-group>div{display:flex;flex-direction:column;gap:16px}.group-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:#94a3b8;padding:0 12px}.nav-item{width:100%;padding:8px 12px;gap:16px}.nav-item svg{width:24px;height:24px;flex-shrink:0}.nav-item:hover{background:#f8fafc}.sidebar.collapsed nav.sidebar-nav{padding-left:16px;padding-right:16px}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .nav-group>div{gap:24px}.sidebar-bottom{border:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 12px;font-size:14px;font-weight:500;color:#64748b}.topbar{height:auto;min-height:52px;padding:8px 16px;gap:8px}.breadcrumb{flex:1;min-width:0;color:#151515;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb-link{border:0;background:none;padding:0;color:#64748b;font-weight:500}.chevron{color:#cbd5e1;margin:0 8px}.user-wrapper{position:relative}.user-trigger{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0}.user-trigger svg{width:16px;height:16px;color:#64748b}.avatar{font-size:14px;font-weight:600}.user-menu{position:absolute;right:0;top:calc(100% + 8px);width:307px;max-width:calc(100vw - 32px);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;padding:8px;box-shadow:0 4px 6px #00000017;z-index:20}.user-menu-inner{background:white;border-radius:8px 8px 0 0;overflow:hidden}.user-identity{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #e2e8f0}.user-identity strong,.user-identity small{display:block}.user-identity strong{font-size:14px}.user-identity small{font-size:12px;font-weight:500;margin-top:4px}.user-menu-inner>button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:#fff;text-align:left;padding:10px 16px;color:#151515}.user-menu-inner>button:hover{background:#f8fafc}.user-menu-inner>button:nth-child(2){border-bottom:1px solid #e2e8f0}.user-menu-inner svg{width:20px;height:20px;color:#64748b}.logout{display:block;margin:8px 0 0 auto;background:#dc2626;color:#fff;border:0;border-radius:8px;padding:8px 16px;font-size:12px}.main>main{padding:16px;max-width:none}.main>.home-main{padding:16px}.hero{border-radius:0;margin:-16px -16px 0;min-height:331px;padding:46px 24px 44px;gap:16px}.hero-heading p{font-size:16px;margin:0}.hero h1{font-size:24px;font-weight:600;margin:0}.hero-actions{max-width:none;gap:16px}.quick-action{display:flex;align-items:center;gap:16px;text-align:left;border:0;border-radius:8px;background:white;padding:8px;min-width:200px;max-width:261px;flex:1;color:#2563eb}.quick-action:hover{box-shadow:0 4px 6px #0002}.quick-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px}.quick-icon svg{width:20px;height:20px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:14px}.quick-action small{font-size:12px;color:#64748b;margin-top:4px}.home-section{margin:64px 24px 0}.integration-logo img,.integration-logo svg{width:48px;height:48px;object-fit:contain}.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.sidebar,.sidebar.collapsed{position:fixed;width:300px;flex-basis:300px}.sidebar.collapsed .brand-link strong,.sidebar.collapsed .group-label,.sidebar.collapsed .nav-item>span:not(.material-icon),.sidebar.collapsed .sidebar-bottom{display:initial}.sidebar.collapsed nav.sidebar-nav{padding:24px 8px 8px}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:8px 12px}.sidebar.collapsed .nav-group>div{gap:16px}.sidebar-toggle{display:none}.sidebar-close{display:block}.topbar{min-height:52px;padding:8px 16px}.mobile-menu{display:block;padding:6px;margin-left:-4px}.mobile-menu svg{width:20px;height:20px}.main>main{padding:16px}.hero{margin:-16px -16px 0;padding:46px 24px 44px}.hero-actions{flex-direction:column}.quick-action{width:100%;max-width:261px;flex:auto}.home-section{margin:48px 8px 0}.integration-grid{grid-template-columns:1fr}}
.material-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;background:currentColor;mask-image:var(--icon);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--icon);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.quick-icon .material-icon,.user-menu-inner .material-icon{width:20px;height:20px}.user-menu-inner .material-icon{color:#64748b}.integration-panel{padding:0 16px}.integration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 24px}.integration-toolbar>div:first-child{max-width:600px}.integration-toolbar p{font-size:14px}.segments{border:0;background:#f1f5f9;padding:4px}.segments button{font-size:12px;font-weight:600}.segments .selected{background:white;color:#0f172a;box-shadow:0 1px 2px #0001}.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-logo img{width:48px;height:48px}.integration-logo.meta img,.integration-logo.google img{width:42px;height:42px}@media(max-width:1000px){.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:767px){.integration-grid{grid-template-columns:1fr}.integration-panel{padding:0}.segments{max-width:100%;overflow:auto}.segments button{white-space:nowrap}}

@media(max-width:767px){.home-section .demand-row{display:grid;grid-template-columns:1fr auto;align-items:start}.home-section .demand-row>div:first-child{min-width:0}.home-section .demand-row .btn{grid-column:1 / -1;justify-self:start}}
.integration-footer .btn{display:inline-flex;align-items:center;gap:8px}.integration-footer .btn svg{width:16px;height:16px}
/* Indicadores: mesmas superfícies, bordas e hierarquia do produto */
.home-indicators{margin:48px 24px 64px}.indicator-context,.indicator-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.indicator-context{margin:12px 0}.indicator-controls{display:flex;gap:12px;flex-wrap:wrap}.indicator-controls label,.indicator-section-head label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#475569}.indicator-controls select{min-width:150px}.indicator-meta{display:block;color:#64748b;font-size:12px;margin:12px 0 16px}.indicator-grid,.queue-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.indicator-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:18px;min-height:150px;color:#0f172a;box-shadow:0 1px 2px #0f172a0a}.indicator-card:hover{border-color:#93c5fd;background:#f8fbff}.indicator-card>span:first-child{font-size:13px;font-weight:600;color:#475569}.indicator-card>strong{font-size:26px;line-height:1.2}.indicator-card small{font-size:11px;line-height:1.4}.indicator-card .indicator-link{color:#2563eb;font-size:12px;font-weight:700;margin-top:auto}.indicator-section-head{margin:38px 0 16px}.indicator-section-head p{font-size:13px}.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-grid .indicator-card{min-height:120px}.chart-grid,.comparison-grid,.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-grid .panel,.comparison-grid .panel,.media-grid .panel{margin:0}.bars{display:flex;align-items:end;gap:20px;height:130px;padding-top:20px}.bars>div{display:flex;align-items:center;justify-content:end;flex-direction:column;gap:5px;flex:1;height:100%;font-size:11px;color:#64748b}.bars i{display:block;background:#60a5fa;border-radius:4px 4px 0 0;width:min(38px,100%);min-height:2px}.status-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px;font-size:12px}.status-row>div{grid-column:1/-1;background:#f1f5f9;border-radius:6px;height:7px}.status-row i{display:block;background:#60a5fa;height:100%;border-radius:6px}.comparison-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 14px;color:#1e40af;font-size:12px;margin-bottom:16px}.comparison-grid .panel>span{display:block;color:#64748b;font-size:12px;margin-top:18px}.comparison-grid .panel>strong{display:block;font-size:24px;margin:7px 0}.comparison-grid .panel>strong small{font-size:12px;font-weight:500}.indicator-explanation{font-size:12px}.media-grid img{width:32px;height:32px}.media-grid .text-btn{margin-top:12px}.indicator-row,.indicator-list-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:16px 0;border:0;border-bottom:1px solid #e2e8f0;background:none;color:#2563eb}.indicator-row:last-child,.indicator-list-row:last-child{border-bottom:0}.indicator-row strong,.indicator-list-row strong{display:block;color:#0f172a;font-size:14px}.indicator-row small,.indicator-list-row small{display:block;margin-top:5px;line-height:1.5}.list-panel{padding:8px 20px}.indicator-list-row .row{flex-wrap:wrap;justify-content:end}.home-indicators .panel{margin-top:16px}
@media(max-width:1100px){.indicator-context{align-items:flex-start;flex-direction:column}.indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.home-indicators{margin:40px 0 48px}.indicator-context,.indicator-section-head{align-items:flex-start;flex-direction:column}.indicator-controls{width:100%}.indicator-controls label{flex:1 1 45%}.indicator-controls select{min-width:0;width:100%}.indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.indicator-card{padding:14px;min-height:150px}.indicator-card>strong{font-size:22px}.queue-grid,.chart-grid,.comparison-grid,.media-grid{grid-template-columns:1fr}.indicator-list-row{align-items:flex-start;flex-direction:column}.indicator-list-row .row{justify-content:start}.indicator-section-head{margin-top:32px}.indicator-section-head .btn{align-self:flex-start}}
/* Integrações — alinhado ao drawer e ao card do produto */
.integration .btn.integration-config{height:32px;min-height:32px;padding:0 16px;gap:8px;font-size:12px;font-weight:600;color:#64748b;border-color:#cbd5e1;box-shadow:none;display:inline-flex;align-items:center}.integration-config svg{width:16px;height:16px}.integration-drawer{width:min(500px,100vw)!important;padding:16px;border-left:1px solid #cbd5e1}.integration-drawer header{padding:0 0 16px!important;align-items:flex-start;border-bottom:1px solid #cbd5e1}.integration-drawer header h2{font-size:16px;font-weight:600}.integration-drawer header p{font-size:12px;font-weight:500;margin-top:2px;color:#737373}.integration-drawer .dialog-body{padding:16px 0 72px!important}.integration-drawer footer{padding:20px 0 0!important;gap:16px;background:white;border:0}.integration-drawer footer .btn{flex:1;min-height:36px;font-size:14px;font-weight:600}.btn.destructive{background:#dc2626;color:white;border-color:#dc2626}.integration-intro{display:flex;align-items:center;gap:16px;padding:8px 0 20px}.integration-intro h3{margin:0}.integration-intro p{font-size:13px}.integration-help{padding:16px;border-radius:8px;background:#eff6ff;color:#1e40af;font-size:13px}.integration-help p{font-size:12px;color:#475569;margin-top:4px}.connection-success{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.connection-success h2{font-size:20px;font-weight:600}.connection-success p{font-size:14px}.success-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#dcfce7;color:#22c55e;margin-bottom:12px}.success-icon svg{width:28px;height:28px}
/* Select do sistema: trigger, lista e foco no padrão NAIA */
.naia-select{position:relative;min-width:0}.naia-select-trigger{width:100%;min-height:36px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font-size:14px;font-weight:500;box-shadow:0 1px 2px #0f172a0a}.naia-select-trigger svg{width:16px;height:16px;color:#64748b;flex:none}.naia-select-trigger:hover{border-color:#94a3b8}.naia-select-trigger:focus-visible{outline:3px solid #93c5fd;outline-offset:1px}.naia-select-menu{position:absolute;z-index:150;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;max-width:min(320px,85vw);max-height:240px;overflow:auto;padding:4px;border:1px solid #cbd5e1;border-radius:8px;background:white;box-shadow:0 8px 18px #0f172a24}.naia-select-menu[hidden]{display:none}.naia-select-option{width:100%;border:0;border-radius:4px;background:white;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:7px 9px;font-size:14px;color:#334155}.naia-select-option:hover,.naia-select-option:focus-visible{background:#dbeafe;color:#1e3a8a;outline:none}.naia-select-option span{color:#2563eb}.indicator-controls .naia-select{min-width:150px}.dialog-body label .naia-select{width:100%}
/* Indicadores: hierarquia e gráficos */
.indicator-context{margin:0 0 20px}.indicator-context:has(> .indicator-controls:only-child){justify-content:flex-end}.indicator-grid{gap:16px}.indicator-card{min-height:126px;border-color:#e2e8f0;border-radius:10px;padding:20px;gap:8px}.indicator-card>strong{font-size:28px}.indicator-card small{font-size:12px}.indicator-card .indicator-link{font-weight:600}.indicator-section-head{margin:36px 0 16px}.queue-grid .indicator-card{min-height:105px}.chart-grid{grid-template-columns:1.1fr 1fr}.chart-panel{padding:22px 24px;min-height:285px;border-color:#e2e8f0;border-radius:10px}.chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.chart-head h2,.chart-head h3{font-size:16px;font-weight:600}.chart-head p{font-size:12px;margin-top:4px}.chart-total{font-size:23px;font-weight:700;text-align:right;line-height:1.1}.chart-total small{display:block;color:#94a3b8;font-size:11px;font-weight:500;margin-top:4px}.bar-chart,.performance-chart-body{display:flex;gap:14px;height:178px;margin-top:24px}.chart-gridlines{width:30px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#94a3b8;font-size:11px;padding-bottom:21px}.bars{position:relative;display:flex;align-items:stretch;gap:16px;height:100%;padding:0;flex:1;background:repeating-linear-gradient(to bottom,#e2e8f0 0,#e2e8f0 1px,transparent 1px,transparent calc((100% - 21px)/2))}.bars>div{height:calc(100% - 21px);position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:0}.bars>div>span{color:#475569;font-weight:600;margin-bottom:5px}.bars i{width:min(50px,80%);background:#3b82f6;border-radius:5px 5px 0 0;min-height:2px}.bars small{position:absolute;top:calc(100% + 6px);white-space:nowrap;color:#94a3b8}.status-chart{margin-top:28px}.status-row{margin-top:20px;font-size:13px}.status-row>span{display:flex;align-items:center;gap:8px}.status-row>span i,.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.status-row>div{height:9px}.comparison-card{padding:20px 24px;border-color:#e2e8f0}.comparison-card>span{margin-top:14px}.comparison-card p{display:flex;justify-content:space-between;font-size:13px;padding-top:12px;border-top:1px solid #f1f5f9}.comparison-card p b{color:#334155}.comparison-naia{background:#f8fbff;border-color:#bfdbfe}.media-card{border-color:#e2e8f0;padding:20px 24px}.media-title{display:flex;align-items:center;gap:12px}.media-title img{width:32px;height:32px}.media-title strong{font-size:14px}.status-pill{margin-left:auto;font-size:11px;color:#16a34a;background:#dcfce7;border-radius:999px;padding:4px 9px}.media-values{display:flex;gap:48px;margin-top:24px}.media-values small,.media-values strong{display:block}.media-values small{font-size:12px}.media-values strong{font-size:18px;margin-top:5px}.media-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.media-empty p{font-size:13px;margin:0}.media-empty .btn{flex-shrink:0}.performance-chart{margin:0 0 30px;padding:22px 24px;border-color:#e2e8f0}.chart-legend{display:flex;gap:18px;color:#64748b;font-size:12px}.chart-legend span{display:flex;align-items:center;gap:6px}.performance-chart-body{height:200px}.performance-chart-body .chart-gridlines{width:50px}.performance-bars{flex:1;display:flex;gap:16px;background:repeating-linear-gradient(to bottom,#e2e8f0 0,#e2e8f0 1px,transparent 1px,transparent calc((100% - 21px)/2))}.performance-week{flex:1;position:relative;height:calc(100% - 21px)}.performance-week small{position:absolute;top:calc(100% + 6px);left:0;right:0;text-align:center;color:#94a3b8}.performance-bar-group{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:8px}.performance-bar-group i{display:block;width:min(36px,35%);min-height:2px;border-radius:5px 5px 0 0}
@media(max-width:767px){.indicator-controls .naia-select{min-width:0}.indicator-context:has(> .indicator-controls:only-child){justify-content:stretch}.chart-grid{grid-template-columns:1fr}.chart-panel{min-height:260px}.bar-chart{height:160px}.indicator-card{min-height:122px}.media-empty{align-items:flex-start;flex-direction:column}.chart-legend{gap:10px;flex-direction:column}.performance-chart-body{height:160px}.performance-week small{font-size:10px}}

.integration-toolbar .segments{flex-shrink:0}.integration-toolbar .segments button{white-space:nowrap}
@media(max-width:1250px){.integration-toolbar{align-items:flex-start;flex-direction:column}}
/* Refinamentos de acompanhamento */
.tabs button:has(img){display:inline-flex;align-items:center;gap:8px}.tabs button img,.platform-name img{width:22px;height:22px;object-fit:contain}.platform-name{display:inline-flex;align-items:center;gap:9px;font-weight:600;white-space:nowrap}
.indicator-context:has(.indicator-title){display:flex;flex-direction:row;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.indicator-title{margin:0}.indicator-title p{margin-bottom:0}.indicator-card-head{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px}.indicator-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eff6ff;color:#2563eb;flex:none}.indicator-icon svg{width:18px;height:18px}.indicator-pending{border-color:#fde2a3;background:#fffcf5}.indicator-pending .indicator-icon{background:#fff2cf;color:#b77908}.indicator-late{border-color:#fecaca;background:#fff9f9}.indicator-late .indicator-icon{background:#fee2e2;color:#dc2626}.indicator-late>strong{color:#b91c1c}.indicator-pending:hover{border-color:#fbbf24;background:#fffbeb}.indicator-late:hover{border-color:#f87171;background:#fff5f5}
.chart-bar{display:block;position:relative;width:min(36px,35%);min-height:2px;border-radius:5px 5px 0 0;cursor:default}.chart-bar:focus-visible,.bars i:focus-visible{outline:2px solid #1d4ed8;outline-offset:3px}.chart-tooltip{position:absolute;z-index:10;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(3px);display:flex;flex-direction:column;gap:4px;min-width:135px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0f172a1a;color:#64748b;font:500 11px Manrope,sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}.chart-tooltip strong,.chart-tooltip b{color:#0f172a;font-size:12px}.chart-bar:hover .chart-tooltip,.chart-bar:focus .chart-tooltip,.bars i:hover .chart-tooltip,.bars i:focus .chart-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.bars i{position:relative;cursor:default}
.media-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.creative-panel,.detail-side>.panel{padding:24px}.creative-heading,.creative-info,.detail-channel{display:flex;align-items:center;justify-content:space-between;gap:16px}.creative-heading{margin-bottom:16px}.creative-heading h3,.creative-info h3,.detail-side h3{margin:0}.creative-image-wrap{position:relative;overflow:hidden;border-radius:8px;max-height:460px;background:#e5e7d8}.creative-image{display:block;width:100%;height:100%;max-height:460px;object-fit:cover;object-position:center 42%}.creative-copy{position:absolute;top:9%;right:7%;display:flex;align-items:flex-start;flex-direction:column;gap:14px;color:#293f31;text-shadow:0 1px 15px #fff8}.creative-copy span{font-weight:800;letter-spacing:.08em;font-size:15px}.creative-copy strong{font-family:Georgia,serif;font-size:clamp(20px,2.8vw,38px);line-height:1.05;letter-spacing:-.03em}.creative-copy small{font-size:11px;font-weight:700}.creative-info{margin-top:18px}.creative-info p{margin:5px 0 0}.detail-side{display:grid;gap:16px}.detail-channel{margin-bottom:20px}.detail-side>.panel>p{margin:6px 0 0}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.detail-metrics div{display:grid;gap:8px}.detail-metrics small,.detail-rows span{color:#64748b;font-size:12px}.detail-metrics strong{font-size:20px;color:#0f172a}.detail-rows{display:grid;gap:16px;margin-top:20px}.detail-rows div{display:flex;justify-content:space-between;gap:12px}.detail-rows strong{font-size:13px;text-align:right}.detail-note{font-size:12px;border-top:1px solid #e2e8f0;padding-top:16px;margin-top:20px!important}
@media(max-width:1000px){.indicator-context:has(.indicator-title){align-items:flex-start;flex-direction:column}.media-detail{grid-template-columns:1fr}}
@media(max-width:600px){.indicator-context:has(.indicator-title){gap:16px}.creative-panel,.detail-side>.panel{padding:16px}.creative-info{align-items:flex-start;flex-direction:column}.detail-metrics{grid-template-columns:1fr 1fr}.creative-copy{gap:7px}.chart-tooltip{min-width:115px}}

.status-row>div>i{position:relative;cursor:default}.status-row>div>i:hover .chart-tooltip,.status-row>div>i:focus .chart-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}
.media-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px}.overview-channel{margin:0;padding:20px}.overview-channel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.overview-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:18px}.overview-metrics>div{display:grid;gap:7px}.overview-metrics small{font-size:11px;color:#64748b}.overview-metrics strong{font-size:15px;color:#0f172a;white-space:nowrap}.detail-metrics{row-gap:22px}.creative-image{object-fit:contain;background:#eaf7ee}
@media(max-width:1200px){.media-overview{grid-template-columns:1fr}}@media(max-width:600px){.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kactux-art{display:block;width:100%;object-fit:cover}.search-ad{padding:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.search-ad small{color:#475569}.search-ad strong{display:block;color:#1a0dab;font-size:20px;margin:10px 0}.search-ad p{margin:0}

/* Criativos inteiros na galeria e na prévia. */
img.creative-art{display:block;width:100%;padding:0;object-fit:contain;background:#f4f7fb;aspect-ratio:1.45}.preview-layout img.creative-art{aspect-ratio:1;max-height:65vh}
/* Cobranças */
.billing-tabs{margin-bottom:24px}.billing-top{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.billing-top .panel,.billing-data-grid .panel{margin:0}.billing-plan,.billing-cycle,.billing-usage,.billing-data-card{padding:24px}.billing-card-title{display:flex;align-items:center;gap:10px;color:#475569;font-size:13px;font-weight:700}.billing-card-title .billing-paid{margin-left:auto}.billing-card-title h2{margin:0;color:#0f172a;font-size:16px}.billing-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#eff6ff;color:#2563eb;flex:none}.billing-icon svg{width:19px;height:19px}.billing-paid{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:99px;font-size:11px;font-weight:700}.billing-plan-main{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:22px}.billing-plan-main h2{font-size:24px;margin:0}.billing-plan-main p,.billing-cycle p,.billing-data-line p{margin:5px 0 0;color:#64748b;font-size:13px}.billing-price strong,.billing-cycle>strong{font-size:24px;color:#0f172a}.billing-price span{font-size:12px;color:#64748b}.billing-plan-footer,.billing-payment-inline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0;font-size:12px;color:#64748b}.billing-plan-footer strong{display:block;color:#334155;margin-top:4px}.billing-cycle>strong{display:block;margin-top:22px}.billing-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:32px 0 14px}.billing-section-title h2{font-size:18px;margin:0}.billing-section-title p{margin:5px 0 0;color:#64748b;font-size:13px}.usage-head,.usage-head>div{display:flex;align-items:center;gap:12px}.usage-head{justify-content:space-between}.usage-head h3{margin:0;font-size:14px}.usage-head p{font-size:12px;color:#64748b;margin:4px 0 0}.usage-head>strong{font-size:20px}.usage-head>strong small{font-size:13px;color:#94a3b8}.usage-track{height:9px;border-radius:9px;background:#e9eff6;margin:20px 0 8px;overflow:hidden}.usage-fill{height:100%;background:#2563eb;border-radius:9px}.usage-fill.near{background:#f59e0b}.usage-fill.full{background:#ef4444}.usage-caption{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.billing-warning{margin-top:20px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:9px;display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:12px}.billing-warning span{flex:1}.billing-warning.critical{background:#fef2f2;border-color:#fecaca;color:#991b1b}.billing-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.billing-limits>div{display:grid;gap:6px;font-size:12px;color:#64748b}.billing-limits strong{color:#0f172a;font-size:13px}.billing-table{margin-bottom:24px}.billing-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.billing-data-line{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.billing-data-line p{line-height:1.8}.billing-drawer .dialog-body>p{font-size:13px;color:#64748b;line-height:1.6}.billing-plan-options{display:grid;gap:12px;margin-top:20px}.billing-option{border:1px solid #e2e8f0;border-radius:10px;padding:16px}.billing-option.current{border-color:#93c5fd;background:#f8fbff}.billing-option>div{display:flex;align-items:center;justify-content:space-between}.billing-option p{margin:12px 0 4px;color:#64748b}.billing-option p b{font-size:20px;color:#0f172a}.billing-option small{display:block;color:#64748b;margin-bottom:12px}.billing-option .btn{width:100%;justify-content:center}.billing-confirm,.billing-invoice-amount{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:#f8fafc;border-radius:8px}.billing-invoice-amount{align-items:flex-start;flex-direction:column}.billing-invoice-amount strong{font-size:26px}.billing-invoice-amount small{color:#64748b}.billing-choice{display:grid;gap:12px;margin-top:20px}.billing-choice label{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.billing-form{display:grid;gap:16px}.billing-form label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#475569}.billing-form input{height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;font:inherit;font-weight:400}.billing-drawer footer a{text-decoration:none;justify-content:center}.billing-scheduled{margin-top:16px;padding:12px;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:13px}.billing-restricted{max-width:600px}.billing-restricted p{margin:10px 0 20px}
@media(max-width:900px){.billing-top,.billing-data-grid{grid-template-columns:1fr}}@media(max-width:600px){.billing-plan,.billing-cycle,.billing-usage,.billing-data-card{padding:18px}.billing-section-title{align-items:flex-start;flex-direction:column}.billing-warning{align-items:flex-start;flex-direction:column}.billing-warning .btn{width:auto}.billing-limits{grid-template-columns:1fr 1fr}.billing-plan-main{align-items:flex-start;flex-direction:column}.billing-plan-footer .btn{width:auto}}

.billing-compact{display:flex;align-items:center;gap:12px;margin:24px 0;padding:16px 20px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.billing-compact>div{flex:1}.billing-compact strong{font-size:13px;color:#0f172a}.billing-compact p{margin:4px 0 0;color:#64748b;font-size:12px}.billing-compact .text-btn{white-space:nowrap}@media(max-width:600px){.billing-compact{flex-wrap:wrap}.billing-compact .text-btn{margin-left:48px}}
/* Alertas com o mesmo tratamento neutro dos demais componentes. */
.indicator-pending,.indicator-late{background:#fff;border-color:#e2e8f0}
.indicator-pending:hover,.indicator-late:hover{background:#f8fbff;border-color:#93c5fd}
.indicator-pending .indicator-icon{background:#f1f5f9;color:#64748b}
.indicator-late .indicator-icon{background:#fef2f2;color:#c2413b}
.indicator-late>strong{color:#0f172a}
.billing-warning,.billing-warning.critical{border:0;background:#f5f7fa;color:#475569;border-radius:8px;padding:14px 16px}
.billing-warning strong,.billing-warning.critical strong{color:#0f172a}
.billing-warning::before{content:'';display:block;width:8px;height:8px;flex:none;border-radius:50%;background:#d69a32}
.billing-warning.critical::before{background:#c2413b}
@media(max-width:600px){.billing-warning{display:grid;grid-template-columns:8px 1fr;column-gap:10px}.billing-warning::before{grid-row:1;align-self:center}.billing-warning>strong,.billing-warning>span,.billing-warning>.btn{grid-column:2}}

.badge.blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
.badge.sky{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}
.badge.orange{color:#c2410c;background:#fff7ed;border-color:#fed7aa}
.badge.purple{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}
.badge.slate{color:#475569;background:#f8fafc;border-color:#e2e8f0}
.flow-page{max-width:1180px;margin:0 auto}
.page-actions{flex-wrap:wrap}
.agent-list{display:grid;gap:16px}
.agent-card{align-items:flex-start;flex-wrap:wrap}
.agent-card .agent-actions{margin-left:auto;flex-wrap:wrap}
.agent-actions .btn{min-height:38px}
.brief-progress{display:flex;align-items:center;gap:0;margin:8px 0 24px}
.brief-step{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.brief-step:last-child{flex:0 0 auto}
.brief-step-dot{width:32px;height:32px;border-radius:50%;border:1.5px solid #2563eb;background:#dbeafe;color:#2563eb;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.brief-step.active .brief-step-dot{width:38px;height:38px;background:#fff;border-color:#2563eb;box-shadow:0 1px 3px #0000000a}
.brief-step-dot svg{width:20px;height:20px;color:#2563eb}
.brief-step.done .brief-step-dot{background:#2563eb;color:#fff}
.brief-step-copy{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.brief-step-copy small{font-size:11px;color:#64748b}
.brief-step-copy strong{font-size:13px;color:#151515}
.brief-step-copy .done-text{color:#22c55e}
.brief-step-line{flex:1;height:2px;background:#2563eb;margin:0 12px;min-width:16px}
.brief-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.brief-history{margin:0;padding:16px;display:flex;flex-direction:column;gap:8px}
.brief-history p{font-size:12px;margin:0 0 4px}
.brief-history-item{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid transparent;background:#fff;border-radius:8px;padding:10px;color:#0f172a}
.brief-history-item:hover,.brief-history-item.selected{background:#eff6ff;border-color:#bfdbfe}
.brief-history-item strong{font-size:12px}
.brief-history-item small{font-size:11px;color:#64748b}
.brief-main{margin:0;border:1px solid #cbd5e1;border-radius:8px;background:#f0f9ff;box-shadow:0 1px 2px #0f172a0a;display:flex;flex-direction:column;min-height:620px;padding:16px;gap:12px}
.brief-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #bae6fd;padding-bottom:12px}
.brief-head strong,.brief-head small{display:block}
.brief-head strong{font-size:14px}
.brief-head small{font-size:11px;color:#475569;margin-top:3px}
.brief-thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px}
.chat-row{display:flex;gap:8px;align-items:flex-start}
.chat-row.user{justify-content:flex-end}
.brief-avatar{width:28px;height:28px;border-radius:50%;background:#dbeafe;color:#2563eb;display:grid;place-items:center;flex:none}
.brief-avatar svg{width:15px;height:15px}
.chat-bubble{max-width:78%;font-size:13px;line-height:1.5;padding:10px 13px;border-radius:12px}
.agent-bubble{background:#fff;border:1px solid #e2e8f0;border-top-left-radius:4px;color:#0f172a;box-shadow:0 1px 2px #0f172a0a}
.user-bubble{background:#2563eb;color:#fff;border-top-right-radius:4px}
.agent-message{display:flex;flex-direction:column;gap:8px;max-width:78%}
.agent-message .chat-bubble{max-width:100%}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid #bfdbfe;background:#fff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}
.chip:hover,.chip.selected{background:#dbeafe;border-color:#93c5fd}
.chips.readonly .chip{cursor:default}
.brief-summary{background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:14px 16px;max-width:78%}
.brief-summary strong{font-size:13px;display:block;margin-bottom:8px}
.brief-summary dl{display:grid;gap:8px;margin:0}
.brief-summary dl>div{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:12px}
.brief-summary dt{color:#64748b}
.brief-summary dd{margin:0;font-weight:600;color:#0f172a}
.brief-composer{display:flex;gap:8px;align-items:center;border-top:1px solid #bae6fd;padding-top:12px}
.brief-search{flex:1;min-width:0;background:#fff}
.brief-example{display:flex;gap:8px;align-items:center;font-size:11px;color:#64748b;flex-wrap:wrap}
.brief-example span{font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.brief-complete-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #bae6fd;padding-top:12px}
.brief-complete-bar strong,.brief-complete-bar small{display:block}
.brief-complete-bar small{font-size:11px;color:#64748b;margin-top:3px}
.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px;font-size:12px;margin:0}
.briefing-structured{max-width:900px;margin:0 auto;padding:28px}
.structured-head h2{font-size:22px;margin:0}
.structured-head p{max-width:720px}
.briefing-note{display:flex;gap:8px;align-items:center;background:#e2e8f0;border-radius:6px;padding:10px 12px;font-size:12px;color:#151515;margin:18px 0}
.briefing-note svg{width:16px;height:16px;flex:none}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:6px;font-size:12px;font-weight:700;color:#475569;align-content:start}
.field.full{grid-column:1/-1}
.field>span small{font-weight:500;color:#94a3b8}
.field input,.field select,.field textarea{border:1px solid #cbd5e1;border-radius:8px;padding:9px 11px;background:#fff;color:#0f172a;font:inherit;font-weight:400;width:100%}
.field textarea{resize:vertical}
.field>small{font-size:11px;font-weight:500;color:#64748b;line-height:1.45}
.static-field{border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;padding:9px 11px;font-weight:500;color:#334155}
.field .naia-select{width:100%}
.estimation{border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:18px;margin-top:22px}
.estimation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.estimation-head h3{font-size:15px}
.estimation-head p{font-size:12px;margin-top:4px}
.estimation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.estimation-grid small,.estimate-stack small{display:block;font-size:11px;color:#64748b}
.estimation-grid strong,.estimate-stack strong{display:block;font-size:13px;color:#0f172a;margin-top:5px}
.flow-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #e2e8f0}
.flow-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.flow-actions.inline{justify-content:flex-start;border:0;padding-top:0;margin-top:8px}
.muted-note{font-size:11px;color:#64748b}
.approval-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:16px}
.approval-summary{margin:0;padding:24px}
.approval-summary h2{font-size:22px}
.approval-info{margin:18px 0}
.approval-block{margin-top:18px;display:grid;gap:8px}
.approval-block>small{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:700}
.approval-block a{color:#2563eb;font-weight:600}
.approval-block p{margin:0;font-size:12px}
.approval-side{display:grid;gap:16px;align-content:start}
.approval-side .panel{margin:0;padding:20px}
.estimate-stack{display:grid;gap:12px;margin-top:14px}
.estimate-stack>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}
.estimate-stack>div:last-child{border:0;padding:0}
.estimate-stack strong{text-align:right}
.submission-success{max-width:820px;margin:0 auto;padding:36px;text-align:center}
.success-mark{width:56px;height:56px;border-radius:50%;background:#dcfce7;color:#16a34a;display:grid;place-items:center;font-size:26px;font-weight:800;margin:0 auto 16px}
.submission-success h2{font-size:22px}
.submission-success>p{font-size:13px}
.submission-success .notice{text-align:left}
.demand-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 18px}
.demand-stat{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 1px 2px #0f172a0a;text-align:left}
.demand-stat strong{font-size:22px;line-height:1}
.demand-stat span{font-size:11px;color:#64748b;font-weight:600}
.demand-stat.selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb1a,0 1px 3px #0000000a}
.tone-blue{color:#2563eb}.tone-sky{color:#0ea5e9}.tone-purple{color:#a855f7}.tone-orange{color:#ea580c}.tone-green{color:#22c55e}.tone-slate{color:#64748b}
.demand-toolbar{margin:0 0 16px;align-items:center}
.view-toggle{display:flex;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:3px}
.view-toggle button{border:0;background:none;border-radius:5px;padding:7px 12px;font-size:12px;font-weight:700;color:#64748b}
.view-toggle button.selected{background:#e2e8f0;color:#0f172a}
.demand-list-desktop{border:1px solid #cbd5e1;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}
.demand-list-head,.demand-list-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,0.9fr);gap:32px;align-items:center;padding:14px 16px}
.demand-list-head{background:#fff;border-bottom:1px solid #e2e8f0}
.demand-list-head span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#64748b}
.demand-list-row{width:100%;box-sizing:border-box;appearance:none;border:0;border-bottom:1px solid #e2e8f0;background:#fff;text-align:left;color:#0f172a;font:inherit}
.demand-list-row:last-child{border-bottom:0}
.demand-list-row:hover{background:#f8fafc}
.demand-title{display:flex;flex-direction:column;min-width:0;gap:4px}
.demand-title small,.demand-origin{font-size:11px;color:#64748b;font-weight:500}
.demand-deadline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:#64748b;white-space:nowrap}
.demand-deadline .chevron,.demand-mobile-card .chevron{color:#94a3b8}
.demand-cards-mobile{display:none}
.demand-mobile-card{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:14px;display:grid;gap:8px;text-align:left;color:#0f172a;box-shadow:0 1px 2px #0f172a0a}
.demand-mobile-card small{font-size:11px;color:#64748b}
.demand-mobile-meta{align-items:center}
.kanban-context{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;margin-bottom:12px;background:#fff;font-size:12px;color:#64748b}
.kanban-context strong{color:#0f172a;margin-left:6px}
.kanban-context-note{font-size:11px}
.kanban-rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}
.kanban-column{background:#f1f5f9;border-radius:8px;padding:10px;width:260px;flex:none;display:flex;flex-direction:column;gap:8px;min-height:260px}
.kanban-column header{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569;padding:0 2px}
.kanban-column header strong{flex:1;font-size:12px}
.kanban-column header small{background:#fff;border-radius:999px;padding:1px 6px;font-size:10px;color:#64748b}
.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:block}
.kanban-card{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:10px;display:grid;gap:6px;text-align:left;color:#0f172a;box-shadow:0 1px 2px #0f172a0a;font:inherit}
.kanban-card:hover{border-color:#93c5fd}
.kanban-card>strong{font-size:12px;line-height:1.35}
.kanban-card>small{font-size:10px;color:#64748b}
.kanban-card-foot{display:flex;align-items:center;gap:6px;border-top:1px solid #e2e8f0;padding-top:8px;margin-top:2px}
.avatar.mini{width:18px;height:18px;font-size:9px}
.kanban-card-foot small{font-size:10px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kanban-deadline{margin-left:auto;font-size:10px;color:#64748b;white-space:nowrap}
.kanban-empty{font-size:11px;color:#94a3b8;text-align:center;padding:20px 0;margin:0}
.channel-list{display:grid;gap:10px;margin-top:16px}
.channel-row{border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:grid;gap:8px}
.channel-info{display:flex;justify-content:space-between;align-items:center;gap:12px}
.channel-row>small{font-size:11px;color:#64748b}
.channel-row .text-btn{justify-self:start}
.channel-link-detail{background:#f8fafc;border-radius:6px;padding:8px;display:grid;gap:4px;font-size:11px;color:#475569}
.channel-link-detail a{color:#2563eb;overflow-wrap:anywhere}
.destination{display:grid;gap:4px;margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}
.destination small{font-size:11px;color:#64748b}
.destination a{font-size:12px;color:#2563eb;font-weight:600;overflow-wrap:anywhere}
.briefing-status{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e8f0;margin-top:14px;padding-top:14px;font-size:12px;color:#64748b}
.demand-conversation{display:flex;flex-direction:column;gap:14px}
.demand-conversation .chat-bubble{max-width:70%}
.demand-pieces{margin-top:16px}
.link-tabs button img{width:18px;height:18px}
.link-state{margin:0;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}
.link-state-icon{width:48px;height:48px;border-radius:10px;background:#eff6ff;display:grid;place-items:center}
.link-state-icon img{width:34px;height:34px}
.link-state h2{font-size:18px}
.link-state .flow-actions{grid-column:1/-1;margin-top:0;border:0;padding:0}
.link-form-panel{margin:0;padding:24px}
.link-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.link-form-head h2{font-size:18px}
.link-form-grid{margin-top:4px}
.link-level-note{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #e2e8f0}
.link-level-note p{font-size:12px;margin:0}
.scope-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:12px;color:#475569;margin:0 0 18px}
.channel-scope{font-size:12px;margin:10px 0 0;color:#64748b}
.campaign-note{margin:-8px 0 18px}
.search-assets{margin:0 0 24px;padding:22px 24px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.search-assets-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}
.search-assets-head h2{font-size:16px}
.search-assets-head p{font-size:12px;margin-top:4px}
.search-assets .search-ad{background:#fff;border-color:#e2e8f0}
.search-url{display:block;color:#15803d;font-size:12px;margin-top:8px}
.asset-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}
.asset-columns h3{font-size:12px;color:#475569;text-transform:uppercase;letter-spacing:.03em}
.asset-columns ul{margin:8px 0 0;padding-left:18px;color:#334155;font-size:12px;line-height:1.7}
.final-url{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;border-top:1px solid #e2e8f0;margin-top:16px;padding-top:12px;font-size:12px}
.final-url small{color:#64748b}
.final-url a{color:#2563eb;font-weight:600;overflow-wrap:anywhere}
.creative-panel .search-assets{padding:0;border:0;margin:0}
.campaign-table td:last-child{white-space:nowrap}
@media(max-width:1100px){.demand-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.brief-layout{grid-template-columns:1fr}.brief-history{order:2}.brief-main{min-height:560px}.approval-layout{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.estimation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.demand-list-desktop{display:none}.demand-cards-mobile{display:grid;gap:10px}.demand-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-progress{gap:4px}.brief-step-line{margin:0 6px;min-width:10px}.brief-main{padding:12px;min-height:520px}.briefing-structured,.approval-summary,.link-form-panel{padding:18px}.flow-actions{align-items:flex-start;flex-direction:column}.flow-actions>div{width:100%}.flow-actions>div .btn{flex:1}.agent-card .agent-actions{margin-left:0;width:100%}.asset-columns{grid-template-columns:1fr}.search-assets{padding:16px}.brief-summary{max-width:100%}.brief-summary dl>div{grid-template-columns:1fr}.kanban-rail{-webkit-overflow-scrolling:touch}.campaign-table{min-width:900px}.estimation-grid{grid-template-columns:1fr 1fr}.submission-success{padding:22px}.submission-success .flow-actions>div{justify-content:stretch}.link-state{grid-template-columns:1fr}.link-state-icon{width:40px;height:40px}}
@media(max-width:480px){.brief-step-copy small{display:none}.brief-step-copy strong{font-size:12px}.demand-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-composer{flex-direction:column;align-items:stretch}.brief-complete-bar{align-items:flex-start;flex-direction:column}.brief-complete-bar .btn{width:100%}.estimation-grid{grid-template-columns:1fr}.flow-actions>div{flex-direction:column}.flow-actions>div .btn{width:100%}}

.integration-tabs{gap:0;border-bottom:1px solid #e2e8f0;margin-bottom:0;overflow:visible}
.integration-tabs button{position:relative;padding:8px 24px 12px;font-size:14px;font-weight:600;border-bottom:0}
.integration-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1.6px;background:#cbd5e1}
.integration-tabs button.active{border:0}
.integration-tabs button.active:after{background:#2563eb}
.workflow-panel{display:flex;min-height:0;flex:1;flex-direction:column;gap:16px;border:1px solid #f1f5f9;border-radius:20px;background:#f8fafc;padding:16px;margin-top:16px}
.workflow-panel-head{display:flex;flex-direction:column;gap:8px;flex:none}
.workflow-panel-head h2{font-size:20px;font-weight:600;color:#020617}
.workflow-panel-head p{font-size:12px;font-weight:500;color:#64748b;margin:0}
.workflow-canvas{flex:1;min-height:420px;border-radius:12px;overflow:hidden;background-color:#fff;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:24px 24px}
.workflow-svg{display:block;width:100%;height:auto;aspect-ratio:966/434;min-height:420px}
.workflow-edges path{fill:none;stroke:#2563eb;stroke-width:2}
.workflow-node{box-sizing:border-box;width:250px;height:126px;display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;box-shadow:0 1px 2px #0f172a0a;overflow:hidden;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}
.workflow-node.disabled{opacity:.7}
.workflow-node-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.workflow-node-top>img{width:32px;height:32px;object-fit:contain;flex:none}
.workflow-app-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#2563eb;color:#fff;box-shadow:0 1px 2px #0f172a0a;flex:none}
.workflow-app-icon .material-icon,.workflow-app-icon>svg{width:16px;height:16px;color:#fff}
.workflow-badge{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}
.workflow-badge.green{border-color:#86efac;background:#dcfce7;color:#22c55e}
.workflow-badge.yellow{border-color:#fde047;background:#fef9c3;color:#eab308}
.workflow-badge.slate{border-color:#cbd5e1;background:#f1f5f9;color:#64748b}
.workflow-node-copy{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:hidden}
.workflow-node-copy h3{font-size:14px;line-height:1.25;font-weight:600;color:#020617;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.workflow-node-copy p{font-size:12px;line-height:1.35;font-weight:500;color:#64748b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.agents-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 140px 150px;gap:8px;margin:0 0 16px}
.agents-toolbar .search{height:34px;min-height:34px;padding:0 12px;border-radius:8px}
.agents-toolbar .search input{font-size:14px;color:#151515}
.agents-toolbar .search input::placeholder{color:#64748b}
.agent-filter{min-width:0}
.agent-filter .naia-select{width:100%}
.agent-filter .naia-select-trigger{min-height:34px;height:34px;padding:0 10px;font-size:12px;font-weight:500;color:#64748b;border-radius:8px}
.agents-grid{display:grid;grid-template-columns:1fr;gap:16px}
.agent-list-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0a}
.agent-card-body{display:flex;flex:1;flex-direction:column;gap:16px;padding:16px;min-width:0}
.agent-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.agent-card-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:8px;background:#2563eb;color:#fff}
.agent-card-icon .material-icon{width:24px;height:24px}
.agent-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.agent-area,.agent-status{display:inline-flex;height:26px;align-items:center;justify-content:center;border:1px solid;border-radius:999px;padding:0 9px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}
.agent-area.marketing{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}
.agent-area.creative{border-color:#ddd6fe;background:#f5f3ff;color:#7c3aed}
.agent-status.active{border-color:#86efac;background:#dcfce7;color:#22c55e}
.agent-card-copy{display:flex;min-width:0;flex-direction:column;gap:8px}
.agent-card-copy h3{margin:0;font-size:16px;font-weight:600;color:#000}
.agent-card-copy p{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.agent-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.agent-metrics>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.agent-metrics small{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-metrics strong{display:flex;min-height:32px;align-items:center;font-size:24px;font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}
.agent-updated{display:inline-flex;min-height:32px;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-updated svg{width:16px;height:16px;flex:none;color:#64748b}
.agent-card-footer{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #e2e8f0;padding:12px 16px;min-height:68px}
.agent-card-footer.with-secondary{justify-content:space-between}
.agent-card-primary,.agent-card-secondary{display:inline-flex;height:36px;min-height:34px;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:0 16px;font-size:12px;font-weight:500;white-space:nowrap}
.agent-card-primary{border:0;background:#2563eb;color:#fff}
.agent-card-primary:hover{background:#1d4ed8}
.agent-card-secondary{border:1px solid #cbd5e1;background:#fff;color:#64748b}
.agent-card-secondary:hover{background:#f8fafc}
.agents-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;text-align:center}
.agents-empty strong{font-size:15px;color:#0f172a}
.agents-empty p{font-size:13px;color:#64748b;margin:0}
@media(min-width:1280px){.agents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.workflow-svg{min-width:680px}.workflow-canvas{overflow-x:auto}}
@media(max-width:767px){.agents-toolbar{grid-template-columns:1fr 1fr}.agents-toolbar .search{grid-column:1/-1}.workflow-panel{padding:12px}.workflow-panel-head h2{font-size:18px}.workflow-canvas{min-height:360px}.workflow-svg{min-height:360px}}
@media(max-width:640px){.agent-card-footer{flex-direction:column-reverse;align-items:stretch;padding:12px 16px}.agent-card-primary,.agent-card-secondary{width:100%}.agent-metrics{gap:6px}.agent-metrics strong{font-size:20px}.agent-metrics small{font-size:11px}}

.demand-stat{min-height:77px;padding:12px 16px;gap:8px}
.demand-stat strong{font-size:20px}
.demand-stat span{font-size:12px}
.new-demand-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600}
.new-demand-btn svg{width:16px;height:16px}
.view-toggle{padding:4px}
.view-toggle button{display:grid;place-items:center;width:32px;height:32px;padding:0}
.view-toggle button svg{width:18px;height:18px}
.kanban-context{justify-content:flex-start;gap:16px;padding:10px 16px}
.kanban-progress{display:flex;flex:0 1 160px;max-width:160px;height:6px;border-radius:999px;overflow:hidden;background:#f1f5f9}
.kanban-progress span{display:block;height:100%;border-radius:999px;opacity:.75}
.kanban-column{width:288px;padding:8px;gap:8px;min-height:420px}
.kanban-column header{padding:2px 4px 0}
.kanban-count{display:inline-flex;min-width:20px;height:18px;align-items:center;justify-content:center;border-radius:4px;padding:0 4px;font-size:11px;font-weight:600}
.kanban-count.tone-blue{background:#dbeafe}.kanban-count.tone-sky{background:#e0f2fe}.kanban-count.tone-purple{background:#f3e8ff}.kanban-count.tone-orange{background:#ffedd5}.kanban-count.tone-green{background:#dcfce7}.kanban-count.tone-slate{background:#f1f5f9}
.kanban-divider{height:1px;background:#cbd5e1;opacity:.3;margin-top:2px}
.kanban-card{padding:14px;gap:8px}
.kanban-card>strong{font-size:13px;font-weight:500}
.kanban-card-foot .avatar.mini{width:14px;height:14px;font-size:7px}
@media(min-width:768px){.kanban-card>strong{font-size:14px}}
.kanban-created{font-size:12px;color:#64748b}
.kanban-card-foot small{font-size:12px}
.kanban-deadline{display:inline-flex;align-items:center;gap:3px;font-size:12px;white-space:nowrap}
.kanban-deadline svg{width:12px;height:12px;color:#94a3b8}
.deadline-green{color:#22c55e}
.deadline-red{color:#dc2626}
.deadline-orange{color:#ea580c}
.deadline-slate{color:#64748b}
.breadcrumb .crumb-link{color:#151515}
.breadcrumb .crumb-current{color:#151515;margin:0}
.demand-toolbar{width:100%}
.demand-toolbar .search{flex:1;width:auto;min-width:0;height:44px;min-height:44px;padding:0 14px;border-radius:10px}
.demand-toolbar .search input{font-size:14px;color:#151515}
.demand-toolbar .search input::placeholder{color:#94a3b8}
.demand-toolbar .view-toggle{height:44px;padding:4px;border-radius:10px}
.demand-toolbar .view-toggle button{width:36px;height:36px;border-radius:6px}
.demand-toolbar .view-toggle button svg{width:20px;height:20px}
.brief-page{max-width:1600px}
.brief-layout{grid-template-columns:300px minmax(0,1fr) 290px;gap:24px;align-items:stretch}
.brief-history{margin:0;padding:0 24px 0 0;border:0;border-right:1px solid #e2e8f0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;gap:12px;min-width:0}
.brief-new-demand{display:flex;width:100%;height:52px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-size:15px;font-weight:600}
.brief-new-demand:hover{background:#1d4ed8}
.brief-new-demand svg{width:18px;height:18px}
.brief-history-search{width:100%;height:40px;min-height:40px;border-radius:10px;padding:0 12px}
.brief-history-label{font-size:12px;font-weight:600;color:#64748b;letter-spacing:.04em;margin-top:4px}
.brief-history-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:calc(100vh - 390px);padding-right:4px}
.brief-history-item{display:flex;width:100%;flex-direction:column;gap:4px;border:1px solid transparent;border-radius:10px;background:transparent;padding:10px 12px;text-align:left;color:#0f172a}
.brief-history-item:hover,.brief-history-item.selected{background:#eff6ff;border-color:#bfdbfe}
.brief-history-item strong{width:100%;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brief-history-origin{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#2563eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brief-history-origin svg{width:14px;height:14px;flex:none}
.brief-history-origin b{font-weight:600}
.brief-history-snippet{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.35;color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.brief-history-date{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;margin-top:2px}
.brief-history-date i{display:block;width:6px;height:6px;border-radius:50%;background:#22c55e;flex:none}
.brief-history-empty{font-size:12px;color:#94a3b8;text-align:center;padding:16px 4px}
.brief-main{min-height:640px;height:calc(100vh - 220px);max-height:900px;padding:16px;border-radius:10px}
.brief-empty-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.brief-empty-state p{font-size:14px;font-weight:500;color:#0f172a;margin:0}
.brief-empty-state h2{font-size:24px;font-weight:500;color:#0f172a;margin:4px 0 0}
.brief-thread{padding:4px 8px}
.brief-ready{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 8px}
.brief-ready p{font-size:12px;line-height:1.5;color:#64748b;margin:0}
.brief-review-btn{height:42px;border-radius:10px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.brief-review-btn svg{width:16px;height:16px}
.brief-composer{display:block;border-top:0;padding-top:0}
.brief-composer-box{display:flex;flex-direction:column;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:12px 14px 10px}
.brief-composer-box textarea{display:block;width:100%;min-height:48px;max-height:140px;resize:none;border:0;outline:0;background:transparent;color:#0f172a;font:inherit;font-size:14px;line-height:1.5}
.brief-composer-box textarea::placeholder{color:#94a3b8}
.brief-composer-box.complete textarea{color:#94a3b8}
.brief-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brief-attach,.brief-icon-btn{border:0;background:none;color:#64748b;display:inline-flex;align-items:center;justify-content:center;padding:0}
.brief-attach{gap:6px;font-size:13px;font-weight:500}
.brief-attach svg,.brief-icon-btn svg{width:18px;height:18px}
.brief-composer-actions{display:flex;align-items:center;gap:10px}
.brief-icon-btn{width:32px;height:32px}
.brief-send{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:#93c5fd;color:#fff}
.brief-send svg{width:16px;height:16px}
.brief-send:disabled{opacity:1;background:#bfdbfe}
.brief-disclaimer{text-align:center;font-size:11px;color:#94a3b8;margin:0}
.brief-help{text-align:center;font-size:12px;color:#94a3b8;margin:8px 0 0}
.brief-help kbd{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#64748b;font:inherit;font-size:11px;padding:0 5px}
.brief-example{justify-content:center;margin-top:6px}
.brief-example .text-btn{font-size:11px;font-weight:500;color:#2563eb}
.brief-solicitation{align-self:start;border:1px solid #cbd5e1;border-radius:16px;background:#fff;padding:18px;box-shadow:0 1px 3px #0f172a0f}
.brief-solicitation-head{display:flex;align-items:center;gap:8px;color:#2563eb}
.brief-solicitation-head svg{width:18px;height:18px}
.brief-solicitation-head h2{margin:0;font-size:15px;font-weight:600;color:#0f172a}
.brief-solicitation ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:16px 0 0;padding:0}
.brief-solicitation li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#64748b}
.brief-solicitation li svg{width:16px;height:16px;flex:none;color:#cbd5e1}
.brief-solicitation li.done svg{color:#22c55e}
.brief-solicitation li.done span{color:#2563eb}
@media(max-width:1500px){.brief-layout{grid-template-columns:250px minmax(0,1fr) 250px;gap:16px}.brief-main{min-height:600px}.brief-history-list{max-height:calc(100vh - 390px)}}
@media(max-width:1100px){.brief-layout{grid-template-columns:240px minmax(0,1fr)}.brief-solicitation{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.brief-solicitation ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:4px}}
@media(max-width:767px){.brief-page{max-width:none}.brief-layout{grid-template-columns:1fr}.brief-history{padding:0 0 16px;border-right:0;border-bottom:1px solid #e2e8f0}.brief-history-list{max-height:260px}.brief-main{height:auto;min-height:560px;max-height:none}.brief-solicitation{display:block}.brief-solicitation ul{grid-template-columns:1fr 1fr}.brief-empty-state h2{font-size:20px}}
.agent-list-card.inactive .agent-card-icon{background:#93c5fd}
.agent-status.inactive{border-color:#cbd5e1;background:#f1f5f9;color:#64748b}
.agents-toolbar{grid-template-columns:minmax(0,1fr) 140px 140px 150px}
.config-actions{flex-wrap:wrap;align-items:center}
.config-status{display:inline-flex;height:40px;align-items:center;gap:7px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:0 14px;font-size:13px;font-weight:600;color:#64748b}
.config-status.on{border-color:#86efac;background:#dcfce7;color:#16a34a}
.config-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.inactive-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:14px 16px;margin:0 0 16px}
.inactive-banner strong,.inactive-banner span{display:block}
.inactive-banner strong{font-size:14px;color:#0f172a}
.inactive-banner span{font-size:12px;color:#64748b;margin-top:3px}
.agent-config-page{max-width:1400px;margin:0 auto}
.agent-config-tabs{margin-top:2px;margin-bottom:0}
.config-tab-content{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.config-stack{display:flex;flex-direction:column;gap:16px}
.config-card{border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}
.config-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 0}
.config-card-head h2{font-size:16px;font-weight:600;color:#0f172a;margin:0}
.config-card-head p{font-size:12px;color:#64748b;margin:4px 0 0}
.config-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.config-card-body{padding:18px 20px 20px}
.config-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:16px}
.config-info-grid>div{display:flex;min-width:0;flex-direction:column;gap:6px}
.config-info-grid small,.config-description>small{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.config-info-grid strong{display:flex;min-height:40px;align-items:center;border-radius:8px;background:#f1f5f9;padding:0 12px;font-size:14px;font-weight:500;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.config-info-grid .agent-status{align-self:flex-start;gap:6px;margin-top:7px}
.agent-status .status-dot{width:6px;height:6px;background:currentColor}
.config-category{display:inline-flex;height:24px;align-items:center;border-radius:6px;background:#f1f5f9;padding:0 8px;font-size:12px;font-weight:500;color:#0f172a;align-self:flex-start;margin-top:8px}
.config-date{display:flex;min-height:40px;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#0f172a}
.config-date svg{width:16px;height:16px;color:#0ea5e9}
.config-description{display:flex;flex-direction:column;gap:6px}
.config-description p{background:#f1f5f9;border-radius:8px;padding:14px;font-size:14px;font-weight:500;line-height:1.5;color:#0f172a;margin:0}
.config-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.config-metric-row{display:flex;gap:48px;margin-bottom:16px;flex-wrap:wrap}
.config-metric-row>div{display:flex;flex-direction:column;gap:3px}
.config-metric-row small{font-size:12px;font-weight:500;color:#64748b}
.config-metric-row strong{font-size:24px;font-weight:600;color:#0f172a}
.config-metric-row strong span{font-size:12px;font-weight:500;color:#64748b}
.config-integrations{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.config-integrations span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#0f172a}
.config-integrations img{width:18px;height:18px;object-fit:contain}
.config-main-fields{display:flex;flex-direction:column;gap:8px}
.config-main-fields>small{font-size:12px;font-weight:500;color:#64748b}
.config-empty-inline{font-size:12px;font-style:italic;color:#94a3b8}
.config-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.config-toolbar .search{flex:1;min-width:0;height:40px}
.config-toolbar .naia-select{width:160px;flex:none}
.config-toolbar .naia-select-trigger{min-height:40px;height:40px}
.config-request-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;min-height:180px}
.config-request-head,.config-request-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:16px;align-items:center;padding:12px 16px}
.config-request-head{background:#fff;border-bottom:1px solid #e2e8f0}
.config-request-head span{font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase}
.config-request-row{width:100%;border:0;border-bottom:1px solid #e2e8f0;background:#fff;text-align:left;font:inherit;color:#0f172a}
.config-request-row:last-child{border-bottom:0}
.config-request-row:hover{background:#f8fafc}
.config-request-title{display:flex;min-width:0;flex-direction:column;gap:3px}
.config-request-title strong{font-size:14px;font-weight:500;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.config-request-title small{font-size:12px;color:#64748b}
.config-request-deadline{font-size:12px;font-weight:500;color:#64748b;white-space:nowrap}
.config-request-user{display:flex;min-width:0;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.config-request-empty{grid-column:1/-1;padding:28px 16px;text-align:center}
.config-copy-block{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:16px;font-size:14px;line-height:1.6;color:#334155}
.config-file-list{display:flex;flex-direction:column;gap:8px}
.config-file{display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}
.config-file-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#eff6ff;color:#2563eb;flex:none}
.config-file-icon svg{width:16px;height:16px}
.config-file>span:nth-child(2){flex:1;min-width:0}
.config-file strong,.config-file small{display:block}
.config-file strong{font-size:13px;font-weight:500;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.config-file small{font-size:11px;color:#64748b;margin-top:2px}
.config-upload{display:inline-flex;height:38px;align-items:center;gap:8px;border:1px dashed #93c5fd;border-radius:8px;background:#eff6ff;color:#2563eb;padding:0 14px;font-size:12px;font-weight:600;margin-top:14px}
.config-upload svg{width:16px;height:16px}
.config-field-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}
.config-field-head,.config-field-row{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr 1fr;gap:16px;align-items:center;padding:12px 14px}
.config-field-head{background:#fff;border-bottom:1px solid #e2e8f0}
.config-field-head span{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase}
.config-field-row{border-bottom:1px solid #e2e8f0}
.config-field-row:last-child{border-bottom:0}
.config-field-row>span:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}
.config-field-row strong{font-size:13px;font-weight:500;color:#0f172a}
.config-field-row small{font-size:11px;color:#64748b}
.config-field-row>span:not(:first-child){font-size:12px;color:#475569}
.config-rule-list{display:flex;flex-direction:column;gap:10px}
.config-rule{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:9px;padding:14px}
.config-rule>div:first-child{min-width:0}
.config-rule strong{font-size:14px;font-weight:500;color:#0f172a}
.config-rule p{font-size:12px;color:#64748b;margin:4px 0 0}
.config-rule-actions{display:flex;align-items:center;gap:12px;flex:none}
.config-rule-toggle{display:flex;width:38px;height:20px;align-items:center;border:1px solid #cbd5e1;border-radius:999px;background:#cbd5e1;padding:2px}
.config-rule-toggle span{width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}
.config-rule-toggle.on{border-color:#22c55e;background:#22c55e;justify-content:flex-end}
@media(max-width:1100px){.config-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-metrics-grid{grid-template-columns:1fr}}
@media(max-width:900px){.agents-toolbar{grid-template-columns:minmax(0,1fr) 1fr 1fr}.agents-toolbar .search{grid-column:1/-1}.agents-toolbar .agent-filter:last-child{grid-column:auto}}
@media(max-width:767px){.agents-toolbar{grid-template-columns:1fr 1fr}.agents-toolbar .search{grid-column:1/-1}.config-toolbar{align-items:stretch;flex-direction:column}.config-toolbar .naia-select{width:100%}.config-request-head{display:none}.config-request-row{grid-template-columns:1fr;gap:8px;padding:14px}.config-request-user{flex-wrap:wrap}.config-info-grid{grid-template-columns:1fr 1fr}.config-field-head{display:none}.config-field-row{grid-template-columns:1fr 1fr;gap:8px}.config-field-row>span:first-child{grid-column:1/-1}.config-rule{align-items:flex-start;flex-direction:column}.config-rule-actions{align-self:flex-end}.inactive-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.agents-toolbar{grid-template-columns:1fr 1fr}.agents-toolbar .search{grid-column:1/-1}.config-info-grid{grid-template-columns:1fr}}