/* =============================================================
   CRICKET SISTEM V6.25 — FRONT-END RECONSTRUÍDO DO ZERO
   Visual inspirado diretamente na referência aprovada.
   ============================================================= */
:root{
  --black:#090b0d;--black2:#121519;--black3:#1b1f24;
  --yellow:#ffc400;--yellow2:#ffd83d;--yellow-soft:#fff3bd;
  --bg:#f3f6f8;--card:#fff;--line:#e1e6ec;--text:#111318;
  --muted:#667389;--green:#079454;--green-soft:#dcf8ea;
  --red:#c33227;--red-soft:#fff0ef;--blue:#2457c5;--blue-soft:#eef3ff;
  --radius:14px;--shadow:0 6px 22px rgba(16,24,40,.055);
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}.hidden,.system-app-hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.muted{color:var(--muted)}

/* LOGIN */
.login-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 24%,rgba(255,196,0,.14),transparent 22%),linear-gradient(135deg,#080a0c,#16191d 65%,#2b2204)}
.login-card{width:min(420px,100%);padding:32px;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.login-brand{display:inline-block;margin-bottom:20px;padding:10px 13px;border-radius:10px;background:#0d0f11;color:var(--yellow);font-weight:700;letter-spacing:.05em}.login-card h1{margin:0 0 6px;font-size:30px}.login-card p{margin:0 0 20px;color:var(--muted)}.login-card label{display:block;margin:12px 0;font-weight:750}.login-card input{margin-top:6px;width:100%;height:46px}.login-card .primary{width:100%;height:50px;margin-top:8px}.login-card small{display:block;margin-top:12px;color:var(--muted)}

/* HUB */
.system-hub{min-height:100vh;background:var(--bg)}.system-hub-wrap{max-width:1320px;min-height:100vh;margin:auto;padding:24px;display:flex;flex-direction:column}.system-hub-header{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:linear-gradient(110deg,#090b0d,#15181c 72%,#302503);color:#fff;box-shadow:var(--shadow)}.system-hub-brand{display:flex;align-items:center;gap:12px}.system-hub-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:700}.system-hub-brand strong,.system-hub-brand small{display:block}.system-hub-brand strong{font-size:15px}.system-hub-brand small{font-size:11px;color:#adb5c1;margin-top:2px}.system-hub-status{font-size:11px;color:#aeb6c0}.system-hub-status span{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#17b26a}.system-hub-main{flex:1;display:grid;place-items:center;padding:36px 0}.system-hub-intro{text-align:center;margin-bottom:28px}.system-hub-kicker,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;color:#c39300}.system-hub-intro h1{margin:8px 0 6px;font-size:38px;letter-spacing:-.03em}.system-hub-intro p{margin:0;color:var(--muted)}.system-hub-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.system-module-card{min-height:255px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.16s}.system-module-card:hover{transform:translateY(-2px);border-color:#efc22a;box-shadow:0 12px 28px rgba(16,24,40,.08)}.system-module-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--yellow-soft);font-size:20px}.system-module-copy{margin-top:18px}.system-module-tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff6d6;color:#8a6500;font-size:9px;font-weight:700;letter-spacing:.06em}.system-module-copy h2{margin:12px 0 6px;font-size:21px}.system-module-copy p{margin:0;color:var(--muted);line-height:1.45}.system-module-arrow{margin-top:auto;font-weight:700}.system-hub-footer{display:flex;justify-content:center;gap:8px;padding:10px 0;color:#8993a3;font-size:10px}

/* SALES SHELL / TOP NAV */
.app-shell{background:var(--bg);min-height:100vh}.app-main{min-height:100vh}.app-topbar{position:sticky;top:0;z-index:100;height:80px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:0 max(26px,calc((100vw - 1500px)/2));background:linear-gradient(180deg,#080a0c,#121519);border-bottom:3px solid var(--yellow);color:#fff;box-shadow:0 6px 22px rgba(0,0,0,.15)}.brand-button{height:52px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;padding:0;text-align:left}.brand-emblem{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:700}.brand-name b,.brand-name small{display:block;line-height:.95}.brand-name b{color:var(--yellow);font-size:16px;letter-spacing:.03em}.brand-name small{font-size:13px;font-weight:700;letter-spacing:.06em}.top-nav{display:flex;align-items:center;justify-content:center;gap:5px}.top-nav :is(button,a[data-module-link]){height:48px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#eef1f4;font-size:11px;font-weight:700}.top-nav :is(button,a[data-module-link]):hover{background:#1c2024}.top-nav :is(button,a[data-module-link]).nav-active{background:linear-gradient(#ffd93f,#ffc400);color:#111;box-shadow:0 8px 18px rgba(255,196,0,.18)}.top-actions{display:flex;align-items:center;gap:8px}.sf-status,.operator-chip{min-height:46px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #333840;border-radius:9px;background:#15181c}.sf-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.sf-status b,.sf-status small,.operator-chip b,.operator-chip small{display:block}.sf-status b,.operator-chip b{font-size:10px}.sf-status small,.operator-chip small{font-size:9px;color:#aeb6c1}.operator-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-size:10px;font-weight:700}.verify-mini{height:42px;padding:0 12px;border:1px solid #363b42;border-radius:9px;background:#15181c;color:#fff;font-size:10px;font-weight:700}.workspace{width:min(1500px,calc(100% - 30px));margin:0 auto;padding:14px 0 34px}

/* HOME */
.home-topline{position:relative;overflow:hidden;min-height:180px;padding:32px 30px;display:flex;align-items:center;justify-content:space-between;border-radius:14px;background-image:linear-gradient(90deg,rgba(5,6,8,.97),rgba(5,6,8,.66) 39%,rgba(5,6,8,.04) 75%,rgba(5,6,8,.22)),url('/assets/hero-cricket.jpg');background-size:cover;background-position:center;color:#fff;box-shadow:var(--shadow)}.home-topline:before{content:"BEM-VINDO AO CRICKET SISTEM";position:absolute;left:30px;top:24px;color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:.09em}.home-topline>div:first-child{padding-top:22px;position:relative;z-index:2}.home-topline h1{margin:0 0 8px;font-size:43px;line-height:1;letter-spacing:-.035em}.home-topline p{margin:0;color:#eef0f2;font-size:13px}.home-top-actions{position:relative;z-index:3;display:flex;gap:9px}.home-date{height:48px;padding:0 14px;display:flex;align-items:center;border:1px solid #3b4047;border-radius:9px;background:#15181c}.home-primary-action{height:50px;padding:0 22px;border:0;border-radius:9px;background:linear-gradient(#ffd83d,#ffc400);color:#111;font-weight:700}.home-grid{display:grid}.home-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.home-card{min-height:102px;padding:16px 18px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.home-card-icon{width:46px;height:46px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:var(--yellow-soft);font-size:20px}.home-card span,.home-card strong,.home-card small{display:block}.home-card span{font-size:10px;color:#566277}.home-card strong{font-size:25px;line-height:1.1}.home-card small{font-size:10px;color:#748096;margin-top:3px}.home-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,.75fr);gap:14px}.dashboard-panel{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dashboard-panel-head h2{margin:0;font-size:16px}.dashboard-panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.mini-filter,.link-btn{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111;font-size:10px}.fake-chart{height:220px}.fake-chart svg{width:100%;height:100%}.status-donut-wrap{height:220px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:10px}.status-donut{width:120px;height:120px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--yellow) 0 40%,#111 40% 62%,#777 62% 82%,#e1e4e8 82%);position:relative}.status-donut:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#fff}.status-donut span{position:relative;z-index:2}.status-legend{display:grid;gap:10px}.status-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;border-bottom:1px solid #eef1f4;padding-bottom:8px}.status-legend span{font-size:11px}.status-legend b{font-size:10px}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.yellow{background:var(--yellow)}.legend-dot.black{background:#111}.legend-dot.gray{background:#777}.legend-dot.light{background:#dce1e6}.home-bottom-grid{display:grid;grid-template-columns:minmax(440px,.9fr) minmax(0,1.35fr);gap:14px;margin-top:14px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick-actions button{min-height:136px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.quick-actions button:first-child{background:linear-gradient(145deg,#fff4c2,#fff);border-color:#efc22a}.quick-actions button>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:18px}.quick-actions b{font-size:12px}.quick-actions small{font-size:10px;color:var(--muted);text-align:center}.home-recent-body{max-height:315px;overflow:auto}.home-recent-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:8px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf0f3;font-size:11px}

/* GLOBAL CARDS / FORMS */
.card,.hero,.expedition-summary,.expedition-list-card,.expedition-detail,.exp-packing-stage,.exp-pack-scan-panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.card{padding:18px;margin-bottom:14px}.hero{padding:22px 24px;margin-bottom:14px;background:linear-gradient(110deg,#0b0d0f,#171a1e 72%,#302503);color:#fff}.hero h1{margin:5px 0 6px;font-size:28px}.hero p{margin:0;color:#cbd1d8}.hero .eyebrow{color:var(--yellow)}.steps{display:flex;gap:8px;flex-wrap:wrap}.steps>div{padding:8px 10px;border:1px solid #393e45;border-radius:8px;background:#191c20;color:#fff;font-size:10px}.steps b{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:5px;border-radius:50%;background:var(--yellow);color:#111}.layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title h2{margin:0;font-size:16px}.num{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--yellow-soft);color:#7d5c00;font-weight:700}.pill{padding:5px 9px;border-radius:999px;background:#fff4cf;color:#7c5c00;font-size:9px;font-weight:700}.ghost,.secondary,.link-btn,.exp-back,.exp-refresh{border:1px solid #dfe4ea;border-radius:8px;background:#fff;color:#111;font-weight:750}.ghost,.secondary{min-height:38px;padding:0 13px}.primary,.whatsapp{min-height:44px;padding:0 16px;border:0;border-radius:8px;background:linear-gradient(#ffd83e,#ffc400);color:#111;font-weight:700}.primary:disabled{opacity:.5;cursor:not-allowed}label{font-size:10px;font-weight:750;color:#384357}input,select,textarea{width:100%;min-height:42px;margin-top:5px;padding:0 12px;border:1px solid #dce2e8;border-radius:8px;background:#fff;color:#111}textarea{min-height:140px;padding:12px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:#e5b300;box-shadow:0 0 0 3px rgba(255,196,0,.11)}input:disabled{background:#f4f6f8;color:#7e8999}.searchbox{position:relative}.searchbox span{position:absolute;left:12px;top:17px;color:#8993a3}.searchbox input{padding-left:34px}.items{display:grid;gap:8px;margin-top:10px}.totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.totals>div,.dimension-box,.packaging-selector,.sf-options-box{border:1px solid #e7ebef;border-radius:10px;background:#fafbfc}.totals>div{padding:12px}.totals span,.totals strong{display:block}.totals span{font-size:9px;color:var(--muted)}.totals strong{font-size:16px}.quote-meta-grid,.cep-grid,.sf-extra-grid,.product-form-grid,.user-form-grid,.report-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.packaging-selector,.sf-options-box{padding:13px;margin-top:12px}.packaging-suggestion,.dim-row,.sf-options-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.packaging-suggestion{padding:12px 0;border-top:1px solid #edf0f3}.packaging-suggestion span,.dim-row span{font-size:10px;color:var(--muted)}.packaging-hint{font-size:9px;color:#7d8795}.dimension-box{margin-top:10px}.dim-row{padding:11px 12px}.dim-row+.dim-row{border-top:1px solid #e8ecef}.dim-row.final{background:#eefaf4}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.check-option{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid #e0e5ea;border-radius:8px;background:#fff}.check-option input{width:auto;min-height:auto;margin:0}.validation{min-height:18px;margin-top:8px;font-size:10px;color:#a55d00}.validation.ok{color:var(--green)}.validation.warn{color:var(--red)}.results{display:grid;gap:8px}.results.empty{padding:22px;border:1px dashed #d7dde3;border-radius:9px;text-align:center;color:var(--muted)}.actions{display:flex;gap:8px;margin-top:10px}

/* LISTS / HISTORY / TRACKING / PRODUCTS */
.history-filters,.report-filters,.product-toolbar,.tracking-search-row{display:flex;gap:10px;align-items:end;padding:12px;border:1px solid #e6eaee;border-radius:10px;background:#f8fafb}.history-filters>*{flex:1}.history-list,.tracking-list,.product-list,.seller-list{display:grid;gap:7px;margin-top:12px}.history-row,.tracking-row,.product-row,.seller-row{padding:13px;border:1px solid #e7ebef;border-radius:9px;background:#fff}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-row b,.history-row small{display:block}.history-row small{color:var(--muted);margin-top:3px}.history-right{display:flex;align-items:center;gap:10px}.status-chip{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff2b8;color:#705300;font-size:9px;font-weight:700}.tracking-card{min-height:300px}.product-list-head,.product-row{display:grid;grid-template-columns:1.7fr .8fr .8fr .45fr .65fr;gap:10px;align-items:center}.product-list-head{padding:8px 12px;color:var(--muted);font-size:9px}.product-row b{font-size:12px}.product-row small{color:var(--muted)}.seller-form{display:grid;grid-template-columns:1fr auto;gap:8px}.seller-row{display:flex;align-items:center;justify-content:space-between}.product-toggle{display:flex;align-items:center;gap:8px}.report-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.report-cards>div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.report-options{display:grid;gap:8px}

/* EXPEDITION */
.expedition-screen,.settings-screen{min-height:100vh;padding:24px;background:var(--bg)}.expedition-shell,.settings-shell{max-width:1500px;margin:auto}.expedition-header,.settings-header{min-height:110px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:14px;background:linear-gradient(110deg,#0b0d0f,#171a1e 72%,#302503);color:#fff;box-shadow:var(--shadow)}.expedition-header h1,.settings-header h1{margin:5px 0 4px;font-size:26px}.expedition-header p,.settings-header p{margin:0;color:#cbd1d8}.exp-back{min-height:42px;padding:0 14px;background:#15181c;color:#fff;border-color:#373c43}.expedition-summary{margin-top:14px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between}.expedition-summary small,.expedition-summary strong{display:block}.expedition-summary small{color:var(--muted)}.expedition-summary strong{font-size:24px}.expedition-list-card{margin-top:14px;padding:12px}.expedition-list-head,.exp-row{display:grid;grid-template-columns:.6fr 1fr 1fr .5fr 1fr 1fr 70px;gap:8px;align-items:center}.expedition-list-head{padding:8px 10px;color:var(--muted);font-size:9px}.exp-row{width:100%;padding:12px 10px;border:0;border-top:1px solid #edf0f3;background:#fff;text-align:left}.expedition-detail{margin-top:14px;padding:18px}.expedition-detail-head,.exp-packing-head,.exp-scan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exp-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.exp-detail-meta>div,.exp-pack-cards>div,.exp-docs-status>div{padding:12px;border:1px solid #e6eaee;border-radius:9px;background:#f8fafb}.exp-scan-panel,.exp-packing-stage,.exp-pack-scan-panel{padding:16px;margin-top:12px}.exp-progress-box{min-width:100px;padding:9px 12px;text-align:center;border:1px solid #e0e5ea;border-radius:9px}.exp-progress-box small,.exp-progress-box strong{display:block}.exp-progress-box strong{font-size:20px}.exp-scanner-input{height:50px;font-size:16px;font-weight:700}.exp-pack-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.exp-pack-cards small,.exp-pack-cards strong{display:block}.exp-pack-cards small{color:var(--muted);font-size:9px}.packing-hologram{overflow:hidden;border-radius:12px;background:#0c171f;color:#fff}.packing-hologram-head,.packing-hologram-info{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #2b3943}.packing-hologram-title{display:flex;align-items:center;gap:9px}.packing-hologram-title i{width:10px;height:10px;border-radius:50%;background:var(--yellow)}.packing-hologram-title b,.packing-hologram-title small{display:block}.packing-hologram-title small{font-size:9px;color:#9fb0bd}.packing-hologram-actions{display:flex;gap:6px}.packing-hologram-actions button{width:34px;height:34px;border:1px solid #40515d;border-radius:7px;background:#14232d;color:#fff}.packing-hologram-stage{position:relative;height:340px}.packing-hologram-stage canvas{width:100%;height:100%}.packing-hologram-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8ea0ac}.holo-legend{display:flex;gap:10px;font-size:9px}.exp-pack-scan-panel{margin-top:12px;border:1px solid #e5e9ed;border-radius:10px;background:#fbfcfd}.exp-docs-status,.exp-reprint-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.exp-reprint-actions button{min-height:42px}.doc-ok{color:var(--green)}

/* SETTINGS */
.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0;padding:7px;border-radius:11px;background:#0e1012}.settings-tab{min-height:40px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#cdd2d9;font-weight:700}.settings-tab:hover{background:#202328;color:#fff}.settings-tab.active{background:var(--yellow);color:#111}.settings-pane>.card{margin-bottom:14px}.settings-envelope-list,.settings-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settings-envelope-list>div,.settings-status-grid>div{padding:14px;border:1px solid #e4e8ec;border-radius:10px;background:#f9fafb}.settings-envelope-list b,.settings-envelope-list span,.settings-status-grid small,.settings-status-grid strong{display:block}.settings-envelope-list span,.settings-status-grid small{color:var(--muted);margin-top:3px}.user-form-grid{grid-template-columns:repeat(4,1fr)}.auth-permissions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border:1px solid #e6eaee;border-radius:10px;background:#f9fafb}

/* MODALS / LABEL */
.label-loading-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:rgba(7,9,11,.72)}.label-loading-card{width:min(420px,calc(100% - 32px));padding:26px;border-radius:16px;background:#fff;text-align:center}.loading-track{height:8px;overflow:hidden;border-radius:999px;background:#eef1f4}.loading-truck{height:100%;width:40%;background:var(--yellow);animation:truck 1.4s infinite}.loading-dots{letter-spacing:3px}@keyframes truck{from{transform:translateX(-120%)}to{transform:translateX(350%)}}.label-ready-toast{position:fixed;right:20px;bottom:20px;z-index:510;padding:14px 16px;border-radius:12px;background:#101316;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.25)}

/* RESPONSIVE */
@media(max-width:1180px){.app-topbar{grid-template-columns:auto 1fr;gap:10px;padding:10px 18px;height:auto}.top-actions{grid-column:1/-1;justify-content:flex-end}.home-kpi-grid{grid-template-columns:repeat(2,1fr)}.home-dashboard-grid{grid-template-columns:1fr}.home-bottom-grid{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.system-hub-grid{grid-template-columns:1fr 1fr}.product-list-head,.product-row{grid-template-columns:1.5fr .8fr .8fr .55fr}.product-row>*:last-child{grid-column:auto}.exp-pack-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.workspace{width:calc(100% - 16px)}.app-topbar{position:relative;grid-template-columns:1fr;padding:12px}.brand-button{justify-self:start}.top-nav{justify-content:flex-start;overflow-x:auto}.top-actions{justify-content:flex-start;overflow-x:auto}.sf-status,.operator-chip{display:none}.home-topline{min-height:210px;padding:28px 20px;flex-direction:column;align-items:flex-start;gap:18px}.home-topline:before{left:20px}.home-topline h1{font-size:32px}.home-kpi-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.status-donut-wrap{grid-template-columns:1fr;height:auto}.system-hub-wrap,.expedition-screen,.settings-screen{padding:12px}.system-hub-grid{grid-template-columns:1fr}.expedition-header,.settings-header{align-items:flex-start;flex-direction:column}.expedition-list-head{display:none}.exp-row{grid-template-columns:1fr 1fr}.exp-detail-meta,.exp-pack-cards,.exp-docs-status,.exp-reprint-actions,.settings-envelope-list,.settings-status-grid,.user-form-grid,.auth-permissions,.quote-meta-grid,.cep-grid,.sf-extra-grid,.product-form-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.product-list-head{display:none}.product-row{grid-template-columns:1fr}.report-cards{grid-template-columns:1fr 1fr}.packing-hologram-stage{height:280px}}
@media(max-width:460px){.quick-actions,.service-grid,.report-cards{grid-template-columns:1fr}.home-top-actions{width:100%;flex-direction:column}.home-date,.home-primary-action{width:100%;justify-content:center}}

/* V6.26 — garante Produtos dentro de Configurações */
#settingsPaneProducts:not(.hidden) #productsView,
#settingsProductsMount #productsView{
  display:block!important;
}

/* V6.27 Hub aprovado */
#systemHub{padding:0!important;background:#f5f7f9!important}#systemHub>.hub27~*{display:none!important}.hub27{min-height:100vh;background:#f5f7f9;color:#101318;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.hub27-top{height:100px;background:linear-gradient(100deg,#090b0d,#15181b 72%,#0c0e10);border-bottom:3px solid #f5c400;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(48px,calc((100vw - 1500px)/2))}.hub27-brand,.hub27-account{display:flex;align-items:center;gap:14px}.hub27-brand>i,.hub27-account>i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f7c900;color:#111;font-style:normal;font-weight:700}.hub27-brand b,.hub27-brand small,.hub27-account b,.hub27-account small{display:block}.hub27-brand b{font-size:24px}.hub27-brand em{color:#ffc400;font-style:normal}.hub27-brand small,.hub27-account small{color:#bdc4ce;font-size:12px}.hub27-account button{height:50px;border:1px solid #3a3f45;border-radius:10px;background:#171a1e;color:#fff;padding:0 20px;font-weight:700;font-size:15px}
.hub27-hero{height:245px;position:relative;overflow:hidden;background:#fff}.hub27-hero:after{content:"";position:absolute;inset:0 0 0 34%;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.8) 10%,transparent 31%),url('/assets/hub-truck-approved.jpg') center/cover no-repeat}.hub27-welcome{position:relative;z-index:2;padding:58px max(48px,calc((100vw - 1500px)/2));max-width:650px}.hub27-welcome small{font-size:13px;font-weight:700;letter-spacing:.07em;color:#69768a}.hub27-welcome h1{font-size:50px;line-height:1;margin:18px 0 13px;letter-spacing:-.035em}.hub27-welcome p{font-size:18px;line-height:1.45;color:#526076;margin:0}.hub27-copy{position:absolute;z-index:3;left:43%;top:108px;border-left:4px solid #ffc400;padding-left:18px;color:#fff;font-size:16px;font-weight:700;line-height:1.5}.hub27-slogan{position:absolute;z-index:3;right:max(48px,calc((100vw - 1500px)/2));top:140px;color:#fff;text-align:center;font-size:15px;font-weight:700}.hub27-slogan b{color:#ffc400}
.hub27-modules{max-width:1500px;margin:20px auto 18px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hub27-card{min-height:330px;background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:26px 30px;box-shadow:0 8px 26px rgba(16,24,40,.055);display:flex;flex-direction:column}.hub27-card.hot{border-color:#efbd00;background:linear-gradient(135deg,#fff9df,#fff 62%)}.hub27-cardtop{display:flex;justify-content:space-between;align-items:flex-start}.hub27-cardtop>i{width:76px;height:76px;border-radius:16px;background:#f0f3f6;display:grid;place-items:center;font-size:37px;font-style:normal}.hot .hub27-cardtop>i{background:linear-gradient(145deg,#ffe784,#ffd74d)}.hub27-cardtop>span{min-width:100px;border:1px solid #e7eaee;border-radius:14px;background:linear-gradient(#fff,#f4f6f8);padding:10px 14px;text-align:center}.hub27-cardtop b,.hub27-cardtop small{display:block}.hub27-cardtop b{font-size:27px}.hub27-cardtop small{font-size:12px;color:#657187}.hub27-card h2{font-size:30px;margin:23px 0 10px}.hub27-card p{font-size:17px;line-height:1.5;color:#5a677b;margin:0 0 22px}.hub27-card button{margin-top:auto;width:100%;height:58px;border:0;border-radius:11px;background:#f0f2f4;text-align:left;padding:0 26px;font-size:17px;font-weight:700}.hub27-card button b{float:right;font-size:25px}.hot button{background:linear-gradient(90deg,#ffd11f,#ffcf28)}.hub27-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(16,24,40,.09)}
.hub27-status{max-width:1444px;margin:0 auto 20px;display:grid;grid-template-columns:1.25fr repeat(3,1fr);background:#fff;border:1px solid #e0e5eb;border-radius:16px;box-shadow:0 8px 26px rgba(16,24,40,.045);padding:22px 28px}.hub27-status>div{display:flex;align-items:center;gap:15px;border-right:1px solid #e4e8ed;padding:0 24px}.hub27-status>div:last-child{border:0}.hub27-status i{font-size:30px;color:#f3bf00;font-style:normal}.hub27-status span>*{display:block}.hub27-status span>b{font-size:17px}.hub27-status small,.hub27-status em{font-size:11px;color:#738095;font-style:normal}.hub27-status .ok{color:#08a85c}
.hub27-footer{min-height:115px;background:linear-gradient(100deg,#090b0d,#15181b);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px max(48px,calc((100vw - 1500px)/2))}.hub27-footer>div{display:flex;align-items:center;gap:35px}.hub27-footer>div>b{color:#ffc400;font-size:20px}.hub27-footer>div>span{border-left:2px solid #ffc400;padding-left:24px;color:#bbc2cc;font-size:12px}.hub27-footer nav{display:flex;gap:36px}.hub27-footer nav span{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.hub27-footer nav small{grid-column:2;color:#aeb6c1;font-size:10px}
@media(max-width:1000px){.hub27-copy,.hub27-slogan{display:none}.hub27-modules{grid-template-columns:1fr}.hub27-status{grid-template-columns:1fr 1fr}.hub27-status>div{border:0;padding:12px}.hub27-top{padding:0 20px}}@media(max-width:650px){.hub27-brand small,.hub27-account div{display:none}.hub27-welcome{padding:45px 22px}.hub27-welcome h1{font-size:36px}.hub27-modules{padding:0 12px}.hub27-status{margin:0 12px 16px;grid-template-columns:1fr}.hub27-footer{flex-direction:column;gap:18px}.hub27-footer nav{gap:12px;flex-wrap:wrap}}

/* ============================================================
   V6.28 — EXPEDIÇÃO visual aprovada
   Somente apresentação da estrutura funcional existente.
   ============================================================ */
.exp28{background:#f4f6f8!important;min-height:100vh!important;padding:20px 0 42px!important}
.exp28 .expedition-shell{max-width:1500px!important;margin:0 auto!important;padding:0 24px!important}

/* Hero */
.exp28 .expedition-header{
 min-height:150px!important;position:relative!important;overflow:hidden!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 padding:28px 34px!important;border:0!important;border-radius:15px!important;
 background-image:linear-gradient(90deg,rgba(8,10,12,.98) 0%,rgba(8,10,12,.92) 36%,rgba(8,10,12,.20) 66%,rgba(8,10,12,.48) 100%),url('/assets/expedicao-hero-approved.jpg')!important;
 background-size:cover!important;background-position:center!important;
 box-shadow:0 8px 24px rgba(16,24,40,.08)!important;color:#fff!important;
}
.exp28 .expedition-header:after{content:"ORGANIZAÇÃO\A AGILIDADE\A RESULTADOS";white-space:pre;position:absolute;right:34px;top:38px;border-left:4px solid #ffc400;padding-left:18px;color:#fff;font-weight:700;line-height:1.5;font-size:14px}
.exp28 .expedition-header h1{font-size:32px!important;color:#fff!important;margin:4px 0!important}
.exp28 .expedition-header p{color:#e3e7ec!important;font-size:14px!important}
.exp28 .expedition-header .eyebrow,.exp28 .expedition-kicker{color:#ffc400!important;font-weight:700!important;letter-spacing:.07em!important}
.exp28 .exp-back{position:relative!important;z-index:3!important;background:#15191d!important;border:1px solid #3a4047!important;color:#fff!important;border-radius:10px!important;min-height:46px!important;padding:0 18px!important;font-weight:700!important}

/* Summary */
.exp28 .expedition-summary,.exp28 .exp-summary{
 margin-top:16px!important;background:#fff!important;border:1px solid #e1e6ec!important;
 border-radius:14px!important;box-shadow:0 5px 18px rgba(16,24,40,.045)!important;
 padding:18px 20px!important;min-height:92px!important;
}
.exp28 .exp-summary-value,.exp28 .expedition-summary strong{font-size:28px!important;color:#111!important}
.exp28 .exp-summary-label,.exp28 .expedition-summary span{color:#607087!important}

/* Queue table */
.exp28 .exp-list-card,.exp28 .expedition-list{
 margin-top:14px!important;background:#fff!important;border:1px solid #e1e6ec!important;
 border-radius:14px!important;box-shadow:0 5px 18px rgba(16,24,40,.045)!important;
 overflow:hidden!important;
}
.exp28 .exp-list-head{
 background:#f8fafc!important;border-bottom:1px solid #e8ecf1!important;
 font-size:11px!important;font-weight:700!important;color:#536177!important;
}
.exp28 .exp-row{
 min-height:62px!important;border-bottom:1px solid #edf0f3!important;
 transition:.15s ease!important;
}
.exp28 .exp-row:hover{background:#fffaf0!important}
.exp28 .exp-row button,.exp28 .exp-open{
 background:#0d1013!important;color:#fff!important;border:0!important;
 border-radius:9px!important;min-height:38px!important;padding:0 16px!important;font-weight:700!important;
}
.exp28 .exp-status{border-radius:999px!important;padding:6px 11px!important;font-weight:750!important}

/* Order detail */
.exp28 .exp-detail{
 background:#fff!important;border:1px solid #e1e6ec!important;border-radius:15px!important;
 box-shadow:0 7px 22px rgba(16,24,40,.055)!important;
}
.exp28 .exp-detail-header{
 border-bottom:1px solid #e9edf1!important;padding-bottom:18px!important;
}
.exp28 .exp-detail h2{font-size:27px!important}
.exp-detail-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.exp-detail-actions #expPrintPicking{min-height:42px;padding:0 16px;border-radius:8px;font-size:12px}
@media(max-width:700px){.expedition-detail-head{flex-wrap:wrap}.exp-detail-actions{width:100%;justify-content:flex-start}}
.exp28 .exp-order-meta>div{
 background:#f7f9fb!important;border:1px solid #e7ebef!important;border-radius:11px!important;
}
.exp28 .exp-progress,.exp28 .exp-progress-box{border-radius:11px!important}

/* Scanner / separation */
.exp28 .exp-scanner-panel,.exp28 .exp-pack-scan-panel{
 background:#fff!important;border:1px solid #e0e5eb!important;border-radius:14px!important;
 box-shadow:0 5px 18px rgba(16,24,40,.045)!important;
}
.exp28 .exp-scanner-input{
 min-height:56px!important;border:2px solid #dce2e8!important;border-radius:10px!important;
 font-size:18px!important;font-weight:700!important;
}
.exp28 .exp-scanner-input:focus{border-color:#ffc400!important;box-shadow:0 0 0 4px rgba(255,196,0,.13)!important}
.exp28 .exp-item-ok{background:#e9f9f0!important;border-color:#69c996!important;border-radius:11px!important}
.exp28 .exp-item-pending{background:#fff!important;border-color:#e3e7ec!important;border-radius:11px!important}

/* Packing stage and 3D */
.exp28 .exp-packing-stage{
 background:#fff!important;border:1px solid #e0e5eb!important;border-radius:15px!important;
 box-shadow:0 7px 22px rgba(16,24,40,.055)!important;
}
.exp28 .packing-hologram,.exp28 .exp-hologram{
 border-radius:14px!important;overflow:hidden!important;
 box-shadow:0 12px 28px rgba(0,0,0,.13)!important;
}
.exp28 .exp-pack-info>div,.exp28 .packing-info>div{
 background:#f7f9fb!important;border:1px solid #e5e9ee!important;border-radius:11px!important;
}

/* Documents/reprint */
.exp28 .exp-documents,.exp28 .exp-reprint-panel{
 background:#fff!important;border:1px solid #e0e5eb!important;border-radius:14px!important;
 box-shadow:0 5px 18px rgba(16,24,40,.045)!important;
}
.exp28 .exp-reprint-actions button{
 min-height:44px!important;border-radius:9px!important;font-weight:700!important;
}
.exp28 .doc-ok{color:#079454!important;font-weight:700!important}

/* Main action buttons */
.exp28 .primary,.exp28 .exp-primary{
 background:linear-gradient(180deg,#ffd83e,#ffc400)!important;color:#111!important;
 border:0!important;border-radius:10px!important;min-height:48px!important;font-weight:700!important;
}
.exp28 .secondary{border-radius:10px!important}

/* Empty state */
.exp28 .exp-empty{
 min-height:180px!important;display:grid!important;place-items:center!important;
 text-align:center!important;color:#667389!important;
 border:1px dashed #ccd4dd!important;border-radius:14px!important;background:#fff!important;
}

/* Bottom operational strip */
.exp28 .expedition-shell:after{
 content:"Suporte   •   Reimpressão NF-e e Etiqueta   •   Dupla conferência por coletor   •   Embalagem 3D";
 display:block;margin-top:18px;padding:22px 28px;border-radius:13px;
 background:linear-gradient(100deg,#090b0d,#15181b 72%,#242005);color:#fff;
 font-size:13px;font-weight:750;word-spacing:8px;
 border-right:4px solid #ffc400;
}

@media(max-width:900px){
 .exp28 .expedition-header:after{display:none}
 .exp28 .expedition-shell{padding:0 12px!important}
 .exp28 .expedition-header{padding:22px!important}
 .exp28 .expedition-header h1{font-size:27px!important}
}

/* ============================================================
   V6.29 — CAIXAS ATRÁS DOS TEXTOS DOS BANNERS
   ============================================================ */

/* Expedição: caixa escura atrás de ORGANIZAÇÃO / AGILIDADE / RESULTADOS */
.exp28 .expedition-header:after{
  content:"ORGANIZAÇÃO\A AGILIDADE\A RESULTADOS"!important;
  white-space:pre!important;
  position:absolute!important;
  right:34px!important;
  top:50%!important;
  transform:translateY(-50%)!important;

  padding:18px 24px 18px 30px!important;

  color:#ffffff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.5!important;

  background:linear-gradient(
    135deg,
    rgba(8,10,12,.94),
    rgba(15,17,20,.82)
  )!important;

  border:1px solid rgba(255,196,0,.35)!important;
  border-left:5px solid #ffc400!important;
  border-radius:14px!important;

  box-shadow:
    0 12px 30px rgba(0,0,0,.40),
    0 0 24px rgba(255,196,0,.10)!important;

  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}

/* Hub: mesmo padrão para os dois textos sobre o caminhão */
.hub27-copy,
.hub27-slogan{
  padding:16px 22px!important;

  background:linear-gradient(
    135deg,
    rgba(8,10,12,.94),
    rgba(15,17,20,.82)
  )!important;

  border:1px solid rgba(255,196,0,.35)!important;
  border-left:5px solid #ffc400!important;
  border-radius:14px!important;

  box-shadow:
    0 12px 30px rgba(0,0,0,.40),
    0 0 24px rgba(255,196,0,.10)!important;

  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}

.hub27-copy{
  padding-left:22px!important;
}

.hub27-slogan{
  text-align:left!important;
}

/* Em telas menores, não deixa a caixa da Expedição atrapalhar o conteúdo */
@media(max-width:900px){
  .exp28 .expedition-header:after{
    display:none!important;
  }
}

/* V6.30 — reposiciona ORGANIZAÇÃO / AGILIDADE / RESULTADOS
   para não ficar atrás do botão Voltar ao Hub */
.exp28 .expedition-header:after{
  right:190px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:175px!important;
  text-align:left!important;
}

/* Garante que o botão fique isolado à direita */
.exp28 .exp-back{
  position:relative!important;
  z-index:10!important;
  margin-left:auto!important;
}

@media(max-width:1100px){
  .exp28 .expedition-header:after{
    right:175px!important;
    min-width:155px!important;
    font-size:12px!important;
    padding:14px 18px 14px 22px!important;
  }
}
@media(max-width:900px){
  .exp28 .expedition-header:after{
    display:none!important;
  }
}

/* ============================================================
   V6.31 — TODOS OS CARDS DO HUB COM O MESMO ESTILO
   DO CARD COTAÇÃO / VENDAS
   ============================================================ */

.hub27-card{
  border:1px solid #efbd00!important;
  background:linear-gradient(135deg,#fff9df 0%,#fffdf3 38%,#ffffff 72%)!important;
  box-shadow:0 8px 26px rgba(16,24,40,.055)!important;
}

/* Ícones amarelos em todos os cards */
.hub27-card .hub27-cardtop>i{
  background:linear-gradient(145deg,#ffe784,#ffd74d)!important;
  color:#111!important;
}

/* Indicador superior direito padronizado */
.hub27-card .hub27-cardtop>span{
  min-width:100px!important;
  border:1px solid #e7eaee!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff,#f5f7f9)!important;
  padding:10px 14px!important;
  text-align:center!important;
  box-shadow:0 3px 10px rgba(16,24,40,.03)!important;
}

.hub27-card .hub27-cardtop b{
  color:#111!important;
}

.hub27-card .hub27-cardtop small{
  color:#657187!important;
}

/* Títulos e textos iguais */
.hub27-card h2{
  color:#0b0d12!important;
}

.hub27-card p{
  color:#5a677b!important;
}

/* Botão amarelo em TODOS os cards */
.hub27-card button{
  background:linear-gradient(90deg,#ffd11f,#ffcf28)!important;
  color:#111!important;
  border:0!important;
  box-shadow:none!important;
}

/* Hover uniforme */
.hub27-card:hover{
  transform:translateY(-2px)!important;
  border-color:#dcae00!important;
  box-shadow:0 14px 30px rgba(16,24,40,.09)!important;
}

.hub27-card button:hover{
  filter:brightness(.98)!important;
}

/* V6.32 — estados reais da faixa Status do Sistema */
.hub27-status .ok{color:#08a85c!important}
.hub27-status .bad{color:#d92d20!important}
.hub27-status-item em{white-space:normal!important;line-height:1.25!important}

/* ============================================================
   V6.33 — LISTAS PROFISSIONAIS
   Busca de SKU, Histórico, Cadastro, Rastreio e Expedição
   ============================================================ */

/* ---------- AUTOCOMPLETE / BUSCA DE SKU ---------- */
#suggestions{
  display:grid;
  gap:5px;
  margin-top:7px;
  max-height:290px;
  overflow-y:auto;
  padding:5px;
  border-radius:11px;
}

#suggestions:empty{
  display:none;
}

#suggestions .suggestion{
  width:100%;
  min-height:54px;
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 28px;
  align-items:center;
  gap:12px;

  padding:9px 12px;
  margin:0;

  border:1px solid #e3e8ee;
  border-radius:9px;

  background:#ffffff;
  color:#111318;

  text-align:left;
  cursor:pointer;

  box-shadow:0 2px 7px rgba(16,24,40,.025);
  transition:
    background .14s ease,
    border-color .14s ease,
    transform .14s ease,
    box-shadow .14s ease;
}

#suggestions .suggestion::after{
  content:"→";
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#f4f6f8;
  color:#5d6878;
  font-size:14px;
  font-weight:700;
}

#suggestions .suggestion b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;

  padding:5px 9px;

  border-radius:8px;
  background:#fff0aa;
  color:#111318;

  font-size:13px;
  font-weight:700;
  line-height:1;
}

#suggestions .suggestion small{
  display:block;
  min-width:0;

  color:#536176;
  font-size:12px;
  line-height:1.35;

  white-space:normal;
}

#suggestions .suggestion:hover,
#suggestions .suggestion:focus{
  outline:none;
  background:#fffaf0;
  border-color:#e9ba12;
  box-shadow:0 6px 16px rgba(16,24,40,.07);
  transform:translateY(-1px);
}

#suggestions .suggestion:hover::after,
#suggestions .suggestion:focus::after{
  background:#ffc400;
  color:#111;
}

#suggestions .muted{
  padding:18px;
  border:1px dashed #d9dfe6;
  border-radius:9px;
  background:#fafbfc;
  color:#707d90;
  text-align:center;
  font-size:12px;
}

/* Barra de rolagem do autocomplete */
#suggestions::-webkit-scrollbar{
  width:7px;
}
#suggestions::-webkit-scrollbar-thumb{
  background:#cbd2da;
  border-radius:20px;
}
#suggestions::-webkit-scrollbar-track{
  background:transparent;
}

/* ---------- PADRÃO DE LISTAS DO SISTEMA ---------- */
.history-list,
.tracking-list,
.product-list,
.seller-list{
  gap:8px!important;
}

.history-row,
.tracking-row,
.product-row,
.seller-row{
  border:1px solid #e3e8ee!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(16,24,40,.025)!important;
  transition:
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease,
    transform .14s ease!important;
}

.history-row:hover,
.tracking-row:hover,
.product-row:hover,
.seller-row:hover{
  background:#fffaf0!important;
  border-color:#edc233!important;
  box-shadow:0 6px 16px rgba(16,24,40,.06)!important;
  transform:translateY(-1px)!important;
}

/* Histórico */
.history-row{
  padding:13px 15px!important;
}
.history-row b{
  color:#111318!important;
  font-size:13px!important;
}
.history-row small{
  color:#667389!important;
}

/* Cadastro de produtos */
.product-list-head{
  margin-top:12px!important;
  padding:9px 13px!important;

  border:1px solid #e5e9ee!important;
  border-radius:9px!important;

  background:#f5f7f9!important;
  color:#657287!important;

  font-size:9px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

.product-row{
  padding:12px 13px!important;
}

.product-row b{
  color:#111318!important;
  font-size:13px!important;
}

.product-row small{
  display:block!important;
  margin-top:3px!important;
  color:#687589!important;
  line-height:1.3!important;
}

.product-row button{
  border-radius:8px!important;
}

/* Vendedores */
.seller-row{
  padding:12px 14px!important;
}

/* ---------- FILA DA EXPEDIÇÃO ---------- */
.exp28 .expedition-list-head{
  margin:0!important;
  padding:10px 13px!important;
  border:0!important;
  border-bottom:1px solid #e4e9ef!important;
  background:#f5f7f9!important;
  color:#657287!important;
  font-size:9px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}

.exp28 .exp-row{
  min-height:62px!important;
  padding:11px 13px!important;
  border:0!important;
  border-bottom:1px solid #edf0f3!important;
  border-radius:0!important;
  background:#fff!important;
}

.exp28 .exp-row:last-child{
  border-bottom:0!important;
}

.exp28 .exp-row:hover{
  background:#fffaf0!important;
}

.exp28 .exp-row>span:first-child b{
  font-size:13px!important;
  color:#111318!important;
}

.exp28 .exp-row>span{
  color:#526075!important;
  font-size:11px!important;
}

.exp28 .exp-row>span:last-child b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:35px!important;
  padding:0 12px!important;

  border-radius:8px!important;
  background:#101317!important;
  color:#fff!important;

  font-size:10px!important;
  font-weight:700!important;
}

/* ---------- ÚLTIMAS COTAÇÕES DA HOME ---------- */
.home-recent-row{
  min-height:46px!important;
  padding:9px 8px!important;
  border-bottom:1px solid #edf0f3!important;
  border-radius:7px!important;
}

.home-recent-row:hover{
  background:#fffaf0!important;
}

/* ---------- ESTADOS / CHIPS ---------- */
.status-chip,
.exp-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:27px!important;
  padding:5px 10px!important;

  border-radius:999px!important;
  font-size:9px!important;
  font-weight:700!important;
}

/* ---------- MOBILE ---------- */
@media(max-width:760px){
  #suggestions .suggestion{
    grid-template-columns:76px minmax(0,1fr) 26px;
    gap:8px;
    min-height:58px;
  }

  #suggestions .suggestion b{
    font-size:11px;
    padding:5px 7px;
  }

  #suggestions .suggestion small{
    font-size:11px;
  }
}

/* V6.34 — contador real do Hub */
#hub27Quotes{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}

/* V6.35 — Cotação sem Cadastro + Relatórios em Configurações */
.app-topbar #navProducts{display:none!important}
#settingsPaneReports{width:100%!important}
#settingsPaneReports #reportsView{width:100%!important}
#settingsPaneReports #reportsView.hidden{display:none!important}
#settingsPaneReports .card{margin-bottom:14px!important}

/* Últimas cotações */
.home-recent-body{max-height:none!important;overflow:visible!important;margin-top:8px!important}
.home-recent-table-head{
 display:grid;grid-template-columns:minmax(190px,1.55fr) minmax(120px,.9fr) minmax(140px,1fr) 105px 34px;
 gap:14px;align-items:center;padding:9px 14px;margin-bottom:4px;border-radius:8px;background:#f5f7f9;
 color:#7a8698;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.045em
}
.home-recent-row{
 width:100%!important;min-height:58px!important;display:grid!important;
 grid-template-columns:minmax(190px,1.55fr) minmax(120px,.9fr) minmax(140px,1fr) 105px 34px!important;
 align-items:center!important;gap:14px!important;padding:9px 14px!important;margin:0!important;
 border:0!important;border-bottom:1px solid #edf0f3!important;border-radius:0!important;
 background:#fff!important;color:#111318!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important
}
.home-recent-row:last-child{border-bottom:0!important}
.home-recent-row:hover{background:#fffaf0!important}
.home-recent-row .recent-main{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.home-recent-row .recent-main b{padding:5px 8px!important;border-radius:7px!important;background:#fff1ae!important;color:#111!important;font-size:11px!important;font-weight:700!important}
.home-recent-row .recent-main small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#4f5c70!important;font-size:11px!important;font-weight:700!important}
.home-recent-row .recent-cep{color:#536176!important;font-size:11px!important;font-weight:650!important}
.home-recent-row .mini-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;max-width:145px!important;padding:5px 10px!important;border-radius:999px!important;background:#fff1b6!important;color:#7a5c00!important;font-style:normal!important;font-size:9px!important;font-weight:700!important;text-align:center!important}
.home-recent-row .status-finalizado{background:#dff7e9!important;color:#087844!important}
.home-recent-row .recent-value{color:#111318!important;font-size:11px!important;font-weight:700!important;text-align:right!important;font-variant-numeric:tabular-nums!important}
.home-recent-row .recent-arrow{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f1f3f5!important;color:#596577!important;font-weight:700!important}
.home-recent-row:hover .recent-arrow{background:#ffc400!important;color:#111!important}
.home-recent-empty{min-height:150px;display:grid;place-items:center;border:1px dashed #d6dde5;border-radius:10px;color:#718095;background:#fafbfc}

@media(max-width:900px){
 .home-recent-table-head{display:none}
 .home-recent-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:12px!important;border:1px solid #e6eaef!important;border-radius:9px!important;margin-bottom:7px!important}
 .home-recent-row .recent-value{grid-column:2!important;grid-row:1!important}
 .home-recent-row .recent-arrow{grid-column:2!important}
}


/* ============================================================
   CRICKET UNIFICADO V1 — Hub: Cotação | Vendas | Expedição | Configurações
   ============================================================ */
.hub27-modules{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1600px!important}
.hub27-card{min-width:0!important}
.pdv-screen{min-height:100vh;background:#f4f6f8;padding:20px}
.pdv-screen.hidden{display:none!important}
.pdv-module-header{max-width:1600px;margin:0 auto 14px;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-radius:15px;background:linear-gradient(105deg,#090b0d,#171a1e 72%,#2f2604);border-bottom:3px solid #ffc400;color:#fff;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.pdv-module-header>div:first-child>span{color:#ffc400;font-size:10px;font-weight:700;letter-spacing:.08em}.pdv-module-header h1{margin:4px 0;font-size:30px;color:#fff}.pdv-module-header p{margin:0;color:#cbd1d8;font-size:13px}
.pdv-module-actions{display:flex;align-items:center;gap:12px}.pdv-module-actions>span{font-size:11px;color:#d7dde5}.pdv-module-actions>button{min-height:44px;padding:0 17px;border:1px solid #3b4148;border-radius:9px;background:#15181c;color:#fff;font-weight:700;cursor:pointer}
.pdv-frame-wrap{max-width:1600px;height:calc(100vh - 166px);min-height:650px;margin:0 auto;background:#fff;border:1px solid #dfe5eb;border-radius:15px;overflow:hidden;box-shadow:0 7px 24px rgba(16,24,40,.07)}
#pdvModuleFrame{display:block;width:100%;height:100%;border:0;background:#fff}
@media(max-width:1250px){.hub27-modules{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){.hub27-modules{grid-template-columns:1fr!important}.pdv-screen{padding:8px}.pdv-module-header{flex-direction:column;align-items:flex-start;padding:18px}.pdv-module-actions{width:100%;justify-content:space-between}.pdv-frame-wrap{height:calc(100vh - 190px);min-height:520px}}

/* ============================================================
   UNIFICADO V2 — Vendas com identidade do Cricket Sistem base
   ============================================================ */
.pdv-screen{
  min-height:100vh!important;
  padding:22px max(24px,calc((100vw - 1500px)/2)) 30px!important;
  background:#f4f6f8!important;
}
.pdv-screen.hidden{display:none!important}
.pdv-module-header{
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:22px 28px!important;
  margin-bottom:14px!important;
  border-radius:15px!important;
  border-bottom:3px solid #ffc400!important;
  background:linear-gradient(105deg,#090b0d 0%,#15191d 72%,#282204 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(16,24,40,.08)!important;
}
.pdv-module-header>div:first-child>span{
  color:#ffc400!important;font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;
}
.pdv-module-header h1{margin:5px 0 3px!important;font-size:28px!important;color:#fff!important}
.pdv-module-header p{margin:0!important;color:#cbd2da!important;font-size:12px!important}
.pdv-module-actions{display:flex!important;align-items:center!important;gap:12px!important}
#pdvModuleStatus{
  display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:0 13px!important;
  border:1px solid #363c43!important;border-radius:9px!important;background:#14181c!important;color:#fff!important;font-size:10px!important;font-weight:700!important;
}
#pdvBackHub{
  min-height:44px!important;padding:0 17px!important;border:1px solid #3a4047!important;border-radius:9px!important;
  background:#15191d!important;color:#fff!important;font-weight:700!important;cursor:pointer!important;
}
#pdvBackHub:hover{border-color:#ffc400!important}
.pdv-frame-wrap{
  height:calc(100vh - 175px)!important;
  min-height:680px!important;
  overflow:hidden!important;
  border:1px solid #dfe4ea!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(16,24,40,.055)!important;
}
#pdvModuleFrame{display:block!important;width:100%!important;height:100%!important;border:0!important;background:#f4f6f8!important}

/* Exclusividade real entre áreas */
#systemHub.hidden,#settingsHubView.hidden,#expeditionHubView.hidden,#pdvHubView.hidden,.app-shell.system-app-hidden{display:none!important}

/* UNIFICADO V3 — o rodapé legado nunca aparece como tela isolada */
body:has(.app-shell.system-app-hidden) > .legacy-app-footer{display:none!important;}

/* ============================================================
   UNIFICADO V5 — VENDAS/PDV com visual do sistema-base
   ============================================================ */
.pdv-screen{
  min-height:100vh!important;
  padding:20px max(24px,calc((100vw - 1480px)/2)) 28px!important;
  background:#f4f6f8!important;
}

.pdv-module-header{
  min-height:105px!important;
  margin-bottom:14px!important;
  padding:20px 26px!important;

  border-radius:14px!important;
  border:1px solid #20252b!important;
  border-bottom:3px solid #ffc400!important;

  background:linear-gradient(105deg,#090b0d 0%,#15191d 76%,#242005 100%)!important;
  box-shadow:0 8px 24px rgba(16,24,40,.07)!important;
}

.pdv-module-header>div:first-child>span{
  color:#ffc400!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}

.pdv-module-header h1{
  margin:4px 0 2px!important;
  font-size:26px!important;
  line-height:1.05!important;
  color:#fff!important;
}

.pdv-module-header p{
  margin:0!important;
  color:#c7ced7!important;
  font-size:11px!important;
}

.pdv-module-actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

#pdvModuleStatus,
#pdvBackHub{
  min-height:42px!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:700!important;
}

#pdvModuleStatus{
  padding:0 13px!important;
  border:1px solid #363c43!important;
  background:#13171b!important;
  color:#fff!important;
}

#pdvBackHub{
  padding:0 16px!important;
  border:1px solid #3a4047!important;
  background:#15191d!important;
  color:#fff!important;
}

#pdvBackHub:hover{
  border-color:#ffc400!important;
  background:#1a1f24!important;
}

.pdv-frame-wrap{
  height:calc(100vh - 165px)!important;
  min-height:700px!important;
  overflow:hidden!important;

  border:1px solid #dde3e9!important;
  border-radius:14px!important;
  background:#fff!important;

  box-shadow:0 7px 24px rgba(16,24,40,.05)!important;
}

#pdvModuleFrame{
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:#f4f6f8!important;
}

/* ============================================================
   UNIFICADO V6 — VENDAS SEM "SISTEMA DENTRO DE UMA GUIA"
   O PDV ocupa a área inteira do módulo.
   ============================================================ */

#pdvHubView.pdv-screen{
  position:fixed!important;
  inset:0!important;
  z-index:2500!important;

  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;

  margin:0!important;
  padding:0!important;

  background:#f4f6f8!important;
  overflow:hidden!important;
}

/* Cabeçalho externo deixa de aparecer: a navegação fica no próprio PDV */
#pdvHubView .pdv-module-header{
  display:none!important;
}

#pdvHubView .pdv-frame-wrap{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;

  overflow:hidden!important;
  background:#f4f6f8!important;
}

#pdvHubView #pdvModuleFrame{
  display:block!important;
  width:100%!important;
  height:100%!important;

  margin:0!important;
  border:0!important;
  border-radius:0!important;

  background:#f4f6f8!important;
}

/* Evita qualquer tela do sistema principal por baixo */
body:has(#pdvHubView:not(.hidden)){
  overflow:hidden!important;
}

/* Os quatro cards do Hub continuam no mesmo padrão aprovado */
.hub27-modules{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.hub27-card{
  min-width:0!important;
}

@media(max-width:1200px){
  .hub27-modules{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  .hub27-modules{
    grid-template-columns:1fr!important;
  }
}

/* UNIFICADO V7 — Vendas ocupa a tela como módulo nativo */
#pdvHubView.pdv-screen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f4f6f8!important;
}
#pdvHubView .pdv-module-header{display:none!important}
#pdvHubView .pdv-frame-wrap,
#pdvHubView #pdvModuleFrame{
  width:100%!important;
  height:100%!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* V14 — Logo oficial Cricket Sistem; identidade amarela preservada */
.hub27-brand-mark,
.cs-brand-mark,
.brand-mark,
.app-brand-mark,
.hub-brand-mark{
  overflow:visible!important;
  background:transparent!important;
  border-radius:0!important;
}
.hub27-brand-mark img,
.cs-brand-mark img,
.brand-mark img,
.app-brand-mark img,
.hub-brand-mark img{
  display:block!important;
  width:76px!important;
  max-width:76px!important;
  height:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
}

/* Cards e identidade continuam amarelos */
:root{
  --cs-yellow:#ffc400;
  --cs-yellow-soft:#fff1ae;
}

/* V14.1 — somente substituição da letra C pela logo oficial */
.cricket-official-logo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:78px!important;
  max-height:52px!important;
  object-fit:contain!important;
}

/* V14.2 — somente identidade do cabeçalho da Cotação */
.app-topbar .brand-button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.app-topbar .brand-emblem{
  width:66px!important;
  min-width:66px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

.app-topbar .brand-emblem img{
  display:block!important;
  width:66px!important;
  height:44px!important;
  object-fit:contain!important;
}

.app-topbar .brand-name{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
}

.app-topbar .brand-name b{
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:700!important;
}

.app-topbar .brand-name small{
  display:block!important;
  margin-top:4px!important;
  color:#c7ced7!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* V14.3 — somente troca da letra C pela logo oficial no Hub */
#systemHub .hub27-brand > .hub27-brand-logo{
  width:70px!important;
  min-width:70px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-style:normal!important;
  box-shadow:none!important;
}

#systemHub .hub27-brand > .hub27-brand-logo img{
  display:block!important;
  width:70px!important;
  height:46px!important;
  object-fit:contain!important;
}

/* ============================================================
   V14.7 — HISTÓRICO VISUAL MELHORADO
   Escopo exclusivo: #historyView
   ============================================================ */

#historyView{
  max-width:1480px!important;
  margin:0 auto!important;
}

/* Card principal do histórico */
#historyView > .card{
  border:1px solid #e1e6ec!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(16,24,40,.05)!important;
  overflow:hidden!important;
}

/* Cabeçalhos */
#historyView .section-title{
  min-height:72px!important;
  padding:16px 20px!important;
  border-bottom:1px solid #e7ebef!important;
  background:#fff!important;
}

#historyView .section-title > div{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}

#historyView .section-title .num{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#fff2b3!important;
  color:#8a6900!important;
  font-size:13px!important;
  font-weight:700!important;
}

#historyView .section-title h2{
  margin:0!important;
  color:#11151a!important;
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}

#historyView .section-title .ghost{
  height:40px!important;
  padding:0 15px!important;
  border:1px solid #d9e0e7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#3d4857!important;
  font-size:10px!important;
  font-weight:700!important;
}

#historyView .section-title .ghost:hover{
  border-color:#ffc400!important;
  background:#fffaf0!important;
  color:#111!important;
}

/* Filtros */
#historyView .history-filters{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 240px!important;
  gap:12px!important;
  padding:18px 20px!important;
  background:#f8fafb!important;
  border-bottom:1px solid #e8edf1!important;
}

#historyView .history-filters label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  color:#5f6b7c!important;
  font-size:9px!important;
  font-weight:750!important;
}

#historyView .history-filters input,
#historyView .history-filters select{
  height:42px!important;
  min-height:42px!important;
  border:1px solid #dce2e8!important;
  border-radius:9px!important;
  background:#fff!important;
  padding:0 12px!important;
  font-size:11px!important;
}

/* Lista */
#historyView .history-list{
  padding:10px 14px 16px!important;
}

#historyView .history-row{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  margin:6px 0!important;
  padding:14px 16px!important;
  border:1px solid #e4e9ee!important;
  border-radius:11px!important;
  background:#fff!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}

#historyView .history-row:hover{
  transform:translateY(-1px)!important;
  border-color:#e5ba18!important;
  background:#fffdf5!important;
  box-shadow:0 6px 18px rgba(16,24,40,.05)!important;
}

#historyView .history-row > div:first-child{
  min-width:0!important;
}

#historyView .history-row > div:first-child > b{
  display:block!important;
  margin-bottom:5px!important;
  color:#12171c!important;
  font-size:12px!important;
  font-weight:700!important;
}

#historyView .history-row small{
  color:#738094!important;
  font-size:9px!important;
  line-height:1.4!important;
}

#historyView .history-right{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}

#historyView .history-right > b{
  min-width:88px!important;
  color:#11151a!important;
  font-size:13px!important;
  font-weight:700!important;
  text-align:right!important;
}

/* Chips */
#historyView .status-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid #edd77c!important;
  border-radius:999px!important;
  background:#fff5c8!important;
  color:#7b5d00!important;
  font-size:8px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Detalhes */
#historyDetailCard{
  margin-top:16px!important;
}

#historyDetail{
  padding:18px 20px 24px!important;
}

/* ação copiar */
#historyDetail .history-detail-actions{
  display:flex!important;
  justify-content:flex-end!important;
  margin:0 0 14px!important;
}

#historyDetail .copy-quote-btn{
  height:40px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#ffd83d,#ffc400)!important;
  color:#111!important;
  font-size:9px!important;
  font-weight:700!important;
  box-shadow:none!important;
}

/* resumo */
#historyDetail .history-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:14px!important;
}

#historyDetail .history-detail-grid > div{
  min-height:72px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  padding:13px 15px!important;
  border:1px solid #e4e9ee!important;
  border-radius:10px!important;
  background:#f8fafb!important;
}

#historyDetail .history-detail-grid span{
  color:#788497!important;
  font-size:8px!important;
  font-weight:700!important;
}

#historyDetail .history-detail-grid b{
  color:#11151a!important;
  font-size:12px!important;
  font-weight:700!important;
}

/* Status */
#historyDetail .history-status-control{
  margin:14px 0 20px!important;
  padding:16px!important;
  border:1px solid #e2e7ec!important;
  border-radius:11px!important;
  background:#f8fafb!important;
}

#historyDetail .history-status-control > span{
  display:block!important;
  margin-bottom:5px!important;
  color:#748093!important;
  font-size:8px!important;
  font-weight:700!important;
}

#historyDetail #detailStatusLabel{
  display:block!important;
  margin-bottom:12px!important;
  color:#11151a!important;
  font-size:15px!important;
  font-weight:700!important;
}

#historyDetail .history-status-buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

#historyDetail .status-action{
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid #dde3e9!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#475365!important;
  font-size:9px!important;
  font-weight:700!important;
}

#historyDetail .status-action.waiting{
  background:#fff8da!important;
  border-color:#efdc94!important;
  color:#806000!important;
}
#historyDetail .status-action.approved{
  background:#eef8f1!important;
  border-color:#cfe8d7!important;
  color:#187542!important;
}
#historyDetail .status-action.refused,
#historyDetail .status-action.cancelled{
  background:#fff1f1!important;
  border-color:#f0d0d0!important;
  color:#ad3030!important;
}
#historyDetail .status-action.finished{
  background:#eef2ff!important;
  border-color:#d4dbf4!important;
  color:#3d56a6!important;
}
#historyDetail .status-action.status-current{
  box-shadow:0 0 0 2px rgba(255,196,0,.28)!important;
}

