:root{--ease-spring:cubic-bezier(.16,1,.3,1)}
html{overflow-x:clip}
[hidden]{display:none!important}
button{position:relative;overflow:hidden;transition:background .25s,transform .28s var(--ease-spring),box-shadow .28s,border-color .28s}
.tap-ripple{position:absolute;pointer-events:none;border-radius:50%;background:currentColor;opacity:0;animation:tap-ripple 650ms var(--ease-spring) both;z-index:3}
@keyframes tap-ripple{0%{transform:scale(0);opacity:.13}65%{opacity:.07}100%{transform:scale(1);opacity:0}}
.logo{font-size:28px;letter-spacing:-1.2px}.logo small{font-size:8px;letter-spacing:1.1px;margin-top:5px}.topbar .logo{font-size:26px}.login-brand .logo{font-size:30px}
.main-content{transition:filter .35s,scale .4s var(--ease-spring),opacity .35s;transform-origin:50% 100px}
.is-dimmed .main-content{scale:.983;opacity:.68;filter:blur(.8px)}
.topbar{box-shadow:0 3px 15px #20202008}.demo-pill{border-color:#ffffff21;color:#b5b8bb;border-radius:20px;padding:5px 9px}.avatar{border:1px solid #ffffff18;transition:background .25s,transform .35s var(--ease-spring)}.profile-trigger:hover .avatar{background:#505050;transform:rotate(-7deg)}
.filter-line{border:0;gap:11px;align-items:center;margin-top:13px}.tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;flex:1;padding:4px;background:#e9ecee;border:1px solid #e3e6e8;border-radius:12px;isolation:isolate}.tab{min-height:40px;font-size:12px;justify-content:center;padding:7px 2px;gap:5px;border-radius:8px;transition:color .25s,transform .3s var(--ease-spring);overflow:visible;z-index:1}.tab.selected:after{display:none}.tab.selected{color:#202020}.tab-count{font-size:9px}.tab-glider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);background:#fff;box-shadow:0 2px 7px #2020200b;border-radius:8px;transform:translateX(calc(var(--tab-index,0)*100%));transition:transform .45s var(--ease-spring);z-index:0;pointer-events:none}.filter-button{margin:0;height:46px;width:43px;border:1px solid #dfe3e6;background:white;border-radius:12px}.filter-button svg{transition:transform .35s var(--ease-spring)}.filter-button[aria-expanded=true] svg{transform:rotate(90deg)}.filter-button.on{border-color:#e5c26a;background:#fffaf0}.filter-panel{padding:0;border:0;overflow:hidden}.filter-panel>*{margin-top:11px;margin-bottom:4px}.toolbar{padding-bottom:2px}.search{border-radius:12px;box-shadow:0 2px 5px #20202002;transition:border-color .2s,box-shadow .3s}.search:focus{box-shadow:0 0 0 4px #ffb80013}.results-meta{padding-top:16px;padding-bottom:12px}
.cards{align-items:start;gap:12px}.quote-card{position:relative;padding:0!important;border:1px solid #e0e3e6;border-radius:17px;background:#fff;box-shadow:0 3px 12px #20202003;animation:none;transition:border-color .35s,box-shadow .4s,background .35s;overflow:hidden}.quote-card:hover{border-color:#cbd0d4;box-shadow:0 6px 22px #20202007}.quote-card.expanded{border-color:#e5b746;box-shadow:0 9px 30px #9e7b1a0c}.quote-summary{width:100%;text-align:left;padding:17px 18px 18px;display:block;border-radius:16px;background:transparent;min-height:148px;transition:background .4s,transform .32s var(--ease-spring);overflow:visible}.quote-summary:active{transform:scale(.99)!important;background:#fffaf0}.quote-summary:focus-visible{outline:2px solid #c58900;outline-offset:-4px}.expanded .quote-summary{background:linear-gradient(120deg,#fff 55%,#fffaf0)}.card-top{display:flex;margin-bottom:11px;gap:12px;align-items:center}.quote-number{font-size:11px;line-height:1;min-height:0;padding:6px 8px;border-radius:6px;color:#856012;background:#fff5d9;letter-spacing:.2px;font-weight:650}.summary-trailing{display:flex;gap:9px;align-items:center;margin-left:auto}.card-time{font-size:10px;color:#92999f}.accordion-chevron{display:grid;place-items:center;background:#f3f4f5;width:25px;height:25px;border-radius:50%;color:#8b9298;transition:transform .5s var(--ease-spring),background .3s,color .3s}.accordion-chevron svg{width:14px;height:14px}.expanded .accordion-chevron{transform:rotate(180deg);background:#ffb800;color:#202020}.client-name{display:block;font-size:15px;font-weight:700;line-height:1.45;letter-spacing:-.35px;padding-right:4px}.work-name{display:block;font-size:11px;color:#8b9298;line-height:1.5;margin-top:4px}.summary-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:15px}.summary-badges{display:flex;flex-wrap:wrap;gap:5px 11px;align-items:center;min-width:0;max-width:56%}.summary-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;line-height:1.5;color:#8b9298;white-space:nowrap}.summary-badge svg{width:11px;height:11px}.summary-badge.approved{color:#2e6a4f}.summary-badge.rejected{color:#a26358}.summary-value{font-family:'Manrope',sans-serif;font-size:17px;letter-spacing:-.65px;font-weight:750;white-space:nowrap;line-height:1.4}.card-expand{overflow:hidden}.card-expanded-content{padding:0 17px 19px}.expanded-context{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0 9px;flex-wrap:wrap;border-top:1px solid #eceeef}.expanded-context>span{font-size:9px;color:#92999f}.expanded-context .text-btn{font-size:10px;min-height:36px;color:#826009;gap:4px}.expanded-context .text-btn svg{width:13px;transition:transform .3s var(--ease-spring)}.expanded-context .text-btn:hover svg{transform:translateX(3px)}.card-decision{padding:14px 0;border-top:1px solid #eceeef}.card-decision:last-child{padding-bottom:0}.card-decision-title{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;font-weight:600}.card-decision-title>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.card-decision-title svg{width:14px;height:14px;color:#8a9298}.card-decision p{font-size:11px;line-height:1.7;color:#8b9298;margin-top:10px}.card-decision .locked-family{display:flex;gap:6px;align-items:flex-start}.locked-family svg{width:12px;height:12px;margin-top:3px}.card-decision .action-buttons{margin-top:12px;gap:8px}.card-decision .btn{min-height:44px;font-size:11px;padding:11px 9px;border-radius:9px}.btn.primary{box-shadow:0 2px 0 #b5820013}.btn.primary:not(:disabled):hover{box-shadow:0 5px 14px #ffb80026;transform:translateY(-1px)}.btn.primary:not(:disabled):active{transform:translateY(1px) scale(.975)}.btn:disabled{box-shadow:none}.quote-card.blocked{background:#edf0f2;border-color:#e0e4e7}.blocked .quote-number{color:#858d94;background:#e2e6e9}.blocked .summary-value{color:#858d94}.blocked .accordion-chevron{background:#e2e6e9}.blocked.expanded{border-color:#bcc3c8}.blocked.expanded .quote-summary{background:#e9ecef}.blocked .card-decision,.blocked .expanded-context{border-color:#dce1e5}.blocked .expanded-context .text-btn{color:#687078}.blocked.expanded .accordion-chevron{color:#4e555b;background:#d8dde1}
.bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:9px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #20202003}.bottom-nav button{min-width:0;min-height:49px;z-index:1;gap:5px;overflow:hidden;border-radius:13px;font-size:9px;transition:color .3s}.bottom-nav button.active:before{display:none}.bottom-nav button svg{transition:transform .45s var(--ease-spring),stroke-width .3s}.bottom-nav button.active svg{transform:translateY(-2px) scale(1.08);stroke-width:2}.nav-highlight{position:absolute;pointer-events:none;left:15px;top:8px;bottom:max(9px,env(safe-area-inset-bottom));width:calc((100% - 30px)/3);border-radius:14px;border:1px solid #ffb80028;background:#ffb80012;transform:translateX(calc(var(--nav-index,0)*100%));transition:transform .5s var(--ease-spring)}.nav-dot{right:24%;top:6px}.desktop-nav button{transition:color .25s}.desktop-nav button:active{transform:scale(.96)}
.backdrop,.sheet{animation:none!important}
.backdrop{background:#20202055;backdrop-filter:blur(4px)}
.sheet{position:relative;border-radius:24px 24px 0 0}
.sheet{scrollbar-width:thin;scrollbar-color:#b8bdc1 transparent}
.sheet-head{border-radius:24px 24px 0 0;background-clip:padding-box}
.filters-intro h3{font-family:'Manrope',sans-serif;font-size:18px;letter-spacing:-.45px;font-weight:700}
.filters-intro p{margin-top:7px;font-size:12px;line-height:1.6;color:#687078}
.filters-fields{margin-top:23px;display:grid;gap:19px}
.filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;padding:15px;border:1px solid #e3e6e8;background:#f8f9f9;border-radius:13px;cursor:pointer;position:relative}
.filter-toggle strong,.filter-toggle small{display:block;line-height:1.5}.filter-toggle strong{font-size:12px;font-weight:650;color:#202020}.filter-toggle small{font-size:10px;color:#798187;margin-top:4px}
.filter-toggle input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.switch-track{width:43px;height:25px;border-radius:20px;flex-shrink:0;background:#c9ced1;position:relative;transition:background .28s}
.switch-track:after{content:'';position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:white;box-shadow:0 1px 3px #20202025;transition:transform .32s var(--ease-spring)}
.filter-toggle input:checked+.switch-track{background:#ffb800}.filter-toggle input:checked+.switch-track:after{transform:translateX(18px)}.filter-toggle input:focus-visible+.switch-track{outline:3px solid #d79a00;outline-offset:3px}
.filter-field>label{display:block;font-size:12px;font-weight:600;color:#4e555b;margin-bottom:9px}
.filter-select{position:relative}.filter-select select{appearance:none;width:100%;height:50px;padding:0 42px 0 14px;border:1px solid #d8dde1;border-radius:10px;background:white;color:#202020;font-size:13px;cursor:pointer}.filter-select>svg{position:absolute;right:14px;top:16px;width:17px;height:17px;color:#8b9298;pointer-events:none}
.filter-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:26px}.filter-actions .btn{min-width:0;padding:12px 10px;font-size:12px}.filter-actions .primary{justify-content:space-between}
.sheet-head{padding-top:26px;padding-bottom:18px;border-bottom-width:2px}
.sheet-head h2{letter-spacing:-.5px}.sheet-head .eyebrow{color:#c0a15c}
.sheet-head .icon-btn{background:#ffffff09;border-radius:50%}.sheet-head .icon-btn:hover{background:#ffffff15}
.sheet-handle{background:#60656a;width:29px;height:3px;top:9px}
.sheet-content{padding-top:25px}.sheet-content>.detail-section{margin-top:24px}
.detail-action{border-radius:13px}.detail-action:not(.locked){box-shadow:0 3px 12px #20202003}
.money-panel{border:1px solid #e4e7e9;background:#f7f8f8;padding:17px;border-radius:14px}.money-line:last-child strong{font-size:22px}
.equipment-icon{border-radius:10px}.profile-config{border-radius:15px;background:#f7f8f8}
.profile-card{padding-bottom:20px;border-bottom:1px solid #e4e7e9}.profile-card .avatar{background:#202020;color:#ffcf4d;border:1px solid #202020}
.profile-actions{gap:11px}.profile-actions .btn{border-radius:11px}.profile-actions .text-btn{padding:10px 12px;background:white;border:1px solid #e5e8ea;border-radius:10px}
.profile-config .field{border-radius:10px}.profile-config .checkbox-label{border-bottom:1px solid #e9ecee}.profile-config .checkbox-label:last-child{border:0}
#profile-page{max-width:540px;margin:22px auto 0}
.history-item{border-radius:15px;box-shadow:0 3px 12px #20202003}.history-icon{border-radius:10px}.empty{border-radius:18px}
.confirm-icon{background:#fff3cc;border-radius:14px;width:49px;height:49px}.confirm-target{background:#f7f8f8;border:1px solid #e5e8ea;border-radius:13px}
.confirm-footer .btn{min-height:49px}
.button-spinner{width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .65s linear infinite;flex-shrink:0}
.btn[aria-busy=true]{opacity:.85;pointer-events:none}
.confirm-form textarea{transition:border-color .2s,box-shadow .3s}.confirm-form textarea:focus{box-shadow:0 0 0 4px #ffb80013}
.login-card{animation:login-rise .65s var(--ease-spring) both;border-radius:18px;box-shadow:0 12px 50px #2020200b}
.login-form-wrap>*{animation:login-rise .6s var(--ease-spring) both}.login-form-wrap>p{animation-delay:80ms}.login-form-wrap>form{animation-delay:130ms}.login-form-wrap>.demo-note{animation-delay:190ms}
.login-brand{padding-top:27px;padding-bottom:27px}.login-submit{border-radius:11px}
.success-view{text-align:center;padding:12px 0 3px}
.success-illustration{position:relative;width:138px;height:138px;margin:4px auto 22px;display:grid;place-items:center;isolation:isolate}
.success-halo{position:absolute;inset:10px;border-radius:50%;background:#fff5d7;animation:success-bloom .9s var(--ease-spring) both}
.success-halo:after{content:'';position:absolute;inset:-9px;border:1px solid #ffb80035;border-radius:50%;animation:success-ring 1.1s .12s var(--ease-spring) both}
.success-mark{width:74px;height:74px;z-index:2;color:#202020;stroke-width:2.5;overflow:visible;animation:success-pop .65s .08s var(--ease-spring) both}
.success-mark circle{fill:#ffb800;stroke:#ffb800;stroke-dasharray:200;stroke-dashoffset:200;animation:success-draw .7s .12s ease both}
.success-mark path{stroke-dasharray:50;stroke-dashoffset:50;animation:success-draw .45s .42s ease both;stroke-width:3.5}
.success-spark{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:2px;background:#ffb800;z-index:-1;animation:success-spark .9s .2s var(--ease-spring) both}
.success-view.rejected .success-halo{background:#faf0ed}.success-view.rejected .success-halo:after{border-color:#c88e7e35}
.success-view.rejected .success-mark circle{fill:#f7e6df;stroke:#e5c4b9}.success-view.rejected .success-mark path{stroke:#9d6557}.success-view.rejected .success-spark{display:none}
.success-view h3{font-size:24px;font-weight:700;letter-spacing:-.8px;line-height:1.3}
.success-view>p{font-size:12px;color:#8b9298;line-height:1.8;margin-top:11px}
.success-target{background:#f6f7f8;border:1px solid #e7eaec;border-radius:13px;padding:15px;margin:24px 0;text-align:left}
.success-target strong{display:block;font-size:12px;font-weight:600;line-height:1.6}.success-target span{display:block;font-size:11px;color:#8b9298;margin-top:4px;line-height:1.6}
.success-view>.btn{width:100%;justify-content:space-between}.success-view .success-footnote{font-size:10px;color:#a0a6ab;margin-top:16px}
.success-kicker{display:inline-block;color:#8a6200;background:#fff5d9;border:1px solid #f2e5ba;border-radius:20px;padding:5px 9px;font-size:9px;letter-spacing:.6px;margin-bottom:12px}
.success-view.rejected .success-kicker{color:#9d6557;background:#faf0ed;border-color:#eedbd5}
.action-buttons .reject{color:#b4232c;border-color:#efc7ca;background:#fff}
.action-buttons .reject:hover{color:#941c25;border-color:#d88389;background:#fff3f3}
.btn.reject-primary{background:#b4232c;color:#fff;box-shadow:0 2px 0 #80161c18}
.btn.reject-primary:not(:disabled):hover{background:#941c25;box-shadow:0 5px 14px #b4232c26}
.confirm-icon.reject,.history-icon.rejected{background:#fff0f1;color:#b4232c}
.badge.rejected{background:#fff0f1;color:#a51f28}
.status-rejected,.summary-badge.rejected{color:#a51f28}
.success-view.rejected .success-halo{background:#fff0f1}
.success-view.rejected .success-halo:after{border-color:#b4232c38}
.success-view.rejected .success-mark circle{fill:#fff0f1;stroke:#e9afb3}
.success-view.rejected .success-mark path{stroke:#b4232c}
.success-view.rejected .success-kicker{color:#a51f28;background:#fff0f1;border-color:#f2d2d4}
@keyframes button-spin{to{transform:rotate(360deg)}}@keyframes login-rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes success-bloom{from{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes success-ring{from{transform:scale(.65);opacity:0}50%{opacity:1}to{transform:scale(1.1);opacity:0}}@keyframes success-pop{from{opacity:0;transform:scale(.5) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes success-draw{to{stroke-dashoffset:0}}@keyframes success-spark{0%{transform:translate(0,0) scale(0);opacity:0}25%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(110deg) scale(.4);opacity:0}}
@media(min-width:600px){.cards{gap:16px}.quote-summary{padding:20px 21px;min-height:165px}.client-name{font-size:16px}.summary-value{font-size:19px}.summary-badge{font-size:10px}.card-expanded-content{padding:0 20px 21px}.card-decision .btn{font-size:11px}.tabs{flex:0 1 350px}.filter-line{justify-content:flex-start}.sheet{border-radius:22px}.sheet-head{padding-top:22px;padding-bottom:22px}.success-view{padding:10px 12px 8px}.login-brand .logo{font-size:31px}.filter-panel{gap:15px}}
@media(min-width:1000px){.bottom-nav{display:none}.main-content{padding-top:35px}.cards{gap:19px}.quote-summary{min-height:166px}.summary-value{font-size:19px}.sheet.detail-sheet{border-radius:22px 0 0 22px}.detail-sheet .sheet-head{padding-top:25px;padding-bottom:25px}.client-name{font-size:15px}.card-decision-title{font-size:11px}.card-decision p{font-size:11px}.login-card{box-shadow:0 22px 70px #2020200b}.toolbar{padding-top:6px}}
@media(max-width:359px){.quote-summary{padding:16px;min-height:151px}.summary-value{font-size:15px}.summary-badges{max-width:52%}.summary-badge{font-size:8px;gap:3px}.summary-badge svg{width:10px;height:10px}.client-name{font-size:14px}.summary-bottom{gap:7px}.card-expanded-content{padding-left:15px;padding-right:15px}.card-decision-title{font-size:10px}.card-decision .btn{font-size:10px}.tabs{padding:3px}.tab{font-size:10px;min-height:40px}.tab-count{font-size:8px}.tab-glider{left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/3)}.topbar .logo{font-size:25px}.success-view h3{font-size:22px}}
@media(max-width:599px){.sheet{scrollbar-width:none}.sheet::-webkit-scrollbar{display:none}}
@media(max-width:999px){
 html:has(.shell),body:has(.shell){height:100%;overflow:hidden}
 .shell{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 .topbar,.bottom-nav{flex:0 0 auto}
 .main-content{flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding-bottom:28px;scrollbar-width:none}
 .main-content::-webkit-scrollbar{display:none}
 .bottom-nav{position:relative;bottom:auto;left:auto;right:auto}
}
@media(min-width:1000px){.detail-sheet .sheet-head{border-radius:22px 0 0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.success-mark circle,.success-mark path{stroke-dashoffset:0}.success-spark{display:none}}

/* Navegação e filtros: uma única indicação visual e fundo opaco durante a rolagem. */
.bottom-nav button,.bottom-nav button.active{background:transparent!important;box-shadow:none!important}
.bottom-nav button.active svg{transform:none}
.nav-highlight{transition:transform .32s cubic-bezier(.22,1,.36,1)}
.toolbar{background:#f3f4f4;isolation:isolate;z-index:8;box-shadow:0 8px 0 #f3f4f4}
.toolbar::before{content:'';position:absolute;left:-40px;right:-40px;bottom:100%;height:120px;background:#f3f4f4;z-index:-1;pointer-events:none}
@media(max-width:599px){.toolbar{top:-24px}}
@media(min-width:600px) and (max-width:999px){.toolbar{top:-34px}}
.tabs{background:transparent;border:0;border-radius:0;padding:0;border-bottom:1px solid #dfe3e6}
.tab-glider{top:auto;bottom:-1px;left:0;height:3px;width:33.333%;background:#ffb800;box-shadow:none;border-radius:3px;transition:transform .32s cubic-bezier(.22,1,.36,1)}
.tab{border-radius:0;min-height:44px}.filter-actions .primary{justify-content:center;gap:8px}
.profile-text{display:block;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6e6e6;font-size:11px}
@media(max-width:359px){.profile-text{max-width:60px;font-size:10px}.tab-glider{left:0;top:auto;bottom:-1px;width:33.333%}}

.page-heading{position:relative;z-index:9}

/* Texto completo permanece acessível na expansão; resumo compacto no celular. */
.client-name,.work-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-width:0}
.quote-summary{height:auto}.summary-value{white-space:nowrap;flex-shrink:0}
.full-context{padding:2px 0 16px;overflow-wrap:anywhere;line-height:1.55;font-size:13px}
.full-context strong{display:block;color:#202020;font-size:14px}.full-context p{margin:4px 0;color:#687078}.full-context small{color:#687078}
.sheet-content h3,.sheet-sub,.confirm-target,.seller-note,.detail-action,.history-item h3,.history-item p,.history-item time,.profile-card strong,.profile-family{overflow-wrap:anywhere;min-width:0}
.equipment>div{min-width:0;overflow-wrap:anywhere}.equipment>strong{flex-shrink:0}.equipment small{line-height:1.7}
.card-decision-title>span:first-child{min-width:0;overflow-wrap:anywhere}.card-decision-title .badge{flex-shrink:0}.card-decision-title{align-items:flex-start}
.history-item>div,.profile-card>div{min-width:0}.detail-info span{min-width:0;overflow-wrap:anywhere}
.detail-address{display:flex;gap:8px;align-items:flex-start;color:#687078;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.detail-address svg{width:15px;height:15px;flex-shrink:0;margin-top:3px}
.loading-state{display:flex;gap:12px;align-items:center;justify-content:center;padding:50px 14px;grid-column:1/-1;color:#687078;font-size:13px}
.loading-state .button-spinner{border-color:#d7dadd;border-top-color:#202020}
.load-more{grid-column:1/-1;justify-self:center;margin:12px auto;min-width:210px}.queue-note{font-size:10px;color:#687078}
.profile-limit{font-size:27px;color:#202020}.profile-family{display:flex;gap:8px;align-items:flex-start}.profile-family svg{width:16px;height:16px;flex-shrink:0}.profile-footnote{margin-top:24px!important;font-size:12px!important;line-height:1.7}
.input-wrap[hidden],.login-denied[hidden]{display:none}
@media(max-width:359px){.equipment{flex-wrap:wrap}.equipment>div{flex:1;min-width:140px}.equipment>strong{margin-left:40px}.summary-badges{max-width:48%}}

.connection-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f3f4f4}.connection-card{width:min(100%,440px);text-align:center;padding:34px 26px;background:#fff;border:1px solid #e1e4e4;border-radius:26px;box-shadow:0 15px 60px #2020200a}.connection-card header{display:flex;justify-content:center;margin-bottom:34px}.connection-card .logo{color:#202020}.connection-card .logo small{color:#687078}.connection-symbol{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 24px;border-radius:22px;background:#fff5d6;color:#8b6500}.connection-symbol svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6}.connection-symbol.checking svg{animation:spin 1.4s linear infinite}.connection-card h1{font-size:26px;letter-spacing:-.8px;line-height:1.2;margin:12px 0}.connection-copy{font-size:14px;line-height:1.7;color:#687078;margin:16px 0 26px}.connection-card .btn{width:100%;justify-content:center;gap:10px;min-height:50px}.connection-footnote{font-size:11px;line-height:1.7;color:#687078;margin:20px 0 0}.connection-decision{font-size:12px;line-height:1.7;text-align:left;background:#fff9e8;border:1px solid #f0dfae;border-radius:14px;padding:14px;margin:0 0 22px;color:#6b520e}.connection-card .eyebrow{color:#687078;font-size:9px;letter-spacing:1.5px}@media(prefers-reduced-motion:reduce){.connection-symbol.checking svg{animation:none}}

@media(min-width:1000px){.shell .topbar{position:relative;z-index:7;flex-shrink:0}.shell .main-content{margin-top:0;align-self:center}.shell .search-row{max-width:none;width:100%}.shell .toolbar{width:100%}}

/* Barra superior e controles da fila em telas grandes. */
.header-refresh{display:none}
@media(min-width:1000px){
 .toolbar::before{display:none}
 .shell .topbar{z-index:20}
 .filter-line{width:100%}
 .filter-line .tabs{min-width:0;width:auto;flex:1}
 .filter-line .filter-button{flex:0 0 46px}
 .header-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #ffffff36;border-radius:10px;color:#f6f6f6;font-size:12px;font-weight:600;transition:background .25s,border-color .25s,transform .25s}
 .header-refresh svg{width:16px;height:16px;transition:transform .5s var(--ease-spring)}
 .header-refresh:hover{background:#ffffff12;border-color:#ffb800aa}
 .header-refresh:hover svg{transform:rotate(35deg)}
 .header-refresh.is-refreshing svg{animation:header-refresh-spin .75s linear infinite}
 .header-refresh:disabled{opacity:.75}
 .queue-note{display:none}
}
@keyframes header-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.header-refresh.is-refreshing svg{animation:none}}

/* A atualização fica acessível no cabeçalho em qualquer largura. */
.header-refresh,.header-refresh:disabled{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 13px;border:1px solid #ffb800;border-radius:10px;background:#ffb800;color:#202020;font-size:12px;font-weight:700;box-shadow:0 3px 12px #ffb80026;white-space:nowrap}
.header-refresh:hover{background:#ffc533;border-color:#ffc533;box-shadow:0 5px 16px #ffb80038}
.header-refresh svg{width:16px;height:16px;transition:transform .5s var(--ease-spring)}
.header-refresh:hover svg{transform:rotate(35deg)}
.header-refresh.is-refreshing svg{animation:header-refresh-spin .75s linear infinite}
.header-refresh:disabled{opacity:.8}
.queue-note{display:none}
@media(max-width:359px){.header-refresh{padding:0 10px;font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){.header-refresh.is-refreshing svg{animation:none}}

/* Identidade da Central e proporção consistente dos elementos. */
.approval-brand-icon{display:block;width:38px;height:38px;flex:0 0 38px;border-radius:11px}
.login-brand .approval-brand-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px}
@media(max-width:359px){.approval-brand-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}.topbar .logo{gap:7px;font-size:22px}.topbar .logo small{font-size:7px}}
@media(min-width:1000px){.desktop-nav{gap:0}.desktop-nav button{width:112px;flex:0 0 112px;text-align:center;padding:0 10px}.history-item{max-width:none;width:100%}}
