*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--petroleo:#2C3E50;--petroleo-dark:#1E2B38;--petroleo-light:#3D556E;--petroleo-50:#EDF0F3;--vinho:#5C1A1B;--ouro:#D4AF37;--ouro-dark:#B0892C;--ouro-50:#FAF4E0;--gelo:#F4F7F6;--gelo-dark:#E8EDEC;--verde:#1D9E75;--verde-50:#E1F5EE;--ambar:#C9821A;--ambar-50:#FBF0DC;--text:#1E2B38;--text-sec:#5A6878;--text-muted:#8A94A1;--border:rgba(44,62,80,.1);--font-serif:"Playfair Display",Georgia,serif;--font-sans:"Inter",system-ui,sans-serif;--radius:14px;--shadow:0 1px 3px rgba(44,62,80,.06)}body{font-family:var(--font-sans);background:var(--gelo);color:var(--text);-webkit-font-smoothing:antialiased}.login-wrap{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:linear-gradient(135deg,var(--petroleo),var(--petroleo-dark));color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(212,175,55,.15),transparent 70%)}.login-brand .logo{font-family:var(--font-serif);font-size:32px;font-weight:600;margin-bottom:1.5rem}.login-brand .logo span{color:var(--ouro)}.login-brand h2{font-family:var(--font-serif);font-size:28px;font-weight:500;line-height:1.3;max-width:380px}.login-brand p{color:#f4f7f6b3;margin-top:1rem;max-width:360px;font-size:15px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:380px}.login-card h1{font-family:var(--font-serif);font-size:26px;color:var(--petroleo);margin-bottom:.5rem}.login-card .sub{color:var(--text-sec);font-size:14px;margin-bottom:2rem}.field{margin-bottom:1.15rem}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px;background:#fff;color:var(--text)}.field input:focus,.field select:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-50)}.btn-full{width:100%;padding:13px;background:var(--ouro);color:var(--petroleo-dark);border:none;border-radius:10px;font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .15s}.btn-full:hover{background:var(--ouro-dark)}.btn-full:disabled{opacity:.6;cursor:default}.err{background:#fcebeb;color:#a32d2d;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:1rem}.field-erro input,.field-erro select{border-color:#c0392b!important;box-shadow:0 0 0 3px #c0392b1f}.field-erro-msg{display:block;color:#c0392b;font-size:12px;margin-top:5px}.shell{display:grid;grid-template-columns:256px 1fr;min-height:100vh;min-height:100dvh}.sidebar{background:var(--petroleo);color:#fff;padding:1.75rem 1.25rem;display:flex;flex-direction:column}.brand{font-family:var(--font-serif);font-size:24px;font-weight:600;padding:0 .5rem 1.75rem}.brand span{color:var(--ouro)}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:500;color:#f4f7f6b8;text-decoration:none;transition:all .15s}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.active{background:var(--petroleo-light);color:#fff}.sidebar-foot{margin-top:auto;padding:1rem;background:#0000002e;border-radius:12px;border:1px solid rgba(212,175,55,.25);font-size:12px}.sidebar-foot .row{display:flex;align-items:center;gap:8px;color:#f4f7f6cc;margin-bottom:6px}.sidebar-foot .row:last-child{margin-bottom:0}.dot{width:7px;height:7px;border-radius:50%}.dot.ok{background:var(--verde)}.dot.warn{background:var(--ouro)}.logout-btn{margin-top:1rem;width:100%;background:none;border:1px solid rgba(255,255,255,.2);color:#f4f7f6cc;padding:9px;border-radius:9px;font-size:13px;cursor:pointer;font-family:var(--font-sans)}.logout-btn:hover{background:#ffffff14}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;border-bottom:1px solid var(--border)}.topbar h1{font-family:var(--font-serif);font-size:24px;color:var(--petroleo)}.topbar .sub{font-size:13px;color:var(--text-muted)}.content{padding:2rem 2.5rem;max-width:1100px}.hero-cta{background:linear-gradient(120deg,var(--petroleo),var(--petroleo-dark));border-radius:18px;padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}.hero-cta h2{font-family:var(--font-serif);font-size:26px;color:#fff;margin-bottom:6px}.hero-cta p{font-size:14px;color:#f4f7f6bf;max-width:380px}.btn-emitir{background:var(--ouro);color:var(--petroleo-dark);border:none;padding:15px 26px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-emitir:hover{background:var(--ouro-dark)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}.stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow)}.stat .label{font-size:13px;color:var(--text-sec);margin-bottom:.6rem}.stat .value{font-family:var(--font-serif);font-size:30px;font-weight:600;color:var(--petroleo)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:1.25rem 1.5rem 1rem}.panel-head h3{font-family:var(--font-serif);font-size:18px;color:var(--petroleo)}.obg-item{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.obg-item .t{font-size:14px;font-weight:600}.obg-item .s{font-size:12px;color:var(--text-muted)}.pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--ambar-50);color:var(--ambar)}.loading{padding:4rem;text-align:center;color:var(--text-muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2b3880;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100}.modal{background:#fff;border-radius:18px;width:100%;max-width:520px;display:flex;flex-direction:column;max-height:calc(100vh - 3rem);max-height:calc(100dvh - 3rem)}.modal-head{flex:none;padding:1.5rem 1.75rem;border-bottom:1px solid var(--border)}.modal-head h2{font-family:var(--font-serif);font-size:22px;color:var(--petroleo)}.modal-body{flex:1 1 auto;overflow-y:auto;padding:1.5rem 1.75rem}.modal-foot{flex:none;padding:1.25rem 1.75rem;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.btn{padding:12px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:var(--font-sans)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-sec)}.btn-gold{background:var(--ouro);color:var(--petroleo-dark)}.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px;resize:vertical;min-height:70px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field-row-3{grid-template-columns:1.2fr 1.4fr .6fr}@media (max-width:880px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.shell{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:1fr}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.summary-cell{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.35rem;box-shadow:var(--shadow)}.summary-cell .sl{font-size:12px;color:var(--text-sec);margin-bottom:6px}.summary-cell .sv{font-family:var(--font-serif);font-size:24px;font-weight:600;color:var(--petroleo)}.summary-cell .sv small{font-family:var(--font-sans);font-size:13px;color:var(--text-muted);font-weight:500}.filters{display:flex;gap:10px;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.chip-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px}.search-box input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-50)}.chip{padding:9px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--text-sec);cursor:pointer;font-family:var(--font-sans)}.chip.active{background:var(--petroleo);color:#fff;border-color:var(--petroleo)}.table{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.thead,.trow{display:grid;grid-template-columns:60px 1.6fr 1fr .9fr 110px 90px;gap:12px;padding:.9rem 1.5rem;align-items:center}.thead{background:var(--gelo);font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.trow{border-top:1px solid var(--border)}.trow:hover{background:var(--gelo)}.td-num{font-family:var(--font-serif);font-size:14px;color:var(--text-muted)}.td-serv .nm{font-size:14px;font-weight:600}.td-serv .dt{font-size:12px;color:var(--text-muted)}.td-tom{font-size:13px;color:var(--text-sec)}.td-val{font-size:14px;font-weight:600;color:var(--petroleo)}.td-act{display:flex;gap:6px}.act-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--petroleo);font-size:11px;font-weight:600}.act-btn:hover{background:var(--petroleo);color:#fff}.pill.emitida{background:var(--verde-50);color:var(--verde)}.pill.processando,.pill.pendente{background:var(--ambar-50);color:var(--ambar)}.pill.cancelamento_solicitado{background:var(--ambar-50);color:var(--ambar);border:1px dashed var(--ambar)}.pill.cancelada{background:var(--petroleo-50);color:var(--text-muted)}.pill.erro{background:#fcebeb;color:#a32d2d}.act-btn:disabled{opacity:.35;cursor:default}.act-btn:disabled:hover{background:#fff;color:var(--petroleo)}.act-btn.act-danger{color:#a32d2d;border-color:#a32d2d4d}.act-btn.act-danger:hover{background:#a32d2d;color:#fff}a.act-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1}.act-btn-wide{width:auto;padding:0 14px}.btn-danger{background:#a32d2d;color:#fff}.btn-danger:hover{background:#8c2626}.btn-danger:disabled{opacity:.6;cursor:default}.nota-erro{font-size:12px;color:#a32d2d;margin-top:3px}.sync-hint{color:var(--ambar)}.hint-lgpd{font-size:12px;color:var(--text-muted);margin-top:5px}.check-row{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-sec);cursor:pointer}.check-row input{width:auto}.mini-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-family:var(--font-sans);font-size:13px;width:190px}.btn-off{opacity:.6;pointer-events:none}.tax-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;margin-bottom:1.5rem}.das-card{background:linear-gradient(125deg,var(--petroleo),var(--petroleo-dark));border-radius:18px;padding:1.75rem;color:#fff}.das-card .label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ouro);font-weight:600}.das-card .val{font-family:var(--font-serif);font-size:42px;font-weight:600;margin:6px 0 2px}.das-card .comp{font-size:13px;color:#f4f7f699}.das-card .due{font-size:13px;color:#f4f7f6b3;margin-top:1.25rem}.tax-side{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.tax-side h4{font-family:var(--font-serif);font-size:16px;color:var(--petroleo);margin-bottom:1rem}.mini-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.mini-row:last-child{border-bottom:none}.mini-row .mk{color:var(--text-sec)}.mini-row .mv{font-weight:600}.doc-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border)}.doc-row:first-of-type{border-top:none}.doc-left{display:flex;align-items:center;gap:12px}.doc-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:var(--petroleo-50);color:var(--petroleo)}@media (max-width:880px){.summary-strip,.tax-grid{grid-template-columns:1fr}.thead{display:none}.trow{grid-template-columns:1fr 1fr}}.upload-box{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#fff;border:1px dashed var(--ouro);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.upload-text{display:flex;flex-direction:column;gap:4px}.upload-text strong{font-size:15px;color:var(--petroleo)}.upload-text span{font-size:13px;color:var(--text-sec);max-width:480px}.upload-box .btn{white-space:nowrap}.ok-msg{background:var(--verde-50);color:var(--verde);padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:1rem}@media (max-width:880px){.upload-box{flex-direction:column;align-items:stretch}.upload-box .btn{width:100%}}.brand-tag{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ouro);padding:0 .5rem 1.25rem;margin-top:-1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem}.form-grid .field{margin-bottom:0}.form-grid select,.form-grid input{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans);font-size:14px;background:#fff}.form-grid select:focus,.form-grid input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-50)}.mini-select{padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-family:var(--font-sans);font-size:13px;background:#fff;color:var(--text-primary);cursor:pointer}.btn-sm{padding:8px 14px;font-size:13px}.obg-item.linkable{text-decoration:none;color:inherit;cursor:pointer}.obg-item.linkable:hover{background:var(--gelo)}.panel h3{font-family:var(--font-serif);font-size:18px;color:var(--petroleo)}@media (max-width:880px){.form-grid{grid-template-columns:1fr}}.mobile-tabs,.more-sheet{display:none}@media (max-width:880px){.mobile-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 14px #2c3e5014}.mobile-tabs a,.mobile-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:8px 2px;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:10.5px;font-weight:600;color:var(--text-muted);text-decoration:none}.mobile-tabs svg{width:22px;height:22px}.mobile-tabs a.active,.mobile-tabs button.active{color:var(--petroleo)}.mobile-tabs a.active svg,.mobile-tabs button.active svg{color:var(--ouro-dark)}.shell-cliente .main{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.more-sheet{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;align-items:flex-end;background:#1e2b3880}.more-panel{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:.75rem 1.15rem calc(1.15rem + env(safe-area-inset-bottom))}.more-handle{width:38px;height:4px;border-radius:2px;background:var(--gelo-dark);margin:0 auto 1rem}.more-panel .brand-line{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--petroleo);margin:0 0 .75rem .5rem}.more-panel .brand-line span{color:var(--ouro)}.more-link{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:12px;font-size:15px;font-weight:500;color:var(--text);text-decoration:none}.more-link svg{width:20px;height:20px;color:var(--text-muted)}.more-link.active{background:var(--petroleo-50);color:var(--petroleo)}.more-link.active svg{color:var(--ouro-dark)}.more-status{margin-top:.75rem;padding:.9rem 1rem;background:var(--gelo);border-radius:12px;font-size:13px}.more-status .row{display:flex;align-items:center;gap:8px;color:var(--text-sec);margin-bottom:6px}.more-status .row:last-child{margin-bottom:0}.more-panel .logout-btn{color:var(--text-sec);border-color:var(--border);padding:12px}.more-panel .logout-btn:hover{background:var(--gelo)}}.obg-item>div,.doc-left,.doc-left>div{min-width:0}.obg-item .t,.obg-item .s,.doc-row .t,.doc-row .s{overflow-wrap:anywhere}.obg-item .pill,.doc-row .act-btn{flex:none}@media (max-width:880px){.topbar{padding:1rem 1.15rem;flex-wrap:wrap;gap:.75rem}.topbar h1{font-size:20px}.content{padding:1.15rem 1.15rem 1.75rem}.topbar .btn-emitir,.page-head .btn{width:100%}.page-head{align-items:stretch;margin-bottom:1.15rem}.field input,.field select,.field textarea,.search-box input,.form-grid input,.form-grid select,.mini-input,.mini-select{font-size:16px}.field-row{grid-template-columns:1fr}.act-btn{min-width:44px;height:44px}.act-btn-wide{min-width:auto}.chip{padding:11px 16px}.btn{padding:13px 20px}.hero-cta{flex-direction:column;align-items:stretch;gap:1.15rem;padding:1.5rem 1.35rem;border-radius:16px;margin-bottom:1.25rem}.hero-cta h2{font-size:22px}.hero-cta p{max-width:none}.btn-emitir{width:100%}.stats,.summary-strip{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.stat{padding:1.1rem 1.15rem}.stat .label,.summary-cell .sl{font-size:12px}.stat .value{font-size:22px}.summary-cell{padding:1rem 1.15rem}.summary-cell .sv{font-size:19px}.stat:last-child:nth-child(odd),.summary-cell:last-child:nth-child(odd){grid-column:1 / -1}.das-card{padding:1.4rem 1.35rem;border-radius:16px}.das-card .val{font-size:32px}.tax-side{padding:1.25rem 1.15rem}.filters{flex-direction:column;align-items:stretch;gap:.75rem}.search-box{min-width:0}.chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;margin:0 -1.15rem;padding:0 1.15rem 2px}.chip-row::-webkit-scrollbar{display:none}.chip-row .chip{flex:none}.table{background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible}.trow{grid-template-columns:1fr auto;grid-template-areas:"num  val" "tom  tom" "serv serv" "stat act";gap:4px 12px;padding:1rem 1.15rem;margin-bottom:.75rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:start}.trow:hover{background:#fff}.td-num{grid-area:num;font-size:13px}.td-val{grid-area:val;font-size:17px;text-align:right;white-space:nowrap}.td-tom{grid-area:tom;font-size:15px;font-weight:600;color:var(--text)}.td-serv{grid-area:serv;min-width:0}.td-serv .nm{font-size:13px;font-weight:400;color:var(--text-sec)}.td-status{grid-area:stat;align-self:center}.td-act{grid-area:act;justify-content:flex-end;gap:8px}.table>.loading{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 1rem}.obg-item,.doc-row{padding:1rem 1.15rem;gap:12px}.panel-head{padding:1.15rem 1.15rem .85rem}.doc-row{flex-wrap:wrap;gap:10px 12px}.doc-left{flex:1 1 100%;align-items:flex-start}.doc-row .act-btn-wide{margin-left:auto}.overlay{padding:0;align-items:flex-end}.modal{max-width:none;max-height:92dvh;border-radius:20px 20px 0 0}.modal-head{padding:1.25rem 1.15rem 1rem}.modal-head h2{font-size:20px}.modal-body{padding:1.15rem}.modal-foot{padding:1rem 1.15rem calc(1rem + env(safe-area-inset-bottom));gap:10px}.modal-foot .btn{flex:1 1 auto;padding:13px 12px}.login-wrap{grid-template-rows:auto 1fr}.login-brand{display:block;padding:1.75rem 1.35rem 1.5rem}.login-brand:after,.login-brand h2{display:none}.login-brand .logo{font-size:26px;margin-bottom:.5rem}.login-brand p{margin-top:0;font-size:14px;max-width:none}.login-form-side{padding:2rem 1.35rem;align-items:flex-start}.login-card h1{font-size:23px}.login-card .sub{margin-bottom:1.5rem}}@media (max-width:400px){.topbar,.content{padding-left:1rem;padding-right:1rem}.chip-row{margin:0 -1rem;padding:0 1rem 2px}.trow,.obg-item,.doc-row,.panel-head{padding-left:1rem;padding-right:1rem}.stat,.summary-cell{padding:.95rem .9rem}.stat .value{font-size:19px}.summary-cell .sv{font-size:17px}.das-card .val{font-size:28px}.mobile-tabs a,.mobile-tabs button{font-size:9.5px}}