/* subtítulos de blocos */
#historyDetail > h3,
#historyDetail .finalize-box > h3{
  margin:20px 0 10px!important;
  color:#11151a!important;
  font-size:15px!important;
  font-weight:700!important;
}

/* itens */
#historyDetail .history-items{
  display:grid!important;
  gap:8px!important;
}

#historyDetail .history-items > div{
  padding:13px 15px!important;
  border:1px solid #e3e8ed!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#303b49!important;
  font-size:11px!important;
}

#historyDetail .history-items b{
  color:#111!important;
  font-weight:700!important;
}

/* opções de frete */
#historyDetail .results{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
}

#historyDetail .results .result{
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:13px 16px!important;
  border:1px solid #e4e9ee!important;
  border-radius:10px!important;
  background:#fff!important;
}

#historyDetail .results .result:first-child{
  border-color:#e8bb13!important;
  background:#fffdf5!important;
}

#historyDetail .results .service{
  color:#111!important;
  font-size:12px!important;
  font-weight:700!important;
}

#historyDetail .results .detail{
  margin-top:4px!important;
  color:#7a8595!important;
  font-size:8px!important;
}

#historyDetail .results .price{
  color:#9a7200!important;
  font-size:14px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* finalizar envio */
#historyDetail .finalize-box{
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid #e1e6eb!important;
  border-radius:13px!important;
  background:#fbfcfd!important;
}

