@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url('assets/optimized/ubuntu-regular-a4ef845d1d93.woff2') format('woff2')}
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:500 600;font-display:swap;src:url('assets/optimized/ubuntu-medium-3f09898071dd.woff2') format('woff2')}
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700 800;font-display:swap;src:url('assets/optimized/ubuntu-bold-19a4ec30a9fd.woff2') format('woff2')}
:root{font-family:'Ubuntu',Arial,sans-serif;color:#233331;background:#f9f8f5;font-size:16px;--bg:#f9f8f5;--panel:#fff;--text:#233331;--muted:#71807c;--border:#e4e8e4;--tint:#eff7f3;--green:#087d70;--peach:#FDE4CF}*{box-sizing:border-box}body{margin:0}body.dark{--bg:#12191D;--panel:#1c272b;--text:#eef3f1;--muted:#a1b3af;--border:#344044;--tint:#233a35;--green:#55c9b0;--peach:#40352a;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3{font-family:'Ubuntu',Arial,sans-serif}h1{font-size:28px;letter-spacing:-1px;margin:6px 0}h2{font-size:19px;margin:0 0 20px}h3{font-size:16px}p{line-height:1.6}.layout{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.side{background:var(--panel);border-right:1px solid var(--border);padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 28px}.mark{background:#1F927D;color:white;border-radius:12px;padding:10px;font:800 20px 'Ubuntu',Arial,sans-serif}.brand strong{display:block;font:800 17px 'Ubuntu',Arial,sans-serif}.brand small{color:var(--muted);font-size:12px}.navlabel{font-size:12px;color:var(--muted);letter-spacing:1px;padding:20px 13px 10px}.nav{display:flex;gap:12px;align-items:center;padding:11px 13px;margin:2px 0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:14px;width:100%}.nav.active{background:var(--tint);color:var(--green);font-weight:700}.nav svg{width:19px;height:19px;flex-shrink:0}.sidefoot{margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--border);font-size:14px}.avatar{display:inline-grid;place-items:center;background:var(--peach);border-radius:50%;width:36px;height:36px;margin-right:8px}.top{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:var(--panel)}.crumb{font-size:14px;color:var(--muted)}.topactions{display:flex;gap:12px;align-items:center}.pill{font-size:12px;font-weight:700;padding:7px 12px;border-radius:20px;background:var(--peach);color:#855423}.iconbutton{background:transparent;color:var(--text);padding:10px;border:1px solid var(--border);border-radius:9px}.main{padding:30px 36px 40px;max-width:1580px;margin:auto}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--green);font-weight:700}.sub{color:var(--muted);font-size:14px;margin:7px 0}.btn{border-radius:9px;background:#1F927D;color:#fff;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.btn.secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn svg{width:18px;height:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat,.card{background:var(--panel);border:1px solid var(--border);border-radius:13px}.stat{padding:20px}.statlabel{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.stat svg{width:20px;color:var(--green)}.stat strong{font:800 30px 'Ubuntu',Arial,sans-serif;display:block;margin:13px 0 7px}.stat small{color:var(--muted);font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.card{padding:24px;margin-bottom:22px}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.textbtn{background:none;color:var(--green);font-size:14px;font-weight:700}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:14px}th{color:var(--muted);font-size:12px;font-weight:500;border-bottom:1px solid var(--border);padding:13px 12px}td{padding:17px 12px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}td strong{display:block;font-weight:600}td small{font-size:12px;color:var(--muted)}.badge{font-size:12px;display:inline-block;padding:6px 9px;border-radius:6px;font-weight:600}.ok{color:#157c66;background:#e6f6ee}.warn{color:#976119;background:#fff1d8}.danger{color:#ac4040;background:#fceaea}.info{color:#3b70ae;background:#e9f1ff}.neutral{color:var(--muted);background:var(--tint)}.progressline{display:flex;justify-content:space-between;font-size:14px;margin:20px 0 10px}.bar{background:var(--tint);height:7px;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;background:#1F927D}.callout{background:var(--peach);border-radius:12px;padding:20px;font-size:14px}.callout h3{margin-top:0}.row{display:flex;gap:13px;align-items:flex-start;margin:18px 0}.row svg{width:20px;flex-shrink:0;color:var(--green)}.row p{font-size:14px;margin:3px 0;color:var(--muted)}.stepper{display:flex;gap:8px;margin-bottom:24px}.step{flex:1;display:flex;align-items:center;gap:8px;padding:14px;border-bottom:2px solid var(--border);color:var(--muted);font-size:14px}.step.active{border-color:#1F927D;color:var(--green);font-weight:700}.step span{border:1px solid var(--border);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field label{display:block;font-size:14px;margin-bottom:8px;font-weight:500}.field input,.field select,.field textarea,.search{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:8px;min-height:45px}.field.full{grid-column:1/-1}.actions{display:flex;justify-content:space-between;margin-top:24px}.notice{padding:14px 16px;border:1px solid var(--border);background:var(--tint);color:var(--muted);font-size:14px;border-radius:9px;margin-bottom:20px}.rulegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.rule{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.rule h3{margin:12px 0 8px}.rule p{font-size:14px;color:var(--muted)}.toolbar{display:flex;gap:12px;margin:0 0 20px}.search{max-width:360px}.empty{padding:45px;text-align:center;color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.loginintro{background:#183b34;color:white;padding:70px;display:flex;flex-direction:column;justify-content:center}.loginintro h1{font-size:48px;line-height:1.2;max-width:490px}.loginintro p{color:#b7ccc6;max-width:450px}.loginbox{display:flex;align-items:center;justify-content:center;padding:30px;background:var(--peach)}.loginform{background:var(--panel);border-radius:20px;padding:40px;width:420px}.loginform .field{margin:20px 0}.mobilemenu{display:none}#toast{position:fixed;bottom:25px;right:25px;background:#183b34;color:white;padding:15px 22px;border-radius:10px;z-index:99;display:none;max-width:90vw}.details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.details small{display:block;color:var(--muted);margin-bottom:7px}.footnote{font-size:12px;color:var(--muted);margin-top:20px}.integrated{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.integrated:before{content:'';width:7px;height:7px;border-radius:50%;background:#FF9519}dialog{border:1px solid var(--border);border-radius:15px;padding:28px;background:var(--panel);color:var(--text);max-width:600px;width:90%}dialog::backdrop{background:#12191d70}@media(min-width:1450px){.main{padding-top:40px}.split{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:1100px){.layout{grid-template-columns:210px 1fr}.main{padding:25px}.top{padding:0 25px}.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.rightcol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.side{padding-left:10px;padding-right:10px}}@media(max-width:750px){.layout{display:block}.side{display:none;position:fixed;z-index:10;width:250px;top:78px;height:calc(100vh - 78px);overflow:auto;box-shadow:10px 0 20px #0001}.side.open{display:flex}.mobilemenu{display:block}.top{padding:0 16px;position:sticky;top:0;z-index:9}.main{padding:24px 16px}.pagehead{align-items:flex-start}h1{font-size:24px}.stats{gap:10px}.stat{padding:16px}.formgrid,.rulegrid,.details,.rightcol{grid-template-columns:1fr}.step{font-size:12px;padding:8px 0;gap:5px}.step span{width:22px;height:22px;flex-shrink:0}.card{padding:18px}.pill{padding:6px 8px}.crumb{display:none}.login{grid-template-columns:1fr}.loginintro{padding:35px}.loginintro h1{font-size:30px}.loginbox{padding:20px}.loginform{padding:25px}.toolbar{flex-wrap:wrap}.pagehead .btn{white-space:nowrap;padding:10px}.stat strong{font-size:26px}}
.principal-logo{width:112px;height:auto;object-fit:contain;flex-shrink:0}.side .brand{flex-direction:column;align-items:flex-start;gap:15px}.side .principal-logo{width:165px;height:57px}.loginintro .brand{padding-left:0;gap:24px}.loginintro .principal-logo{width:195px}.group-footer{background:var(--panel);border-top:1px solid var(--border);padding:30px 36px 22px;color:var(--muted)}.footer-brands{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1300px;margin:auto;padding-bottom:25px}.group-companies{display:flex;align-items:center;flex-wrap:wrap;gap:25px 35px}.group-companies img{width:120px;height:58px;object-fit:contain}.group-companies img[alt="OL Látex"],.group-companies img[alt="Parque das Palmeiras"],.group-companies img[alt="Nelore OL"]{width:78px;height:72px}.gptw-logo{width:74px;height:106px;object-fit:contain;flex-shrink:0}.footer-legal{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;max-width:1300px;margin:auto;line-height:1.7}.footer-legal a{color:var(--green);font-size:14px;text-decoration:none}.footer-legal a:hover{text-decoration:underline}.dark .group-companies{background:#f9faf8;border-radius:10px;padding:18px}.login{min-height:calc(100vh - 220px)}@media(max-width:750px){.group-footer{padding:24px 16px}.footer-brands{gap:20px;align-items:flex-start}.group-companies{gap:20px}.group-companies img{width:100px;height:45px}.group-companies img[alt="OL Látex"],.group-companies img[alt="Parque das Palmeiras"],.group-companies img[alt="Nelore OL"]{width:65px;height:58px}.gptw-logo{width:60px;height:90px}.footer-legal{flex-direction:column;gap:12px}.loginintro .brand{flex-wrap:wrap}.loginintro .principal-logo{width:160px}.login{min-height:unset}}

/* Institutional footer: transparent surface and a single brand row. */
.layout>div{min-width:0}.group-footer{background:transparent;padding:24px 36px 22px}.brand-frame{min-width:0;max-width:1300px;margin:0 auto 26px;padding:15px 24px 26px;border:1.5px solid #1f927d;border-radius:18px}.group-legend{margin-left:4px;padding:0 14px}.group-legend img{display:block;width:200px;height:67px;object-fit:contain}.brand-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:10px 0 2px}.group-companies,.dark .group-companies{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;min-width:690px;padding:0;background:transparent;border-radius:0}.group-companies img,.group-companies img[alt="OL Látex"],.group-companies img[alt="Parque das Palmeiras"],.group-companies img[alt="Nelore OL"]{display:block;width:90px;height:64px;object-fit:contain;flex:0 0 90px}.footer-legal{border-top:0;padding-top:0}.dark .brand-frame{border-color:#55c9b0}@media(max-width:750px){.group-footer{padding:20px 16px 22px}.brand-frame{padding:8px 16px 20px;border-radius:15px}.group-legend{padding:0 10px;margin-left:0}.group-legend img{width:170px;height:57px}.group-companies,.dark .group-companies{gap:18px;min-width:630px}.group-companies img,.group-companies img[alt="OL Látex"],.group-companies img[alt="Parque das Palmeiras"],.group-companies img[alt="Nelore OL"]{width:78px;height:60px;flex-basis:78px}}

.group-legend{margin:0 auto;float:none;text-align:center}.group-companies,.dark .group-companies{min-width:590px}.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-legal-content{display:flex;flex-direction:column;gap:8px}.footer-certification{width:90px;height:132px;object-fit:contain;flex-shrink:0}@media(max-width:750px){.group-legend{margin:0 auto}.group-companies,.dark .group-companies{min-width:540px}.footer-legal{flex-direction:row;align-items:center}.footer-certification{width:76px;height:112px}.footer-legal-content{flex:1}}
/* Enlarge brands visually without changing the frame or row dimensions. */
.brand-scroll{padding:6px 8px}.group-companies img{transform:scale(1.15);transform-origin:center}
/* Larger logos and a compact row; compensate padding to retain frame height. */
.brand-frame{padding-top:3px;padding-bottom:14px}.group-companies,.dark .group-companies{justify-content:center;gap:12px;min-width:756px}.group-companies img,.group-companies img[alt="OL Látex"],.group-companies img[alt="Parque das Palmeiras"],.group-companies img[alt="Nelore OL"]{width:116px;height:88px;flex-basis:116px;transform:none}@media(max-width:750px){.brand-frame{padding-top:0;padding-bottom:4px}.group-companies,.dark .group-companies{gap:10px;min-width:710px}.group-companies img,.group-companies img[alt="OL Látex"],.group-companies img[alt="Parque das Palmeiras"],.group-companies img[alt="Nelore OL"]{width:110px;height:84px;flex-basis:110px}}
/* Fit the frame to the single row of six brands. */
.brand-frame{width:823px;max-width:100%}@media(max-width:750px){.brand-frame{width:761px;max-width:100%}}

.ol-brand{width:116px;height:88px;flex:0 0 116px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ol-emblem{width:116px;height:73px;overflow:hidden;flex-shrink:0}.group-companies .ol-emblem img{display:block;width:116px;height:auto;max-width:none;object-fit:initial;transform:none}.ol-name{color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:800;line-height:15px;white-space:nowrap;letter-spacing:-.4px}@media(max-width:750px){.ol-brand{width:110px;height:84px;flex-basis:110px}.ol-emblem{width:110px;height:69px}.group-companies .ol-emblem img{width:110px;height:auto}.ol-name{font-size:14px}}
.ol-name{color:#006c4b}.dark .ol-name{color:#fff}
/* Leave the full emblem visible with a clear gap above its name. */
.ol-brand{gap:4px}.ol-emblem{width:104px;height:68px}.group-companies .ol-emblem img{width:104px;height:auto}@media(max-width:750px){.ol-brand{gap:3px}.ol-emblem{width:100px;height:66px}.group-companies .ol-emblem img{width:100px;height:auto}}
/* Uniform brand cells and shared horizontal/vertical centers. */
.group-companies{align-items:center}.brand-item,.ol-brand{width:116px;height:88px;flex:0 0 116px;display:flex;align-items:center;justify-content:center}.brand-item img,.group-companies .brand-item img{width:112px;height:80px;object-fit:contain;object-position:center;transform:none;flex:none}.ol-brand{flex-direction:column;gap:4px}.ol-emblem{margin:0 auto;align-self:center}.group-companies .ol-emblem img{margin:0 auto;object-position:center}.ol-name{display:block;width:100%;text-align:center;letter-spacing:0;line-height:15px}.dark .ol-name{color:#fff}@media(max-width:750px){.brand-item,.ol-brand{width:110px;height:84px;flex-basis:110px}.brand-item img,.group-companies .brand-item img{width:106px;height:76px}.ol-brand{gap:3px}.ol-name{line-height:15px}}
/* Center the visible emblem itself, excluding the source image's margins. */
.ol-brand{display:grid;grid-template-rows:68px 15px;justify-items:center;align-content:center;gap:4px}.ol-emblem{width:68px;height:68px;margin:0;overflow:visible;align-self:center}.ol-emblem svg{display:block;width:100%;height:100%;overflow:hidden}.ol-name{width:100%;margin:0;text-align:center;letter-spacing:0;transform:none}.dark .ol-name{color:#fcfbfb}@media(max-width:750px){.ol-brand{grid-template-rows:66px 15px;gap:3px}.ol-emblem{width:66px;height:66px}}
.ol-name{transform:translateX(-3px)}.dark .ol-name{color:#ddd8d0}

.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.notebook-image{width:100%;height:320px;object-fit:contain;display:block;margin:20px 0;background:var(--bg);border-radius:10px}.notes-grid .card{margin:0}#clientQuery{margin-bottom:8px}#clientPickerCount{display:block;margin-top:6px;color:var(--muted)}@media(max-width:750px){.notes-grid{grid-template-columns:1fr}.notebook-image{height:300px}}

.client-search-controls{display:flex;gap:8px;align-items:center;margin-bottom:8px}.client-search-controls input{flex:1;min-width:0}.client-search-filter{flex-shrink:0;max-width:100%}.client-search-controls #clientQuery{margin:0}@media(max-width:550px){.client-search-controls{flex-direction:column;align-items:stretch}}
.client-search-controls{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.client-search-controls .client-search-filter{width:auto;max-width:100%;justify-self:start}.client-search-controls #clientQuery{display:block;width:100%;min-width:0;min-height:48px;cursor:text}.client-search-controls #clientQuery:focus,#clientsSearch:focus{border-color:var(--green);outline:2px solid var(--tint);outline-offset:2px}

.login{background:linear-gradient(90deg,#c5e5bc 0%,#bde0b0 calc(var(--gradient-center,50%) - 15%),#b9cfa0 var(--gradient-center,50%),#dcc4a3 calc(var(--gradient-center,50%) + 15%),#e2b990 100%)}.loginintro,.loginbox{background:transparent}.dark .login{background:linear-gradient(90deg,#143b2d 0%,#1c4835 calc(var(--gradient-center,50%) - 15%),#2c3e30 var(--gradient-center,50%),#3d342a calc(var(--gradient-center,50%) + 15%),#342b22 100%)}.record-filters{flex-wrap:wrap}.record-filters .search{flex:1;min-width:180px}@media(max-width:750px){.login{background:linear-gradient(180deg,#c5e5bc 0%,#bde0b0 calc(var(--gradient-center,50%) - 15%),#b9cfa0 var(--gradient-center,50%),#dcc4a3 calc(var(--gradient-center,50%) + 15%),#e2b990 100%)}.dark .login{background:linear-gradient(180deg,#143b2d 0%,#1c4835 calc(var(--gradient-center,50%) - 15%),#2c3e30 var(--gradient-center,50%),#3d342a calc(var(--gradient-center,50%) + 15%),#342b22 100%)}}

.loginform{background:linear-gradient(135deg,#e1e2d6 0%,#e5dfd0 50%,#e9ddcc 100%);border:1px solid #bfae95;color:#293c32;box-shadow:0 18px 50px #263c2520}.loginform .sub,.loginform .footnote{color:#596453}.loginform .notice{background:#dbd4bf;border-color:#bcbfa5;color:#4d5c48}.loginform .pill{background:#d3c1a5;color:#5d4a32}.loginform .btn{background:#087d70;color:#fff}.loginform .btn:hover{background:#06665d}.loginform .textbtn{color:#006f62}.loginintro p,.loginintro .brand small{color:#e0e7dc!important}.dark .loginintro p,.dark .loginintro .brand small{color:#b7ccc6!important}.dark .loginform{background:#aa8b6b;border-color:#b59a7b;color:#2f2319;box-shadow:0 18px 50px #11170f30}.dark .loginform .sub,.dark .loginform .footnote{color:#443325}.dark .loginform .notice{background:#bda183;border-color:#987859;color:#3b2d21}.dark .loginform .pill{background:#76573d;color:#fff4df;border:1px solid #b29675}.dark .loginform .btn{background:#22614b;color:#fff}.dark .loginform .btn:hover{background:#194d3b}.dark .loginform .textbtn{color:#083021}



.group-footer{padding:18px 24px}.footer-row{display:grid;grid-template-columns:minmax(170px,210px) minmax(0,823px) 90px;align-items:center;gap:20px;max-width:1163px;margin:auto}.footer-row .footer-legal-content{text-align:center;font-size:12px;line-height:1.6;gap:8px}.footer-row .footer-legal-content a{color:var(--green);font-size:14px;text-decoration:none}.footer-row .footer-legal-content a:hover{text-decoration:underline}.footer-row .brand-frame{width:100%;margin:0;min-width:0}.footer-row .footer-certification{justify-self:end}@media(max-width:900px){.footer-row{grid-template-columns:minmax(0,1fr) 76px;gap:12px 20px}.footer-row .brand-frame{grid-column:1/-1;grid-row:1;width:823px;justify-self:center}.footer-row .footer-legal-content{grid-column:1;grid-row:2;text-align:left}.footer-row .footer-certification{grid-column:2;grid-row:2;width:76px;height:112px}.group-footer{padding:16px}}

.footer-row{max-width:none;justify-content:space-between;column-gap:clamp(24px,4vw,80px)}.loginintro{position:relative;padding:130px 40px 48px}.loginintro .brand{position:absolute;top:24px;left:28px;right:24px;padding:0;gap:20px;align-items:center}@media(max-width:900px){.footer-row{column-gap:24px}}@media(max-width:750px){.loginintro{padding:24px}.loginintro .brand{position:static;padding:0 0 28px;gap:16px}}





/* Interior workspace: green surfaces with warm beige and brown accents. */
.layout{--bg:#f1f5eb;--panel:#f9fbf3;--text:#26382d;--muted:#596c5e;--border:#d3ddc5;--tint:#e3eed9;--green:#087d70;--peach:#f2dac0;background:var(--bg);color:var(--text)}
.layout .side{background:#e8efdf}.layout .top{background:var(--panel)}.layout .btn{background:#087d70;color:#fff}.layout .btn:hover{background:#06665d}.layout .btn.secondary{background:var(--panel);color:var(--text);border-color:#c7ad8d}.layout .btn.secondary:hover{background:var(--tint)}.layout .stat{background:#eaf2e2}.layout .stat:nth-child(even){background:#eaf2e2;border-color:var(--border);border-bottom:2px solid #c7ad8d}.layout .pill{background:transparent;color:#785125;border:1px solid #c7ad8d}.layout .callout{background:var(--panel);color:var(--text);border-left:3px solid #c7ad8d}.layout .tablewrap thead{background:var(--tint)}.layout tbody tr:hover{background:var(--tint)}.layout .notice{color:#526448}.layout .field input:focus,.layout .field select:focus,.layout .field textarea:focus,.layout .search:focus{outline:2px solid var(--green);outline-offset:2px}
.dark .layout{--bg:#16261e;--panel:#21362a;--text:#f0ece0;--muted:#b7c3ae;--border:#40523e;--tint:#2b4735;--green:#9ad8b5;--peach:#4c3a28}.dark .layout .side{background:#192c22}.dark .layout .top{background:#263c2d}.dark .layout .btn{background:#a6d5b4;color:#173624}.dark .layout .btn:hover{background:#b8e3c4}.dark .layout .btn.secondary{background:var(--panel);color:var(--text);border-color:#776149}.dark .layout .btn.secondary:hover{background:var(--tint)}.dark .layout .stat{background:#273f2f}.dark .layout .stat:nth-child(even){background:#273f2f;border-color:var(--border);border-bottom:2px solid #776149}.dark .layout .pill{background:transparent;color:#eccba3;border-color:#776149}.dark .layout .callout{background:var(--panel);color:var(--text);border-left-color:#776149}.dark .layout tbody tr:hover{background:#303b2d}.dark .layout .notice{color:#c2d1b8}.dark .layout .warn{background:#513b22;color:#f0cd90}.dark .layout .ok{background:#254932;color:#b0e1be}.dark .layout .info{background:#293f42;color:#b9d8db}.dark .layout .danger{background:#4a2e28;color:#f2bdb1}
.layout .stat:nth-child(even) .statlabel svg{color:#b56a23}.dark .layout .stat:nth-child(even) .statlabel svg{color:#e2b67d}

/* Keep every group brand visible without a horizontal scrolling strip. */
.group-footer{container-type:inline-size}.brand-strip{padding:6px 0}.group-companies,.dark .group-companies{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-width:0;width:100%;justify-items:center}.group-companies .brand-item,.group-companies .ol-brand{width:100%;max-width:116px;min-width:0;height:88px}.group-companies .brand-item img{width:100%;max-width:112px;height:80px}.group-companies .ol-emblem{width:min(68px,100%);height:auto;aspect-ratio:1}.group-companies .ol-name{font-size:clamp(10px,1vw,15px);transform:none}
@container(max-width:900px){.footer-row{grid-template-columns:minmax(0,1fr) 76px;gap:12px 24px}.footer-row .brand-frame{grid-column:1/-1;grid-row:1;width:823px;max-width:100%;justify-self:center}.footer-row .footer-legal-content{grid-column:1;grid-row:2;text-align:left}.footer-row .footer-certification{grid-column:2;grid-row:2;width:76px;height:112px}}
@container(max-width:500px){.group-companies,.dark .group-companies{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.group-companies .ol-name{font-size:14px}}



body:not(.dark) .loginintro{color:#214631}body:not(.dark) .loginintro p,body:not(.dark) .loginintro .brand small{color:#4f6751!important}body:not(.dark) .loginintro .eyebrow{color:#8c501b!important}

body:not(.dark) .layout .step.active{border-color:#087d70}body:not(.dark) .brand-frame{border-color:#087d70}

.layout .avatar{background:var(--tint);color:var(--text);border:1px solid #c7ad8d}.dark .layout .avatar{border-color:#776149}.layout .client-search-filter{background:var(--bg);color:var(--text)}.dark .layout .client-search-filter{background:var(--bg);color:var(--text)}

/* Compact dashboard without horizontal scrolling. */
.dashboard-content{max-width:1100px;margin-inline:auto}.main:has(.dashboard-content){max-width:1200px;margin-inline:auto;width:100%}.recent-records{width:100%;table-layout:fixed;border-collapse:collapse}.recent-records th,.recent-records td{white-space:normal;overflow-wrap:anywhere;padding:14px 12px}.recent-records small{display:block;color:var(--muted);margin-top:4px}.recent-records .badge{white-space:normal}.recent-records .textbtn{white-space:normal}
@media(max-width:600px){.recent-records colgroup,.recent-records thead{display:none}.recent-records,.recent-records tbody{display:block}.recent-records tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}.recent-records td{display:block;padding:4px 8px;border:0}.recent-records td:nth-child(2){grid-column:1;grid-row:2}.recent-records td:nth-child(3){grid-column:2;grid-row:1}.recent-records td:nth-child(4){grid-column:2;grid-row:2}}
.date-search{position:relative;display:flex;align-items:center;gap:8px;flex:1;max-width:360px;min-width:210px}.record-filters .date-search .search{min-width:0;flex:1}.date-search .iconbutton{display:grid;place-items:center;flex:none;min-width:45px;min-height:45px}.native-date-picker{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}.dark .native-date-picker{color-scheme:dark}

/* Center the group frame on the viewport, with equal side columns. */
.footer-row{grid-template-columns:minmax(0,1fr) minmax(0,823px) minmax(0,1fr);column-gap:24px}.footer-row .footer-legal-content{min-width:0;overflow-wrap:break-word}.footer-row .brand-frame{justify-self:center}.footer-row .footer-certification{justify-self:end}
@container(max-width:1200px){.footer-row{grid-template-columns:minmax(0,1fr) 90px;gap:12px 24px}.footer-row .brand-frame{grid-column:1/-1;grid-row:1;width:823px;max-width:100%;justify-self:center}.footer-row .footer-legal-content{grid-column:1;grid-row:2;text-align:left}.footer-row .footer-certification{grid-column:2;grid-row:2}}

/* Clear, familiar typography and a more legible footer. */
.footer-row .footer-legal-content{font-size:15px;line-height:1.65}.footer-row .footer-legal-content a{font-size:16px}.footer-row .footer-certification{width:130px;height:191px;max-width:100%;object-fit:contain}
@container(max-width:1250px){.footer-row{grid-template-columns:minmax(0,1fr) 130px;gap:12px 24px}.footer-row .brand-frame{grid-column:1/-1;grid-row:1;width:823px;max-width:100%;justify-self:center}.footer-row .footer-legal-content{grid-column:1;grid-row:2;text-align:left}.footer-row .footer-certification{grid-column:2;grid-row:2}}
@container(max-width:500px){.footer-row{grid-template-columns:minmax(0,1fr) 108px;gap:12px 16px}.footer-row .footer-certification{width:108px;height:159px}.footer-row .footer-legal-content{font-size:14px}.footer-row .footer-legal-content a{font-size:15px}}

.footer-row .footer-certification{justify-self:center}

.footer-row .footer-certification{width:105px;height:154px}
@container(max-width:500px){.footer-row .footer-certification{width:90px;height:132px}}

body,button,input,select,textarea,.pill,.badge,.btn,.textbtn,.loginform{font-family:'Ubuntu',sans-serif}.footer-row .footer-certification{width:88px;height:129px}
@container(max-width:500px){.footer-row .footer-certification{width:78px;height:114px}}

/* Center the visible artwork, preserving each company logo aspect ratio. */
.brand-strip{transform:translateY(var(--brand-center-offset,0px))}.group-companies,.dark .group-companies{align-items:center;justify-items:center}.group-companies .brand-item{display:grid;place-items:center}
.group-companies .ol-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.group-companies .ol-emblem{width:34px;height:34px;aspect-ratio:1}.group-companies .ol-name{font-size:12px;line-height:14px}

.group-companies .brand-item svg{display:block;width:100%;max-width:112px;height:80px;overflow:visible}

/* Align the visible company marks and the OL emblem/name as one centered unit. */
.group-companies .brand-item[aria-label="Vera Cruz"] svg{transform:translateY(6px)}
.group-companies .ol-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.group-companies .ol-emblem{width:52px;height:52px;margin:0;align-self:center;transform:none}.group-companies .ol-name{width:max-content;max-width:100%;margin:0;align-self:center;text-align:center;transform:none;font-size:13px;line-height:15px}

/* A shared invisible baseline for the visible company artwork. */
.group-companies .brand-item{display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.group-companies .brand-item svg{width:100%;max-width:112px;height:72px;transform:none}.group-companies .brand-item[aria-label="Vera Cruz"] svg{transform:none}
.group-companies .ol-brand{box-sizing:border-box;justify-content:flex-end;padding-bottom:8px;gap:3px}.group-companies .ol-emblem{width:56px;height:56px}.group-companies .ol-name{font-size:11px;line-height:12px;font-weight:600;letter-spacing:.15px}

.group-companies .ol-name{display:block;width:64px;height:16px;line-height:0}.group-companies .ol-name .brand-wordmark{display:block;width:100%;height:100%}.group-companies .nelore-brand{flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;color:#402819}.dark .group-companies .nelore-brand{color:#ddd8d0}.group-companies .nelore-brand .nelore-emblem{width:52px;height:54px;max-width:100%}.group-companies .nelore-brand .brand-wordmark{width:100%;max-width:112px;height:19px}

.group-companies .palmeiras-brand{flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;color:#006c4b}.dark .group-companies .palmeiras-brand{color:#ddd8d0}.group-companies .palmeiras-brand .palmeiras-emblem{width:64px;height:57px;max-width:100%}.group-companies .palmeiras-brand .brand-wordmark{width:100%;max-width:112px;height:14px}

/* Clip each emblem to its viewBox so its original lettering stays hidden. */
.group-companies .brand-item svg,.group-companies .ol-emblem svg,.group-companies .brand-wordmark{overflow:hidden}

/* Use the visible rectangles, excluding stray transparent-image pixels. */
.group-companies .brand-item{align-items:center;padding-bottom:0}.group-companies .brand-item[aria-label="Planagri"] svg,.group-companies .brand-item[aria-label="Vera Cruz"] svg{width:100%;max-width:112px;height:22px;transform:none}.group-companies .ol-brand,.group-companies .nelore-brand,.group-companies .palmeiras-brand{justify-content:center;padding-bottom:0}

/* Keep the account controls within the sidebar at every viewport height. */
.side{height:100dvh;overflow-y:auto;overscroll-behavior:contain;min-height:0}.side .nav,.side .brand,.side .navlabel,.side .sidefoot{flex-shrink:0}.sidefoot{padding-bottom:8px}

.footer-row .footer-legal-content{font-size:14px}.footer-row .footer-legal-content a{font-size:15px}
@container(max-width:500px){.footer-row .footer-legal-content{font-size:13px}.footer-row .footer-legal-content a{font-size:14px}}

/* Saved invoice products: readable review area without horizontal scrolling. */
.product-save{align-items:flex-start}
.note-products{min-width:0;margin-top:12px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}
.note-products h3{margin:0 0 12px}
.note-product-list{min-height:160px}
.note-product-row{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}
.note-product-row:last-child{border-bottom:0}
.note-product-row>div:first-child,.note-product-row>strong{flex:1;min-width:0;overflow-wrap:anywhere}
.note-product-row small{display:block;margin-top:6px;color:var(--muted)}
.note-product-row .field{width:145px;flex-shrink:0;margin:0}
.tax-observations{margin-top:24px}
@media(max-width:600px){.note-products{padding:14px}.note-product-row{flex-wrap:wrap;gap:12px}.note-product-row>div:first-child{flex-basis:100%}.note-product-row .field{flex:1}.note-products .cardhead{flex-wrap:wrap}}

/* Tax editor controls share the site's palette in both themes. */
.tax-editor-wrap{container-type:inline-size;border:1px solid var(--border);border-radius:16px;margin-top:20px}
.tax-editor{width:100%;border-collapse:collapse}
.tax-editor th{font-size:14px;white-space:normal;line-height:1.4;padding:16px 12px}
.tax-editor td{padding:10px 12px;vertical-align:middle;white-space:normal}
.tax-editor .tax-name{font-weight:700;color:var(--text)}
.tax-editor tbody tr:has(.tax-checkbox:checked){background:color-mix(in srgb,var(--tint) 45%,var(--panel))}
.tax-editor .tax-input{display:block;width:100%;min-width:76px;max-width:112px;height:44px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);text-align:center;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #00000006;transition:border-color .15s,box-shadow .15s}
.tax-editor .tax-input.tax-code{max-width:128px;min-width:102px}
.tax-editor .tax-input::placeholder{color:var(--muted);font-weight:400;opacity:.7}
.tax-editor .tax-input:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--border))}
.tax-editor .tax-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 20%,transparent)}
.tax-editor .tax-check{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;border-radius:12px}
.tax-editor .tax-checkbox{appearance:none;-webkit-appearance:none;display:block;width:26px;height:26px;margin:0;border:2px solid color-mix(in srgb,var(--muted) 65%,var(--border));border-radius:8px;background:var(--panel);cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.tax-editor .tax-checkbox:checked{border-color:var(--green);background-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:22px;background-position:center;background-repeat:no-repeat}
.dark .tax-editor .tax-checkbox:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23173624' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tax-editor .tax-check:hover .tax-checkbox{box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}
.tax-editor .tax-checkbox:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.tax-editor .tax-effective output{display:inline-block;min-width:60px;text-align:center;font-weight:500;font-variant-numeric:tabular-nums;color:var(--green)}
.tax-observations textarea{border-radius:12px;padding:14px;line-height:1.6;transition:box-shadow .15s,border-color .15s}
.tax-observations textarea:focus{outline:none!important;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 20%,transparent)}
@container(max-width:820px){
 .tax-editor thead{display:none}
 .tax-editor,.tax-editor tbody{display:block}
 .tax-editor tbody{padding:12px;display:grid;gap:12px}
 .tax-editor tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}
 .tax-editor td{display:block;padding:0;border:0;min-width:0}
 .tax-editor td[data-label]::before{content:attr(data-label);display:block;font-size:14px;color:var(--muted);margin-bottom:7px}
 .tax-editor .tax-name{align-self:center;font-size:16px}
 .tax-editor .tax-selection{justify-self:end;text-align:right}
 .tax-editor .tax-selection::before{display:inline-block!important;margin:0 8px 0 0!important}
 .tax-editor .tax-input,.tax-editor .tax-input.tax-code{max-width:none;min-width:0}
 .tax-editor .tax-effective{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--border)}
 .tax-editor .tax-effective::before{margin:0!important}
}
@media(prefers-reduced-motion:reduce){.tax-editor .tax-input,.tax-editor .tax-checkbox,.tax-observations textarea{transition:none}}

/* Rounded scrollbars, matching the reference and each site theme. */
:root{--navigation-green:#0b8b7e;--scroll-thumb:var(--navigation-green);--scroll-track:color-mix(in srgb,var(--navigation-green) 18%,#fff);--scroll-hover:var(--navigation-green)}
:root:has(body.dark),body.dark{--navigation-green:#35bba8;--scroll-thumb:var(--navigation-green);--scroll-track:color-mix(in srgb,var(--navigation-green) 40%,#000);--scroll-hover:var(--navigation-green)}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
@supports selector(::-webkit-scrollbar){
 *{scrollbar-width:auto;scrollbar-color:auto}
 *::-webkit-scrollbar{width:10px;height:10px}
 *::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px;margin:4px}
 *::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:999px;min-height:36px;min-width:36px}
 *::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}
 *::-webkit-scrollbar-thumb:active{background:var(--scroll-hover)}
 *::-webkit-scrollbar-button{display:none;width:0;height:0}
 *::-webkit-scrollbar-corner{background:transparent}
}
@media(forced-colors:active){*{scrollbar-color:auto}}

/* Keep recipient search together in its own row, with uniform controls. */
.recipient-picker .client-search-controls{grid-template-columns:minmax(170px,200px) minmax(0,1fr);gap:10px;margin-bottom:10px}
.recipient-picker .client-search-controls .client-search-filter{width:100%;justify-self:stretch}
.recipient-picker .client-search-controls select,.recipient-picker .client-search-controls #clientQuery,.recipient-picker #clientId{height:48px;min-height:48px;border-radius:8px;padding:12px;font-size:16px;font-weight:400}
.recipient-picker>small{display:block;margin-top:8px}
@media(max-width:550px){.recipient-picker .client-search-controls{grid-template-columns:minmax(0,1fr)}}

.lookup{position:relative;min-width:0;width:100%}.lookup-input{position:relative}.field .lookup-input input{padding-right:42px;height:48px;min-width:0}.lookup-clear{position:absolute;right:8px;top:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--muted);font-size:24px;line-height:1}.lookup-clear:hover{background:var(--tint);color:var(--green)}.lookup-clear[hidden]{display:none}.lookup-results{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0002;overflow:hidden}.lookup-results[hidden]{display:none}.lookup-results>button{display:block;width:100%;padding:12px 14px;text-align:left;background:transparent;color:var(--text);border-bottom:1px solid var(--border);font-size:14px}.lookup-results>button:last-child{border-bottom:0}.lookup-results>button:hover,.lookup-results>button.active{background:var(--tint)}.lookup-results strong,.lookup-results small{display:block;overflow-wrap:anywhere}.lookup-results small{color:var(--muted);margin-top:4px;font-size:13px}.lookup-empty{padding:14px;color:var(--muted)}.recipient-picker .client-search-controls{margin-bottom:0;align-items:start}.formgrid{align-items:start}

.gta-import{max-width:1100px}.gta-import .cardhead{flex-wrap:wrap}.gta-upload{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px dashed var(--green);border-radius:12px;background:var(--tint);font-weight:500}.gta-upload input{width:100%;font-size:16px}.gta-upload input::file-selector-button{padding:10px 14px;border:0;border-radius:8px;background:var(--green);color:var(--panel);font:inherit;margin-right:12px;cursor:pointer}.gta-preview{padding:20px;border:1px solid var(--border);border-radius:14px;margin-top:20px;background:var(--panel)}.gta-preview h3{margin:0 0 12px}.gta-preview .details small{margin-top:6px}.gta-fields{margin-top:18px}.gta-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.gta-counts input{font-variant-numeric:tabular-nums}.gta-review{display:flex;gap:10px;align-items:center;line-height:1.5}.gta-review input{width:22px;height:22px;accent-color:var(--green);flex-shrink:0}@media(max-width:550px){.gta-preview{padding:14px}.gta-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.operation-section{margin:24px 0;padding-top:20px;border-top:1px solid var(--border)}.operation-section h3{margin:0 0 18px}.operation-section.product-entry{margin-top:20px}.operation-section .product-save{margin-top:0}

.transport-fields{display:grid;grid-template-columns:minmax(140px,200px) 84px minmax(200px,1fr) 84px;gap:14px;align-items:start}.transport-fields .field{min-width:0}.transport-fields #vehicleUF{padding-left:10px;padding-right:24px}@media(max-width:600px){.transport-fields{grid-template-columns:minmax(0,1fr) 84px}.transport-fields .field:nth-child(3){grid-column:1}.transport-fields .field:nth-child(4){grid-column:2}}

.account-access h1{margin:22px 0 10px}.account-access .sub{margin-bottom:20px}.account-form{display:grid;gap:18px;margin:20px 0}.account-form .field{margin:0}.account-form input{width:100%;box-sizing:border-box}.account-form .btn{width:100%}.account-switch{font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.account-switch .textbtn{margin:0;padding:0}.account-message{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--tint);font-size:14px;line-height:1.5}.account-test{display:block;margin-top:16px}.account-theme{display:block;margin-top:24px}.confirmation-code{text-align:center;font-size:26px!important;letter-spacing:.35em;font-variant-numeric:tabular-nums}.registration-list{display:grid;gap:14px}.registration-row{display:flex;align-items:center;gap:20px;padding:18px;border:1px solid var(--border);border-radius:14px;flex-wrap:wrap}.registration-row>div:first-child{flex:1;min-width:180px;overflow-wrap:anywhere}.registration-row small{display:block;margin-top:8px}.registration-actions{display:flex;gap:10px;flex-wrap:wrap}.account-form button:disabled,.account-access button:disabled{opacity:.65;cursor:wait}@media(max-width:600px){.registration-row{gap:12px}.registration-actions{width:100%}.registration-actions button{flex:1}.account-access h1{font-size:28px}}
.login{position:relative}.login-theme-toggle{position:absolute;top:24px;right:24px;z-index:2;background:var(--panel);color:var(--green)}@media(max-width:750px){.login-theme-toggle{top:16px;right:16px}}
.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;padding:5px;border:1px solid var(--border);border-radius:999px;background:var(--tint);min-width:230px;gap:0;margin-bottom:20px}.mode-switch:before{content:'';position:absolute;z-index:-1;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--green);box-shadow:0 2px 8px #0002;transition:transform .2s ease}.mode-switch.integration-selected:before{transform:translateX(100%)}.mode-switch button{border-radius:999px;padding:11px 16px;background:transparent;color:var(--text);font-weight:500}.mode-switch button[aria-pressed=true]{color:#fff}.pagehead .mode-switch{margin-bottom:0}.account-access>.mode-switch{margin-bottom:24px}.support-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.support-copy-list{margin-bottom:24px}.support-copy-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.support-copy-row div{min-width:0}.support-copy-row small{display:block;color:var(--muted);margin-bottom:5px}.support-copy-row strong{font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.support-copy-row button{flex-shrink:0}.support-result .cardhead{flex-wrap:wrap}.support-result .tablewrap table{white-space:normal;font-size:13px}.support-result .tablewrap th,.support-result .tablewrap td{padding:10px 7px}.support-source{padding:10px 16px;border-left:3px solid var(--green);background:var(--tint);border-radius:8px;font-size:14px}@media(max-width:1100px){.support-layout{grid-template-columns:1fr}}@media(max-width:600px){.pagehead:has(.mode-switch){flex-wrap:wrap}.pagehead .mode-switch{width:100%}.mode-switch{min-width:0}.support-result .tablewrap{overflow-x:auto}}@media(prefers-reduced-motion:reduce){.mode-switch:before{transition:none}}

.login{grid-template-rows:84px 1fr}.login-mode-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:16px 76px;min-width:0}.login-mode-bar .mode-switch{width:260px;max-width:100%;margin:0;background:var(--panel)}@media(max-width:750px){.login{grid-template-rows:84px auto auto}.login-mode-bar{padding:16px 64px}.login-mode-bar .mode-switch{width:260px}.login-mode-bar .mode-switch button{padding:11px 10px}}

.login-screen{min-height:100svh;display:flex;flex-direction:column}.login-screen .login{flex:1;min-height:0;grid-template-rows:72px 1fr}.login-screen .login-mode-bar{padding-top:10px;padding-bottom:10px}.group-footer{padding-top:10px;padding-bottom:10px}.brand-strip{padding-top:2px;padding-bottom:2px}.brand-frame{padding-bottom:2px}@media(max-width:750px){.login-screen .login{flex:none;grid-template-rows:72px auto auto}.login-screen .loginintro{padding-top:16px;padding-bottom:16px}.login-screen .loginbox{padding-top:16px;padding-bottom:16px}.group-footer{padding-top:8px;padding-bottom:8px}}

/* Keep the entire desktop login and company footer in the first viewport. */
@media(min-width:901px){
.login-screen .login{grid-template-rows:60px 1fr}
.login-screen .login-mode-bar{padding:7px 64px}
.login-screen .mode-switch button{padding:8px 16px}
.login-screen .login-theme-toggle{top:12px}
.login-screen .loginintro{padding:96px 32px 20px}
.login-screen .loginintro .brand{top:12px}
.login-screen .loginintro p{margin-top:12px;margin-bottom:12px}
.login-screen .loginintro p:last-child{margin-top:20px!important}
.login-screen .loginbox{padding:12px 24px}
.login-screen .loginform{padding:24px;width:420px;max-width:100%}
.login-screen .account-access h1{font-size:26px}
.login-screen .account-form{gap:12px;margin:14px 0}
.login-screen .account-form input{padding-top:9px;padding-bottom:9px}
.login-screen .account-switch{margin-top:10px}
.login-screen .group-footer{padding:6px 20px}
.login-screen .footer-row{grid-template-columns:minmax(140px,1fr) minmax(0,823px) minmax(70px,1fr);column-gap:16px;row-gap:0}
.login-screen .footer-row .brand-frame{grid-column:2;grid-row:1;width:100%;max-width:100%;padding:0 16px 2px}
.login-screen .footer-row .footer-legal-content{grid-column:1;grid-row:1;text-align:center;font-size:12px;line-height:1.4}
.login-screen .footer-row .footer-legal-content a{font-size:12px}
.login-screen .footer-row .footer-certification{grid-column:3;grid-row:1;width:70px;height:103px}
.login-screen .group-legend img{width:170px;height:52px}
.login-screen .group-companies .brand-item,.login-screen .group-companies .ol-brand{height:72px}
.login-screen .group-companies .brand-item img,.login-screen .group-companies .brand-item svg{height:64px}
}

/* Keep the company row below the group legend without vertical overlap. */
.brand-strip{transform:none;padding-top:12px;padding-bottom:4px}.login-screen .brand-strip{transform:none;padding-top:10px;padding-bottom:2px}

/* Center the visible company row and certification in the footer band. */
.brand-frame{border:0}
.group-companies .brand-item,.group-companies .ol-brand,.group-companies .nelore-brand,.group-companies .palmeiras-brand{align-items:center;justify-content:center;padding-bottom:0}
.group-companies .brand-item img{object-fit:contain;object-position:center}
@media(min-width:901px){
.login-screen .group-footer{padding-top:30px;padding-bottom:30px}
.login-screen .footer-row .brand-frame{position:relative;padding:8px 16px;margin:0;min-height:88px;display:flex;align-items:center;justify-content:center}
.login-screen .group-legend{position:absolute;left:50%;top:-30px;transform:translateX(-50%);padding:0;margin:0}
.login-screen .group-legend img{width:150px;height:40px}
.login-screen .brand-strip{width:100%;padding:0;transform:none}
.login-screen .footer-row .footer-certification{align-self:center}
}

/* Restore the open rectangular outline around the companies. */
.brand-frame{border:1.5px solid var(--green);border-radius:18px;background:transparent}
.group-legend{padding:0 12px;margin:0 auto}
@media(min-width:901px){
.login-screen .group-footer{padding-top:8px;padding-bottom:8px}
.login-screen .footer-row .brand-frame{display:block;min-height:0;padding:0 16px 4px;border:1.5px solid var(--green);border-radius:18px}
.login-screen .group-legend{position:static;transform:none;margin:0 auto;padding:0 12px}
.login-screen .brand-strip{padding:12px 0 2px}
}

/* Anchor the login brand near the top-left corner of the page. */
.login-screen .loginintro .brand{position:absolute;top:12px;left:18px;right:auto;padding:0;z-index:1}
@media(min-width:901px){.login-screen .loginintro{position:static}.login-screen .loginintro .brand{top:12px;left:18px;max-width:calc(50% - 160px)}}
@media(max-width:900px){.login-screen .loginintro{position:static;padding-top:100px}.login-screen .loginintro .brand{top:76px;left:18px;max-width:calc(100% - 36px)}}

.group-companies{align-items:center;justify-items:center}.group-companies .brand-item,.group-companies .ol-brand{align-self:center;justify-self:center}.group-companies .brand-item svg{object-position:center;transform:none}

/* The company artwork follows the midpoint of the rectangle's border. */
.brand-frame{min-height:190px}
.brand-strip,.login-screen .brand-strip{transform:translateY(var(--brand-center-offset,0px))}
@media(min-width:901px){.login-screen .footer-row .brand-frame{min-height:144px}.login-screen .brand-strip{transform:translateY(var(--brand-center-offset,0px))}}

.group-companies .palmeiras-brand{gap:0;justify-content:center}
.group-companies .palmeiras-brand .palmeiras-symbol,.login-screen .group-companies .palmeiras-brand .palmeiras-symbol{width:76px;max-width:100%;height:54px;flex:none}
.group-companies .palmeiras-brand .palmeiras-name,.login-screen .group-companies .palmeiras-brand .palmeiras-name{width:112px;max-width:100%;height:29px;flex:none}
.group-companies .nelore-brand .nelore-emblem,.login-screen .group-companies .nelore-brand .nelore-emblem{width:60px;height:62px;max-width:100%;flex:none}
.login-screen .group-companies .palmeiras-brand,.login-screen .group-companies .nelore-brand{height:84px}

/* Balance the Palmeiras emblem against the group legend. */
.group-companies .palmeiras-brand .palmeiras-symbol,.login-screen .group-companies .palmeiras-brand .palmeiras-symbol{width:65px;height:46px}
.group-legend img{width:190px;height:62px}
.login-screen .group-legend img{width:185px;height:60px}

@media(min-width:901px){.login-screen .footer-row .brand-frame{min-height:184px}}

.group-companies .palmeiras-brand .palmeiras-complete,.login-screen .group-companies .palmeiras-brand .palmeiras-complete{width:112px;max-width:100%;height:74px;flex:none}

.palmeiras-dark-name{display:none}.dark .palmeiras-dark-name{display:block}.dark .group-companies .ol-name{color:#ddd8d0}

/* Apoio: formulário em largura total, seguido do resultado. */
.support-layout>.card{min-width:0;margin-bottom:0}
.support-operation .support-field-group+.support-field-group{margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}
.support-field-group>h3{margin:0 0 16px;color:var(--green);font-weight:500}
.support-nature-row{grid-column:1/-1;min-width:0}
.support-product-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr)}
.support-operation .field{min-width:0}
.support-result .support-copy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
@media(max-width:750px){.support-product-grid,.support-result .support-copy-list{grid-template-columns:1fr}.support-operation .support-field-group+.support-field-group{margin-top:20px;padding-top:18px}}

.support-products{margin-bottom:22px}
.support-products .note-product-row{border-radius:8px;cursor:pointer}
.support-products .note-product-row:hover{background:var(--tint)}
.support-item-actions{display:flex;gap:14px;flex-wrap:wrap}
.support-item-dialog{max-width:920px;max-height:88vh;overflow:auto}
.support-item-dialog h2{margin-bottom:0}
.support-item-dialog .details{margin:20px 0}
.support-item-dialog .tablewrap{margin-top:18px}
.support-item-tax-summary+.support-item-tax-summary{border-top:1px solid var(--border);padding-top:16px;margin-top:22px}
@media(max-width:600px){.support-item-dialog{width:calc(100% - 24px);padding:18px}.support-item-dialog .cardhead{align-items:start}.support-item-dialog .actions{flex-wrap:wrap;gap:12px}.support-item-actions{width:100%;justify-content:flex-end}}

@media(min-width:751px) and (max-width:1100px){.support-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.support-catalogue-product{cursor:pointer}.support-catalogue-product:hover{background:var(--tint)}.support-product-editor .formgrid{margin:24px 0}.support-product-editor table input{min-width:110px}.support-product-editor table td:nth-child(3) input{min-width:180px}.support-product-editor [hidden]{display:none}

.support-tax-explain-row{cursor:pointer}
.support-tax-explain-row:hover{background:var(--hover,rgba(11,139,126,.08))}
.support-tax-explain-button{white-space:nowrap;font-weight:600}
.support-tax-explanation h3{margin-top:22px}
.support-tax-explanation p,.support-tax-explanation li{line-height:1.6}
.support-tax-explanation li+li{margin-top:10px}

/* Rodapé escuro: cinza azulado original, em ambas as interfaces. */
body.dark .group-footer{background:#1c272b;--muted:#a1b3af;--border:#344044;color:var(--muted);border-top-color:var(--border)}

/* Área interna escura em cinza azulado, com verde nos detalhes. */
body.dark .layout{--bg:#12191d;--panel:#1c272b;--text:#eef3f1;--muted:#a1b3af;--border:#344044;--tint:#263238;--green:#55c9b0;--peach:#303a40;background:var(--bg);color:var(--text)}
body.dark .layout .side,body.dark .layout .top,body.dark .layout .stat,body.dark .layout .stat:nth-child(even){background:var(--panel)}
body.dark .layout .stat:nth-child(even){border-color:var(--border);border-bottom-color:var(--border)}
body.dark .layout .btn.secondary,body.dark .layout .pill,body.dark .layout .avatar{border-color:var(--border)}
body.dark .layout .pill,body.dark .layout .notice{color:var(--muted)}
body.dark .layout .callout{border-left-color:var(--green)}
body.dark .layout tbody tr:hover{background:var(--tint)}
body.dark .layout .stat:nth-child(even) .statlabel svg{color:var(--green)}

/* Official company artwork, cropped by SVG without changing the source PNG. */
.official-dark-name{display:none}.dark .official-dark-name{display:block}
.group-legend .group-logo{display:block;width:190px;height:64px}
.login-screen .group-legend .group-logo{width:185px;height:62px}
.group-companies .official-brand-item{display:flex;align-items:center;justify-content:center}
.group-companies .official-brand-item .official-brand{width:112px;height:80px;max-width:100%}
.group-companies .official-ol .official-brand,.group-companies .official-palmeiras .official-brand,.group-companies .official-rvc .official-brand{width:100px;height:80px}
.principal-logo.official-brand{filter:none!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important}
@media(max-width:750px){.group-legend .group-logo{max-width:100%}}

/* Rounded menus share the current theme without changing form values. */
.themed-select{position:relative;display:block;min-width:0;width:100%;flex:1}
.themed-select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none;overflow:hidden}
.themed-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);text-align:left;font:inherit;transition:border-color .15s,box-shadow .15s}
.themed-select-trigger:hover{border-color:var(--green)}
.themed-select-trigger:focus-visible,.themed-select-trigger[aria-expanded="true"]{outline:0;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 16%,transparent)}
.themed-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.themed-select-arrow{width:8px;height:8px;flex-shrink:0;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg);margin:0 3px 4px;transition:transform .15s}
.themed-select-trigger[aria-expanded="true"] .themed-select-arrow{transform:rotate(225deg);margin-bottom:0}
.themed-select-menu{position:fixed;z-index:10000;padding:6px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:16px;background:#fff;color:var(--text);box-shadow:0 12px 32px #182b2926;font:400 15px 'Ubuntu',Arial,sans-serif;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
.themed-select-menu.is-dark{background:var(--panel);box-shadow:0 12px 32px #0005}
.themed-select-option{padding:11px 12px;line-height:1.4;border-radius:10px;cursor:pointer;overflow-wrap:anywhere}
.themed-select-option:hover,.themed-select-option.is-active{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}
.themed-select-option[aria-selected="true"]{background:var(--green);color:#fff;font-weight:500}
.themed-select-menu.is-dark .themed-select-option[aria-selected="true"]{color:#102923}
.themed-select-option[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.themed-select-group{padding:10px 12px 5px;color:var(--muted);font-size:12px;font-weight:700}
.lookup-results{padding:5px;border-radius:16px;background:#fff;box-shadow:0 12px 32px #182b2926}
.dark .lookup-results{background:var(--panel);box-shadow:0 12px 32px #0005}
.lookup-results>button{border:0;border-radius:10px;margin:2px 0}
.lookup-results>button:hover,.lookup-results>button.active{background:var(--green);color:#fff}
.lookup-results>button:hover small,.lookup-results>button.active small{color:inherit}
.dark .lookup-results>button:hover,.dark .lookup-results>button.active{color:#102923}
.client-search-controls>.themed-select{flex:initial}

/* Company pairs share a size and center; keep every original aspect ratio. */
.group-footer .group-companies{column-gap:6px;align-items:center;justify-items:center}
.group-footer .group-companies .brand-item{height:88px;max-width:126px;align-items:center;justify-content:center;padding:0;align-self:center}
.group-footer .group-companies .official-brand-item .official-brand{display:block;width:126px;max-width:100%;height:84px;transform:none;flex:none}
.group-footer .group-companies .official-planagri .official-brand,
.group-footer .group-companies .official-vera .official-brand{width:126px;height:28px}
.group-footer .group-companies .official-ol .official-brand,
.group-footer .group-companies .official-palmeiras .official-brand{width:126px;height:84px}
.group-footer .group-companies .official-rvc .official-brand{width:110px;height:84px}

/* Uniform purpose labels while preserving the registered rule values. */
.support-purpose-field input,.support-purpose-field .lookup-results strong{text-transform:uppercase}

/* Requests: quiet rectangular cards and a complete reading surface. */
.request-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;margin-top:24px;border-top:1px solid var(--border)}
.request-submit-bar .notice{width:100%}.request-submit-bar .sub{margin:0}
.request-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.request-filter-bar button{background:var(--panel);color:var(--muted);padding:10px 16px;border-radius:24px}
.request-filter-bar button.active{background:var(--green);color:#fff}
.dark .request-filter-bar button.active{color:#102923}
.request-filter-bar small{color:var(--muted);margin-left:auto}
.request-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:18px}
.request-card{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:238px;padding:24px;border:0;border-radius:18px;background:var(--panel);color:var(--text);text-align:left;box-shadow:0 5px 24px #182b290a;transition:transform .15s,box-shadow .15s}
.request-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #182b291a}
.request-card:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.request-card h3{margin:2px 0;font-size:16px;color:var(--green);line-height:1.4}
.request-card p{font-size:14px;margin:0;color:var(--muted)}
.request-card small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.request-client{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
.request-card-top,.request-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.request-card-bottom{margin-top:auto;padding-top:8px;font-size:13px;color:var(--muted)}
.request-number{font-weight:700;color:var(--muted);font-size:14px}
.request-status{display:inline-block;padding:7px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--tint);color:var(--green)}
.request-status.em_andamento{background:color-mix(in srgb,var(--green) 20%,var(--panel))}
.request-status.concluida{color:var(--muted);background:var(--bg)}
.request-dialog{width:min(1100px,calc(100% - 32px));max-width:1100px;max-height:calc(100dvh - 32px);padding:30px;border:0;border-radius:22px;background:var(--panel);color:var(--text);overflow:auto;box-shadow:0 24px 80px #0004}
.request-dialog::backdrop{background:#07171499;backdrop-filter:blur(4px)}
.request-dialog .cardhead h2{margin:8px 0 0}.request-dialog h3{margin:28px 0 16px}
.request-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.request-detail-field{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 16px 44px;border-radius:12px;background:var(--bg)}
.request-detail-field small{color:var(--muted);font-size:14px}
.request-detail-field strong{white-space:pre-wrap;overflow-wrap:anywhere;font-weight:500;line-height:1.5}
.request-detail-field button{position:absolute;bottom:10px;right:12px}
.request-item{padding:18px 20px;border-radius:14px;background:var(--bg);margin-top:12px}
.request-item h3{margin:0}.request-item p{font-size:14px}
.request-item pre{font:14px/1.6 'Ubuntu',Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}
.request-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:28px}
.request-dialog-actions p{margin-right:auto}.request-empty{padding:48px 24px;border-radius:18px;background:var(--panel)}
.registration-row .field{min-width:180px}.registration-row{flex-wrap:wrap}
@media(max-width:600px){.request-dialog{padding:20px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.request-detail-fields{grid-template-columns:1fr}.request-card{padding:20px}.request-submit-bar .btn{width:100%}.request-dialog-actions .btn{width:100%}}

/* A calm reading order for the request form. */
.support-operation{padding:28px;border:0;box-shadow:none}
.support-operation>h2{margin-bottom:26px}
.support-operation .support-field-group{padding:22px 24px;background:var(--bg);border-radius:16px}
.support-operation .support-field-group+.support-field-group{margin-top:18px;padding-top:22px;border:0}
.support-operation .support-field-group>h3,.support-add-product>h3{margin:0 0 20px;font-size:17px;font-weight:500;color:var(--text)}
.support-operation .formgrid{margin:0;gap:22px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.support-operation .field label{display:block;margin-bottom:9px;color:var(--muted);font-size:14px;font-weight:500}
.support-operation .field input,.support-operation .field textarea,.support-operation .themed-select-trigger{background:var(--panel);border-radius:12px;border-color:var(--border);min-height:48px}
.support-operation .field input:focus,.support-operation .field textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}
.support-operation .field input[readonly]{color:var(--muted)}
.support-operation .field small{display:block;margin-top:8px;line-height:1.5;font-size:13px}
.support-operation .support-products{margin:0 0 26px;padding:0;background:transparent}
.support-operation .support-products .cardhead h3{font-size:17px;font-weight:500;color:var(--text);margin:0}
.support-add-product{padding-top:24px;border-top:1px solid var(--border)}
.support-operation .support-product-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.support-operation .product-save{display:flex;justify-content:flex-end;margin-top:2px}
.support-recipient-row,.support-uf-row{grid-column:1/-1;min-width:0}
.support-uf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.support-operation .client-search-controls{grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:12px}
.support-operation #observations{min-height:130px;resize:vertical}
.support-operation .request-submit-bar{padding-top:24px;margin-top:26px;border-color:var(--border)}
@media(max-width:650px){.support-operation{padding:16px}.support-operation .support-field-group{padding:20px 16px}.support-operation .formgrid,.support-operation .support-product-grid,.support-uf-row{grid-template-columns:1fr;gap:18px}.support-operation .client-search-controls{grid-template-columns:1fr}.support-operation .product-save .btn{width:100%}}

/* Compact request form, with details available through Saiba mais. */
.support-operation{padding:20px}
.support-operation .support-field-group{padding:16px 18px}
.support-operation .support-field-group+.support-field-group{margin-top:12px;padding-top:16px}
.support-operation .support-field-group>h3,.support-add-product>h3{margin-bottom:14px;font-size:16px}
.support-operation .formgrid{gap:14px 18px}
.support-operation .support-products{margin-bottom:16px}
.support-operation .note-products .empty{padding:12px 0}
.support-add-product{padding-top:16px}
.support-fiscal-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;min-width:0}
.support-fiscal-row .field{min-width:0}
.support-operation .support-payment-group .formgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.support-operation #observations{min-height:92px}
.support-operation .request-submit-bar{margin-top:18px;padding-top:18px;justify-content:flex-end}
@media(max-width:650px){.support-operation{padding:14px}.support-operation .support-field-group{padding:16px 14px}.support-fiscal-row,.support-operation .support-payment-group .formgrid{grid-template-columns:1fr;gap:14px}}

/* One tax per row, with individually labelled values. */
.item-tax-blocks{display:flex;flex-direction:column;gap:16px;margin:22px 0}
.item-tax-block{padding:18px 20px;border-radius:14px;background:var(--bg)}
.item-tax-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.item-tax-heading .support-tax-explain-button{font-size:16px;font-weight:700;padding:0}
.item-tax-status{font-size:12px;color:var(--muted)}
.item-tax-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.item-tax-value{display:flex;flex-direction:column;gap:8px;min-width:0}
.item-tax-value span{font-size:14px;color:var(--muted);font-weight:400}
.item-tax-value input{display:block;width:100%;min-width:0;height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font:500 16px 'Ubuntu',Arial,sans-serif}
.item-tax-value input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:650px){.item-tax-block{padding:16px}.item-tax-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-tax-heading{align-items:flex-start}.item-tax-status{text-align:right}}

/* Keep lookup labels visible and each product inside its own outline. */
.support-operation .client-search-controls{grid-template-columns:minmax(230px,260px) minmax(0,1fr)}
.client-search-controls .themed-select-trigger .themed-select-value{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.support-operation .support-products{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:14px}
.support-operation .support-products.is-empty{min-height:176px}
.support-operation .support-products .cardhead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.support-operation .support-products .cardhead h3{min-width:0;line-height:1.4;overflow-wrap:anywhere}
.support-operation .support-products .cardhead>span{flex-shrink:0;white-space:nowrap;font-size:14px;color:var(--muted)}
.support-operation .support-products.is-empty .empty{min-height:84px;display:flex;align-items:center;justify-content:center;padding:18px 12px;line-height:1.5}
.support-products .note-product-list{display:flex;flex-direction:column;gap:12px;min-height:0}
.support-operation .support-products .note-product-row,.support-operation .support-products .note-product-row:last-child{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.request-dialog .request-item{border:1px solid var(--border)}
@media(max-width:650px){.support-operation .client-search-controls{grid-template-columns:minmax(0,1fr)}.support-operation .support-products{padding:16px}.support-operation .support-products.is-empty{min-height:168px}.support-operation .support-products .note-product-row{padding:14px}}

/* Tax overview: show all tax groups together, without changing editor dialogs. */
.support-tax-overview{width:calc(100% - 32px);max-width:1120px;max-height:calc(100dvh - 24px);padding:20px}
.support-tax-overview .cardhead{margin-bottom:8px;gap:12px}
.support-tax-overview h2{font-size:19px}
.support-tax-overview>h3{margin:0 0 8px;font-size:15px;line-height:1.3}
.item-tax-context{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12px;line-height:1.4;color:var(--muted)}
.item-tax-context b{color:var(--text);font-weight:500}
.support-tax-overview .item-tax-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.support-tax-overview .item-tax-block{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:12px}
.support-tax-overview .item-tax-heading{gap:6px;margin-bottom:6px;min-height:18px}
.support-tax-overview .item-tax-heading .support-tax-explain-button{font-size:14px;white-space:nowrap}
.support-tax-overview .item-tax-status{font-size:11px;line-height:1.2}
.support-tax-overview .item-tax-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.support-tax-overview .item-tax-value{gap:3px}
.support-tax-overview .item-tax-value span{font-size:11px;line-height:1.2}
.support-tax-overview .item-tax-value input{height:32px;padding:5px 8px;font-size:14px;border-radius:8px}
.support-tax-overview .footnote{margin:6px 0;font-size:12px}
.support-tax-overview .actions{margin-top:12px;gap:8px}
.support-tax-overview .actions .btn{padding:9px 14px}
@media(max-width:850px){
 .support-tax-overview{padding:14px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
 .support-tax-overview .item-tax-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 6px}
 .support-tax-overview .item-tax-blocks{gap:8px;margin:8px 0}
 .support-tax-overview .item-tax-block{padding:7px 8px}
 .support-tax-overview .item-tax-heading{align-items:center;margin-bottom:4px}
 .support-tax-overview .item-tax-value input{height:28px;padding:3px 5px;font-size:13px}
 .support-tax-overview .item-tax-value span{font-size:10px;line-height:12px}
 .support-tax-overview .item-tax-status{font-size:10px;text-align:right}
 .support-tax-overview .item-tax-context{gap:3px 10px;font-size:11px}
 .support-tax-overview .actions{margin-top:8px}
}

/* Follow the request order; open tax details only from its product. */
.request-card-company{display:flex;flex-direction:column;gap:4px}
.request-card-company strong{font-size:14px;line-height:1.45}
.request-data-group{margin-top:20px;padding:18px;background:var(--bg);border-radius:14px}
.request-data-group>h3{margin:0 0 14px;font-size:16px;font-weight:500}
.request-data-group>h3 small{font-size:13px;color:var(--muted)}
.request-data-group .request-detail-field{background:var(--panel);padding:12px 14px;border-radius:10px;min-width:0}
.request-data-group .request-detail-field strong{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.request-field-wide{grid-column:1/-1}
.request-product-button{display:block;width:100%;text-align:left;color:var(--text);background:var(--panel);cursor:pointer;border:1px solid var(--border)}
.request-product-button:hover{border-color:var(--green)}
.request-product-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.request-product-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.request-product-title h3{font-size:14px;line-height:1.4}
.request-product-title>span{font-size:26px;color:var(--green)}
.request-product-facts{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px;font-size:12px;color:var(--muted)}
.request-product-facts strong{display:inline-block;margin-left:5px;color:var(--text);font-weight:500}
.support-tax-overview .item-tax-blocks{grid-template-columns:minmax(0,1fr);gap:6px}
.support-tax-overview .item-tax-block{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;padding:7px 10px}
.support-tax-overview .item-tax-heading{margin:0;flex-wrap:wrap;justify-content:flex-start}
.support-tax-overview .item-tax-values{grid-template-columns:repeat(4,minmax(0,1fr))}
.support-tax-overview .item-tax-value input{height:30px}
@media(max-width:650px){
 .request-data-group{padding:12px;margin-top:14px}
 .support-tax-overview .item-tax-block{grid-template-columns:minmax(0,1fr);gap:5px}
 .support-tax-overview .item-tax-heading{justify-content:space-between}
 .support-tax-overview .item-tax-values{gap:6px}
 .support-tax-overview .item-tax-value input{font-size:12px;padding:3px 4px}
 .support-tax-overview .item-tax-value span{min-height:24px}
}

/* Completed notes remain available; tax labels appear once per product. */
.request-card.is-completed{opacity:.62;box-shadow:none}
.request-card.is-completed:hover,.request-card.is-completed:focus-visible{opacity:.85}
.request-tax-table{margin:16px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.request-tax-columns{display:grid;grid-template-columns:130px repeat(4,minmax(0,1fr));gap:14px;padding:10px 14px;background:var(--bg);font-size:11px;color:var(--muted)}
.request-product-dialog .request-tax-table .item-tax-blocks{display:flex;flex-direction:column;margin:0;gap:0}
.request-product-dialog .request-tax-table .item-tax-block{grid-template-columns:130px minmax(0,1fr);padding:10px 14px;gap:14px;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}
.request-product-dialog .request-tax-table .item-tax-values{gap:14px}
.request-product-dialog .request-tax-table .item-tax-value span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;min-height:0}
.request-product-dialog .request-tax-table .item-tax-value input{height:26px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:14px;font-variant-numeric:tabular-nums}
.request-product-dialog .request-tax-table .item-tax-heading{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:13px}
.request-product-dialog .request-tax-table .item-tax-status{font-size:10px;text-align:left}
@media(max-width:650px){
 .request-tax-columns{grid-template-columns:70px repeat(4,minmax(0,1fr));gap:6px;padding:9px 8px;font-size:9px;line-height:1.4}
 .request-product-dialog .request-tax-table .item-tax-block{grid-template-columns:70px minmax(0,1fr);gap:6px;padding:9px 8px}
 .request-product-dialog .request-tax-table .item-tax-values{gap:6px}
 .request-product-dialog .request-tax-table .item-tax-value input{font-size:12px}
 .request-product-dialog .request-tax-table .item-tax-heading{font-size:11px;overflow-wrap:anywhere}
}

/* Compact request details only; the creation form keeps its original layout. */
.request-dialog .request-data-group{margin-top:12px;padding:12px 14px}
.request-dialog .request-data-group>h3{margin-bottom:10px;font-size:14px}
.request-dialog .request-detail-fields{gap:10px}
.request-dialog .request-detail-field{padding:9px 11px}
.request-dialog .request-detail-field small{font-size:11px}
.request-dialog .request-detail-field strong{font-size:13px;line-height:1.45}
.request-dialog .request-detail-field .textbtn{font-size:11px;padding:3px 0}
.request-dialog .request-product-button{margin-top:8px;padding:12px 14px}

/* Shared compact close/copy actions in both themes. */
:root{--action-green:#0b8b7e}
body button.aesthetic-action{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:34px!important;min-width:34px;max-width:34px;height:34px;min-height:34px;padding:0!important;border:1px solid color-mix(in srgb,var(--action-green) 23%,var(--border))!important;border-radius:10px!important;background:color-mix(in srgb,var(--action-green) 6%,var(--panel))!important;color:var(--action-green)!important;box-shadow:none;transition:background .15s,border-color .15s}
body button.aesthetic-action:hover{background:color-mix(in srgb,var(--action-green) 13%,var(--panel))!important;border-color:var(--action-green)!important}
body button.aesthetic-action:focus-visible{outline:2px solid var(--action-green);outline-offset:3px}
body button.aesthetic-action svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.dark .layout .btn:not(.secondary):not(.aesthetic-action),body.dark dialog .btn:not(.secondary):not(.aesthetic-action),body.dark .loginform .btn:not(.secondary):not(.aesthetic-action){background:var(--action-green);color:#fff}
body.dark .layout .btn:not(.secondary):not(.aesthetic-action):hover,body.dark dialog .btn:not(.secondary):not(.aesthetic-action):hover,body.dark .loginform .btn:not(.secondary):not(.aesthetic-action):hover{background:#08776c}
.request-dialog .request-detail-field{position:relative;padding-right:52px}
.request-dialog .request-detail-field .aesthetic-action{position:absolute;right:10px;top:50%;transform:translateY(-50%)}

/* Queue status: completed is quieter; pending work stays warm and visible. */
.request-card.is-completed{opacity:.42}
.request-card.is-completed:hover,.request-card.is-completed:focus-visible{opacity:.75}
.request-status.concluida{background:#d9f0e8;color:#08776c}
.request-status.pendente{background:#fff0c5;color:#926600}
.request-status.em_andamento{background:#ffe3c5;color:#a85408}
body.dark .request-status.concluida{background:#163d35;color:#58ceb7}
body.dark .request-status.pendente{background:#44391d;color:#f2c76d}
body.dark .request-status.em_andamento{background:#49301d;color:#efaa68}

body.dark .request-filter-bar button.active,body.dark .lookup-results>button:hover,body.dark .lookup-results>button.active,body.dark .themed-select-option[aria-selected="true"]{background:var(--action-green);color:#fff}
body.dark .mode-switch:before{background:var(--action-green)}
body.dark .gta-upload input::file-selector-button{background:var(--action-green);color:#fff}

/* Restore value boxes and a small gap between each tax row. */
.request-tax-table{border:0;overflow:visible}
.request-tax-columns{border-radius:9px;margin-bottom:7px;padding:9px 12px;background:transparent}
.request-product-dialog .request-tax-table .item-tax-blocks{gap:8px}
.request-product-dialog .request-tax-table .item-tax-block{padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.request-product-dialog .request-tax-table .item-tax-value input{height:32px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:none}
@media(max-width:650px){
 .request-tax-columns{padding:8px}
 .request-product-dialog .request-tax-table .item-tax-block{padding:8px}
 .request-product-dialog .request-tax-table .item-tax-value input{height:30px;padding:4px;font-size:12px}
}

.gta-request-completion{margin:18px 0;padding:16px;border-radius:12px;background:var(--bg);border:1px solid var(--border)}
.gta-request-completion>h3{margin:0 0 14px}
.gta-request-completion .sub{margin-bottom:0}

/* Green and orange navigation details, scoped to the left sidebar. */
.side{--nav-green:var(--navigation-green);--nav-orange:#FF6900}
body.dark .side{--nav-green:var(--navigation-green);--nav-orange:#FF6900}
.side .nav{position:relative;border-radius:11px;transition:background .15s,color .15s}
.side .nav svg{color:var(--nav-green);transition:color .15s}
.side .nav:hover{background:color-mix(in srgb,var(--nav-green) 7%,var(--panel));color:var(--text)}
.side .nav.active{background:linear-gradient(110deg,color-mix(in srgb,var(--nav-green) 12%,var(--panel)),color-mix(in srgb,var(--nav-orange) 5%,var(--panel)));color:var(--nav-green);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--nav-green) 20%,transparent)}
.side .nav.active:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:25px;width:3px;border-radius:5px;background:var(--nav-orange)}
.side .nav:focus-visible{outline:2px solid var(--nav-green);outline-offset:2px}
.side .navlabel:after{content:'';display:block;margin-top:8px;width:34px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--nav-green) 60%,var(--nav-orange) 60%)}
.side .sidefoot{border-top-color:color-mix(in srgb,var(--nav-green) 25%,var(--border))}
@media(prefers-reduced-motion:reduce){.side .nav,.side .nav svg{transition:none}}

/* Orange sidebar icons with green labels in both themes. */
.side .nav,.side .nav:hover,.side .nav.active{color:var(--nav-green)}
.side .nav svg,.side .nav:hover svg,.side .nav.active svg{color:var(--nav-orange)}
/* Import completion and grouped requests share the existing light/dark palette. */
.import-group-actions{margin-top:18px;flex-wrap:wrap;align-items:center}.import-group-actions small{color:var(--muted)}
.import-request-dialog .import-completion-order{padding:16px 0;border-bottom:1px solid var(--border)}
.import-request-dialog .import-completion-order>h3{margin:0 0 12px;color:var(--green)}
.import-request-dialog .gta-request-completion{margin:0;background:var(--bg)}
.import-request-dialog .request-dialog-actions{position:sticky;bottom:-30px;padding:16px 0;background:var(--panel)}
.request-group-card{cursor:default}.request-group-card:hover{transform:none}
.request-group-orders{display:grid;gap:10px;width:100%}.request-group-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border-radius:12px;background:var(--bg);align-items:center}
.request-group-open{display:flex;flex-direction:column;gap:6px;border:0;padding:0;background:transparent;text-align:left;color:var(--text);font:inherit;min-width:0;cursor:pointer}
.request-group-open>span,.request-group-open>strong{overflow-wrap:anywhere}.request-group-open .request-status{align-self:flex-start}
.request-group-check{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:12px;color:var(--green);cursor:pointer}.request-group-check input{appearance:none;width:26px;height:26px;margin:0;border:1.5px solid #0b8b7e;border-radius:8px;background:var(--panel);display:grid;place-content:center;cursor:pointer}.request-group-check input:checked::after{content:'×';font-size:25px;line-height:1;color:#0b8b7e}.request-group-check input:focus-visible,.request-group-open:focus-visible{outline:2px solid var(--green);outline-offset:3px}.request-group-order.is-done .request-group-open{opacity:.42}.request-group-order.is-done:hover .request-group-open{opacity:.75}.request-group-check input:disabled{cursor:default}
@media(max-width:600px){.import-request-dialog .request-dialog-actions{bottom:-20px}.request-group-order{padding:10px;gap:8px}}
.issued-note-dialog{width:min(620px,calc(100% - 32px))}.issued-note-dialog input[name="accessKey"]{font-variant-numeric:tabular-nums;letter-spacing:.035em}.issued-note-dialog .field{margin-top:18px}.issued-note-dialog .request-dialog-actions{margin-top:20px}
.product-status-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 22px;flex-wrap:wrap}.product-status-control>span{font-weight:500}.product-status-switch{width:240px;max-width:100%;margin:0}.product-status-switch button{padding:10px 18px}
.request-access-key{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;padding:12px 14px;border-radius:12px;background:var(--tint);color:var(--text);margin-bottom:12px;text-align:left}.request-access-key small{color:var(--green);font-weight:500}.request-access-key strong{font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.6}.request-access-key .textbtn{align-self:flex-start}.request-card .request-access-key{margin:0}.request-access-key+.cardhead{margin-top:18px}
.request-access-key-detail{margin:20px 0 24px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--bg);box-shadow:0 3px 14px #00000004}.request-access-key-detail>small{font-size:14px;margin-bottom:6px}.request-key-value{min-width:0}.request-access-key-detail .request-key-value{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px}.request-access-key-detail input{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.045em;color:var(--text);background:var(--panel);cursor:text}.request-access-key-detail .textbtn{display:flex;align-items:center;justify-content:center;align-self:center;min-width:44px;width:44px;height:44px;padding:10px;border:1px solid var(--border);border-radius:11px;color:var(--green);background:var(--panel)}.request-access-key-detail input:focus-visible,.request-access-key-detail .textbtn:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media(max-width:600px){.request-access-key-detail{padding:14px}.request-access-key-detail input{font-size:14px;padding:12px 10px;letter-spacing:0}}
.request-card .request-key-value{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.request-card .request-key-value strong{display:block;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:13px;line-height:1.8;letter-spacing:.015em}
.request-card-minimal{min-height:0;gap:16px;padding:22px}.request-card-summary{display:grid;gap:6px;min-width:0}.request-card-summary h3{font-size:17px;line-height:1.4;margin:0;overflow-wrap:anywhere}.request-card-summary p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.request-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.request-card-minimal .request-card-top{gap:12px;align-items:center}.request-card-minimal .request-status{font-size:12px}.request-card-minimal .request-group-open{gap:5px}.request-card-minimal .request-group-open>strong{font-size:14px;line-height:1.5}.request-card-minimal .request-group-open>span:not(.request-status){font-size:13px;color:var(--muted)}

.issued-xml-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 22px;padding:14px;border:1px dashed var(--green);border-radius:14px;background:var(--panel)}.issued-xml-upload input[type="file"]{position:absolute;width:1px;height:1px;opacity:0}.issued-xml-upload label:focus-within{outline:2px solid var(--green);outline-offset:3px}.issued-xml-upload small{color:var(--muted);flex:1;min-width:160px}.request-key-value:has(.note-document-link){grid-template-columns:minmax(0,1fr) 44px 44px}.request-access-key-detail .note-document-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:11px;color:var(--green);background:var(--panel)}.note-document-page{min-height:100vh;padding:30px 20px;background:var(--bg);color:var(--text)}.note-document-shell{max-width:900px;margin:auto}.note-document-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.note-document-header img{width:120px;object-fit:contain}.note-document-header h1{font-size:24px;margin:0}.note-document-body{padding:26px;border-radius:20px;background:var(--panel);border:1px solid var(--border)}.note-document-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.note-document-info div{min-width:0;display:flex;flex-direction:column;gap:6px}.note-document-info small{color:var(--muted)}.note-document-info strong{overflow-wrap:anywhere}.note-document-actions{display:flex;gap:12px;flex-wrap:wrap}.note-document-key{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:14px;background:var(--tint);border-radius:12px;color:var(--green)}@media(max-width:600px){.note-document-page{padding:20px 12px}.note-document-body{padding:18px}.note-document-info{grid-template-columns:1fr}}

/* Uniform request previews across workflow states. */
.request-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));align-items:start}.request-card.request-card-minimal{height:304px;min-height:304px;max-height:304px;box-sizing:border-box;padding:20px;gap:12px;overflow:hidden}.request-card-minimal .request-card-top{flex-wrap:nowrap;flex-shrink:0;gap:8px}.request-card-movement{font-size:17px;color:var(--green);white-space:nowrap}.request-card-minimal .request-status{white-space:nowrap;font-size:11px;padding:6px 9px}.request-card-key-slot{height:62px;min-height:62px;width:100%}.request-card .request-access-key{padding:8px 10px;box-sizing:border-box;gap:4px}.request-card .request-access-key small{font-size:11px}.request-card .request-key-value{width:100%;container-type:inline-size;overflow:visible;scrollbar-width:none}.request-card .request-key-value strong{font-size:10px;font-size:min(13px,3.1cqi);letter-spacing:0;line-height:1.7;white-space:nowrap;overflow-wrap:normal;word-break:normal}.request-card-company{height:54px;min-height:54px;gap:5px;min-width:0;width:100%}.request-card-company strong,.request-card-company span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:14px;line-height:1.5}.request-card-company strong{color:var(--text)}.request-card-company span{color:var(--muted)}.request-card-sender{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%;height:54px;min-height:54px}.request-card-sender small{font-size:11px;color:var(--muted)}.request-card-sender strong{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--green);overflow-wrap:anywhere}.request-card-minimal .request-card-meta{margin-top:auto;width:100%;font-size:12px;flex-shrink:0}.request-group-card .request-group-orders{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:10px;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.request-group-card .request-group-order{flex-shrink:0;grid-template-columns:minmax(0,1fr) 30px;gap:8px;padding:10px}.request-group-open .request-card-company,.request-group-open .request-card-sender{height:auto;min-height:0}.request-group-open .request-access-key{margin:4px 0}.request-group-card .request-group-open>span{font-size:11px}.request-group-open .request-card-sender strong{font-size:13px}.request-group-open .request-card-company strong,.request-group-open .request-card-company span{font-size:12px}@media(max-width:600px){.request-card.request-card-minimal{padding:16px}.request-card-grid{gap:14px}}

.note-download-dialog{max-width:850px;width:calc(100% - 32px);padding:26px;border-radius:20px;background:var(--panel);color:var(--text);border:1px solid var(--border)}.note-download-dialog::backdrop{background:#08171499;backdrop-filter:blur(3px)}.note-download-dialog .note-document-key{white-space:nowrap;font-size:clamp(9px,1.5vw,14px)}.note-download-dialog .note-document-actions a{text-decoration:none}.note-download-dialog .note-document-info{margin:24px 0}.note-download-dialog .cardhead{align-items:center}.note-download-dialog .footnote{margin:18px 0 0}@media(max-width:600px){.note-download-dialog{padding:18px;width:calc(100% - 20px)}.note-download-dialog h2{font-size:18px}.note-download-dialog .note-document-key{font-size:9px;padding:10px;white-space:normal}}

.issued-xml-upload{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0;border:0;background:transparent;margin:18px 0 22px}.issued-xml-dropzone{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 20px;border:1.5px dashed var(--green);border-radius:16px;color:var(--green);background:var(--tint);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.issued-xml-dropzone span{display:flex;flex-direction:column;gap:7px}.issued-xml-dropzone strong{font-size:15px;font-weight:500}.issued-xml-dropzone small{font-size:12px;color:var(--muted)}.issued-xml-dropzone:hover,.issued-xml-dropzone.is-dragging{background:color-mix(in srgb,var(--green) 12%,var(--panel));border-style:solid;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.issued-xml-dropzone:focus-visible{outline:2px solid var(--green);outline-offset:3px}.issued-xml-dropzone[aria-busy=true]{opacity:.65;cursor:wait}.issued-xml-upload>[data-issued-xml-status]{padding:0 4px;font-size:12px}@media(max-width:600px){.issued-xml-dropzone{padding:20px 14px;gap:12px}.issued-xml-dropzone strong{font-size:14px}.issued-xml-dropzone small{min-width:0}}

.request-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.request-card.request-card-minimal{height:340px;min-height:340px;max-height:340px;padding:22px;gap:16px}.request-card-minimal .request-card-top .request-number{font-size:18px;color:var(--green)}.request-card-key-slot{height:70px;min-height:70px}.request-card .request-key-value strong{font-size:14px;font-size:4cqi;display:block;width:100%;font-weight:500;letter-spacing:0;line-height:1.6;white-space:nowrap}.request-card-company{height:58px;min-height:58px}.request-card-company strong,.request-card-company span{font-size:15px}.request-card-sender{height:60px;min-height:60px}.request-card-sender strong{font-size:15px}.request-card-minimal .request-card-meta .request-card-movement{font-size:15px}.request-group-card .request-group-order .request-card-company,.request-group-card .request-group-order .request-card-sender{height:auto;min-height:0}.request-group-card .request-key-value strong{font-size:4cqi}@media(max-width:600px){.request-card.request-card-minimal{padding:18px;gap:14px}}

.request-card .request-key-digits{display:block;width:100%;height:auto;overflow:visible}
.request-key-digits text{font-family:'Ubuntu',Arial,sans-serif;font-variant-numeric:normal;font-weight:700}

.request-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.request-card.request-card-minimal{height:380px;min-height:380px;max-height:380px;padding:20px;gap:16px}.request-card-company{height:auto;min-height:65px}.request-card-company strong,.request-card-company span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.request-card-sender{height:auto;min-height:68px}.request-card-minimal .request-status{font-size:10px;padding:6px 8px}.note-document-edit{display:flex;justify-content:flex-start;margin-top:22px}.issued-xml-upload.issued-xml-compact{margin:0;align-items:flex-start;gap:8px}.issued-xml-compact .issued-xml-dropzone{padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-size:13px;background:var(--panel);box-shadow:none}.issued-xml-compact>[data-issued-xml-status]:empty{display:none}.issued-xml-compact .issued-xml-dropzone:hover{background:var(--tint);border-color:var(--green)}@media(max-width:1100px){.request-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.request-card-grid{grid-template-columns:1fr;gap:14px}.request-card.request-card-minimal{height:380px;min-height:380px;max-height:380px;padding:18px}}

.request-card-purpose{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}.request-card-purpose small{font-size:11px;color:var(--muted)}.request-card-purpose strong{font-size:13px;font-weight:500;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}

.note-document-actions{align-items:flex-start}.note-document-actions .note-document-edit{margin:0 0 0 auto;align-self:flex-start}

.request-recipient-document{font-size:12px;font-weight:400;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.request-card-sender{min-height:82px}.request-group-open .request-card-sender{min-height:0}
.request-card-company{height:72px;min-height:72px;max-height:72px;gap:4px}.request-card-company strong{font-size:14px;line-height:1.3;-webkit-line-clamp:1}.request-card-company span{font-size:14px;line-height:1.3;-webkit-line-clamp:2}.request-card-sender{height:82px;min-height:82px;max-height:82px}.request-group-open .request-card-company,.request-group-open .request-card-sender{height:auto;min-height:0;max-height:none}

.xml-comparison{margin:18px 0;padding:18px;border-radius:16px;background:var(--panel);border:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.xml-comparison h3{margin:0 0 8px}.xml-comparison details{margin-top:12px}.xml-comparison summary{cursor:pointer}.xml-comparison li{margin:7px 0;font-size:.9rem}.xml-differences{display:grid;gap:10px}.xml-differences article{padding:12px;border-radius:12px;background:color-mix(in srgb,#db923e 10%,transparent);border-left:3px solid #c68b40;overflow-wrap:anywhere}.xml-differences small{display:block;margin-top:8px}.xml-check-spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:xml-check-spin .8s linear infinite}@keyframes xml-check-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.xml-check-spinner{animation:none}}

.xml-result{display:flex;align-items:center;justify-content:space-between;gap:18px}.xml-result h3{margin:5px 0}.xml-result p{margin:6px 0}.xml-result>div>small{color:var(--muted)}.xml-result-success{border-color:var(--green)}.xml-result-success h3{color:var(--green)}.xml-result-warning{border-color:#c99633}.xml-result-warning h3{color:#a36b0c}body.dark .xml-result-warning h3{color:#f0c76c}.xml-result .btn{flex-shrink:0}.xml-review-dialog{max-width:850px}.xml-review-context{display:grid;grid-template-columns:1fr 1fr;gap:14px}.xml-review-context>div:last-child{grid-column:1/-1}.xml-review-context small,.xml-review-context strong{display:block}.xml-review-context small{color:var(--muted);margin-bottom:5px}.xml-review-fields{display:grid;gap:12px}.xml-review-difference{border:1px solid #d6a742;border-radius:13px;overflow:hidden}.xml-review-difference summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;background:#fff3ce;color:#765016}.xml-review-difference summary::-webkit-details-marker{display:none}.xml-review-difference summary small,.xml-review-difference summary strong{display:block;overflow-wrap:anywhere}.xml-review-difference summary small{margin-bottom:6px}.xml-review-difference[open] summary>span:last-child{transform:rotate(180deg)}.xml-review-correction{margin:12px;padding:14px;border-radius:10px;background:#e7f5ef;color:#126b57;border:1px solid #8cc8b4}.xml-review-correction small,.xml-review-correction strong{display:block;overflow-wrap:anywhere}.xml-review-correction strong{margin-top:6px}.xml-review-correction p{margin-bottom:0;font-size:.86rem}.xml-review-close{width:34px;height:34px;flex-shrink:0;border-radius:10px;color:var(--green);background:var(--tint);font-size:25px}.xml-review-matches li::marker{color:var(--green)}body.dark .xml-review-difference summary{background:#443a22;color:#f5d990}body.dark .xml-review-correction{background:#203d34;color:#87ddc4;border-color:#447f6b}@media(max-width:600px){.xml-result{align-items:stretch;flex-direction:column}.xml-review-context{grid-template-columns:1fr}.xml-review-context>div:last-child{grid-column:auto}}

.xml-analysis-dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:48px 30px 36px;border:1px solid var(--border);border-radius:24px;background:var(--panel);color:var(--text);box-shadow:0 28px 90px #0005;overflow:auto}.xml-analysis-dialog::backdrop{background:#09131188;backdrop-filter:blur(5px)}.xml-analysis-content{text-align:center;display:flex;flex-direction:column;align-items:center}.xml-analysis-content h2{color:var(--green);font-size:23px;margin:22px 0 8px}.xml-analysis-content p{color:var(--muted);font-size:14px;margin:0;max-width:360px}.xml-analysis-content>small{color:var(--green);margin-top:16px}.xml-analysis-content>small.xml-analysis-scope{color:var(--muted);font-size:12px;margin-top:14px}.xml-analysis-loader{position:relative;width:82px;height:82px;color:var(--green);animation:xml-check-spin 1.1s linear infinite}.xml-analysis-loader:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,currentColor 12%,transparent) 40deg,currentColor 345deg,currentColor 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px))}.xml-analysis-loader>span{position:absolute;top:0;left:calc(50% - 7.5px);width:15px;height:15px;background:currentColor;border-radius:50%}.xml-analysis-result-icon{width:84px;height:84px;color:var(--green);animation:xml-result-enter .28s ease-out}.xml-analysis-result-icon svg{width:100%;height:100%}.xml-analysis-error .xml-analysis-result-icon,.xml-analysis-error .xml-analysis-content h2,.xml-analysis-error .xml-analysis-content>small:not(.xml-analysis-scope){color:#cc4d4d}body.dark .xml-analysis-error .xml-analysis-result-icon,body.dark .xml-analysis-error .xml-analysis-content h2,body.dark .xml-analysis-error .xml-analysis-content>small:not(.xml-analysis-scope){color:#f18080}.xml-analysis-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}.xml-analysis-close{position:absolute;right:16px;top:16px}@keyframes xml-result-enter{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.xml-analysis-loader,.xml-analysis-result-icon{animation:none}}@media(max-width:480px){.xml-analysis-dialog{padding:46px 20px 28px}.xml-analysis-content h2{font-size:21px}}

.xml-analysis-symbol{width:86px;height:86px;flex-shrink:0;transition:color .55s ease}.xml-analysis-symbol svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.xml-analysis-symbol svg>*{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}.xml-analysis-symbol .xml-symbol-circle{stroke-width:8}.xml-analysis-symbol svg path{stroke-width:12}.xml-analysis-symbol.is-completing{animation:none}.xml-analysis-symbol.is-completing:before,.xml-analysis-symbol.is-completing>span{animation:xml-ring-resolve .48s ease-out both}.xml-analysis-symbol.is-completing .xml-symbol-circle{animation:xml-outline-draw .55s ease-out both}.xml-analysis-symbol.is-completing:not(.is-incorrect) .xml-symbol-check{animation:xml-mark-draw .55s .42s cubic-bezier(.4,0,.2,1) both}.xml-analysis-symbol.is-incorrect{color:#e32636}.xml-analysis-symbol.is-incorrect .xml-symbol-cross-first{animation:xml-mark-draw .32s .42s ease-out both}.xml-analysis-symbol.is-incorrect .xml-symbol-cross-second{animation:xml-mark-draw .32s .65s ease-out both}.xml-analysis-symbol.is-completing:not(.is-incorrect){color:var(--green)}@keyframes xml-ring-resolve{from{opacity:1}to{opacity:0}}@keyframes xml-outline-draw{from{opacity:0;stroke-dashoffset:28}to{opacity:1;stroke-dashoffset:0}}@keyframes xml-mark-draw{0%{opacity:0;stroke-dashoffset:100}1%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.xml-analysis-symbol{animation:none;transition:none}.xml-analysis-symbol.is-completing:before,.xml-analysis-symbol.is-completing>span{animation:none;opacity:0}.xml-analysis-symbol.is-completing .xml-symbol-circle,.xml-analysis-symbol.is-completing:not(.is-incorrect) .xml-symbol-check,.xml-analysis-symbol.is-incorrect .xml-symbol-cross-first,.xml-analysis-symbol.is-incorrect .xml-symbol-cross-second{animation:none;opacity:1;stroke-dashoffset:0}}

.request-group-title{color:var(--green);font-size:14px;line-height:1.3;margin:0 0 6px}.request-group-card>.request-card-company{height:auto;min-height:48px;flex-shrink:0}.request-group-card>.request-card-sender{height:auto;min-height:60px;flex-shrink:0;margin-bottom:10px}.request-group-card .request-group-orders{min-height:80px}.request-group-card .request-group-open>strong{font-size:12px}.request-group-card .request-group-open>small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}

/* Counterparty catalogue and editable record. */
.client-catalogue-row{cursor:pointer}.client-catalogue-row:hover{background:var(--tint)}
.client-editor{width:min(760px,calc(100vw - 24px));max-width:760px;max-height:calc(100dvh - 32px);overflow:auto}
.client-editor .formgrid{margin-top:22px;gap:15px}.client-editor .notice[hidden]{display:none}.client-editor .details{margin-top:22px}
@media(max-width:600px){.client-editor{padding:18px}.client-editor .formgrid{grid-template-columns:1fr}}

.request-group-label{display:block;color:var(--green);font-size:11px;font-weight:500;line-height:1.3;margin-bottom:3px}
.request-group-dialog{max-width:800px}.request-group-dialog .request-group-orders{margin-top:22px}.request-group-dialog .request-group-open>small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.request-group-dialog .request-access-key{max-width:100%;margin-top:6px}

/* The grid owns card dimensions for every request and status. */
.request-card-grid{width:100%;grid-auto-rows:380px;align-items:stretch;justify-items:stretch}
.request-card-grid>.request-card.request-card-minimal{box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:none;min-width:0;max-width:100%;margin:0;align-self:stretch;justify-self:stretch}

/* Give all 44 access-key digits more horizontal room without wrapping. */
.request-card-grid .request-card-key-slot{width:100%;margin-inline:0}
.request-card-grid .request-card-key-slot .request-access-key{padding-inline:0}
.request-card-grid .request-card-key-slot .request-key-value{padding-inline:0}
.request-card-grid .request-card-key-slot .request-access-key{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.request-card-grid .request-card-key-slot .request-access-key>small{display:block;font-weight:500}

/* Keep page scrolling locked until the last modal closes. */
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden;overscroll-behavior:none}
dialog[open]{overscroll-behavior:contain}

/* Shared content rows keep every request card aligned. */
.request-card-grid>.request-card.request-card-minimal{display:grid;grid-template-rows:28px 44px 60px 76px minmax(44px,1fr) 22px;gap:10px;align-content:stretch}
.request-card-grid .request-card-top{grid-row:1;min-height:0;align-self:center;width:100%}
.request-card-grid .request-card-top .request-number{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
.request-card-grid .request-group-label{display:inline-block;max-width:110px;margin:0;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.request-card-grid .request-card-key-slot{grid-row:2;height:auto;min-height:0;align-self:start}
.request-card-grid .request-card-company{grid-row:3;height:auto;min-height:0;max-height:none;margin:0}
.request-card-grid .request-card-sender{grid-row:4;height:auto;min-height:0;max-height:none;margin:0;gap:3px}
.request-card-grid .request-card-sender small{font-size:11px;line-height:1.3}
.request-card-grid .request-card-sender strong{font-size:14px;line-height:1.3}
.request-card-grid .request-recipient-document{line-height:1.3}
.request-card-grid .request-card-purpose{grid-row:5;height:auto;min-height:0;align-self:start;margin:0}
.request-card-grid .request-card-meta{grid-row:6;min-height:0;margin:0;align-self:end}

/* Requests without an issued key start their details directly under the header. */
.request-card-grid>.request-card.request-card-minimal:not(.has-access-key){grid-template-rows:28px 60px 76px minmax(44px,1fr) 22px}
.request-card-grid .request-card:not(.has-access-key) .request-card-key-slot{display:none}
.request-card-grid .request-card:not(.has-access-key) .request-card-company{grid-row:2}
.request-card-grid .request-card:not(.has-access-key) .request-card-sender{grid-row:3}
.request-card-grid .request-card:not(.has-access-key) .request-card-purpose{grid-row:4}
.request-card-grid .request-card:not(.has-access-key) .request-card-meta{grid-row:5}

/* Corporate Microsoft access */
.microsoft-access{display:grid;gap:14px;margin:22px 0 16px}.microsoft-login{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:46px;border-radius:14px}.microsoft-mark{display:grid;grid-template-columns:9px 9px;gap:2px;flex:none}.microsoft-mark i{width:9px;height:9px;background:currentColor}.account-divider{text-align:center;color:var(--muted);font-size:13px}.account-recovery{display:block;margin:12px auto 0}.account-recovery-dialog{width:min(470px,calc(100vw - 32px));border-radius:20px;padding:24px}.account-recovery-dialog p{line-height:1.6}.account-recovery-dialog .btn{text-decoration:none}


.note-reference-fields [data-reference-number]{margin-top:14px}.note-reference-fields [data-reference-number][hidden]{display:none}.note-reference-fields input{font-variant-numeric:tabular-nums}

/* Navegação fiscal: tipografia mais encorpada para abas, perfil e trilha de navegação. */
.layout .side .navlabel,
.layout .side .nav,
.layout .side .brand small,
.layout .side .sidefoot,
.layout .side .sidefoot .avatar,
.layout .side .sidefoot .sub,
.layout .side .sidefoot .textbtn,
.layout .top .crumb,
.layout .top .crumb strong {
  font-weight: 700;
}

/* Presentation copy for the Tributa OL identity, without changing card or menu layout. */
.loginintro .login-headline{font-size:clamp(30px,3vw,46px);line-height:1.16;max-width:560px;text-wrap:balance}
.loginintro .login-description{max-width:520px}

/* Branded session loading: the isolated official group mark and the invoice analysis ring. */
.session-loading{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 24px;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--green) 6%,transparent),transparent 58%),var(--bg);color:var(--text)}
.session-loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,360px);padding:32px 0}
.session-loading-logo{display:block;width:clamp(180px,32vw,240px);max-width:100%;height:auto;object-fit:contain}
.session-loading-content h1{font-size:clamp(24px,4vw,29px);line-height:1.2;letter-spacing:-.7px;font-weight:700;margin:22px 0 0;color:var(--text)}
.session-loading .session-loading-spinner{width:48px;height:48px;margin-top:38px;color:var(--green)}
.session-loading-spinner:before{mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
.session-loading-spinner>span{width:7px;height:7px;left:calc(50% - 3.5px)}
.session-loading-message{margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.6;max-width:320px;overflow-wrap:anywhere}
.session-loading-content>.btn{margin-top:22px}

/* Keep the product name centered in the left navigation. */
.side .brand{align-items:center;text-align:center}
.side .brand>div{width:100%}

/* Fixed Coolvetica logotype: vector lettering only, no font software delivered to browsers. */
.tributa-wordmark{display:block;width:154px;height:auto;aspect-ratio:1834 / 327;background:url('assets/tributa-ol-wordmark.svg') center / contain no-repeat}
.side .tributa-wordmark{margin-inline:auto;width:min(100%,162px)}
.session-loading .tributa-wordmark{width:clamp(170px,34vw,204px);max-width:100%;margin-inline:auto}

/* A two-color cross connects the app identity to the group mark. */
.brand-connector{display:block;flex-shrink:0;width:18px;height:18px;background:url('assets/tributa-brand-connector.svg') center / contain no-repeat}
.side .brand-stack{gap:13px}
.session-loading-content h1{margin:0}
.session-loading-content>.brand-connector{margin:18px 0}

.session-loading-message{font-family:Ubuntu,Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.1px}

/* Compact sidebar branding: bring the wordmark up and the first menu closer. */
.layout .side{padding-top:16px}
.side .brand-stack{gap:10px;padding-bottom:8px}
.side .brand-stack+.navlabel{padding-top:8px}


/* Keep confirmed XML keys visible; only the native file picker is visually hidden. */
.issued-xml-upload[data-issued-xml-saved]{display:block}
.issued-xml-upload[data-issued-xml-saved]>small{display:block}
.request-access-key-detail input{font-weight:700}
.request-dialog .request-requester,.request-dialog .request-assignee,
.request-dialog [data-abate-pdf-source] a,.request-dialog .abate-pdf-downloads a,.request-dialog .abate-pdf-downloads small{font-family:Ubuntu,Arial,sans-serif;font-weight:700}
.side .sidefoot .sub{color:var(--text)}
/* Give both brand marks the same visual width without stretching their artwork. */
.side .tributa-wordmark{width:180px;max-width:100%}
.session-loading .tributa-wordmark{width:clamp(180px,32vw,240px)}
.loginintro .tributa-wordmark{width:195px}
@media(max-width:750px){.loginintro .tributa-wordmark{width:160px}}

/* Loading-only collaboration symbol; the sidebar keeps the product mark alone. */
.session-loading .brand-connector{background:none;position:relative}
.session-loading .brand-connector:before,.session-loading .brand-connector:after{content:'';position:absolute;left:7px;top:0;width:4px;height:18px;background:#21907D;transform:rotate(45deg);border-radius:0}
.session-loading .brand-connector:after{transform:rotate(-45deg)}

/* Navigation names share the green used in the Tributa wordmark. */
.layout .side .nav,.layout .side .nav:hover,.layout .side .nav.active,
.layout .top .crumb,.layout .top .crumb strong{color:#21907D}


/* Welcome uses the login palette, with a slow moving gradient and a quick greeting. */
.main:has(.welcome-screen){max-width:none;padding:0}
.welcome-screen{min-height:calc(100dvh - 78px);display:grid;place-items:center;padding:60px 28px;background:#fff;color:var(--text)}
.dark .welcome-screen{background:var(--bg);color:var(--text)}
.welcome-content{width:min(100%,820px);text-align:center;animation:welcome-enter .4s ease-out}
.welcome-content>.tributa-wordmark{width:220px;max-width:70%;margin:0 auto 42px}
.welcome-title{font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.2;letter-spacing:-1.2px;min-height:2.4em;text-wrap:balance;margin:18px 0 8px;overflow-wrap:anywhere}
.welcome-title .is-typing:after{content:'';display:inline-block;width:3px;height:.9em;margin-left:5px;background:#FF6900;animation:welcome-caret .55s steps(1) infinite}
.welcome-description{font-size:17px;opacity:.8}
.welcome-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.welcome-actions .btn{padding:16px 22px;box-shadow:0 8px 24px #143b2d12}
.welcome-actions .btn.secondary{background:var(--panel);color:var(--text);border-color:var(--border)}
@keyframes welcome-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes welcome-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.welcome-screen,.welcome-content,.welcome-title .is-typing:after{animation:none}}
@media(max-width:520px){.welcome-screen{padding:44px 20px}.welcome-actions{flex-direction:column}.welcome-actions .btn{justify-content:center}.welcome-content>.tributa-wordmark{margin-bottom:32px}}

/* Separate the refresh and new-request actions in the page header. */
.pagehead>.actions{gap:12px;flex-wrap:wrap}

/* Stacked app logo, green divider and official group mark during session loading. */
.session-loading-content{width:min(100%,640px)}
.session-loading-brands{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,24px);width:min(100%,470px)}
.session-loading-brands h1{flex:0 1 160px;min-width:0;margin:0;line-height:0}
.session-loading-app-logo{display:block;width:100%;height:auto}
.session-loading-divider{display:block;flex:0 0 2px;width:2px;height:clamp(48px,10vw,76px);border-radius:2px;background:#21907D}
.session-loading-brands .session-loading-logo{flex:0 1 240px;width:52%;min-width:0;max-width:52%;height:auto}