/* Paleta da interface. A cor escolhida pela empresa continua valendo nos documentos. */
@font-face{font-family:Altissimo;src:url('assets/fonts/Altissimo-Thin.ttf') format('truetype');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:Altissimo;src:url('assets/fonts/Altissimo-ExtraLight.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:Altissimo;src:url('assets/fonts/Altissimo-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Altissimo;src:url('assets/fonts/Altissimo-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Altissimo;src:url('assets/fonts/Altissimo-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Altissimo;src:url('assets/fonts/Altissimo-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Altissimo;src:url('assets/fonts/Altissimo-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@media screen{h1,h2,h3,h4{font-family:Altissimo,'Segoe UI',sans-serif}}
:root{
 /* Bege e taupe oficiais; fundos e divisórias leves usam variações claras. */
 --bege-mutum:#efe9dd;--taupe-mutum:#b7a99a;--grafite-mutum:#3a3f3d;
 --bg:#f7f5f0;--surface:#ffffff;--surface-2:#faf8f4;--surface-3:var(--bege-mutum);--surface-alt:var(--surface-2);
 --ink:#1e1e1e;--ink-2:var(--grafite-mutum);--muted:#68645d;--line:#e4ddd1;--line-strong:var(--taupe-mutum);
 --action:#d4a72d;--action-hover:#bc9020;--primary:#d4a72d;--orange:#855d12;--link:#855d12;--orange-soft:#fbf4df;
 --text:var(--ink);--marca:var(--action);--accent:var(--link);--soft:var(--surface-2);
 --info:#315f91;--info-bg:#edf2f8;--sucesso:#287449;--sucesso-bg:#eaf4ed;
 --atencao:#855d12;--atencao-bg:#fff3d6;--perigo:#b63838;--perigo-bg:#fbeded;--perigo-hover:#942d2d;--erro:#b63838;
 --neutro:#62625c;--neutro-bg:#efefeb;--foco-anel:rgba(133,93,18,.25);--erro-anel:rgba(182,56,56,.2);
 --sb-bg:#1e1e1e;--sb-raised:#252523;--sb-hover:var(--grafite-mutum);--sb-active:#35342c;
 --sb-line:var(--grafite-mutum);--sb-text:var(--bege-mutum);--sb-muted:var(--taupe-mutum);--sb-strong:#ffffff;--sb-accent:#d4a72d;
 --sb-campo:#191919;--sb-foco:rgba(212,167,45,.18);--sb-avatar:#383831;--sb-avatar-texto:#f5f5ec;--sb-veu:rgba(20,20,18,.6);
 --marca-simbolo:#d4a72d;--marca-sub:#bdbdb4;--login-fundo:#1e1e1e;--login-faixa:#292925;
 --login-destaque:#d4a72d;--login-texto:#cecec6;--login-rodape:#adada4;
}
button.primary,a.primary,.button.primary{background:var(--action);border-color:var(--action);color:#1e1e1e}
button.primary:hover,a.primary:hover,.button.primary:hover{background:var(--action-hover);border-color:var(--action-hover);color:#1e1e1e}
.sidebar{border-right-color:var(--sb-line)}
.sidebar-top{padding:0;min-height:0}
.sidebar .company{margin-top:8px;background:transparent;border-color:transparent;padding:12px 6px 18px}
.sidebar .company strong{font-size:14px}
.sidebar .company .avatar{position:relative;width:38px;height:38px;overflow:hidden}
.sidebar .company .avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}
.mutum-signature{flex-shrink:0;padding:16px 10px 18px;border-top:1px solid var(--sb-line);display:flex;align-items:center;gap:14px;color:var(--sb-muted)}
.mutum-signature small{font-size:10px}
.mutum-signature img{width:84px;height:28px;object-fit:contain;opacity:.75}
.login-brand .login-wordmark{display:block;width:180px;height:auto;max-width:100%;object-fit:contain}
/* Acesso: formulário e apresentação em blocos leves, com marca discreta. */
.login-layout{width:100%;max-width:1240px;margin:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:32px}
.login-story{min-height:min(680px,calc(100svh - 64px));border-radius:24px;padding:36px;align-self:stretch}.login-story:after{display:none}
.login-brand .login-wordmark{width:124px}.login-story-copy{padding:64px 0;max-width:380px}.login-story-copy h2{font-size:clamp(34px,3.4vw,46px);line-height:1.16;letter-spacing:-1px;margin-bottom:20px}.login-story-copy p{font-size:14px;line-height:1.7}.login-story-copy .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.login-story-foot{font-size:9px;letter-spacing:1.5px}
.login-access{padding:16px 0;background:transparent;min-width:0}.login-content{max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:0 8px 30px rgba(30,30,30,.035)}
.login-content>.login-brand{margin-bottom:32px}.login-content h1{font-size:30px;line-height:1.2;letter-spacing:-.6px;margin-bottom:10px}.login-intro{font-size:13px;margin-bottom:28px}
.login-card{border:0;border-radius:0;box-shadow:none;padding:0;background:transparent}.login-card .field{margin-bottom:20px}.login-card input{min-height:48px;border-color:var(--line);border-radius:9px;background:var(--surface-2)}.login-card input:focus{background:var(--surface)}.login-card .login-password-toggle{margin:-8px 0 20px auto;width:max-content}.login-card .login-submit{min-height:46px;border-radius:9px}.login-help{margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}
@media(max-width:850px){.login-layout{display:block;max-width:520px;padding:32px 20px}.login-story{display:none}.login-access{min-height:calc(100svh - 64px);padding:0}.login-content{max-width:440px;padding:32px}.login-content h1{font-size:28px}}
@media(max-width:420px){.login-layout{padding:20px 12px}.login-access{min-height:calc(100svh - 40px)}.login-content{padding:26px 22px;border-radius:16px}.login-content>.login-brand{margin-bottom:26px}.login-content h1{font-size:26px}}
.header-account .avatar,.account-photo{position:relative;overflow:hidden}
.header-account .avatar img,.account-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--surface-3)}
.account-settings .form-body{padding:28px}
.account-photo-row{display:flex;align-items:center;gap:28px;margin:20px 0}
.account-photo{flex-shrink:0;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--ink-2);font-size:28px;font-weight:600}
.account-photo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.account-photo-actions .button{cursor:pointer}
.account-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.account-details dt{font-size:12px;color:var(--muted);margin-bottom:6px}
.account-details dd{margin:0;overflow-wrap:anywhere}
.account-settings [data-account-feedback]{color:var(--muted)}
.identity-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.identity-image-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:10px}
.identity-image-card h2{font-size:18px;margin:0 0 8px}
.identity-image-card>p{color:var(--muted);min-height:42px;margin:0 0 16px}
.identity-image-preview{height:130px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:8px;margin-bottom:18px;background:var(--surface-2);overflow:hidden;color:var(--muted);font-size:13px}
.identity-image-preview img{max-height:110px;max-width:100%;object-fit:contain}
.identity-image-preview.is-icon img{width:90px;height:90px}
.identity-image-preview [hidden]{display:none}
.identity-image-card .field input{max-width:100%}
@media(max-width:800px){.identity-images{grid-template-columns:1fr}.identity-image-card>p{min-height:0}}
@media(max-width:600px){.account-photo-row{align-items:flex-start;gap:18px;flex-direction:column}.account-details{grid-template-columns:1fr}.account-settings .form-body{padding:20px}}
@media print{.mutum-signature,.header-account{display:none!important}}
.nf-suggestion{display:flex;align-items:center;gap:14px;padding:16px 18px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.nf-suggestion-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:var(--info-bg);color:var(--info)}
.nf-suggestion--warning .nf-suggestion-icon{background:var(--atencao-bg);color:var(--atencao)}
.nf-suggestion--danger .nf-suggestion-icon{background:var(--perigo-bg);color:var(--perigo)}.nf-suggestion--success .nf-suggestion-icon{background:var(--sucesso-bg);color:var(--sucesso)}
.login-card [data-aviso]{margin-bottom:20px}.login-card [data-aviso] .nf-suggestion{margin:0;padding:14px;gap:12px}.login-card [data-aviso] .nf-suggestion-copy strong{font-size:13px}.login-card [data-aviso] .nf-suggestion-copy p{font-size:13px}
.nf-suggestion--danger{align-items:flex-start}.nf-suggestion-copy .purchase-danger-confirm{margin-top:12px}.nf-suggestion-copy .purchase-danger-confirm>summary{min-height:36px;padding:7px 12px;font-size:13px}.nf-suggestion-copy ul{margin:8px 0 0;padding-left:20px;font-size:14px}.nf-suggestion-copy ul a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.nf-suggestion-copy .purchase-direct-list{padding:0;list-style:none}.nf-suggestion-copy .purchase-direct-list>li{padding:10px 0}.oc-close-checks article{gap:14px;padding:14px 0}.oc-close-checks h3{font-family:var(--font-ui);font-size:14px;font-weight:600}.oc-close-checks p{margin-top:4px}.oc-check-icon{border-radius:10px;flex-basis:34px;height:34px}.oc-check-icon svg{width:20px;height:20px}
.quotation-context-note,.quotation-context-note.secondary{border:0;border-radius:0;background:transparent;padding:0 0 16px;margin:0 0 18px;border-bottom:1px solid var(--line)}.quotation-context-note h3{font-family:var(--font-ui);font-size:12px;color:var(--muted);margin-bottom:6px}.quotation-context-note p{overflow-wrap:anywhere}
.nf-order-nome .finance-row-id{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.nf-order-link>.field{min-width:0}
.nf-order-link>.nf-suggestion{grid-column:1/-1;margin:0;align-items:start}.nf-suggestion:has(textarea){align-items:start}.nf-suggestion-copy>.field{margin-top:12px}
.company-switch{max-width:1120px}.company-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company-switch-grid:has(> :only-child){grid-template-columns:minmax(0,700px)}
.company-switch-card{display:flex;align-items:flex-start;gap:18px;width:100%;min-width:0;margin:0;padding:24px;text-align:left;white-space:normal;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font:inherit;box-shadow:none}
.company-switch-card.is-current{border-color:var(--action);background:var(--surface)}button.company-switch-card:hover{border-color:var(--action);background:var(--surface-2)}
.company-switch-avatar{display:grid;place-items:center;flex:0 0 60px;height:60px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);font-size:20px;font-weight:600;overflow:hidden}.company-switch-avatar img{width:100%;height:100%;object-fit:contain;padding:5px;background:white}
.company-switch-info{display:grid;gap:5px;min-width:0;flex:1;overflow-wrap:anywhere}.company-switch-info strong{font-size:19px;line-height:1.3;font-weight:600}.company-switch-legal,.company-switch-document{color:var(--muted);font-size:13px;line-height:1.5}.company-switch-profile{font-size:13px;color:var(--ink-2);margin-top:9px}
.company-switch-current{border-radius:6px;padding:5px 8px;background:var(--surface-2);color:var(--ink-2);font-size:11px;white-space:nowrap}.company-switch-open{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--link);align-self:center}.company-switch-hint{color:var(--muted);font-size:14px;line-height:1.6;margin:18px 0}.company-switch-hint a{display:inline-flex;gap:6px;align-items:center;margin-left:5px}
@media(max-width:850px){.company-switch-grid{grid-template-columns:1fr}}@media(max-width:500px){.company-switch-card{padding:18px;gap:12px;flex-wrap:wrap}.company-switch-info{flex-basis:calc(100% - 72px)}.company-switch-current,.company-switch-open{margin-left:72px}.company-switch-hint a{display:flex;margin:8px 0 0}}
.nf-suggestion-copy{flex:1;min-width:0;overflow-wrap:anywhere}.nf-suggestion-copy strong{display:block;font-size:14px;font-weight:600}
.nf-suggestion-copy p,.nf-class-form .nf-suggestion-copy p{margin:4px 0 0;color:var(--ink-2);font-size:14px;line-height:1.5}.nf-suggestion-copy small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.nf-suggestion-action,.nf-class-form .nf-suggestion-action{flex-shrink:0;margin:0;color:var(--muted);font-size:13px}.nf-suggestion-action button,.nf-suggestion-action a{margin:0;white-space:nowrap}
@media(max-width:600px){.nf-suggestion{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;padding:14px;gap:10px 12px}.nf-suggestion-action{grid-column:2}.nf-suggestion-action button,.nf-suggestion-action a{white-space:normal;max-width:100%}}