/* Performance HUB — apresentação e escala tipográfica. */
:root{--blue:#20aaff;--radius:16px;--sidebar:280px}
h1{font-weight:600;letter-spacing:-.025em}
h2,h3{font-weight:600}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px}
[hidden]{display:none!important}
.positive{color:#72d2b1}
.skip-link{background:#162320;color:#e3ecea;border:1px solid #2cd1a2;border-radius:8px}
.hub-brand .brand-logo{display:block;height:auto;object-fit:contain;object-position:center;background:#fff;border-radius:6px;margin:0 0 18px}
.hub-brand>strong{display:block;font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:600}
.hub-brand>span{font-size:12px;letter-spacing:.025em;color:#9eafa8;margin-top:8px;line-height:1.6}
.workspace-switch{border-radius:11px;color:#c7ece2}
.workspace-symbol{background:#00d68f12;color:#9eafa8;border:1px solid #00d68f22}
.workspace-switch .profile-name{color:#bce9dc}
.workspace-switch .profile-sub{color:#9eafa8}
.workspace-switch>.icon{color:#9eafa8}
.nav-scroll{scrollbar-width:thin}
.nav-label{color:#9eafa8}
.nav-item{border-radius:8px}
.nav-item.active{font-weight:600}
.nav-item .count{min-width:19px;border:1px solid #00d68f20}
.plan-card{border-radius:11px}
.plan-card>.flex{color:#9eafa8}
.plan-card p{color:#9eafa8;font-size:14px;line-height:1.8;margin:8px 0 11px}
.profile-name{color:#bdccc8;font-size:14px}
.profile-sub{color:#9eafa8;font-size:12px}
.avatar{background:#2dd3a422;color:#ade4d4;border:1px solid #2ccea02b;font-size:12px}
.profile>.icon-button{color:#9eafa8}
.top-avatar{background:#34d4a729;color:#aee4d5}
.main-shell{background:transparent}
.topbar{height:76px;padding-inline:32px}
.breadcrumb{font-size:13px;color:#9eafa8}
.topbar-right{gap:16px}
.search-input{border-radius:8px;width:244px;font-size:15px;padding-block:10px}
.search-wrap .icon{color:#9eafa8}
.search-wrap kbd{color:#9eafa8;font-size:12px}
.icon-button{color:#9eafa8}
.main{padding:29px 32px 27px;max-width:1600px}
.page-heading{margin-bottom:24px}
.page-heading h1{font-size:32px;color:#e5edeb}
.page-heading p{font-size:14px;color:#9eafa8;margin-top:8px}
.eyebrow{font-size:12px;letter-spacing:.025em;color:#9eafa8;margin-bottom:10px}
.btn{transition:background .2s,border-color .2s,transform .2s}
.btn.primary{background:linear-gradient(115deg,#85d6bf,#48d8af);border-color:#85d6bf4d;color:#fff;box-shadow:0 4px 14px #00000026}
.btn.primary:hover{background:linear-gradient(115deg,#9edfcc,#85d6bf);border-color:#a3e0cf80}
.btn .icon{width:14px;height:14px}
.filters{margin-bottom:21px}
.select-wrap{border-radius:8px}
.select-wrap .icon{color:#9eafa8}
.select-wrap select{font-size:14px;padding-block:10px}
.filters-left>.small{font-size:13px;color:#9eafa8}
.view-pills{border:1px solid #192723}
.view-pills button{color:#9eafa8}
.view-pills button.active{box-shadow:none}
.panel-head{padding:21px 22px 0}
.panel-head p{font-size:14px;color:#9eafa8;margin-top:6px}
.panel h2{font-size:18px;letter-spacing:-.15px}
.panel-body{padding:20px 22px 22px}
.metrics{gap:15px;margin-bottom:23px}
.metric{padding:22px;min-height:162px;position:relative;overflow:hidden}
.metric:before{content:'';position:absolute;inset:0;pointer-events:none}
.metric-top{color:#9eafa8;margin-bottom:16px}
.metric-icon{width:29px;height:29px;border-radius:16px;border:1px solid #00d68f17}
.metric-icon .icon{width:14px;height:14px}
.metric-value{font-size:34px}
.metric-bottom{color:#9eafa8;margin-top:12px}
.metric-bottom .delta{color:#6cceaa}
.metric-info{color:#9eafa8}
.badge{background:#16231f;color:#9eafa8;border:1px solid #233832;font-size:12px;border-radius:5px;padding:4px 7px}
.notice{border-radius:10px;font-size:12px;line-height:1.8;padding:13px 16px}
.empty{min-height:220px;padding:30px 25px;gap:12px}
.empty .empty-icon{border:1px solid #00d68f19;width:43px;height:43px;border-radius:13px}
.empty h3{font-size:17px;font-weight:600}
.empty p{font-size:14px;color:#9eafa8;max-width:440px;line-height:1.85}
.empty .btn{margin-top:2px}
.small{font-size:13px}
.tiny{font-size:12px}
.bar-row{margin-bottom:19px}
.bar-row .between{font-size:12px;color:#9eafa8;margin-bottom:9px;gap:10px}
.bar-row .between strong{font-size:12px;font-weight:500;color:#aae3d2}
.bar-row .tiny{font-size:12px;color:#9eafa8}
.bar{height:6px;border-radius:6px}
.channel-symbol{background:#101916;border-color:#1d2e29;color:#94dbc7}
.channel-title{color:#a1e0ce}
.channel-sub,.channel-percent{color:#9eafa8}
.channel-amount{color:#bee9dd}
.channel-total{border-color:var(--line);color:#9eafa8}
.client-table thead{background:#0c1211}
.client-table th{color:#9eafa8;border-color:#1b2b26;font-size:13px;padding-block:13px}
.client-table td{color:#acbdb8;border-color:#16231f;font-size:14px;padding-block:16px}
.client-table .client-name p{color:#9eafa8;font-size:13px}
.client-monogram{border:1px solid #859f9824}
.table-footer{color:#9eafa8}
.table-footer .btn{border-color:#1e302b}
.client-card .description{color:#9eafa8;font-size:14px}
.client-meta{border-color:#192723}
.client-meta small{color:#9eafa8}
.client-meta strong{color:#a9e2d2}
.client-name strong{color:#a9e2d2}
.review-row{border-color:#182622}
.review-row h4{color:#9cdecb}
.review-thumb{border:1px solid #5c756e26}
.insight{border-color:#192824}
.insight-icon{border:1px solid #2ac59926}
.insight h4{color:#a8e2d2}
.insight p{color:#9eafa8}
.check-row{border-color:#182723;color:#95dcc8}
.check-row p{color:#9eafa8}
.check-row .icon{color:#9eafa8}
.definition-item{border-color:#172521}
.definition-item strong{color:#a9e3d2}
.definition-item p{color:#9eafa8}
.footnote{border-color:#121c19;color:#9eafa8;font-size:12px;margin-top:30px;padding-top:19px}
.footnote button{color:#9eafa8;font-size:12px}
.executive-status{display:flex;align-items:center;gap:10px;margin:-5px 0 22px;font-size:12px;color:#9eafa8;flex-wrap:wrap}
.executive-greeting .page-heading{margin-bottom:22px}
.executive-greeting h1{font-size:32px}
.executive-greeting .eyebrow{font-size:12px;letter-spacing:.025em}
.executive-greeting .page-heading>.flex{gap:9px}
.executive-chart-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:20px;margin-bottom:22px}
.executive-chart-grid>div{min-width:0}
.executive-chart-grid .panel{height:100%}
.executive-history .empty{min-height:260px}
.executive-history .empty h3{font-size:17px}
.executive-history .empty p{font-size:14px}
.executive-history-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.executive-history-summary>div>strong{display:block;color:#e3edea;font:600 25px/1.25 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin-top:9px;letter-spacing:-.025em}
.executive-history-summary .small{font-size:13px}
.executive-history-summary>.badge{font-size:12px}
.executive-chart{width:100%;color:#9eafa8}
.executive-chart>svg{display:block;width:100%;height:auto;max-height:250px;overflow:visible}
.executive-chart>.between{font-size:12px;color:#9eafa8;margin-top:10px}
.executive-source-note{font-size:13px;line-height:1.85;color:#9eafa8;margin-top:17px}
.executive-channels .bar-row:last-of-type{margin-bottom:12px}
.executive-bottom-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;margin-bottom:22px}
.executive-bottom-grid>.panel{min-width:0}
.executive-bottom-grid .empty{min-height:235px}
.executive-work-list,.executive-action-list{display:grid}
.executive-work-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #182722;padding:15px 0}
.executive-work-row:first-child{padding-top:2px}
.executive-work-row:last-child{border:0;padding-bottom:0}
.executive-work-icon{display:grid;place-items:center;width:32px;height:32px;background:#4ad9b012;border:1px solid #4ad9b019;border-radius:9px;color:#9eafa8;flex-shrink:0}
.executive-work-icon .icon{width:15px;height:15px}
.executive-work-info{flex:1;min-width:0}
.executive-work-info strong{display:block;font-size:12px;font-weight:500;color:#abe3d3;overflow-wrap:anywhere}
.executive-work-info>span{display:block;font-size:12px;color:#9eafa8;margin-top:5px}
.executive-work-meta{display:flex;align-items:flex-end;flex-direction:column;gap:8px;flex-shrink:0}
.executive-work-meta .small{font-size:13px;color:#9eafa8}
.executive-work-meta .btn{font-size:14px;min-height:25px;padding:4px 8px}
.executive-action-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #182622}
.executive-action-item:first-child{padding-top:2px}
.executive-action-item:last-child{border:0;padding-bottom:0}
.executive-action-item h3{font-size:16px;color:#ade4d4;line-height:1.5}
.executive-action-item p{font-size:14px;line-height:1.85;color:#9eafa8;margin-top:6px}
.executive-action-item .btn{font-size:14px;margin-top:10px}
.executive-action-item .btn .icon{width:11px;height:11px}
.executive-record-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}
.executive-record-count{display:flex;align-items:center;gap:14px;background:#0b110f;border:1px solid #182622;border-radius:12px;padding:19px 22px}
.executive-record-count>.icon{color:#9eafa8;width:23px;height:23px}
.executive-record-count strong{font:600 28px/1.2 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#b8e7da;display:block}
.executive-record-count span{display:block;font-size:13px;color:#9eafa8;margin-top:7px;line-height:1.6}
.executive-quality-note .notice{font-size:12px;line-height:1.9;margin-bottom:0;background:#0c1211;border-color:#192723;color:#9eafa8}
.hub-board{display:grid;grid-template-columns:repeat(6,minmax(205px,1fr));gap:14px;overflow-x:auto;padding-bottom:15px;scrollbar-color:#2a433c #0c1210;align-items:start}
.hub-stage{min-height:200px}
.hub-stage .panel-head{padding:17px 16px 0}
.hub-stage .panel-body{padding:17px 14px}
.hub-stage h2{font-size:18px}
.hub-record{padding:19px;border:1px solid #1c2d28;border-radius:16px;margin-bottom:12px;min-width:0}
.hub-record:last-child{margin-bottom:0}
.hub-record h3{font-size:16px;color:#b2e5d7}
.hub-record>p{font-size:14px;margin-top:12px;color:#86d7c0}
.hub-record-description{font-size:14px;line-height:1.9;color:#9eafa8!important;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.hub-record .btn{font-size:14px;margin-top:13px;min-height:29px}
.hub-record>.flex{align-items:flex-start;justify-content:space-between}
.hub-record .detail-grid{margin-top:18px;margin-bottom:17px;gap:16px}
.detail-grid dt{font-size:13px;color:#9eafa8;margin-bottom:6px}
.detail-grid dd{margin:0;font-size:12px;color:#94dbc7;line-height:1.8}
.hub-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}
.hub-project-grid .hub-record{margin:0;padding:22px}
.hub-record-footer{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #1b2c27;margin-top:16px;padding-top:5px}
.hub-progress{display:block;width:100%;height:5px;border:0;border-radius:6px;overflow:hidden}
.hub-progress::-webkit-progress-value{border-radius:6px}
.hub-table-wrap{overflow:auto;scrollbar-color:#273e37 #0c1211}
.hub-table-wrap table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}
.hub-table-wrap th{font-size:13px;color:#9eafa8;letter-spacing:.025em;background:#0c1211;padding:13px 17px;white-space:nowrap;font-weight:500;border-bottom:1px solid #1b2b26}
.hub-table-wrap td{font-size:14px;color:#96dcc8;padding:17px;border-bottom:1px solid #182622;vertical-align:top}
.hub-table-wrap tbody tr:last-child td{border-bottom:0}
.hub-table-wrap td:first-child{min-width:210px}
.hub-table-wrap td .btn{font-size:14px;min-height:29px;margin:0 5px 5px 0}
.hub-table-wrap td>strong{color:#b1e5d6;font-size:14px;font-weight:500}
.hub-table-wrap .badge{white-space:normal;min-width:40px;text-align:center}
.hub-table-wrap .hub-record-description{max-width:390px;margin:8px 0 0}
.content-list-item{border-color:#182722}
.content-list-item>div:first-child{flex:1}
.content-list-item h3{font-size:16px;margin:10px 0 7px;color:#a3e1cf}
.content-list-item .badge{font-size:12px}
.weekday{color:#9eafa8}
.calendar-day .day-number{color:#9eafa8}
.calendar-event.approval span{color:#9eafa8}
.column-title{color:#9eafa8}
.request-card h3{color:#ade4d4}
.request-card p{color:#9eafa8}
.integration-card .channel-symbol{border-color:#223731;background:#101816}
.integration-card h3{color:#b1e5d6}
.integration-card p{color:#9eafa8}
.settings-preview img{background:#fff;padding:9px 12px;border-radius:6px;height:auto;max-height:80px;object-fit:contain}
.settings-preview h3{color:#b5e6d8}
.report-cover p{color:#9eafa8}
.report-cover small{color:#9eafa8}
.permission-row{border-color:#1a2924}
.permission-row strong{color:#abe3d3}
.permission-row p{color:#9eafa8}
.comment small{color:#9eafa8}
.definition-item .btn{margin-top:13px}
.search-results{box-shadow:0 15px 50px #0008}
.search-result small{color:#9eafa8}
.storage-warning{background:#352615;color:#bea381;border-bottom:1px solid #61492540}
dialog::backdrop{background:#050807c9;backdrop-filter:blur(7px)}
.dialog-head{border-color:#1d2e29}
.dialog-head h2{font-size:18px}
.dialog-body>p{color:#9eafa8}
.dialog-footer{border-color:#1d2e29}
.form-field input,.form-field select,.form-field textarea{border-radius:12px}
.form-field small{color:#9eafa8;font-size:12px;line-height:1.8}
.form-error{color:#e5a0b5}
.detail-grid label{color:#9eafa8}
.detail-grid strong{color:#ace3d4}
.dialog-footer .btn.primary{color:#fff}
#toast{border:1px solid #2ccea04d;box-shadow:0 12px 45px #0009;border-radius:10px}
.auth-page{padding:30px;min-height:100vh}
.auth-page .auth{max-width:1020px}
.auth-page .auth-form{padding:48px}
.auth-page .auth-logo{width:202px;height:auto;padding:10px 13px;background:#fff;border-radius:16px;object-position:center;margin-bottom:34px}
.auth-page .auth h1{font-size:36px;letter-spacing:-.025em}
.auth-page .auth p{font-size:15px;line-height:1.9}
.auth-page .auth .eyebrow{font-size:12px;color:#9eafa8;margin-bottom:13px}
.auth-page .auth label{font-size:13px;margin-bottom:9px}
.auth-page .auth input{border-radius:16px;padding:12px;font-size:16px}
.auth-page .auth input:focus{outline:2px solid #00d68f80;outline-offset:2px}
.auth-page .auth .btn.primary{border-color:#85d6bf40;font-size:14px;min-height:44px}
.auth-page .auth .auth-note{color:#9eafa8;font-size:13px;margin-top:25px}
.auth-page .auth-art{padding:37px;border-left:1px solid #20322d}
.auth-page .auth-art img{opacity:.12;mix-blend-mode:luminosity}
.auth-page .auth-art h2{font-size:30px;line-height:1.35;letter-spacing:-.025em;max-width:330px}
.auth-page .auth-art p{font-size:15px}
.auth-page .auth .auth-error{background:#61273c3b;border:1px solid #a9516a4d;color:#e4a1b5}
@media(min-width:1600px){
.main{padding-inline:42px}
.metric-value{font-size:34px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.metric{min-height:162px;padding:22px}
.panel h2{font-size:18px}
.executive-greeting h1{font-size:34px}
.executive-chart-grid{grid-template-columns:1.6fr 1fr}}
@media(max-width:1200px){
:root{--sidebar:260px}
.sidebar{padding-inline:13px}
.hub-brand{padding-inline:8px}
.hub-brand .brand-logo{width:154px}
.hub-brand>strong{font-size:22px}
.nav-item{font-size:14px;padding:11px 13px;line-height:1.5;font-weight:500}
.nav-item .icon{width:16px;height:16px}
.main{padding:26px}
.topbar{padding-inline:26px;backdrop-filter:blur(8px)}
.metrics{gap:11px}
.metric{padding:22px;min-height:162px}
.metric-value{font-size:34px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.metric-top{font-size:13px}
.executive-chart-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:16px}
.executive-bottom-grid{gap:16px}
.executive-greeting .page-heading>.flex{gap:7px}
.executive-greeting .btn{font-size:14px;padding-inline:10px}
.executive-record-count{padding:17px}
.executive-record-count span{font-size:13px}
.executive-work-meta .small{max-width:110px}
.hub-project-grid{gap:14px}
.search-input{width:210px}}
@media(max-width:1000px){
.executive-chart-grid,.executive-bottom-grid{grid-template-columns:1fr}
.executive-history .empty{min-height:220px}
.executive-chart-grid .panel{height:auto}
.executive-record-counts{gap:10px}
.executive-record-count{padding:17px 15px;gap:10px}
.executive-record-count>.icon{width:19px;height:19px}
.executive-record-count strong{font-size:28px}
.executive-greeting h1{font-size:32px}
.hub-project-grid{grid-template-columns:1fr}
.executive-greeting .page-heading{align-items:flex-start;flex-direction:column;gap:18px}
.executive-greeting .page-heading>.flex{align-self:flex-start}
.auth-page .auth-form{padding:48px}
.auth-page .auth h1{font-size:36px}
.auth-page .auth-art{min-height:600px;padding:30px}
.auth-page .auth-art h2{font-size:30px}}
@media(max-width:760px){
:root{--sidebar:280px}
.sidebar{box-shadow:10px 0 80px #0008}
.sidebar.open+.mobile-backdrop{background:#050807c2;backdrop-filter:blur(3px)}
.main{padding:24px 17px}
.topbar{height:65px;padding-inline:17px;backdrop-filter:blur(8px)}
.breadcrumb{font-size:13px}
.topbar-right{gap:9px}
.main-shell{margin-left:0}
.hub-brand>span{font-size:12px}
.page-heading h1,.executive-greeting h1{font-size:28px}
.page-heading .eyebrow{font-size:12px}
.metrics{gap:10px}
.metric{min-height:162px;padding:20px}
.metric-top{margin-bottom:14px;gap:10px;align-items:flex-start}
.metric-icon{width:26px;height:26px;border-radius:16px;flex-shrink:0}
.metric-value{font-size:30px;overflow-wrap:anywhere;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.metric-bottom{margin-top:10px}
.executive-status{font-size:12px;line-height:1.7;gap:8px;margin-top:0;margin-bottom:19px}
.executive-chart-grid{gap:17px;margin-bottom:17px}
.executive-bottom-grid{gap:17px;margin-bottom:17px}
.panel-head{padding:19px 17px 0;gap:12px}
.panel h2{font-size:18px}
.panel-head p{font-size:14px}
.panel-body{padding:18px 17px 20px}
.panel-head>.btn.text{font-size:14px}
.executive-record-counts{grid-template-columns:1fr;gap:10px;margin-bottom:19px}
.executive-record-count{padding:16px 18px;gap:14px}
.executive-record-count>div{display:flex;align-items:center;gap:14px}
.executive-record-count strong{font-size:28px;min-width:20px}
.executive-record-count span{margin-top:0;font-size:13px}
.executive-quality-note .notice{font-size:12px;padding:13px;line-height:1.9}
.executive-history-summary{align-items:flex-start;flex-wrap:wrap;gap:13px}
.executive-history-summary>div>strong{font-size:24px}
.executive-history .empty{min-height:230px}
.executive-source-note{font-size:13px}
.executive-greeting .page-heading>.flex{align-self:stretch;display:flex}
.executive-greeting .page-heading .btn{flex:1;font-size:14px;white-space:normal;min-height:36px}
.executive-work-row{align-items:flex-start;gap:10px;flex-wrap:wrap}
.executive-work-info{min-width:130px}
.executive-work-meta{margin-left:42px;flex-direction:row;align-items:center;justify-content:space-between;width:calc(100% - 42px)}
.executive-work-meta .small{max-width:none}
.hub-board{grid-template-columns:repeat(6,minmax(225px,1fr));gap:12px}
.hub-record{padding:18px}
.hub-project-grid .hub-record{padding:20px}
.hub-project-grid .hub-record>.flex{flex-wrap:wrap}
.hub-table-wrap table{min-width:600px}
.hub-table-wrap td{padding:15px}
.hub-table-wrap th{padding:12px 15px}
.hub-record .detail-grid{gap:14px}
.notice{font-size:12px;padding:12px;line-height:1.8}
.client-card{padding:23px}
.empty{padding:27px 16px;min-height:210px}
.empty h3{font-size:17px}
.empty p{font-size:14px}
.dialog-head{padding:20px 20px 16px}
.dialog-head h2{font-size:18px}
.dialog-body{padding:20px}
.dialog-footer{padding:16px 20px}
.footnote{font-size:12px;line-height:1.8}
.search-results{max-width:calc(100vw - 30px)}
.auth-page{padding:18px;background:var(--canvas)}
.auth-page .auth{grid-template-columns:1fr;box-shadow:0 24px 70px #00000055;border-radius:20px}
.auth-page .auth-form{padding:36px 27px}
.auth-page .auth-art{display:none}
.auth-page .auth-logo{width:190px;margin-bottom:30px}
.auth-page .auth h1{font-size:32px}
.auth-page .auth label{font-size:13px}
.auth-page .auth input{font-size:16px}
.auth-page .auth .btn.primary{font-size:14px}}
@media(max-width:420px){
.main{padding-inline:15px}
.metric{padding:20px;min-height:162px}
.metric-value{font-size:30px;letter-spacing:-.025em;font-weight:600;line-height:1.25}
.metric-top{font-size:13px}
.metric-icon{width:23px;height:23px}
.metric-icon .icon{width:12px;height:12px}
.metric-bottom{font-size:12px;line-height:1.65;padding-right:18px}
.executive-greeting h1{font-size:26px}
.executive-work-info strong{font-size:12px}
.hub-record .detail-grid{grid-template-columns:1fr}
.auth-page .auth-form{padding:36px 27px}
.auth-page .auth h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{transition:none!important;animation:none!important}}
.sidebar{padding:18px 14px 14px}
.hub-brand{padding:0 8px 12px;flex-shrink:0}
.hub-brand .brand-logo{width:140px;margin-bottom:10px;padding:7px 9px}
.hub-brand>strong{font-size:22px;line-height:1.3;letter-spacing:-.025em}
.hub-brand>span{display:none}
.workspace-switch{padding:8px;margin-bottom:12px;flex-shrink:0}
.workspace-symbol{width:27px;height:27px}
.workspace-switch .profile-name{font-size:14px}
.workspace-switch .profile-sub{font-size:12px;margin-top:2px}
.nav-scroll{min-height:0}
.nav-label{font-size:12px;letter-spacing:.025em;margin:18px 11px 7px;line-height:1.5;text-transform:lowercase}
.nav-label:first-child{margin-top:0}
.nav-item{gap:10px;margin:2px 0}
.nav-item .icon{width:17px;height:17px}
.nav-item .count{font-size:14px}
.sidebar-bottom{padding-top:11px;margin-top:12px;flex-shrink:0}
.plan-card{padding:10px;margin-bottom:10px}
.plan-card>.flex{font-size:12px;line-height:1.5}
.plan-card p{display:none}
.plan-card button{font-size:12px;margin-top:5px;line-height:1.5}
.profile{gap:8px}
.profile .avatar{width:29px;height:29px}
.profile .profile-name{font-size:14px;line-height:1.4}
.profile .profile-sub{font-size:12px;line-height:1.5;margin-top:1px}
.profile>.icon-button{width:28px;height:28px;flex-shrink:0}
.page-heading p,.auth-page .auth p{font-size:15px;line-height:1.85}
.metric-bottom{font-size:12px;line-height:1.65;padding-right:18px}
.metric-top{font-size:13px}
.empty p,.insight p,.client-card .description,.definition-item p,.integration-card p,.hub-record-description,.hub-table-wrap .hub-record-description{font-size:14px;line-height:1.9}
.client-table th,.hub-table-wrap th{font-size:13px;line-height:1.7}
.client-table td,.hub-table-wrap td{font-size:14px;line-height:1.75}
.client-table .client-name strong,.hub-table-wrap td>strong{font-size:14px}
.client-table .client-name p,.hub-table-wrap td .small{font-size:14px;line-height:1.8}
.executive-action-item p,.executive-work-info>span,.executive-source-note,.executive-record-count span,.executive-quality-note .notice{font-size:13px;line-height:1.85}
.executive-action-item h3,.executive-work-info strong{font-size:16px;line-height:1.6}
.executive-work-meta .small,.executive-action-item .btn,.executive-work-meta .btn{font-size:14px}
.panel-head p,.eyebrow,.executive-greeting .eyebrow,.hub-status,.executive-status,.badge,.footnote,.footnote button{font-size:12px;line-height:1.8}
.form-field label,.auth-page .auth label{font-size:13px}
.form-field small,.auth-page .auth .auth-note{font-size:13px;line-height:1.8}
@media(max-width:760px){
.sidebar{padding:18px 14px 14px}
.hub-brand .brand-logo{width:140px}
.hub-brand>strong{font-size:20px}
.nav-item{font-size:14px;padding:11px 13px;line-height:1.5;font-weight:500}
.nav-label{font-size:12px;text-transform:lowercase;letter-spacing:.025em}
.page-heading p{font-size:14px}
.metric-top{font-size:13px}
.metric-bottom{font-size:12px;line-height:1.65;padding-right:18px}
.panel-head p,.executive-greeting .eyebrow,.badge,.eyebrow,.executive-status{font-size:12px}
.executive-record-count span,.executive-quality-note .notice{font-size:13px}
.executive-work-meta .small,.executive-work-meta .btn,.executive-action-item p,.executive-action-item .btn{font-size:14px}
.footnote,.footnote button{font-size:12px}
.auth-page .auth .auth-note{font-size:13px}
.auth-page .auth p{font-size:15px}}
.welcome-tag,.welcome-status,.metric-bottom,.metric-bottom .delta,.legend,.chart-note,.channel-sub,.channel-percent,.client-table th,.client-name p,.badge,.progress-line,.table-footer,.table-footer .btn,.review-thumb,.review-row p,.footnote,.footnote button,.donut-inner small,.score small,.calendar-event,.calendar-event strong,.calendar-event span,.creative-kicker,.creative-foot,.creative .layout-note,.request-card .between,.integration-category,.report-cover small,.detail-grid label,.comment small,.search-result small,.demo-pill{font-size:13px}
@media print{
.executive-dashboard,.hub-board,.hub-project-grid,.auth-art{display:none!important}}
.nav-item.integration-nav{border:1px solid #00d68f33;margin-block:5px}
.nav-item.integration-nav.active{background:#00d68f24}
.integration-onboarding{border:1px solid var(--line);border-radius:16px;padding:23px;margin:0 0 20px;background:radial-gradient(ellipse at 100% 0,#85bad616,transparent 65%),var(--surface);display:grid;grid-template-columns:1fr 1.4fr;gap:26px;align-items:center}
.integration-onboarding h2{font-size:18px;line-height:1.5;margin:12px 0 7px}
.integration-onboarding p{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px}
.integration-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0;padding:0}
.integration-steps li{padding:15px;border:1px solid var(--line);border-radius:10px;background:#00d68f08;min-width:0}
.integration-steps strong{font-size:12px;display:block;line-height:1.5;color:var(--ink)}
.integration-steps span{display:block;font-size:12px;line-height:1.7;margin-top:8px;color:var(--muted)}
.integration-steps.compact{margin:17px 0 22px}
.integration-steps.compact li{padding:11px}
.integration-steps.compact strong{font-size:12px}
.integration-steps.compact span{font-size:12px}
.integration-card.integration-primary{border-color:#00d68f55}
.integration-card>.between{align-items:flex-start;gap:9px}
.integration-card>.between .badge{white-space:normal;text-align:right;max-width:75%;font-size:12px}
.integration-card-details{border-top:1px solid var(--line);padding-top:13px;margin:0 0 16px;display:grid;gap:10px}
.integration-card-details>div{display:grid;gap:3px}
.integration-card-details span{font-size:12px;color:var(--muted)}
.integration-card-details strong{font-size:12px;font-weight:500;line-height:1.7;overflow-wrap:anywhere}
.integration-card .integration-last-check{font-size:13px;min-height:0;flex:0;margin:0 0 13px;line-height:1.7}
.integration-card-actions{display:grid;gap:9px;margin-top:auto}
.integration-card-actions .btn{width:100%;white-space:normal}
.integration-client-label{font-size:12px;line-height:1.8}
.integration-client-label strong{display:block;color:var(--ink)}
.integration-advanced{margin:17px 0;border:1px solid var(--line);border-radius:9px;padding:0 13px}
.integration-advanced summary{font-size:12px;line-height:1.6;cursor:pointer;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}
.integration-advanced summary::-webkit-details-marker{display:none}
.integration-advanced summary>span{color:var(--brand);font-size:18px}
.integration-advanced[open] summary>span{transform:rotate(45deg)}
.integration-advanced .form-grid{padding-bottom:14px}
.integration-advanced>p{font-size:14px;line-height:1.8;margin-bottom:14px}
.integration-state-grid{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}
.integration-state-grid strong{line-height:1.7;overflow-wrap:anywhere}
.integration-validation{padding:14px;border:1px solid var(--line);border-radius:9px;margin-bottom:15px;background:#00d68f08}
.integration-validation.ok{border-color:#5bdba13b;background:#5bdba10b}
.integration-validation.pending{border-color:#e2af5b3b;background:#e2af5b0b}
.integration-validation strong{font-size:12px}
.integration-validation p{font-size:14px;line-height:1.8;margin:6px 0}
.integration-validation small{font-size:13px;color:var(--muted)}
.integration-manual-note{margin-top:17px;line-height:1.8}
.integration-collection-account{padding:13px 15px;background:#00d68f0c;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;display:grid;gap:5px}
.integration-collection-account strong{font-size:14px}
.integration-collection-account span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.integration-report-stack{display:grid;gap:20px;margin-top:25px}
.integration-report-source{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:19px;font-size:13px;color:var(--muted);line-height:1.8}
.integration-report-source>div{display:grid;gap:3px}
.integration-report-source strong{font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.integration-report-metrics .metric{min-width:0}
.integration-report-metrics .metric-value{font-size:34px;line-height:1.5;overflow-wrap:anywhere}
.integration-report-totals{display:flex;gap:20px;flex-wrap:wrap;padding:0 0 20px;font-size:12px;color:var(--muted)}
.integration-report-totals strong{display:block;color:var(--ink);font-weight:500;margin-top:4px}
.integration-ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:19px 0;border-top:1px solid var(--line)}
.integration-ranking-heading h3{font-size:16px;line-height:1.6}
.integration-ranking-heading p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:6px;max-width:530px}
.integration-ranking-heading .select-wrap{font-size:12px;gap:10px;max-width:100%}
.integration-ranking-heading select{font-size:12px;max-width:180px}
.integration-ads-table td:first-child{min-width:190px;max-width:330px;white-space:normal;overflow-wrap:anywhere}
.integration-ads-table td:first-child small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.integration-ads-table th{white-space:nowrap}
.integration-result-count{margin:12px 0 18px;font-size:12px}
.integration-caveats{margin:0;padding:0 0 14px 18px;font-size:12px;line-height:1.9;color:var(--muted)}
.integration-caveats li+li{margin-top:8px}
@media(max-width:1120px){
.integration-onboarding{grid-template-columns:1fr;gap:20px}
.integration-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
.integration-onboarding{padding:18px}
.integration-onboarding h2{font-size:18px}
.integration-steps{grid-template-columns:1fr}
.integration-steps li{padding:12px 14px}
.integration-steps span{margin-top:4px}
.integration-steps.compact{grid-template-columns:1fr;gap:7px}
.integration-steps.compact li{padding:10px 12px}
.integration-steps.compact span{font-size:12px}
.integration-state-grid{grid-template-columns:1fr}
.integration-report-metrics .metric-value{font-size:30px}
.integration-ranking-heading{align-items:stretch}
.integration-ranking-heading .select-wrap{width:100%;justify-content:space-between}
.integration-report-source{gap:9px}
.integration-card .integration-card-details strong{font-size:12px}
.integration-card .integration-last-check{font-size:13px}}
@media print{
.integration-onboarding,.integration-report-stack{display:none!important}}
.auth-page .auth .auth-google-button{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #747775;padding:11px 17px;font:500 16px/1.5 Arial,Helvetica,sans-serif;text-decoration:none;width:100%;margin-top:0}
.auth-page .auth .auth-google-button:focus-visible{outline:3px solid #8ab4f8;outline-offset:4px}
.auth-page .auth .auth-google-button:disabled{cursor:not-allowed;opacity:.65}
.auth-page .auth .auth-google-mark{display:block;stroke:none;flex-shrink:0}
.auth-page .auth .auth-google-benefit{font-size:14px;line-height:1.7;color:#a8e2d2;margin:11px 0 20px;text-align:center}
.auth-page .auth .auth-unavailable{padding:11px 13px;background:#b58a4212;border:1px solid #c0985733;border-radius:16px;color:#d8c69b;font-size:14px;line-height:1.8;margin:12px 0 20px}
.auth-page .auth .auth-role-note{font-size:14px;line-height:1.85;margin:0 0 20px;color:#aec0bb}
.auth-page .auth .auth-access-note{font-size:13px;line-height:1.85;margin:23px 0 0;padding-top:17px;border-top:1px solid #1b2b27}
.auth-page .auth-alternative{margin-top:24px;padding-top:17px}
.auth-page .auth-alternative summary{font-size:12px;line-height:1.75;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;min-height:30px}
.auth-page .auth-alternative summary::-webkit-details-marker{display:none}
.auth-page .auth-alternative summary:focus-visible{outline:2px solid #00d68f;outline-offset:4px;border-radius:16px}
.auth-page .auth-alternative summary>span{font-size:18px;line-height:1}
.auth-page .auth-alternative[open] summary{margin-bottom:20px}
.auth-page .auth-alternative[open] summary>span{transform:rotate(45deg)}
.auth-page .auth-password-form{margin-top:23px}
.auth-page .auth-alternative .auth-password-form{margin-top:0}
.auth-page .auth-alternative .auth-note{font-size:13px;margin-top:17px;line-height:1.8}
@media(max-width:760px){
.auth-page .auth .auth-google-button{font-size:16px;min-height:48px}
.auth-page .auth .auth-role-note{font-size:14px}
.auth-page .auth .auth-google-benefit{font-size:14px}
.auth-page .auth .auth-access-note,.auth-page .auth .auth-unavailable{font-size:13px;line-height:1.85}}
:root{--brand:#00d68f;--brand-hover:#00ef9b;--brand-soft:#00d68f18;--brand-blue:#20aaff;--brand-gradient:linear-gradient(115deg,#00d68f,#20aaff);--on-brand:#03120d;--ink:#edf8f3;--muted:#9eafa8;--line:#1c3030;--canvas:#050809;--surface:#0c1315;--surface-raised:#0e1918;color-scheme:dark}
body{background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#76e8ba}
a:hover{color:#a5ffe0}
::selection{background:#00d68f44;color:#f2fff9}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#20aaff}
.sidebar{background:#070b0c;border-color:#17312d;box-shadow:10px 0 40px #00000022}
.hub-brand>strong{color:#e6fff3}
.hub-brand>span,.nav-label{color:#95aaa1}
.workspace-switch{background:#0d1716;border-color:#1c3730}
.nav-scroll{scrollbar-color:#23564d #070b0c}
.nav-item{color:#a6bbb2;font-size:14px;padding:11px 13px;line-height:1.5;font-weight:500}
.nav-item .icon{color:#8da99d}
.nav-item:hover{background:#00d68f08;color:#dcfff0}
.nav-item.active{background:linear-gradient(100deg,#00d68f1c,#20aaff0b);box-shadow:inset 0 0 0 1px #00e58828;color:#84f4bf}
.nav-item.active .icon{color:#00ef88}
.nav-item.integration-nav{background:linear-gradient(100deg,#00d68f09,#20aaff06);border-color:#00d68f33;color:#a5f0ce}
.nav-item.integration-nav.active{border-color:#00d68f77}
.nav-item .count{background:#00d68f18;color:#80edba;border-color:#00d68f38}
.sidebar-bottom{border-color:#19312b}
.plan-card{background:linear-gradient(115deg,#0e1e18,#0b141a);border-color:#1f3a31}
.plan-card button{color:#56dcb5}
.avatar,.top-avatar{background:#00d68f13;border-color:#00d68f33;color:#8cf4c6}
.topbar{background:#070b0cf0;border-color:#17312d;backdrop-filter:blur(8px)}
.breadcrumb strong{color:#c6dcd2}
.search-input{background:#0b1415;border-color:#1a3430;color:#d7ebe2}
.search-input::placeholder{color:#8ca79c}
.icon-button:hover{background:#14251f}
.divider{background:#1d3630}
.notification:after{background:#00ef88;border-color:#070b0c}
.panel,.metric{background:var(--surface);border-color:#1c3030;box-shadow:0 4px 20px #00000018;border-radius:16px}
.panel h2{color:#deeee7}
.metric:before{background:none}
.metric-icon{background:#00d68f0d;border-color:#00d68f24;color:#61dcb1}
.metric-value{color:#f0fff7;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.metric-bottom,.metric-top{color:#a2b6ac}
.metric-bottom .delta,.positive{color:#66e8ad}
.negative{color:#f2a4b7}
.btn{background:#111d1b;border-color:#264137;color:#c8ddd2;font-size:14px;min-height:42px;border-radius:12px;padding:10px 15px;font-weight:500}
.btn:hover{background:#172b24;border-color:#3d6657}
.btn.primary,.dialog-footer .btn.primary,.auth-page .auth .btn.primary{background:var(--brand-gradient);color:var(--on-brand,#03120d);border-color:#00d68f66;box-shadow:0 4px 14px #00000026;font-weight:600}
.btn.primary:hover,.dialog-footer .btn.primary:hover,.auth-page .auth .btn.primary:hover{background:var(--brand-gradient);color:var(--on-brand,#03120d);border-color:#40dfb180;filter:brightness(1.05)}
.btn.soft{background:var(--brand-soft);border-color:#00d68f2d;color:#92efc7}
.btn.text{background:transparent;color:#7cdbb5}
.btn.text:hover{background:transparent;color:#b4ffe0}
.btn.sm{font-size:13px;min-height:36px;padding:7px 11px}
.btn.danger{color:#f0acbd;border-color:#7b3e53;background:#59273914}
.btn:disabled{opacity:.6;cursor:wait}
.select-wrap{background:#0c1615;border-color:#254035}
.select-wrap select{color:#c2d7cc}
.select-wrap option,.form-field option{background:#0e1917;color:#d5e9df}
.view-pills{background:#0c1715;border-color:#1f3a30}
.view-pills button.active{background:#00d68f16;color:#98edc4}
.badge.green{background:#00d68f12;border-color:#00d68f40;color:#83e8b7}
.badge.blue{background:#20aaff12;border-color:#20aaff40;color:#87d6f7}
.badge.amber{background:#5e46262b;border-color:#94704470;color:#e3c387}
.badge.red{background:#6731422b;border-color:#88435870;color:#f0a9bc}
.notice{background:#0e1a16;border-color:#254035;color:#adc3b7}
.notice .icon{color:#67dab0}
.notice.amber{background:#35271950;border-color:#87613165;color:#d7bf94}
.notice.amber .icon{color:#e1b972}
.notice a{color:#92edc2}
.empty .empty-icon{background:#00d68f0d;border-color:#00d68f22;color:#64dcb0}
.empty h3{color:#c3dfd0}
.muted{color:var(--muted)}
.bar{background:#142c25}
.bar span{background:linear-gradient(90deg,#00d68f,#00ef88)}
.bar.blue span{background:linear-gradient(90deg,#258cc1,#20aaff)}
.mini-track{background:#18362c}
.mini-track span{background:#00d68f}
.legend i.blue{background:#20aaff}
.color-dot{background:#00d68f}
.donut{background:#18362c}
.donut-inner{background:#0d1516}
.chart text{fill:#93aea0}
.chart-note{color:#9bb1a5}
.hub-record{background:linear-gradient(130deg,#0f1e19,#0b1518);border-color:#264536}
.hub-board,.hub-table-wrap{scrollbar-color:#2f6c56 #0a1411}
.hub-progress{accent-color:var(--brand);background:#19392b}
.hub-progress::-webkit-progress-bar{background:#19392b}
.hub-progress::-webkit-progress-value{background:var(--brand-gradient)}
.hub-progress::-moz-progress-bar{background:var(--brand)}
.hub-table-wrap th,.client-table thead{background:#0a1511}
.hub-table-wrap th,.client-table th{border-color:#284235;color:#9db6a8}
.hub-table-wrap td,.client-table td{border-color:#1b3027;color:#c0d6c9}
.table-footer{background:#09130f;border-color:#203a2d}
.client-monogram{color:#183f31}
.review-thumb{color:#8adbb4}
.insight-icon{background:#00d68f0c;border-color:#00d68f24;color:#65ddb2}
.weekday{background:#0b1611}
.calendar-day{background:#0c1612}
.calendar-day.outside{background:#080f0d}
.calendar-day.today .day-number{background:var(--brand);color:var(--on-brand,#03120d)}
.calendar-event{background:#00d68f14;border-color:#00d68f;color:#acedd1}
.calendar-event span{color:#95bba7}
.calendar-event.approval{background:#a8792419;border-color:#c69b57}
.request-column{background:#080f0e;border-color:#1b3029}
.request-card{background:#0e1915;border-color:#264233}
.settings-preview{background:linear-gradient(130deg,#0e2018,#0a1517);border-color:#284936}
.swatch{color:#03120d;font-size:12px;font-weight:600}
.report-cover{background:radial-gradient(ellipse at 100% 0,#00d68f10,transparent 60%),#0c1a14}
.report-cover h3{color:#d8f6e4}
.report-cover .icon{color:#385f4c}
.report-options input{accent-color:#00d68f}
.score{border-color:#285a3f}
.score strong{color:#73e7aa}
.welcome{background:#0d1913;border-color:#2b4536}
.welcome:after{background:linear-gradient(90deg,#0d1913 0%,#0d1913ee 50%,#0d191360 100%)}
.welcome h2{color:#d4f5e2}
.welcome p,.welcome-tag{color:#a0c0ad}
.welcome-status{background:#0d1913e8;border-color:#2e4e3b;color:#bbe5cc}
.welcome .btn{background:#142b1e;border-color:#31563c;color:#d4f5df}
dialog{background:#0c1513;border-color:#2b5141;color:#e2f5e9;box-shadow:0 24px 70px #00000080;border-radius:18px}
.dialog-body{background:#0b1511}
.dialog-head,.dialog-footer{border-color:#274132}
.dialog-head h2{color:#daf4e2}
.dialog-footer{background:#0c1812}
.dialog-body .notice{background:#11241a;border-color:#2b4c37;color:#b2ccbb}
.dialog-body .notice.amber{background:#392a1a;border-color:#88643c;color:#dfc291}
.form-field label{color:#b3d4bf;font-size:13px}
.form-field input,.form-field select,.form-field textarea{background:#0d1c14;border-color:#31533c;color:#e0f7e8;font-size:15px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#00d68f;box-shadow:0 0 0 3px #00d68f0d}
.form-field input::placeholder,.form-field textarea::placeholder{color:#91ad9c}
.detail-copy{background:#0b1710;border-color:#2a4934;color:#c3dfcc}
.comment{background:#0e2015;border-color:#4d8a63;color:#bdd9c8}
.search-results{background:#0e1d14;border-color:#315d40}
.search-result{color:#c8e9d3}
.search-result:hover{background:#183625}
#toast{background:#123420;border-color:#2d8e5655;color:#e3ffec}
.auth-page{background:var(--canvas)}
.auth-page .auth{background:#0c1315;border-color:#1c3030;box-shadow:0 24px 70px #00000055;border-radius:20px}
.auth-page .auth h1{color:#edf8f3}
.auth-page .auth p{color:#a3b9ad}
.auth-page .auth label{color:#bddcc9}
.auth-page .auth input{background:#0d1c14;border-color:#31533c;color:#e3f8e9}
.auth-page .auth input:focus{outline-color:#00d68f70}
.auth-page .auth-art{background:radial-gradient(ellipse at 100% 10%,#00d68f0d,transparent 70%),#081610;border-left-color:#25452f}
.auth-page .auth-art:after{background:linear-gradient(0deg,#081610 0%,#081610d9 32%,#08161055 100%)}
.auth-page .auth-art h2{color:#c6f2d7}
.auth-page .auth-art p{color:#9dc1ac}
.auth-page .auth .auth-google-button{background:#fff;color:#1f1f1f;border-color:#747775;box-shadow:none}
.auth-page .auth .auth-google-button:not(:disabled):hover{background:#f8faff;color:#1f1f1f;border-color:#4285f4;filter:none}
.auth-page .auth .auth-access-note{border-color:#243d2e;color:#9eb6a7}
.auth-page .auth-alternative{border-color:#243d2e}
.auth-page .auth-alternative summary{color:#9bddb4}
.auth-page .auth-alternative summary:focus-visible{outline-color:#20aaff}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.btn.primary:hover{filter:none}}
@media print{
:root{color-scheme:light;--ink:#172b20;--muted:#666;--line:#ddd;--canvas:#fff;--surface:#fff}
body{background:#fff;color:#000}
.print-report{color:#172b20;background:#fff}
.print-report p,.print-report h1,.print-report h2,.print-report td,.print-report th{color:#172b20!important}}
.nav-label::first-letter{text-transform:uppercase}
.main .panel-head{align-items:flex-start}
.main .metric-value{overflow-wrap:anywhere}
.integration-card .between{align-items:flex-start}
.integration-card .badge{max-width:75%;font-size:12px}
.filters-left{flex-wrap:wrap}
.auth-page .auth-art{min-height:650px}
.auth-page .auth .auth-google-mark{width:20px;height:20px}
.auth-page .auth .auth-google-button{min-height:52px;font-size:16px;border-radius:5px}
@media(max-width:480px){
.metrics,.metrics.six,.integration-report-metrics{grid-template-columns:1fr}
.metric{min-height:154px}
.metric-value{font-size:32px}
.executive-record-counts{grid-template-columns:1fr}
.filters{align-items:stretch}
.select-wrap select{max-width:100%}
.page-heading .flex{flex-wrap:wrap}
.page-heading .flex .btn{flex:1 1 160px}
.auth-page .auth-form{padding:34px 25px}
.auth-page .auth h1{font-size:32px}}

/* Fontes conectadas: acompanhamento da tela e atividade real do GA4. */
.live-panel-status{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin:-5px 0 21px;font-size:13px;line-height:1.65;color:var(--muted)}.live-panel-status>span{display:flex;align-items:flex-start;gap:8px;max-width:670px}.live-panel-status .icon{width:17px;height:17px;margin-top:2px;color:#63d8a6;flex-shrink:0}.live-panel-status small{font-size:12px;line-height:1.7}
.integration-automation-card{display:grid;gap:7px;padding:13px 0 16px;border-top:1px solid var(--line);font-size:12px;line-height:1.75;color:var(--muted)}.integration-automation-card>.badge{justify-self:start;max-width:100%;white-space:normal;text-align:left}.integration-automation-card>p{min-height:0;flex:none;margin:3px 0 0;font-size:13px;line-height:1.7;color:#e5c28f;overflow-wrap:anywhere}.integration-automation-card>span{overflow-wrap:anywhere}
.integration-auto-section{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:21px;background:#00d68f06}.integration-auto-section h3{font-size:17px;line-height:1.5;font-weight:600}.integration-auto-section>p{margin:10px 0 18px;font-size:14px;line-height:1.75}.integration-auto-toggle{display:flex;align-items:flex-start;gap:11px;font-size:14px;font-weight:500;line-height:1.65;margin-bottom:20px;cursor:pointer}.integration-auto-toggle input{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:var(--brand);margin:3px 0 0;padding:0}.integration-auto-state{display:grid;gap:7px;border-top:1px solid var(--line);margin-top:19px;padding-top:16px;font-size:13px;line-height:1.75;color:var(--muted)}.integration-auto-state strong{font-size:14px;color:var(--ink)}.integration-auto-state p{margin:3px 0 0;color:#e5c28f;overflow-wrap:anywhere}
.executive-realtime{margin:0 0 22px}.realtime-status{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-bottom:21px;font-size:13px;line-height:1.7;color:var(--muted)}.realtime-status>.badge{white-space:normal}.realtime-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px;align-items:center}.realtime-primary,.realtime-secondary{display:grid;gap:8px;min-width:0}.realtime-primary>span,.realtime-secondary>span{font-size:14px;line-height:1.6;color:#abc2b3}.realtime-primary>strong{font:600 36px/1.25 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:-.025em;color:#b1f3d0;overflow-wrap:anywhere}.realtime-primary>small{font-size:12px;line-height:1.7;color:var(--muted)}.realtime-secondary>strong{font:600 28px/1.3 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--ink);overflow-wrap:anywhere}.realtime-minute-chart{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:4px;height:88px;margin-top:24px;border-bottom:1px solid #244333;padding-top:7px}.realtime-minute-chart>span{display:block;background:linear-gradient(0deg,#258cc1,#00d68f);border-radius:3px 3px 0 0;min-width:0}.realtime-minute-labels{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.7;color:var(--muted);margin-top:7px}.realtime-caveat{font-size:13px;line-height:1.8;color:var(--muted);margin-top:19px;max-width:900px}
@media(max-width:760px){.live-panel-status{margin-top:0;gap:9px}.realtime-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.realtime-primary{grid-column:1/-1;padding-bottom:16px;border-bottom:1px solid var(--line)}.realtime-primary>strong{font-size:34px}.realtime-secondary>strong{font-size:27px}.realtime-status{align-items:flex-start}.realtime-minute-chart{gap:3px;height:75px}.integration-auto-section{padding:16px}.integration-auto-toggle{font-size:14px}.integration-automation-card{font-size:13px}}
@media print{.live-panel-status,.executive-realtime{display:none!important}}