:root{--brand:#f36421;--ink:#24282b;--muted:#656b70;--line:#e3e6e8;--canvas:#f4f5f6;--radius:12px;font-family:'Segoe UI',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font-size:16px;line-height:1.5}img{display:block;max-width:100%;object-fit:contain}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.15;letter-spacing:-1.1px;margin-bottom:12px}h2{font-size:22px;line-height:1.3;letter-spacing:-.4px}h3{font-size:18px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}input,select,textarea{width:100%;border:1px solid #cdd2d6;border-radius:8px;padding:11px 12px;min-height:46px;background:#fff;color:var(--ink)}textarea{resize:vertical}label{display:block;font-size:14px;font-weight:650;margin-bottom:7px}input:focus,select:focus,textarea:focus{border-color:#626b72}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #304d71;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#a54212;margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:650;transition:background .18s,color .18s;white-space:normal}.primary{background:var(--brand);color:#fff}.primary:hover{background:#6c6d71}.secondary{background:#fff;border-color:#cfd4d8;color:var(--ink)}.secondary:hover{background:#eceeef}.compact{padding:8px 13px;min-height:40px}.text-button{background:transparent;color:var(--muted)}.message{min-height:0;font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.message:empty{display:none}.message.error{color:#a12626}.message.success{color:#28603b}.small-note{font-size:13px;line-height:1.6;color:var(--muted)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.check{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:500}.check input{width:19px;height:19px;min-height:0;flex:0 0 19px;margin-top:3px;accent-color:var(--brand)}
.login-shell{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:100px;max-width:1120px;min-height:100vh;margin:auto;padding:60px 30px}.login-brand img{margin-bottom:72px}.login-brand h1{font-size:clamp(38px,4.5vw,58px);line-height:1.1;letter-spacing:-2px}.login-brand>p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:18px}.login-brand>a{font-size:14px;text-decoration:none}.login-card{padding:36px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 36px #202b3508}.login-card>p{font-size:15px;color:var(--muted)}.login-card label{margin-top:20px}.login-card .button{width:100%;margin:28px 0 0}
.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:32px 20px;background:#fff;border-right:1px solid var(--line)}.brand{margin:0 16px 50px}.sidebar-label{font-size:10px;font-weight:750;letter-spacing:1.4px;color:#848a8f;margin:0 16px 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;background:transparent;border:0;border-radius:8px;text-align:left;color:#616970;font-size:15px}.sidebar nav button span{font-size:18px;width:22px;text-align:center}.sidebar nav button:hover{background:#f5f6f7}.sidebar nav button[aria-current]{background:#fff0e8;color:#9e3b0d;font-weight:700}.sidebar-bottom{display:grid;gap:12px;margin: auto 16px 0;font-size:12px;color:var(--muted)}.sidebar-bottom a{font-size:14px;text-decoration:none}.workspace{min-width:0;padding:0 40px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);margin-bottom:36px}.topbar p{font-size:14px;color:var(--muted);margin:0}.topbar .eyebrow{font-size:10px}.account{display:flex;align-items:center;gap:16px;font-size:14px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading p{margin:0;color:var(--muted);font-size:15px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.summary-grid article{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.summary-grid article span{display:block;color:var(--muted);font-size:13px}.summary-grid strong{display:block;font-size:34px;line-height:1.2;letter-spacing:-1px;margin-top:9px}.filters{display:grid;grid-template-columns:minmax(160px,1.3fr) 1fr 1fr auto;gap:16px;align-items:end;margin-bottom:20px}.filters label{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}#view-requests table{min-width:900px}th{padding:14px 18px;background:#fafbfb;color:#687078;font-size:11px;font-weight:750;letter-spacing:.5px}td{padding:18px;border-top:1px solid #edf0f2;vertical-align:middle}td strong{display:block;font-size:14px}td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}td a{text-decoration:none}.row-open{border:0;background:none;color:#a54212;font-weight:700;padding:8px 0;min-height:40px}.badge{display:inline-block;padding:5px 9px;border-radius:6px;background:#edf0f3;color:#55616b;font-size:11px;font-weight:700;white-space:nowrap}.badge.received{background:#fff0e6;color:#98420d}.badge.completed,.badge.sent{background:#eaf3ed;color:#386649}.badge.failed,.badge.unconfigured{background:#f9eded;color:#984444}.pagination{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0 10px;font-size:13px;color:var(--muted)}.pagination>div{display:flex;gap:8px}.empty-state{text-align:center;padding:54px 24px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:#fff}.empty-state h2{font-size:20px}.empty-state p{max-width:480px;margin:auto;color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:24px;min-width:0}.metric-line{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.metric-line:last-child{border-bottom:0}.metric-line strong{text-align:right;font-size:22px}.settings-form>div,.settings-form>label{margin-bottom:24px}.settings-form .small-note{margin-top:8px}.settings-form h2{margin-top:36px}.routing-row{display:grid;grid-template-columns:180px 1fr 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.routing-row>strong{font-size:14px}.routing-row label{font-size:12px}.integration-flow{padding-left:22px}.integration-flow li{padding:8px 0}
dialog{width:min(820px,calc(100% - 32px));max-height:92vh;padding:32px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink)}dialog::backdrop{background:#17212ca6}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.detail-header h2{margin-bottom:8px}.detail-header .eyebrow{font-size:10px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:24px 0}.detail-fields>div{padding:12px 0;border-bottom:1px solid var(--line);min-width:0}.detail-fields dt{font-size:12px;color:var(--muted)}.detail-fields dd{margin:6px 0 0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}#detail-form{border-top:1px solid var(--line);padding-top:24px}#detail-form>.two-columns{margin-bottom:20px}#detail-form>.button{margin-top:18px}.notes{margin-top:30px}.note{padding:16px;background:#f7f8f9;border-radius:8px;margin-top:10px}.note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:8px 0 0}.note small{color:var(--muted);font-size:12px}.detail-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-footer p{margin:0}
@media(min-width:1600px){.workspace{padding-inline:64px}.view{max-width:1400px;margin:auto}.topbar{max-width:1400px;margin-inline:auto}}@media(max-width:1100px){.app{grid-template-columns:200px minmax(0,1fr)}.workspace{padding-inline:24px}.filters{grid-template-columns:1fr 1fr}.routing-row{grid-template-columns:1fr 1fr}.routing-row>strong{grid-column:1/-1}.login-shell{gap:40px;grid-template-columns:1fr 400px}.two-columns{gap:18px}}@media(max-width:750px){.login-shell{display:block;padding:32px 20px;max-width:480px;min-height:0}.login-brand{margin-bottom:32px}.login-brand img{width:120px;margin-bottom:30px}.login-brand h1{font-size:38px}.login-brand>p:not(.eyebrow){font-size:16px}.login-card{padding:26px}.app{display:block}.sidebar{position:static;height:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 18px}.brand img{width:100px;height:38px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.sidebar nav button{width:auto;white-space:nowrap;padding:10px 12px;font-size:13px}.sidebar nav button span{display:none}.workspace{padding:0 18px 32px}.topbar{margin-bottom:26px;padding-block:18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.summary-grid{gap:8px}.summary-grid article{padding:14px 12px}.summary-grid article span{font-size:11px;min-height:34px}.summary-grid strong{font-size:28px}.filters{gap:12px}.filters>div:first-child{grid-column:1/-1}.filters>.button{justify-self:start;grid-column:1/-1}.two-columns,.detail-fields{grid-template-columns:1fr}.card{padding:22px}.routing-row{grid-template-columns:1fr}.routing-row>strong{grid-column:auto}.pagination{align-items:flex-start;flex-direction:column}.detail-footer{align-items:flex-start;flex-direction:column}dialog{padding:22px}.account{gap:8px}.account>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Login com as cores extraídas do logotipo oficial: laranja e cinza neutro.
   Versão anterior preservada em backups/login-cores-*. */
.login-shell { color: #6c6d71; }
body:has(.login-shell:not([hidden])) { background: #f5f5f5; }
.login-shell .eyebrow { color: #f36421; }
.login-shell h1, .login-shell h2, .login-shell label { color: #6c6d71; }
.login-shell .login-brand > p:not(.eyebrow),
.login-shell .login-card > p:not(.message) { color: #6c6d71; }
.login-shell .login-brand > a { color: #b9470e; }
.login-shell .login-brand > a:hover { color: #6c6d71; }
.login-shell input { color: #434343; border-color: #d4d4d5; }
.login-shell input:focus { border-color: #6c6d71; }
.login-shell :is(a, button, input):focus-visible { outline-color: #6c6d71; }
.login-shell .primary { background: #f36421; color: #fff; }
.login-shell .primary:hover { background: #6c6d71; color: #fff; }
.login-shell .login-card { border-color: #e2e2e2; box-shadow: 0 12px 36px #6c6d710d; }

/* Compensa a margem transparente do PNG oficial, sem alterar o arquivo. */
.login-shell .login-brand img { margin-left: -18.51px; }
@media (max-width: 750px) {
  .login-shell .login-brand img { margin-left: -15.43px; }
}

/* Sobe o conteúdo institucional sem deslocar o formulário. */
@media (min-width: 751px) {
  .login-shell { align-items: start; align-content: center; }
  .login-shell .login-brand { transform: none; }
  .login-shell .login-brand img { margin-bottom: 40px; }
}

/* Gestão dos acessos da equipe. */
.users-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:24px;align-items:start}
.user-form>label{margin-top:20px}.user-form .small-note{margin:7px 0 0}.user-form>.button{width:100%;margin-top:24px}.users-list table{min-width:480px}.users-list td{overflow-wrap:anywhere}
@media(max-width:1150px){.users-layout{grid-template-columns:1fr}.user-form{max-width:620px}}