#historyDetail .finalize-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
  padding-bottom:13px!important;
  border-bottom:1px solid #e7ebef!important;
}

#historyDetail .finalize-title > div span{
  display:block!important;
  color:#707c8f!important;
  font-size:8px!important;
  font-weight:700!important;
}

#historyDetail .finalize-title > div b{
  display:block!important;
  margin-top:4px!important;
  color:#11151a!important;
  font-size:12px!important;
  font-weight:700!important;
}

/* destinatário */
#historyDetail .shipping-form-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
}

#historyDetail .shipping-form-grid label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  color:#596678!important;
  font-size:8px!important;
  font-weight:750!important;
}

#historyDetail .shipping-form-grid input,
#historyDetail .finalize-box select{
  height:41px!important;
  min-height:41px!important;
  border:1px solid #dce2e8!important;
  border-radius:8px!important;
  background:#fff!important;
  padding:0 11px!important;
  color:#11151a!important;
  font-size:10px!important;
}

#historyDetail .cep-lookup-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
}

#historyDetail .cep-lookup-btn{
  height:41px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:8px!important;
  background:#ffc400!important;
  color:#111!important;
  font-size:8px!important;
  font-weight:700!important;
}

/* ações */
#historyDetail .finalize-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:16px!important;
}

#historyDetail .finalize-actions .existing-label-order{
  grid-column:1 / -1!important;
  padding:10px 12px!important;
  border:1px solid #cfe6d7!important;
  border-radius:8px!important;
  background:#eef8f1!important;
  color:#267047!important;
  font-size:8px!important;
}

