:root{color-scheme:dark;font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;font-synthesis:none;--bg: #101112;--surface: #191b1d;--surface-strong: #222528;--input: #151719;--text: #f3f4f6;--muted: #a5abb4;--line: #34383d;--accent: #ff6500;--accent-strong: #d95200;--green: #22c55e;--red: #ef4444;--yellow: #f5b82e;--blue: #38bdf8}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-loading,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.app-loading{gap:12px;align-content:center;color:var(--muted)}.app-loading__icon,.spin{animation:spin .8s linear infinite}.login-panel{width:min(420px,100%);padding:32px;background:var(--surface);border-radius:8px}.login-panel__brand,.app-header__mark,.application-card__icon{display:grid;place-items:center;color:var(--accent);background:var(--surface-strong)}.login-panel__brand{width:52px;height:52px;margin-bottom:24px;border-radius:8px}.login-panel h1{margin:0;font-size:25px;line-height:1.2}.login-panel>p{margin:8px 0 26px;color:var(--muted)}.login-form,.password-form{display:grid;gap:18px}.login-form label,.password-form label{display:grid;gap:7px;color:var(--muted);font-size:13px}.login-form input,.password-form input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--input);color:var(--text)}.login-form input:focus,.password-form input:focus{border-color:var(--accent)}.password-field{position:relative}.password-field input{padding-right:48px}.password-field__toggle{position:absolute;right:5px;top:4px}.form-error{margin:0;color:#ff8c8c;font-size:13px}.primary-button,.secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;cursor:pointer;font-weight:700}.primary-button{border:0;background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.secondary-button{padding:0 16px;border:1px solid var(--line);background:transparent;color:var(--text)}.secondary-button:hover{background:var(--surface-strong)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.icon-button:hover{background:var(--surface-strong)}.dashboard-shell{min-height:100vh;padding-bottom:34px}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1240px)/2));background:var(--surface);border-bottom:1px solid var(--line)}.app-header__brand,.app-header__user,.application-card__identity,.environment-row__name{display:flex;align-items:center}.app-header__brand,.app-header__user{gap:12px}.app-header__mark{width:40px;height:40px;border-radius:6px}.app-header strong,.app-header span{display:block}.app-header__brand strong{font-size:15px}.app-header__brand>div>span,.app-header__user span{color:var(--muted);font-size:12px}.app-header__user{text-align:right}.app-header__user strong{font-size:13px}.dashboard-content{width:min(1240px,calc(100% - 40px));margin:0 auto;padding-top:30px}.primary-navigation{width:min(1240px,calc(100% - 40px));min-height:52px;display:flex;align-items:end;gap:8px;margin:0 auto;border-bottom:1px solid var(--line)}.primary-navigation__item{min-height:51px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}.primary-navigation__item:hover{color:var(--text);background:var(--surface)}.primary-navigation__item--active{color:var(--accent);border-bottom-color:var(--accent)}.global-message{position:fixed;z-index:120;right:20px;bottom:24px;display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:6px;background:#163522;color:#a7f3c0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-heading h1{margin:3px 0 5px;font-size:27px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{color:var(--accent)!important;text-transform:uppercase;font-size:11px;font-weight:800}.status-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.status-summary article{min-height:92px;display:flex;align-items:center;gap:14px;padding:18px;background:var(--surface);border-radius:6px}.status-summary span,.status-summary strong{display:block}.status-summary span{color:var(--muted);font-size:12px}.status-summary strong{margin-top:4px;font-size:22px}.status-summary__time{font-size:17px!important}.status-online{color:var(--green)}.status-offline{color:var(--red)}.status-muted{color:var(--muted)}.error-banner{display:flex;align-items:center;gap:10px;margin-top:18px;padding:13px 15px;background:#3a1b1b;color:#ffc5c5;border-radius:6px}.success-banner{display:flex;align-items:center;gap:10px;margin-top:18px;padding:13px 15px;background:#163522;color:#a7f3c0;border-radius:6px}.error-banner span{flex:1}.error-banner button{border:0;background:none;color:inherit;cursor:pointer;font-weight:700}.applications-section{margin-top:32px}.section-heading{display:flex;justify-content:space-between;margin-bottom:14px}.section-heading h2{margin:0 0 4px;font-size:19px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.application-list{display:grid;gap:16px}.application-card{overflow:hidden;background:var(--surface);border-radius:8px}.application-card__header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.application-card__identity{gap:13px;min-width:0}.application-card__icon{width:42px;height:42px;flex:0 0 auto;border-radius:6px}.application-card h3{margin:0 0 4px;font-size:17px}.application-card p{margin:0;color:var(--muted);font-size:13px}.environment-count{color:var(--muted);font-size:12px;white-space:nowrap}.environment-table__head,.environment-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(110px,.7fr) minmax(110px,.7fr) minmax(90px,.6fr) 52px;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--line)}.environment-table__head{min-height:39px;padding-top:9px;padding-bottom:9px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.environment-row{min-height:66px;font-size:13px}.environment-row__name{gap:10px}.environment-row__name strong,.environment-row__name span{display:block}.environment-row__name span{margin-top:3px;color:var(--muted);font-size:11px}.environment-row__version{font-family:Cascadia Code,Consolas,monospace}.status-badge{width:max-content;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:12px}.status-badge>span{width:8px;height:8px;border-radius:50%;background:currentColor}.status-badge--online{color:var(--green)}.status-badge--degraded{color:var(--yellow)}.status-badge--offline{color:var(--red)}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);background:var(--surface);border-radius:8px}.app-version{position:fixed;right:10px;bottom:7px;color:var(--muted);font-size:10px;opacity:.7}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#000000ad}.password-modal{width:min(430px,100%);overflow:hidden;background:var(--surface);border-radius:8px}.password-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 20px 17px;border-bottom:1px solid var(--line)}.password-modal__header h2{margin:0;font-size:19px}.password-modal__header p{margin:5px 0 0;color:var(--muted);font-size:13px}.password-form{padding:20px}.password-form__hint{margin:-7px 0 0;color:var(--muted);font-size:12px}.password-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.password-modal__actions .primary-button{padding:0 16px}.page-heading__action{padding:0 17px}.flow-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.flow-summary article{min-height:76px;display:flex;align-items:center;gap:13px;padding:15px 17px;border-radius:6px;background:var(--surface);color:var(--accent)}.flow-summary span,.flow-summary strong{display:block}.flow-summary span{color:var(--muted);font-size:12px}.flow-summary strong{margin-top:3px;color:var(--text);font-size:20px}.flow-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) minmax(150px,220px) minmax(170px,230px) 42px;align-items:end;gap:12px;margin-top:18px;padding:14px;border-radius:6px;background:var(--surface)}.flow-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:11px}.flow-toolbar input,.flow-toolbar select,.flow-field input,.flow-field select,.flow-field textarea,.manual-test-form input,.flow-test-item>input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--input);color:var(--text)}.flow-toolbar select,.flow-field select{cursor:pointer}.flow-search{position:relative}.flow-search>svg{position:absolute;z-index:1;left:12px;bottom:12px;color:var(--muted)}.flow-search input{padding-left:39px}.flow-toolbar__refresh{height:42px;border:1px solid var(--line)}.flow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.flow-card{min-height:196px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;gap:14px 18px;padding:18px;border-radius:8px;background:var(--surface)}.flow-card__main{min-width:0}.flow-card__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-card__application{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase}.flow-card h3{margin:14px 0 7px;font-size:18px}.flow-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flow-card__details{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:9px 17px;color:var(--muted);font-size:12px}.flow-card__details span{display:inline-flex;align-items:center;gap:6px}.flow-card__action{grid-column:2;grid-row:1 / 3;align-self:end}.flow-status{width:max-content;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.flow-status--draft{color:var(--muted)}.flow-status--in_progress{color:var(--blue)}.flow-status--awaiting_approval{color:var(--yellow)}.flow-status--completed{color:var(--green)}.flow-status--cancelled{color:var(--red)}.flows-empty{margin-top:18px}.flows-empty strong,.flows-empty span{display:block}.flow-backdrop{padding:18px}.flow-wizard{width:min(1160px,100%);max-height:calc(100vh - 36px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border-radius:8px;background:var(--surface)}.flow-wizard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px 15px;border-bottom:1px solid var(--line)}.flow-wizard__header h2{margin:3px 0 0;font-size:21px}.flow-stepper{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0 14px;border-bottom:1px solid var(--line)}.flow-stepper__item{min-width:0;min-height:62px;display:grid;place-items:center;align-content:center;gap:4px;padding:7px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.flow-stepper__item>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-strong);font-size:11px}.flow-stepper__item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.flow-stepper__item--active{color:var(--accent);border-bottom-color:var(--accent)}.flow-stepper__item--done{color:var(--green)}.flow-stepper__item:disabled{cursor:default;opacity:.45}.flow-wizard__body{overflow-y:auto;padding:22px;scrollbar-width:none}.flow-wizard__body::-webkit-scrollbar{width:0;height:0}.flow-wizard__loading{min-height:340px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.flow-wizard__error{margin:0 0 18px}.flow-step-content{width:min(900px,100%);margin:0 auto}.flow-step-heading{display:flex;gap:13px;margin-bottom:22px;color:var(--accent)}.flow-step-heading h3{margin:0 0 5px;color:var(--text);font-size:19px}.flow-step-heading p{margin:0;color:var(--muted);font-size:13px}.flow-application-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-application-option{min-height:88px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.flow-application-option:has(input:checked){border-color:var(--accent);background:var(--surface-strong)}.flow-application-option input{position:absolute;opacity:0;pointer-events:none}.flow-application-option strong,.flow-application-option small{display:block}.flow-application-option small{margin-top:4px;color:var(--muted);font-size:12px}.flow-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-field{display:grid;gap:6px;color:var(--muted);font-size:12px}.flow-field--wide{grid-column:1 / -1}.flow-field textarea{min-height:112px;padding:11px 12px;resize:vertical}.repository-panel{min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;border-radius:7px;background:var(--surface-strong)}.repository-panel>div:first-child{display:flex;align-items:center;gap:11px}.repository-panel strong,.repository-panel small{display:block}.repository-panel small{margin-top:3px;color:var(--muted);font-size:11px}.repository-panel>p{grid-column:1 / -1;margin:0;color:var(--muted)}.repository-panel__branches{display:flex;align-items:center;gap:10px}.repository-panel__branches span{min-width:88px}.repository-panel__branches strong{font-family:Cascadia Code,Consolas,monospace;font-size:12px}.repository-panel__loading{color:var(--muted)}.flow-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 10px}.flow-section-heading h3{margin:0;font-size:15px}.flow-section-heading small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.integration-summary{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 13px;border-radius:6px;background:var(--surface-strong);color:var(--muted);font-size:12px;font-weight:700}.integration-summary--passed{color:var(--green)}.integration-summary--failed,.integration-summary--unavailable{color:var(--red)}.integration-summary--syncing{color:var(--yellow)}.workflow-list,.environment-check-list,.flow-test-list{display:grid;gap:8px}.workflow-row{min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-strong);border-radius:6px}.workflow-row strong,.workflow-row small{display:block}.workflow-row small{margin-top:3px;color:var(--muted);font-size:11px}.workflow-row__status{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--surface)}.workflow-row__status--passed{color:var(--green)}.workflow-row__status--failed{color:var(--red)}.workflow-row__status--pending{color:var(--yellow)}.flow-inline-empty{margin:14px 0 0;padding:18px;color:var(--muted);text-align:center;background:var(--surface-strong);border-radius:6px}.environment-check-list article{min-height:66px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 14px;background:var(--surface-strong);border-radius:6px}.environment-check-list strong,.environment-check-list span{display:block}.environment-check-list div>span{margin-top:4px;color:var(--muted);font-size:11px}.environment-check-list div>small{display:block;margin-top:4px;color:var(--accent);font-size:10px}.environment-state--not_checked{color:var(--muted)}.environment-state{font-size:11px;font-weight:800}.environment-state--online{color:var(--green)}.environment-state--degraded{color:var(--yellow)}.environment-state--offline{color:var(--red)}.manual-test-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:14px}.manual-test-form .secondary-button{padding:0 14px}.flow-test-item{display:grid;grid-template-columns:minmax(180px,.8fr) auto minmax(220px,1fr);align-items:center;gap:12px;padding:12px;background:var(--surface-strong);border-radius:6px}.flow-test-item__title>span,.flow-test-item__title>strong{display:block}.flow-test-item__title>span{margin-bottom:3px;color:var(--muted);font-size:10px;text-transform:uppercase}.flow-test-item__title>strong{font-size:13px}.flow-test-item__results{display:flex;gap:4px}.flow-test-item__results button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:5px;background:var(--surface);color:var(--muted);cursor:pointer}.flow-test-item__results button.active:nth-child(1){color:var(--yellow)}.flow-test-item__results button.active:nth-child(2){color:var(--green)}.flow-test-item__results button.active:nth-child(3){color:var(--red)}.flow-test-item>input{min-height:36px}.approval-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.approval-summary article{min-height:70px;display:flex;align-items:center;gap:10px;padding:13px;background:var(--surface-strong);border-radius:6px}.approval-summary strong{display:block;font-size:19px}.approval-confirmation{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:13px;margin-top:18px;padding:17px;border:1px solid var(--accent);border-radius:7px;cursor:pointer}.approval-confirmation input{width:18px;height:18px;accent-color:var(--accent)}.approval-confirmation strong,.approval-confirmation small{display:block}.approval-confirmation small{margin-top:4px;color:var(--muted)}.approval-confirmation--disabled{border-color:var(--line);cursor:not-allowed;opacity:.55}.flow-final-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;margin:0;border-radius:7px;background:var(--line)}.flow-final-summary div{min-height:72px;padding:14px;background:var(--surface-strong)}.flow-final-summary dt{color:var(--muted);font-size:11px}.flow-final-summary dd{margin:6px 0 0;font-weight:700}.flow-wizard__footer{min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:11px 20px;border-top:1px solid var(--line)}.flow-wizard__footer>button:first-child{justify-self:start;padding:0 14px}.flow-wizard__footer>button:last-child{justify-self:end;padding:0 16px}.flow-wizard__progress{color:var(--muted);font-size:11px}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #f5f6f7;--surface: #ffffff;--surface-strong: #eceff2;--input: #ffffff;--text: #171a1f;--muted: #626a75;--line: #d9dde2}.error-banner{background:#ffe9e9;color:#9c1c1c}.success-banner{background:#e4f8eb;color:#176b35}}@media(max-width:820px){.app-header{padding:0 16px}.app-header__user>div{display:none}.dashboard-content{width:min(100% - 24px,1240px);padding-top:22px}.primary-navigation{width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading>.secondary-button{width:42px;min-width:42px;padding:0;font-size:0}.status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.environment-table__head{display:none}.environment-row{grid-template-columns:1fr auto;gap:10px 14px}.environment-row__name{grid-column:1}.environment-row>.status-badge{grid-column:2;grid-row:1}.environment-row__version{grid-column:1;color:var(--muted)}.environment-row__version:before{content:"Versão: "}.environment-row__response{grid-column:1;color:var(--muted)}.environment-row__response:before{content:"Resposta: "}.environment-row>.icon-button{grid-column:2;grid-row:2 / 4;align-self:center}.flow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-toolbar{grid-template-columns:1fr 1fr 42px}.flow-search{grid-column:1 / -1}.flow-list{grid-template-columns:1fr}.flow-stepper{display:flex;overflow-x:auto;padding:0 8px;scrollbar-width:none}.flow-stepper::-webkit-scrollbar{display:none}.flow-stepper__item{min-width:92px}.flow-test-item{grid-template-columns:1fr auto}.flow-test-item>input{grid-column:1 / -1}.approval-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.login-panel{padding:24px 20px}.app-header__brand>div>span{display:none}.app-header__brand strong{font-size:13px}.page-heading>div>p:not(.eyebrow){display:none}.status-summary{gap:9px}.status-summary article{min-height:82px;padding:13px;gap:10px}.status-summary strong{font-size:18px}.application-card__header{align-items:flex-start}.environment-count{display:none}.modal-backdrop{align-items:end;padding:12px}.password-modal{width:100%}.page-heading__action{width:42px;min-width:42px;padding:0;font-size:0}.flow-summary{gap:8px}.flow-summary article{min-height:68px;padding:12px}.flow-toolbar{grid-template-columns:1fr 42px;gap:9px;padding:10px}.flow-toolbar label:nth-of-type(2),.flow-toolbar label:nth-of-type(3){grid-column:1}.flow-toolbar__refresh{grid-column:2;grid-row:2}.flow-card{grid-template-columns:1fr;min-height:auto}.flow-card__action{grid-column:1;grid-row:auto;width:100%}.flow-backdrop{align-items:stretch;padding:0}.flow-wizard{width:100%;max-height:100dvh;min-height:100dvh;border-radius:0}.flow-wizard__header{padding:14px 15px 12px}.flow-wizard__body{padding:17px 14px}.flow-application-options,.flow-form-grid,.flow-final-summary{grid-template-columns:1fr}.flow-field--wide{grid-column:1}.repository-panel{grid-template-columns:1fr auto;gap:10px}.repository-panel__branches{grid-column:1 / -1;justify-content:space-between}.manual-test-form{grid-template-columns:1fr}.flow-test-item{grid-template-columns:1fr auto}.approval-summary{grid-template-columns:1fr 1fr}.approval-confirmation{grid-template-columns:auto 1fr}.approval-confirmation>svg{display:none}.flow-wizard__footer{grid-template-columns:1fr 1fr;padding:9px 12px}.flow-wizard__progress{display:none}.flow-wizard__footer>button{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}