#historyDetail .finalize-actions button{
  min-height:46px!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:700!important;
}

#historyDetail #checkLabelNow{
  grid-column:1 / -1!important;
}

/* etiqueta pronta */
#historyDetail .label-ready{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-top:14px!important;
  padding:14px!important;
  border:1px solid #ecd477!important;
  border-radius:10px!important;
  background:#fff9df!important;
}

#historyDetail .label-ready-info{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

#historyDetail .label-ready-info b{
  color:#17703f!important;
  font-size:12px!important;
  font-weight:700!important;
}

#historyDetail .label-ready-info span{
  color:#6c788a!important;
  font-size:9px!important;
}

#historyDetail .label-ready-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

#historyDetail .label-print-btn,
#historyDetail .label-send-separation{
  min-height:40px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:8px!important;
  background:#ffc400!important;
  color:#111!important;
  font-size:8px!important;
  font-weight:700!important;
}

/* Nota fiscal */
#historyDetail .history-invoice-card{
  margin-top:14px!important;
  padding:16px!important;
  border:1px solid #e1e6eb!important;
  border-radius:11px!important;
  background:#fff!important;
}

#historyDetail .history-invoice-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:12px!important;
}

#historyDetail .history-invoice-head b{
  display:block!important;
  color:#11151a!important;
  font-size:14px!important;
  font-weight:700!important;
}

#historyDetail .history-invoice-head span{
  display:block!important;
  margin-top:3px!important;
  color:#758195!important;
  font-size:8px!important;
}

#historyDetail .history-invoice-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}

#historyDetail .history-invoice-actions input[type="file"]{
  min-height:42px!important;
  padding:8px!important;
  border:1px solid #dce2e8!important;
  border-radius:8px!important;
  background:#fafbfc!important;
}

#historyDetail .history-invoice-actions button,
#historyDetail .history-invoice-head a{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid #dce2e8!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#3e4a5a!important;
  font-size:9px!important;
  font-weight:700!important;
  text-decoration:none!important;
}

/* rastreio */
#historyDetail .history-track-box{
  position:relative!important;
  padding-right:90px!important;
}

#historyDetail .history-track-box button{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-height:32px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:#11151a!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:700!important;
}

/* responsivo */
@media(max-width:1050px){
  #historyDetail .history-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #historyDetail .shipping-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  #historyView .history-filters,
  #historyDetail .history-detail-grid,
  #historyDetail .shipping-form-grid,
  #historyDetail .finalize-actions,
  #historyDetail .history-invoice-actions{
    grid-template-columns:1fr!important;
  }

  #historyView .history-row{
    grid-template-columns:1fr!important;
  }

  #historyView .history-right{
    justify-content:space-between!important;
  }

  #historyDetail .label-ready{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* V14.15 — prévia 3D no início da cotação */
#quoteView .quote-3d-card{
  grid-column:1 / -1!important;
}
#quoteView .quote-3d-help{
  margin:0 18px 12px!important;
}
#quoteView .quote-packing-hologram{
  margin:0 18px 18px!important;
}
#quoteView .quote-packing-hologram .packing-hologram-stage{
  min-height:330px!important;
}
#quoteView #quotePacking3dCanvas{
  width:100%!important;
  height:330px!important;
  display:block!important;
}

/* ============================================================
   V14.24 — Modal de geração da etiqueta proporcional
   ============================================================ */
#labelLoadingOverlay,
.label-loading-overlay,
.label-generation-overlay,
.shipping-label-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  overflow:hidden!important;
  background:rgba(4,7,10,.82)!important;
}

#labelLoadingOverlay.hidden,
.label-loading-overlay.hidden,
.label-generation-overlay.hidden,
.shipping-label-overlay.hidden{
  display:none!important;
}

#labelLoadingOverlay .label-loading-card,
.label-loading-overlay .label-loading-card,
.label-generation-overlay .label-loading-card,
.shipping-label-overlay .label-loading-card,
.label-loading-card{
  width:min(940px,calc(100vw - 32px))!important;
  max-width:940px!important;
  height:auto!important;
  max-height:calc(100vh - 32px)!important;
  margin:auto!important;
  padding:12px!important;
  overflow:auto!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}

.label-loading-card img,
#labelLoadingOverlay img,
.label-loading-overlay img,
.label-generation-overlay img,
.shipping-label-overlay img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:calc(100vh - 155px)!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
}

.label-loading-close,
#labelLoadingOverlay .label-loading-close{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
}

@media(max-height:800px) and (min-width:761px){
  #labelLoadingOverlay .label-loading-card,
  .label-loading-overlay .label-loading-card,
  .label-generation-overlay .label-loading-card,
  .shipping-label-overlay .label-loading-card,
  .label-loading-card{
    width:min(760px,calc(100vw - 28px))!important;
    max-height:calc(100vh - 24px)!important;
  }
  .label-loading-card img,
  #labelLoadingOverlay img,
  .label-loading-overlay img,
  .label-generation-overlay img,
  .shipping-label-overlay img{
    max-height:calc(100vh - 145px)!important;
  }
}

@media(max-width:760px){
  #labelLoadingOverlay,
  .label-loading-overlay,
  .label-generation-overlay,
  .shipping-label-overlay{
    padding:7px!important;
  }
  #labelLoadingOverlay .label-loading-card,
  .label-loading-overlay .label-loading-card,
  .label-generation-overlay .label-loading-card,
  .shipping-label-overlay .label-loading-card,
  .label-loading-card{
    width:calc(100vw - 14px)!important;
    max-height:calc(100vh - 14px)!important;
    padding:8px!important;
  }
}

/* V14.27 — Configurações gerais > Bling / Fiscal */
.bling-general-card{overflow:visible}
.general-bling-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.general-bling-grid label:nth-child(3){grid-column:1/-1}
.general-bling-grid label{display:grid;gap:6px;font-size:10px;font-weight:700;color:#3f4b59}
.general-bling-grid input{min-height:42px;padding:0 12px;border:1px solid #dce2e7;border-radius:8px;background:#fff}
.general-bling-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.general-bling-actions button{min-height:40px}
.settings-integration-badge{padding:7px 10px;border-radius:999px;background:#eef1f4;color:#687589;font-size:9px;font-weight:700}
.settings-integration-badge.ok{background:#edf8f0;color:#197442;border:1px solid #cbe8d4}
.settings-integration-badge.off{background:#fff4f1;color:#a23a2d;border:1px solid #efcbc5}
.general-bling-status{margin-top:12px}
.general-bling-diagnostics{display:grid;gap:7px}
.general-diag-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #e2e7eb;border-radius:8px;background:#fafbfc}
.general-diag-row div{display:grid;gap:3px}.general-diag-row b{font-size:10px}.general-diag-row small{font-size:8px;color:#748091}
.general-diag-row strong{font-size:9px}.general-diag-row strong.ok{color:#197442}.general-diag-row strong.bad{color:#b13c2e}
@media(max-width:760px){.general-bling-grid{grid-template-columns:1fr}.general-bling-grid label:nth-child(3){grid-column:auto}}

/* ============================================================
   V14.28 — avisos e textos de Configurações / Bling mais legíveis
   ============================================================ */
.settings-header h1{font-size:30px!important;line-height:1.08!important}
.settings-header p{font-size:12px!important;line-height:1.4!important;color:#e3e8ed!important}
.settings-tabs .settings-tab{font-size:10px!important;font-weight:700!important}
.settings-pane label{font-size:10px!important}
.settings-pane input,.settings-pane select{font-size:11px!important}
.settings-pane .muted{font-size:10px!important;line-height:1.45!important}
.settings-pane .validation,
#generalBlingMessage{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:12px 15px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:750!important;
}
.settings-pane .validation.ok,#generalBlingMessage.ok{
  border:1px solid #31c66b!important;
  background:#eaf8ef!important;
  color:#176536!important;
}
.settings-pane .validation.warn,#generalBlingMessage.warn{
  border:1px solid #ef5a5a!important;
  background:#fff0f0!important;
  color:#9f2525!important;
}
.settings-integration-badge{
  font-size:10px!important;
  font-weight:700!important;
  padding:8px 12px!important;
}
.general-diag-row b{font-size:11px!important}
.general-diag-row small{font-size:9px!important;line-height:1.35!important}
.general-diag-row strong{font-size:10px!important}

/* V14.29 — painel Proteção Bling */
.bling-guard-card{border-top:3px solid #ffc400!important}
.bling-guard-card .settings-ok{color:#18753e!important}
.bling-guard-card .settings-warn{color:#a52d24!important}

/* ============================================================
   V14.31 — CONFIGURAÇÕES REDESENHADAS
   Escopo integralmente restrito a #settingsHubView.
   ============================================================ */
#settingsHubView{background:#f3f5f7!important}
#settingsHubView .settings-shell{max-width:1500px!important;margin:auto!important}
#settingsHubView .settings-header-v31{
 min-height:132px!important;padding:26px 28px!important;border-radius:14px!important;
 border-bottom:3px solid #ffc400!important;
 background:linear-gradient(105deg,#090d10 0%,#151a1e 72%,#292304 100%)!important;
 box-shadow:0 8px 25px rgba(16,24,40,.08)!important;
}
#settingsHubView .settings-header-v31 h1{margin:7px 0 5px!important;font-size:31px!important;line-height:1.05!important;font-weight:700!important}
#settingsHubView .settings-header-v31 p{font-size:12px!important;line-height:1.4!important;color:#e2e7ec!important}
#settingsHubView .settings-header-v31 .exp-back{
 min-height:46px!important;padding:0 18px!important;border:1px solid #3b4650!important;border-radius:9px!important;
 background:#151b20!important;color:#fff!important;font-size:11px!important;font-weight:700!important
}

#settingsHubView .settings-tabs{
 display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;
 margin:14px 0 18px!important;padding:7px!important;border:1px solid #252d34!important;
 border-radius:12px!important;background:#0c1013!important;box-shadow:0 5px 16px rgba(16,24,40,.05)!important
}
#settingsHubView .settings-tab{
 min-width:0!important;min-height:64px!important;display:flex!important;align-items:center!important;gap:9px!important;
 padding:8px 10px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;
 color:#fff!important;text-align:left!important
}
#settingsHubView .settings-tab:hover{border-color:#343e47!important;background:#171d22!important}
#settingsHubView .settings-tab.active{
 border-color:#ffc400!important;background:linear-gradient(135deg,#ffda43,#ffc400)!important;color:#111!important;
 box-shadow:0 5px 15px rgba(255,196,0,.18)!important
}
#settingsHubView .settings-tab-icon{
 flex:0 0 27px!important;width:27px!important;display:grid!important;place-items:center!important;
 color:#ffc400!important;font-size:19px!important;font-weight:700!important
}
#settingsHubView .settings-tab.active .settings-tab-icon{color:#111!important}
#settingsHubView .settings-tab-copy{min-width:0!important;display:grid!important;gap:3px!important}
#settingsHubView .settings-tab-copy b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit!important;font-size:10px!important;font-weight:700!important}
#settingsHubView .settings-tab-copy small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#aab5bf!important;font-size:7px!important;font-weight:650!important}
#settingsHubView .settings-tab.active .settings-tab-copy small{color:#5e4b00!important}

#settingsHubView .settings-product-summary{
 display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:0 0 14px!important
}
#settingsHubView .settings-product-summary>div{
 min-height:94px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
 padding:15px 18px!important;border:1px solid #dfe5eb!important;border-radius:11px!important;
 background:#fffdf5!important;box-shadow:0 4px 15px rgba(16,24,40,.035)!important
}
#settingsHubView .settings-product-summary .summary-pack{background:#f2f7ff!important}
#settingsHubView .settings-product-summary .summary-envelope{background:#effaf3!important}
#settingsHubView .settings-product-summary .summary-pending{background:#fff1f1!important}
#settingsHubView .settings-product-summary small{color:#526074!important;font-size:9px!important;font-weight:700!important}
#settingsHubView .settings-product-summary strong{margin:4px 0!important;color:#101318!important;font-size:25px!important;line-height:1!important;font-weight:700!important}
#settingsHubView .settings-product-summary span{color:#788598!important;font-size:8px!important}

#settingsHubView .settings-pane>.card,#settingsHubView #productsView>.card{
 border:1px solid #dfe5eb!important;border-radius:12px!important;background:#fff!important;
 box-shadow:0 5px 18px rgba(16,24,40,.04)!important
}
#settingsHubView #productsView>.card:first-child{padding:20px!important}
#settingsHubView #productsView>.card:first-child .section-title h2{font-size:18px!important}
#settingsHubView .product-toolbar{
 gap:12px!important;padding:14px!important;border:1px solid #dfe5eb!important;border-radius:10px!important;background:#f8fafb!important
}
#settingsHubView #productSearch{min-height:46px!important;font-size:11px!important}
#settingsHubView #newProduct{min-height:44px!important;padding:0 18px!important;border-radius:9px!important;font-size:10px!important;font-weight:700!important}
#settingsHubView .product-list{gap:8px!important}
#settingsHubView .product-row{
 min-height:66px!important;padding:13px 14px!important;border:1px solid #e2e7eb!important;border-radius:9px!important;background:#fff!important
}
#settingsHubView .product-row:hover{border-color:#ffc400!important;box-shadow:0 4px 12px rgba(16,24,40,.05)!important}
#settingsHubView .product-row b{font-size:12px!important}
#settingsHubView .product-row small,#settingsHubView .product-measure{font-size:9px!important}
#settingsHubView .product-actions button{min-height:34px!important;padding:0 10px!important;border-radius:7px!important;font-size:9px!important;font-weight:700!important}

@media(max-width:1250px){
 #settingsHubView .settings-tabs{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:760px){
 #settingsHubView .settings-tabs{grid-template-columns:1fr 1fr!important}
 #settingsHubView .settings-product-summary{grid-template-columns:1fr 1fr!important}
 #settingsHubView .settings-tab{min-height:56px!important}
}

/* ============================================================
   V14.32 — ABAS DE CONFIGURAÇÕES MAIS LEGÍVEIS
   Somente #settingsHubView .settings-tabs e descendentes.
   ============================================================ */
#settingsHubView .settings-tabs{
  min-height:92px!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:0!important;
  padding:7px!important;
  overflow:visible!important;
}

#settingsHubView .settings-tab{
  position:relative!important;
  min-width:0!important;
  min-height:76px!important;
  gap:12px!important;
  padding:10px 14px!important;
  border-radius:9px!important;
}

#settingsHubView .settings-tab:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  right:-1px!important;
  top:13px!important;
  bottom:13px!important;
  width:1px!important;
  background:#30383f!important;
}

#settingsHubView .settings-tab.active::after{display:none!important}

#settingsHubView .settings-tab-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:38px!important;
  font-size:25px!important;
  line-height:1!important;
}

#settingsHubView .settings-tab-copy{
  gap:6px!important;
}

#settingsHubView .settings-tab-copy b{
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

#settingsHubView .settings-tab-copy small{
  overflow:visible!important;
  text-overflow:clip!important;
  color:#c0c8cf!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:650!important;
}

#settingsHubView .settings-tab.active .settings-tab-copy b{
  color:#111!important;
}

#settingsHubView .settings-tab.active .settings-tab-copy small{
  color:#4e4000!important;
}

@media(max-width:1350px){
  #settingsHubView .settings-tabs{
    grid-template-columns:repeat(4,1fr)!important;
    gap:6px!important;
  }
  #settingsHubView .settings-tab:not(:last-child)::after{display:none!important}
}

@media(max-width:720px){
  #settingsHubView .settings-tabs{grid-template-columns:1fr 1fr!important}
  #settingsHubView .settings-tab{min-height:68px!important;padding:9px 10px!important}
  #settingsHubView .settings-tab-copy b{font-size:11px!important}
  #settingsHubView .settings-tab-copy small{font-size:8px!important}
  #settingsHubView .settings-tab-icon{font-size:21px!important}
}

/* V14.33 — Corrige corte de texto nas abas de Configurações */
#settingsHubView .settings-tabs{
  grid-template-columns:repeat(4,minmax(250px,1fr))!important;
  gap:7px!important;
}
#settingsHubView .settings-tab{
  min-width:0!important;
  overflow:hidden!important;
}
#settingsHubView .settings-tab-copy b,
#settingsHubView .settings-tab-copy small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(min-width:1500px){
 #settingsHubView .settings-tabs{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:900px){
 #settingsHubView .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ============================================================
   V14.41 — BANNER CONFIGURAÇÕES APROVADO / PROPORÇÃO CORRIGIDA
   Mantém títulos dinâmicos de todas as abas.
   ============================================================ */
#settingsHubView .settings-header-v31{
  min-height:176px!important;
  padding:28px 32px!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#090d10!important;
}
#settingsHubView .settings-header-v31::before{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  inset:0 0 0 43%!important;
  width:auto!important;
  background-image:url('/assets/settings-banner-approved.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  opacity:.94!important;
}
#settingsHubView .settings-header-v31::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  background:linear-gradient(90deg,#090d10 0%,#090d10 38%,rgba(9,13,16,.93) 47%,rgba(9,13,16,.27) 72%,rgba(26,22,3,.65) 100%)!important;
  pointer-events:none!important;
}
#settingsHubView .settings-header-v31>div{position:relative!important;z-index:1!important;max-width:54%!important}
#settingsHubView .settings-header-v31 .exp-back{position:relative!important;z-index:2!important;background:rgba(18,24,29,.93)!important;backdrop-filter:blur(5px)!important}
@media(max-width:900px){
 #settingsHubView .settings-header-v31{min-height:160px!important}
 #settingsHubView .settings-header-v31::before{inset:0!important;opacity:.30!important}
 #settingsHubView .settings-header-v31::after{background:rgba(9,13,16,.74)!important}
 #settingsHubView .settings-header-v31>div{max-width:100%!important}
}

/* V14.45 — restauração robusta das imagens do Hub */
.hub27-hero{
  background:#0b0d0f url('./assets/hub-truck-approved.jpg') center center/cover no-repeat!important;
}
.hub27-hero:after{
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 25%,rgba(255,255,255,.12) 48%,rgba(0,0,0,.08) 100%)!important;
  inset:0!important;
  pointer-events:none!important;
}
.home-topline{
  background-image:linear-gradient(90deg,rgba(5,6,8,.97),rgba(5,6,8,.66) 39%,rgba(5,6,8,.04) 75%,rgba(5,6,8,.22)),url('./assets/hero-cricket.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* V14.57 — apresentação da Expedição, sem alterar suas ações */
.exp28{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#18202c}
.exp28 .expedition-header{min-height:188px!important;padding:32px 38px!important}
.exp28 .expedition-header h1{font-size:36px!important;letter-spacing:-.025em}
.exp28 .expedition-header .system-hub-kicker{color:#ffd43b;font-size:12px;font-weight:700;letter-spacing:.12em}
.exp28 .expedition-header:after{display:none!important}
.exp28 .expedition-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:0!important;padding:16px!important;align-items:stretch!important}
.exp28 .exp-summary-stat{padding:10px 20px;border-right:1px solid #e7ebef;min-width:0}
.exp28 .exp-summary-stat:first-child{border-left:4px solid #f4c400;border-radius:3px}
.exp28 .exp-summary-stat small{font-size:12px;font-weight:700;color:#536176}
.exp28 .exp-summary-stat strong{font-size:31px!important;line-height:1.25;letter-spacing:-.04em}
.exp28 .exp-summary-stat span{display:block;font-size:11px;color:#718096}
.exp28 .exp-refresh{align-self:center;margin:0 6px 0 18px;min-height:42px;padding:0 16px;border-radius:9px;font-size:12px;white-space:nowrap;cursor:pointer}
.exp28 .exp-refresh:hover{border-color:#d9ab00;background:#fff9e6}
.exp28 .expedition-list-card{padding:0!important;overflow:hidden;border-radius:15px!important;border:1px solid #e1e6ec!important;box-shadow:0 7px 22px rgba(16,24,40,.055)!important}
.exp28 .exp-list-title{padding:22px 24px 18px;border-bottom:1px solid #e8ecf1;background:#fff}
.exp28 .exp-list-title .system-hub-kicker{font-size:10px;font-weight:700;letter-spacing:.1em;color:#ae8500}
.exp28 .exp-list-title h2{font-size:21px;margin:5px 0 4px;letter-spacing:-.02em}
.exp28 .exp-list-title p{margin:0;color:#66758a;font-size:12px}
.exp28 .expedition-list-head{padding:13px 20px!important;font-size:10px!important}
.exp28 .exp-row{padding:15px 20px!important;min-height:72px!important;cursor:pointer}
.exp28 .exp-row:focus-visible,.exp28 .exp-back:focus-visible,.exp28 .exp-refresh:focus-visible{outline:3px solid #f2c400;outline-offset:-3px}
.exp28 .exp-row>span{font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp28 .exp-row>span:first-child b{font-size:15px!important}
.exp28 .exp-row>span:last-child b{font-size:11px!important;padding:0 15px!important}
.exp28 .exp-status{font-size:10px!important;white-space:normal;line-height:1.2;text-align:center;background:#fff5d7;color:#755500}
.exp28 .exp-status.packing{background:#e8f1ff;color:#245b99}
.exp28 .expedition-detail{padding:24px!important;border-radius:15px!important}
.exp28 .expedition-detail-head{align-items:center;padding-bottom:17px;border-bottom:1px solid #e9edf1}
.exp28 .expedition-detail-head h2{font-size:24px;margin:5px 0 0}
.exp28 .exp-detail-meta>div,.exp28 .exp-pack-cards>div{padding:16px!important;border-radius:11px!important}
.exp28 .exp-detail-meta small,.exp28 .exp-pack-cards small{font-size:11px!important;color:#69778b}
.exp28 .exp-detail-meta b,.exp28 .exp-pack-cards strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.exp28 .exp-scan-panel,.exp28 .exp-packing-stage{border-radius:14px!important}
.exp28 .exp-empty{margin:16px!important;min-height:155px!important;font-size:14px!important}
@media(max-width:1100px){.exp28 .expedition-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:12px!important}.exp28 .exp-summary-stat:nth-child(2){border-right:0}.exp28 .exp-refresh{grid-column:1/-1;justify-self:end;margin:0 8px 0 0}}
@media(max-width:760px){.exp28 .expedition-header{padding:25px!important;min-height:175px!important}.exp28 .expedition-header h1{font-size:27px!important}.exp28 .expedition-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.exp28 .exp-summary-stat{padding:10px 12px}.exp28 .exp-summary-stat span{font-size:10px}.exp28 .expedition-list-head{display:none!important}.exp28 .exp-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important}.exp28 .exp-row>span{white-space:normal}.exp28 .exp-row>span:last-child{grid-column:1/-1}.exp28 .exp-row>span:last-child b{width:100%;justify-content:center!important}.exp28 .expedition-detail{padding:15px!important}}

/* V14.58 — o texto do banner do Hub cabe inteiro em qualquer largura */
.hub27-hero{height:auto!important;min-height:330px!important;display:flex;align-items:center;overflow:hidden}
.hub27-welcome{width:43%;max-width:none!important;box-sizing:border-box;padding:34px 24px 34px max(48px,calc((100vw - 1500px)/2))!important}
.hub27-welcome h1{font-size:clamp(34px,3.2vw,50px)!important;line-height:1.1!important;overflow-wrap:anywhere}
.hub27-welcome p{font-size:16px!important;line-height:1.4!important}
.hub27-copy{top:50%!important;transform:translateY(-50%)}
.hub27-slogan{top:50%!important;transform:translateY(-50%)}
@media(max-width:1000px){.hub27-welcome{width:min(650px,75%);padding-left:30px!important}}
@media(max-width:650px){.hub27-hero{min-height:300px!important}.hub27-welcome{width:100%;padding:34px 22px!important}.hub27-welcome h1{font-size:clamp(30px,8vw,40px)!important}.hub27-welcome p{max-width:390px}}

/* V14.59 — reinício controlado da expedição para testes */
.exp28 .exp-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.exp28 .exp-restart-test{min-height:46px;padding:0 16px;border:1px solid #d5a900;border-radius:10px;background:#fff8dc;color:#624b00;font-weight:700;cursor:pointer}
.exp28 .exp-restart-test:hover{background:#ffedaa}
.exp28 .exp-restart-test:disabled{opacity:.55;cursor:wait}
.exp28 .exp-restart-test:focus-visible{outline:3px solid #e6b700;outline-offset:2px}
@media(max-width:760px){.exp28 .expedition-detail-head{flex-direction:column;align-items:stretch}.exp28 .exp-detail-actions{width:100%}.exp28 .exp-detail-actions button{flex:1}}
.report-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.report-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.report-dashboard-grid>.card{min-width:0}.report-dashboard-grid h2{margin-bottom:5px}.report-origin-chart{display:grid;gap:15px;margin-top:19px;max-height:420px;overflow:auto}.report-origin-item{min-width:0}.report-origin-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:7px}.report-origin-label b{overflow-wrap:anywhere}.report-origin-track{height:12px;border-radius:8px;background:#e9edf2;overflow:hidden}.report-origin-track span{display:block;height:100%;border-radius:8px;background:#f5c32f}.report-seller-row{display:grid;grid-template-columns:minmax(95px,1fr) 92px 118px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #e5e9ee;font-size:12px}.report-seller-row b{overflow-wrap:anywhere}.report-seller-row small{grid-column:1/-1;color:#936400}.report-dashboard-grid .muted{font-size:11px;line-height:1.5}@media(max-width:900px){.report-dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.report-cards{grid-template-columns:1fr}.report-seller-row{grid-template-columns:minmax(80px,1fr) 80px 105px}}
/* Hub: banner enviado pelo usuário, com textos e ações reais sobre a imagem. */
#systemHub .hub27-hero{height:184px!important;min-height:184px!important;max-width:1500px;margin:12px auto 18px;border-radius:15px;background:#0b0d0f url('/assets/hub-banner-reference.png') center/104% 112% no-repeat!important;display:flex;justify-content:space-between;align-items:center;padding:0 30px!important;box-sizing:border-box}
#systemHub .hub27-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b0d 0%,rgba(9,11,13,.97) 34%,rgba(9,11,13,.08) 53%,rgba(9,11,13,.10) 76%,rgba(9,11,13,.94) 87%,rgba(9,11,13,.94) 100%)!important;pointer-events:none}
#systemHub .hub27-welcome{z-index:2;position:relative;width:min(43%,580px)!important;max-width:none!important;padding:0!important;color:#fff!important}
#systemHub .hub27-welcome small{font-size:11px!important;color:#ffd43b!important;font-weight:700!important;letter-spacing:.08em!important}
#systemHub .hub27-welcome h1{font-size:clamp(26px,3vw,42px)!important;color:#fff!important;margin:23px 0 7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1!important}
#systemHub .hub27-welcome p{font-size:12px!important;color:#fff!important;margin:0!important;line-height:1.4!important}
#systemHub .hub27-hero-actions{position:relative;z-index:3;display:flex;align-items:center;gap:9px;flex:none}
#systemHub .hub27-today{display:flex;align-items:center;height:48px;padding:0 14px;border:1px solid #46505c;border-radius:9px;background:#11161b;color:#fff;font-size:13px;font-weight:700}
#systemHub #hub27NewQuote{height:50px;padding:0 24px;border:0;border-radius:9px;background:linear-gradient(#ffdc48,#ffc400);color:#111;font-size:13px;font-weight:700;cursor:pointer}
#systemHub #hub27NewQuote:hover{filter:brightness(1.06)}
@media(max-width:900px){#systemHub .hub27-hero{padding:0 20px!important;background-size:auto 114%!important;background-position:54% center!important}#systemHub .hub27-welcome{width:55%!important}#systemHub .hub27-hero:after{background:linear-gradient(90deg,#090b0d 0%,rgba(9,11,13,.95) 40%,rgba(9,11,13,.2) 65%,rgba(9,11,13,.93) 85%)!important}}
@media(max-width:640px){#systemHub .hub27-hero{height:245px!important;min-height:245px!important;align-items:flex-start;flex-direction:column;justify-content:space-between;padding:24px 18px!important;background-position:center!important}#systemHub .hub27-hero:after{background:linear-gradient(90deg,rgba(9,11,13,.96),rgba(9,11,13,.52)),linear-gradient(0deg,rgba(9,11,13,.7),transparent)!important}#systemHub .hub27-welcome{width:100%!important}#systemHub .hub27-welcome h1{margin:14px 0 7px!important;white-space:normal}#systemHub .hub27-hero-actions{width:100%;gap:7px}#systemHub #hub27NewQuote{flex:1;padding:0 12px}#systemHub .hub27-today{padding:0 10px}}
.inventory-panel{max-width:1450px;margin:0 auto}.inventory-search{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end;margin:18px 0}.inventory-search label{display:grid;gap:7px;font-size:13px;font-weight:700}.inventory-search input{width:100%;height:46px;padding:0 14px;border:1px solid #d7dfe8;border-radius:9px;background:#fff;font:inherit}.inventory-search button{height:46px;white-space:nowrap}.inventory-results{display:grid;gap:9px;margin:18px 0}.inventory-item{display:grid;grid-template-columns:76px minmax(0,1fr) 200px;align-items:center;gap:17px;padding:12px 15px;border:1px solid #e1e7ee;border-radius:11px;background:#fff}.inventory-photo{width:76px;height:76px;display:grid;place-items:center;border-radius:8px;background:#f3f5f7;color:#7c8795;font-size:11px;text-align:center}.inventory-photo img{width:72px;height:72px;object-fit:contain}.inventory-detail{display:grid;gap:7px;min-width:0}.inventory-detail strong{font-size:14px;overflow-wrap:anywhere}.inventory-detail small{color:#657286}.inventory-balances{display:grid;gap:6px;text-align:right;font-size:12px}.inventory-balances b{font-size:14px;color:#664f00}#inventoryMore{margin-top:8px}@media(max-width:900px){.inventory-search{grid-template-columns:1fr 1fr}.inventory-search label{grid-column:1/-1}}@media(max-width:590px){.inventory-search{grid-template-columns:1fr}.inventory-item{grid-template-columns:64px 1fr}.inventory-photo{width:64px;height:64px}.inventory-photo img{width:60px;height:60px}.inventory-balances{grid-column:2;text-align:left}.inventory-search label{grid-column:auto}}

/* Levantamento de peças: saldo visível e produtos sem saldo ao final. */
.inventory-panel{background:#fff;border:1px solid #dfe6ed;border-radius:15px;padding:22px 24px;box-shadow:0 12px 32px rgba(22,33,48,.04)}
.inventory-item{box-shadow:0 3px 10px rgba(24,34,49,.035);transition:border-color .15s,box-shadow .15s}
.inventory-item:hover{border-color:#e1bb35;box-shadow:0 5px 18px rgba(24,34,49,.08)}
.inventory-item-empty{background:#f8f9fb;border-color:#e9edf2}
.inventory-item-empty .inventory-balances b{color:#986255}
#inventoryStatus[data-stock-summary]::after{content:'  ·  ' attr(data-stock-summary);font-weight:700;color:#354357}
@media(max-width:590px){.inventory-panel{padding:16px 13px}}

/* Configurações: todas as abas visíveis sem texto cortado. */
#settingsHubView .settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-height:0!important;gap:7px!important}
#settingsHubView .settings-tab{min-height:56px!important;padding:8px 11px!important;gap:9px!important}
#settingsHubView .settings-tab-icon{flex-basis:25px!important;width:25px!important;height:28px!important;font-size:19px!important}
#settingsHubView .settings-tab-copy b{font-size:11px!important;line-height:1.2!important}
#settingsHubView .settings-tab-copy small{font-size:9px!important;line-height:1.2!important}
#settingsHubView .settings-tab[style*="display: none"]{display:none!important}
#settingsHubView .settings-header-v31 h1{font-size:26px!important}
@media(max-width:900px){#settingsHubView .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#settingsHubView .settings-tabs{grid-template-columns:1fr!important}}

/* Entrada da Expedição e registro interno de saída de peças. */
.exp-area-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:17px 0}
.exp-area-card{display:flex;align-items:center;gap:17px;min-height:128px;padding:20px 22px;border:1px solid #dce3eb;border-radius:14px;background:#fff;color:#101820;text-align:left;box-shadow:0 7px 24px rgba(16,24,40,.05)}
.exp-area-card.active{border-color:#e8bd00;background:#fff9e4}.exp-area-card:hover{border-color:#e8bd00;box-shadow:0 9px 26px rgba(16,24,40,.1)}
.exp-area-icon{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border-radius:12px;background:#ffda4d;color:#111;font-size:29px;font-weight:700}
.exp-area-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.exp-area-card small{color:#936b00;font-size:10px;font-weight:700;letter-spacing:.08em}.exp-area-card strong{font-size:24px;line-height:1.1}.exp-area-card em{color:#667589;font-size:13px;font-style:normal}.exp-area-card>b{margin-left:auto;white-space:nowrap;font-size:11px}
.parts-out-area{padding:26px;border:1px solid #e0e6ed;border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.05)}
.parts-out-heading h2{margin:5px 0;font-size:26px}.parts-out-heading p{color:#637286;margin:0 0 20px}
.parts-out-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.parts-out-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.parts-out-form input{height:45px;width:100%;padding:0 12px;border:1px solid #d8e0e8;border-radius:8px;background:#fff}.parts-out-form button{height:45px}.parts-out-area .validation:empty{display:none!important}.parts-out-area .validation{margin:14px 0}
.parts-out-history{margin-top:25px;border-top:1px solid #e3e8ee;padding-top:18px}.parts-out-history h3{margin:5px 0 15px;font-size:20px}.parts-out-row{display:grid;gap:5px;padding:13px 15px;margin:8px 0;border:1px solid #e0e6ed;border-radius:9px;background:#fafbfc}.parts-out-row strong{font-size:14px}.parts-out-row span,.parts-out-row small{color:#647387;font-size:12px}
@media(max-width:900px){.exp-area-choice{grid-template-columns:1fr}.parts-out-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.exp-area-card{padding:15px;min-height:105px}.exp-area-card strong{font-size:20px}.exp-area-card>b{display:none}.parts-out-form{grid-template-columns:1fr}.parts-out-area{padding:18px}}

.parts-out-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.parts-out-heading>button{min-height:42px;white-space:nowrap}
.parts-out-sku-field{display:flex;gap:7px}.parts-out-sku-field input{min-width:0;flex:1}.parts-out-sku-field button{min-height:45px;padding:0 11px;white-space:nowrap;font-size:11px}
.parts-out-form input[readonly]{background:#f4f6f8;color:#263443}
.parts-out-history p{margin:0 0 12px;color:#65748a;font-size:13px}.parts-out-history-tools{display:flex;gap:8px;margin:12px 0}.parts-out-history-tools input{flex:1;min-height:42px;padding:0 12px;border:1px solid #d8e0e8;border-radius:8px}.parts-out-history-tools button{padding:0 14px}
.parts-out-row-meta{display:grid;grid-template-columns:100px repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}.parts-out-row-meta span{display:grid;gap:3px}.parts-out-row-meta small{font-size:10px;color:#68788c;font-weight:750}.parts-out-row-meta b{font-size:13px;color:#17202c;overflow-wrap:anywhere}
@media(max-width:850px){.parts-out-row-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.parts-out-heading{display:block}.parts-out-heading>button{margin-bottom:15px}.parts-out-sku-field{flex-direction:column}.parts-out-row-meta{grid-template-columns:1fr 1fr}}

.parts-out-summary{display:inline-block;padding:8px 11px;border-radius:8px;background:#fff5d9;color:#624900;font-size:12px;font-weight:700}
.parts-out-state{justify-self:start;padding:5px 9px;border-radius:99px;background:#fff2ce;color:#755400;font-size:11px!important;font-weight:700}
.parts-out-row.delivered .parts-out-state{background:#e4f6eb;color:#197543}
.parts-out-delivery{border-left:3px solid #32a664;background:#effaf3;padding:10px 12px;color:#195c37;font-size:12px;font-weight:750}
.parts-out-deliver-button{justify-self:start;min-height:38px;padding:0 13px;font-size:11px}
.parts-out-delivery-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:center;padding:12px;border:1px solid #e5d180;border-radius:8px;background:#fffbeb}
.parts-out-delivery-form input{height:40px;min-width:0;padding:0 10px;border:1px solid #d6dfe7;border-radius:7px}.parts-out-delivery-form button{height:40px;padding:0 14px}.parts-out-delivery-form small{grid-column:1/-1;color:#a33229}
@media(max-width:720px){.parts-out-delivery-form{grid-template-columns:1fr}.parts-out-delivery-form small{grid-column:auto}}

/* Saída de peças: cabeçalho, formulário e movimentações bem separados. */
.parts-out-area{padding:0;border:0;background:transparent;box-shadow:none}
.parts-out-heading{align-items:center;min-height:155px;margin-bottom:16px;padding:26px 30px;border-radius:14px;border-bottom:4px solid #ffc400;background:linear-gradient(110deg,#0a0e12,#1d252b 78%,#302807);color:#fff;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.parts-out-heading h2{font-size:30px;color:#fff}.parts-out-heading p{color:#d6dfe7;margin:5px 0 0;font-size:13px}.parts-out-heading>button{background:#141b21;color:#fff;border-color:#65717d}
.parts-out-form{padding:22px 24px;border:1px solid #dce3ea;border-radius:13px;background:#fff;box-shadow:0 6px 21px rgba(16,24,40,.05)}
.parts-out-form{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch}
.parts-out-step{min-width:0;margin:0;padding:17px;border:1px solid #dce3ea;border-radius:11px;background:#fff}
.parts-out-step:first-child{border-color:#f1cf51;background:#fffcf1}
.parts-out-step[disabled]{background:#f6f8fa;opacity:.68}
.parts-out-step-title{display:flex;align-items:center;gap:11px;margin:0 0 15px;padding:0;color:#172334}
.parts-out-step-title>span:first-child{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:8px;background:#ffce24;color:#172334;font-weight:700}
.parts-out-step-title strong,.parts-out-step-title small{display:block}.parts-out-step-title strong{font-size:15px}.parts-out-step-title small{margin-top:2px;font-size:12px;font-weight:500;color:#617184}
.parts-out-step-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}
.parts-out-step:last-child .parts-out-step-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.parts-out-step-fields>button{width:100%}
.parts-out-form label{font-size:13px;color:#273443}.parts-out-form input{height:48px;font-size:13px;font-weight:600}.parts-out-sku-field button{min-height:48px;font-size:11px}.parts-out-form button[type="submit"]{height:48px;border-radius:8px;font-size:12px}
.parts-out-history{border:1px solid #dce3ea;border-radius:13px;background:#fff;padding:24px;margin-top:17px;box-shadow:0 6px 21px rgba(16,24,40,.05)}
.parts-out-history h3{font-size:23px;margin:5px 0}.parts-out-summary{margin:4px 0 7px}.parts-out-history-tools{margin:14px 0 16px}.parts-out-history-tools input{font-size:13px}
.parts-out-row{position:relative;gap:9px;padding:18px 20px;margin:10px 0;background:#fff;border:1px solid #dfe5eb;border-left:4px solid #e9bd17;border-radius:10px;box-shadow:0 4px 13px rgba(16,24,40,.04)}
.parts-out-row.delivered{border-left-color:#35a76a}.parts-out-row>strong{font-size:16px;color:#14202c}.parts-out-row-meta{padding:10px 0;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.parts-out-row-meta b{font-size:14px}
.parts-out-delivery{border-radius:6px;font-size:13px;line-height:1.5}.parts-out-receipt-button{justify-self:start;min-height:40px;padding:0 15px;font-size:11px;font-weight:700}
@media(max-width:700px){.parts-out-heading{padding:22px;min-height:0}.parts-out-form,.parts-out-history{padding:17px}.parts-out-row{padding:15px}.parts-out-heading h2{font-size:25px}}
@media(max-width:700px){.parts-out-step-fields,.parts-out-step:last-child .parts-out-step-fields{grid-template-columns:1fr}}
.parts-out-entry-button{justify-self:start;min-height:40px;padding:0 15px;font-size:11px;font-weight:700;border-color:#d5b235;color:#594500}
.parts-out-returned{border-left:3px solid #2d719e;background:#eaf4fa;padding:10px 12px;border-radius:6px;color:#195274;font-size:13px;font-weight:750}
.parts-out-row:has(.parts-out-returned){border-left-color:#3289b7}
.parts-out-entry-form{grid-template-columns:minmax(0,1fr) auto}.parts-out-entry-form input{font-size:14px}
@media(max-width:720px){.parts-out-entry-form{grid-template-columns:1fr}}
.report-seller-tabs{display:flex;gap:8px;overflow-x:auto;margin:16px 0 0;padding:3px 2px 12px;scrollbar-width:thin}
.report-seller-tab{flex:0 0 auto;min-height:43px;padding:0 17px;border:1px solid #dce2e9;border-radius:10px;background:#fff;color:#263343;font-weight:700;cursor:pointer}
.report-seller-tab.active{background:#ffd02b;border-color:#edbd0b;color:#111820;box-shadow:0 5px 14px rgba(164,122,0,.14)}
.report-seller-panel{margin:4px 0 16px;padding:24px}.report-seller-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:18px;border-bottom:1px solid #e5eaf0}
.report-seller-heading small{color:#9a7400;font-weight:700;letter-spacing:.08em}.report-seller-heading h2{margin:5px 0 0;font-size:25px}.report-seller-heading>span{color:#627187;font-size:12px}
.report-seller-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:19px 0}.report-seller-metrics>div{padding:17px;border:1px solid #e2e7ee;border-radius:11px;background:#f9fafc}.report-seller-metrics span,.report-seller-metrics strong{display:block}.report-seller-metrics span{font-size:11px;color:#627187}.report-seller-metrics strong{margin-top:7px;font-size:22px;color:#192432}
.report-area-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.report-area-tabs button{min-height:46px;padding:0 18px;border:1px solid #d7e0e8;border-radius:10px;background:#fff;color:#1b2836;font-weight:700;cursor:pointer}.report-area-tabs button.active{border-color:#e5b800;background:#ffce25;color:#101820;box-shadow:0 5px 14px #cda30029}
.report-commission-config{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:16px;border:1px solid #f1d778;border-radius:11px;background:#fffbee}.report-commission-config label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.report-commission-config input{width:90px;min-height:40px;margin-left:7px;padding:0 9px;border:1px solid #cbd5e1;border-radius:7px;font-size:15px}.report-commission-config button{min-height:40px}.report-commission-config>small{color:#66758a}.report-commission-note{font-size:12px;color:#9a5d16}
.report-seller-sections{display:grid;grid-template-columns:1fr 1.3fr;gap:22px}.report-seller-sections>div{min-width:0;padding:17px;border:1px solid #e4e9ef;border-radius:11px}.report-seller-sections h3{margin:0 0 18px;font-size:18px}.report-seller-sections .report-origin-item{margin:13px 0}.report-seller-note{display:grid;grid-template-columns:minmax(90px,1fr) 92px 105px;gap:5px 10px;padding:11px 0;border-bottom:1px solid #ecf0f3;font-size:12px}.report-seller-note b{overflow-wrap:anywhere}.report-seller-note strong{text-align:right}.report-seller-note small{grid-column:1/-1;color:#617188}
@media(max-width:900px){.report-seller-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-seller-sections{grid-template-columns:1fr}}
@media(max-width:560px){.report-seller-panel{padding:17px}.report-seller-heading{align-items:flex-start;flex-direction:column}.report-seller-metrics{gap:8px}.report-seller-metrics strong{font-size:17px}.report-seller-note{grid-template-columns:1fr auto}.report-seller-note strong{text-align:left}.report-seller-note small{grid-column:1/-1}}

/* Proporção das Configurações e formulário fiscal no mesmo padrão visual. */
#settingsHubView .settings-shell{max-width:1380px!important}
#settingsHubView .settings-header-v31{min-height:136px!important;padding:22px 26px!important}
#settingsHubView .settings-header-v31 h1{font-size:25px!important}
#settingsHubView .settings-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:12px 0 16px!important}
#settingsHubView .settings-tab{min-height:52px!important;padding:7px 10px!important}
#settingsHubView .settings-tab-copy b{font-size:10px!important}
#settingsHubView .settings-tab-copy small{font-size:8px!important}
#settingsHubView .settings-pane>.card{padding:18px 20px!important}
#settingsHubView .settings-pane .section-title h2{font-size:18px!important}
.general-nfce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}
.general-nfce-grid label{display:grid;gap:6px;font-weight:700;color:#384758}
.general-nfce-grid select{min-height:42px;max-width:100%;padding:0 11px;border:1px solid #d9e1e8;border-radius:8px;background:#fff;color:#1b2632}
.nfce-settings-card{border-top:3px solid #ffc400!important}
.nfce-settings-card #generalNfceMessage:empty,.nfce-settings-card #generalNfceTestResult:empty{display:none!important}
@media(max-width:1150px){#settingsHubView .settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){#settingsHubView .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.general-nfce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#settingsHubView .settings-tabs,.general-nfce-grid{grid-template-columns:1fr!important}}

/* Abas legíveis: três colunas dão espaço ao título e à descrição. */
#settingsHubView .settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:9px!important}
#settingsHubView .settings-tab{min-height:66px!important;padding:10px 14px!important;gap:12px!important}
#settingsHubView .settings-tab-icon{flex-basis:32px!important;width:32px!important;height:34px!important;font-size:24px!important}
#settingsHubView .settings-tab-copy{gap:4px!important}
#settingsHubView .settings-tab-copy b{font-size:14px!important;line-height:1.2!important}
#settingsHubView .settings-tab-copy small{font-size:11px!important;line-height:1.25!important}
@media(max-width:900px){#settingsHubView .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#settingsHubView .settings-tabs{grid-template-columns:1fr!important}}
/* Identificação das peças nas duas visualizações de embalagem. */
.sku-legend{display:flex;flex-wrap:wrap;gap:12px;width:100%;margin-bottom:8px}
.sku-legend span{display:inline-flex;align-items:center;gap:8px;color:#eef4fa;font-weight:700}
.sku-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}

/* Usabilidade: leitura confortável sem aumentar títulos ou alterar a cubagem. */
body{font-size:14px}
.workspace label,.settings-screen label,.expedition-screen label{font-size:14px!important;line-height:1.5!important;color:#263649!important}
.workspace input,.workspace select,.workspace textarea,.settings-screen input,.settings-screen select,.settings-screen textarea{font-size:14px!important}
.workspace .muted,.workspace .detail,.workspace small,.settings-screen small,.expedition-screen small{font-size:12px!important;line-height:1.5!important}
.workspace button,.settings-screen button,.expedition-screen button{font-size:13px!important}
#quoteView .section-title h2{font-size:20px!important}
#quoteView .hint,#quoteView .pack-note,#quoteView .validation,#quoteView .service-grid label,#quoteView .sf-extra-grid label{font-size:13px!important;line-height:1.5!important}
#quoteView .muted,#quoteView small{color:#4c5e70!important}
#quoteView .quote-packing-hologram .packing-hologram-stage{height:220px!important;min-height:220px!important}
#quoteView #quotePacking3dCanvas{height:220px!important}
#quoteView .packing-hologram-title small{color:#b8cad8!important}
@media(max-width:650px){#quoteView .quote-packing-hologram .packing-hologram-stage{height:180px!important;min-height:180px!important}#quoteView #quotePacking3dCanvas{height:180px!important}}

/* Tipografia consistente: pesos reais da fonte, sem negrito excessivo nos campos. */
html body{font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;font-weight:400;font-style:normal}
button,input,select,textarea{font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
body label,.workspace label,.settings-screen label,.expedition-screen label,.cricket-main label{font-weight:600!important}
body input,body select,body textarea,.cricket-main input,.cricket-main select,.cricket-main textarea{font-weight:400!important}
body input::placeholder,body textarea::placeholder{font-weight:400!important;opacity:1;color:#6b7785}
body button,.workspace button,.settings-screen button,.expedition-screen button,.cricket-main button{font-weight:600!important}
body h1,body h2,body h3,body h4,body b,body strong{font-weight:700!important}
body p,body small,.integration-message,.contact-empty{font-weight:400!important}

/* Negrito moderado para destacar as informações sem pesar nos campos. */
body label,.workspace label,.settings-screen label,.expedition-screen label,.cricket-main label{font-weight:700!important}
body button,.workspace button,.settings-screen button,.expedition-screen button,.cricket-main button{font-weight:700!important}

/* Áreas independentes da expedição, incluindo marketplaces. */
.exp-area-choice{grid-template-columns:repeat(3,minmax(0,1fr))}
.exp-area-card{flex-wrap:wrap;align-content:center;gap:12px;padding:20px;min-width:0}
.exp-area-card>span:nth-child(2){flex:1 1 160px}
.exp-area-card strong{font-size:22px;line-height:1.2;overflow-wrap:break-word}
.exp-area-card>b{margin-left:0;flex-basis:100%;padding-left:66px}
.exp-area-card:focus-visible{outline:3px solid #bd9200;outline-offset:3px}
.exp-marketplace-area{border:1px solid #dce3eb;border-radius:16px;background:#fff;padding:26px;margin:18px 0;box-shadow:0 7px 24px rgba(16,24,40,.05)}
.exp-marketplace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.exp-marketplace-heading h2{margin:5px 0 8px;font-size:26px;color:#101820}
.exp-marketplace-heading p,.exp-marketplace-empty p{font-size:14px;line-height:1.6;color:#526378;margin:5px 0}
.exp-marketplace-badge{flex-shrink:0;border-radius:20px;padding:8px 12px;background:#fff4c5;color:#795700;font-size:11px;font-weight:700}
.exp-marketplace-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:24px 0;list-style:none}
.exp-marketplace-steps li{padding:16px;border:1px solid #e2e7ed;border-radius:10px;background:#f9fafb;display:grid;gap:7px}
.exp-marketplace-steps li>span{display:grid;place-items:center;width:28px;height:28px;background:#ffdc50;border-radius:8px;font-weight:700;color:#111}
.exp-marketplace-steps strong{font-size:15px;color:#182331}.exp-marketplace-steps small{font-size:13px;line-height:1.4;color:#526378}
.exp-marketplace-empty{border:1px dashed #cbd5df;border-radius:12px;padding:30px 20px;text-align:center}.exp-marketplace-empty>.exp-area-icon{margin:0 auto 12px}.exp-marketplace-empty h3{font-size:19px;color:#182331;margin:10px 0}.exp-marketplace-empty button{margin-top:18px}
@media(max-width:1100px){.exp-area-choice{grid-template-columns:1fr}.exp-area-card>b{flex-basis:auto;margin-left:auto;padding-left:0}.exp-area-card>span:nth-child(2){flex:1}}
@media(max-width:700px){.exp-marketplace-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-marketplace-area{padding:18px}.exp-marketplace-heading{align-items:flex-start;flex-direction:column}.exp-marketplace-heading h2{font-size:23px}}
@media(max-width:400px){.exp-marketplace-steps{grid-template-columns:1fr}}

.mp-import-form{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr auto;gap:12px;align-items:end;margin:22px 0 12px}.mp-import-form label,.mp-local-filters label,.mp-scanner label,#mpDocuments label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#243447}.mp-import-form input,.mp-import-form select,.mp-local-filters input,.mp-local-filters select,.mp-scanner input,#mpDocuments input,#mpDocuments select{width:100%;min-height:44px;padding:10px;border:1px solid #cbd5df;border-radius:8px;background:#fff;color:#101820;font:14px Arial,sans-serif}.mp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.mp-toolbar h3{margin:4px 0}.mp-local-filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:14px}.mp-queue-list{display:grid;gap:10px;max-height:640px;overflow:auto}.mp-order-row{width:100%;display:grid;grid-template-columns:1fr 1.5fr 1fr auto;gap:12px;align-items:center;border:1px solid #dce3eb;border-radius:10px;background:#fff;padding:16px;text-align:left;color:#172a3d;cursor:pointer}.mp-order-row:hover{border-color:#d3ab00;background:#fffcee}.mp-order-row small{display:block;color:#526378;margin-top:4px;font-size:12px}.mp-stage{display:inline-block;background:#fff2bf;color:#664c00;border-radius:12px;padding:5px 9px;font-size:12px;font-weight:700}.mp-order-row[data-stage="SHIPPED"] .mp-stage{background:#e1f4e9;color:#17623c}.mp-order-row[data-stage="CHECKED"] .mp-stage{background:#e5f1ff;color:#175584}.mp-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.mp-remote-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e0e6ec;font-size:14px}.mp-remote-row input{width:20px;height:20px;flex-shrink:0}.mp-detail{border:1px solid #dce3eb;border-radius:12px;margin-top:24px;padding:22px}.mp-detail>p{color:#526378;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.mp-scanner{display:flex;gap:14px;align-items:end;margin:18px 0}.mp-scanner label{flex:1}.mp-scanner input{font-size:19px;font-weight:700}.mp-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border-bottom:1px solid #e0e6ec;font-size:14px}.mp-item small{display:block;margin-top:4px;color:#526378}.mp-item.complete{background:#edf8f1}.mp-event{font-size:13px;padding:10px 0;border-bottom:1px solid #e0e6ec;color:#243447}.mp-event small{display:block;color:#526378;margin-top:4px}#mpDocumentLinks{display:grid;gap:10px;margin:12px 0}#mpDocumentLinks a{display:inline-block;padding:12px;border:1px solid #cbd5df;border-radius:8px;color:#172a3d;font-weight:700;text-decoration:underline}#mpDocuments>p{font-size:13px;line-height:1.5;color:#526378}#mpDocuments .mp-confirm{display:flex;align-items:center;margin:16px 0;font-size:13px;line-height:1.5}#mpDocuments .mp-confirm input{width:20px;min-height:20px;flex-shrink:0}#mpRemoteArea{border:1px solid #dce3eb;border-radius:12px;padding:16px;margin-top:18px}#mpMessage{white-space:pre-line}
@media(max-width:1100px){.mp-import-form{grid-template-columns:1fr 1fr}.mp-order-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mp-import-form,.mp-local-filters{grid-template-columns:1fr}.mp-scanner{flex-wrap:wrap}.mp-scanner label{flex-basis:100%}.mp-order-row{grid-template-columns:1fr}.mp-detail{padding:14px}.mp-toolbar>button{min-height:44px}.mp-pagination button{padding:10px}}
/* Integrações: contas e lojas */
.integration-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.integration-provider{border:1px solid #dce3eb;border-radius:16px;padding:28px;text-align:center;background:#fff;min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 5px 18px #14223208}.integration-provider h3{font-size:19px;margin:0}.integration-provider p{font-size:14px;min-height:38px;overflow-wrap:anywhere;color:#52647a;margin:0}.integration-provider>.secondary{width:100%;max-width:260px;font-size:14px}.provider-bling{height:90px;display:flex;align-items:center;color:#2bb573;font:bold 62px Arial;letter-spacing:-4px}.provider-bling span{color:#add845}.provider-ml{height:90px;display:flex;align-items:center;gap:9px;color:#253565;font:bold 26px Arial;line-height:.93;text-align:left}.provider-ml>span{font-size:36px;background:#ffe600;border:2px solid #28345b;border-radius:50%;padding:8px}.integration-disconnect{background:none;border:0;color:#9e3030;text-decoration:underline;padding:4px;cursor:pointer}.integration-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.integration-form label:last-child{grid-column:1/-1}.integration-form label,.integration-links label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600}.integration-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}#settingsPaneIntegrations summary{font-size:18px;font-weight:650;cursor:pointer;padding:8px 0}#settingsPaneIntegrations .bling-general-card{box-shadow:none;margin:20px 0 0;border:0;padding:0}#settingsPaneIntegrations .card{margin-bottom:22px}#settingsPaneIntegrations input,#settingsPaneIntegrations select{font-size:15px;min-height:44px}@media(max-width:850px){.integration-providers{grid-template-columns:1fr}.integration-form,.integration-links{grid-template-columns:1fr}}

.integration-providers{align-items:start}.integration-inline-details{width:100%;text-align:left;min-width:0}.integration-inline-details:not([open]){display:none}#settingsPaneIntegrations .integration-inline-details summary{font-size:15px}.integration-inline-details .general-bling-grid,.integration-inline-details .settings-status-grid{display:grid;grid-template-columns:minmax(0,1fr)}.integration-inline-details .general-bling-actions{display:flex;flex-wrap:wrap}.integration-inline-details input,.integration-inline-details strong{min-width:0;max-width:100%;overflow-wrap:anywhere}.integration-inline-details .section-title{flex-wrap:wrap}

.integration-marketplace-group{grid-column:span 2;background:#fff;border:1px solid #dce3eb;border-radius:16px;padding:24px;min-width:0;box-shadow:0 5px 18px #14223208}.integration-marketplace-title{font-size:21px;margin:0 0 20px}.integration-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.integration-accounts .integration-provider{box-shadow:none;padding:20px}.integration-ml-settings{border-top:1px solid #e1e6ee;margin-top:22px;padding-top:16px;text-align:left}.integration-store-settings{border-top:1px solid #e1e6ee;margin-top:24px;padding-top:20px}.integration-app-settings{margin:18px 0}.integration-ml-settings .integration-form{grid-template-columns:minmax(0,1fr)}.integration-ml-settings .integration-links{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:850px){.integration-marketplace-group{grid-column:auto}.integration-accounts,.integration-ml-settings .integration-links{grid-template-columns:1fr}}

/* 2026-10-20: preserve native-link navigation and readable shipping fields. */
#historyDetail .finalize-box label,
#historyDetail .shipping-form-grid label{font-size:14px!important;font-weight:600!important;line-height:1.45!important;color:#24364a!important}
#historyDetail .finalize-box input,
#historyDetail .finalize-box select,
#historyDetail .shipping-form-grid input{font-size:15px!important;font-weight:500!important;line-height:1.4!important;min-height:44px!important;padding:10px 12px!important;color:#122235!important}
#historyDetail .finalize-box h3{font-size:20px!important;line-height:1.3!important}
#historyDetail .cep-lookup-btn{font-size:14px!important;font-weight:600!important;min-height:44px!important;padding:10px 16px!important}
#historyDetail .shipping-form-grid{gap:14px!important}
.top-nav a[data-module-link]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}
.cricket-menu a[data-module-link]{display:flex;align-items:center;gap:8px;text-decoration:none;box-sizing:border-box}
.top-nav{gap:10px!important;flex-wrap:wrap}
.hub27-account #accountPassword{font:600 14px/1.3 Arial,sans-serif;padding:10px 14px;min-height:40px;background:#171c20;color:#fff;border:1px solid #58636d;border-radius:9px;white-space:nowrap}
a[data-module-link]{text-decoration:none;cursor:pointer}
.hub27-card>span:last-child{display:block;margin-top:auto;width:100%;min-height:58px;border-radius:11px;background:linear-gradient(90deg,#ffd11f,#ffcf28);color:#111;padding:17px 26px;font-size:17px;font-weight:700;text-align:left}
.hub27-card>span:last-child b{float:right;font-size:25px;line-height:24px}

/* Password action belongs exclusively to the Hub user area. */
body #accountPassword{display:none!important}body #systemHub .hub27-account #accountPassword:not([hidden]){display:inline-flex!important;align-items:center}

/* Separação: opção 1 — foco no coletor. */
#expOrderDetail .expedition-detail-head{background:#11191e;color:#fff;padding:22px;border-radius:14px 14px 0 0;gap:20px;flex-wrap:wrap}#expOrderDetail .expedition-detail-head h2{color:#fff;margin:6px 0}#expOrderDetail .exp-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}#expDetailMeta>div{padding:14px 18px;background:#f5f7fa;border:1px solid #e0e5ed;border-radius:10px}#expDetailMeta small{display:block;margin-bottom:6px;color:#617083}#expDetailMeta b{font-size:16px}
:is(#expScanPanel,#expPackScanPanel).picking-v1{padding:22px;border:1px solid #dfe5ed;border-radius:14px;background:#fff}:is(#expScanPanel,#expPackScanPanel) .picking-workspace{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(210px,1fr) 160px;gap:24px;align-items:center;margin-bottom:24px}.picking-reader>label,.picking-feedback>small{display:block;font-size:13px;font-weight:750;letter-spacing:.06em;margin-bottom:10px}.picking-reader>p{font-size:14px;color:#637084;margin:10px 0}:is(#expScannerInput,#expPackScannerInput){box-sizing:border-box;width:100%;height:72px;border:3px solid #ffce21;border-radius:10px;padding:15px 18px;font-size:22px;background:#fff;color:#142331}:is(#expScannerInput,#expPackScannerInput):focus{outline:3px solid #fff0a4;outline-offset:2px}.picking-feedback{padding:18px;border-radius:12px;background:#f0f3f7;min-height:100px}.picking-feedback:has(.ok){background:#e6f5ec}.picking-feedback:has(.warn){background:#fff1dc}.picking-feedback .validation{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.picking-progress{text-align:center;color:#5d6878;font-size:13px}.picking-ring{--progress:0%;width:112px;height:112px;border-radius:50%;background:conic-gradient(#ffce21 var(--progress),#e7ebf0 0);display:grid;place-items:center;margin:0 auto 8px;position:relative}.picking-ring:before{content:'';position:absolute;inset:12px;background:#fff;border-radius:50%}.picking-ring strong{position:relative;color:#172533;font-size:25px}.picking-table-wrap{overflow-x:auto}.picking-table{width:100%;border-collapse:collapse;min-width:670px;font-size:16px}.picking-table th{background:#edf1f6;color:#4a596b;font-size:12px;letter-spacing:.04em;padding:15px;text-align:left}.picking-table td{padding:20px 15px;border-bottom:1px solid #e3e8ef;line-height:1.5}.picking-table td:first-child{white-space:nowrap}.picking-table tr.done{background:#ecf8f0}.picking-table td:nth-child(3),.picking-table td:nth-child(4){text-align:center;font-size:20px}.picking-status{display:inline-block;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:700;white-space:nowrap}.picking-status.complete{background:#d9f0e2;color:#207444}.picking-status.pending{background:#fff1d9;color:#a96500}.picking-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}.picking-footer>span{color:#5c6b7c;font-size:14px}.picking-footer button{padding:16px 22px;font-size:15px}.picking-footer button:disabled{background:#e2e6eb;color:#7a8490;cursor:not-allowed;opacity:1}
@media(max-width:1000px){:is(#expScanPanel,#expPackScanPanel) .picking-workspace{grid-template-columns:1fr 1fr}.picking-progress{grid-column:1/-1}.picking-ring{width:90px;height:90px}#expOrderDetail .exp-detail-meta{grid-template-columns:1fr}}@media(max-width:600px){:is(#expScanPanel,#expPackScanPanel) .picking-workspace{grid-template-columns:1fr}:is(#expScanPanel,#expPackScanPanel).picking-v1{padding:14px}:is(#expScannerInput,#expPackScannerInput){font-size:18px}.picking-footer button{width:100%}}@media print{.picking-workspace,.picking-footer{display:none!important}}

#expPackScanPanel>h3{font-size:22px;margin:0 0 24px;color:#172533}#expPackScanSummary{color:#5c6b7c;font-size:14px;margin:18px 0}#expPackScanPanel .exp-docs-status{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}#expPackScanPanel .exp-docs-status>div{padding:16px;background:#f5f7fa;border:1px solid #e0e5ed;border-radius:10px}#expPackScanPanel .exp-docs-status small{display:block;margin-bottom:6px}#expPackScanPanel .exp-reprint-actions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 20px}#expPackScanPanel .exp-reprint-actions button{flex:1;min-width:220px;padding:14px;border-radius:9px}#expFinalizePacking{min-height:50px;padding:14px 24px;font-size:15px}#expFinalizePacking:disabled{background:#e2e6eb;color:#7a8490;opacity:1;cursor:not-allowed}@media(max-width:600px){#expPackScanPanel .exp-docs-status{grid-template-columns:1fr}#expFinalizePacking{width:100%}}

/* Histórico compacto de movimentações */
.parts-out-row{display:block;padding:0}
.parts-out-row-summary{display:flex;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;list-style:none}
.parts-out-row-summary::-webkit-details-marker{display:none}
.parts-out-row-heading{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}
.parts-out-row-heading strong{font-size:14px;color:#14202c;overflow-wrap:anywhere}
.parts-out-row .parts-out-state{color:#755400}.parts-out-row.delivered .parts-out-state{color:#197543}
.parts-out-overview{color:#52657a!important;font-size:13px!important}
.parts-out-toggle{white-space:nowrap;font-weight:700;color:#355773!important;font-size:13px!important}
.parts-out-toggle::after{content:' ▾'}.parts-out-row[open] .parts-out-toggle::after{content:' ▴'}
.parts-out-row-body{display:grid;gap:9px;padding:0 18px 16px}
@media(max-width:700px){.parts-out-row{padding:0}.parts-out-row-summary{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:13px}.parts-out-row-heading{flex-basis:100%}.parts-out-overview{flex:1}.parts-out-row-body{padding:0 13px 14px}}