/* Identidade Zallu para Envios Full. Apenas apresentação, isolada das outras abas. */
body.enviosfull-active {
  --bg:#0b1119; --surface:#0f1b2a; --surface-2:#122134;
  --line:#283d54; --line-strong:#3a526f;
  --ink:#eff4fb; --ink-2:#afc5df; --muted:#8ba4c2;
  --accent:#347ef5; --accent-ink:#fff; --accent-2:#58a0ff; --accent-soft:#142e4e;
  --good:#22d777; --good-ink:#4ade80; --warn:#f5ab17; --crit:#ef646e; --crit-ink:#ff969e;
  --shadow:0 5px 18px rgba(0,0,0,.12);
  color-scheme:dark;
}
body.enviosfull-active .nav,
body.enviosfull-active .topbar,
body.enviosfull-active .tabbar { background:#0d1825; }
body.enviosfull-active .nav { padding:16px 12px; }
body.enviosfull-active .brand { padding:2px 6px 18px; }
body.enviosfull-active .brand .logo { width:44px; height:44px; border-radius:10px; font-size:20px; }
body.enviosfull-active .nav-btn { min-height:40px; color:#cedcf0; }
body.enviosfull-active .nav-btn.active,
body.enviosfull-active .sub button.active { background:var(--accent-soft); color:var(--accent-2); }
body.enviosfull-active .sub button { padding-top:7px; padding-bottom:7px; color:var(--ink-2); }
body.enviosfull-active .sub button.active { border-left-color:var(--accent-2); }
body.enviosfull-active .topbar { min-height:64px; gap:10px; padding:10px 14px; }
body.enviosfull-active .crumbs b { font-size:18px; font-weight:800; }
body.enviosfull-active .acct,
body.enviosfull-active .acct select { min-width:0; max-width:100%; }
body.enviosfull-active .pill.on { color:#49e18e; background:#102d25; }
body.enviosfull-active .iconbtn { width:38px; height:38px; }

#page-enviosfull { padding:16px 14px 32px; }
#page-enviosfull svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
#page-enviosfull .ef-notice { display:flex; align-items:flex-start; gap:12px; padding:14px; margin:0 0 16px; border:1px solid #76601f; border-left:3px solid var(--warn); border-radius:9px; background:#252319; color:var(--ink-2); font-size:12px; line-height:1.7; }
#page-enviosfull .ef-notice > svg { width:24px; height:24px; color:var(--warn); }
#page-enviosfull .ef-notice b { color:var(--ink); }
#page-enviosfull .panel { padding:14px 12px; border:1px solid var(--line); border-top:2px solid var(--accent); border-radius:10px; background:var(--surface); box-shadow:var(--shadow); }
#page-enviosfull .ef-new { margin-bottom:16px; }
#page-enviosfull .panel h3 { font-size:18px; font-weight:800; }
#page-enviosfull .ef-heading { display:flex; align-items:center; gap:14px; margin:0 0 16px; }
#page-enviosfull .ef-heading-icon,
#page-enviosfull .ef-calendar { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border-radius:10px; background:var(--accent); color:#fff; }
#page-enviosfull .ef-heading-icon svg { width:26px; height:26px; }
#page-enviosfull #efForm { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; align-items:end; }
#page-enviosfull .ef-field { display:grid; gap:6px; min-width:0; color:var(--ink-2); font-size:12px; line-height:1.5; }
#page-enviosfull .ef-center-field,
#page-enviosfull #efForm > .btn { grid-column:1 / -1; }
#page-enviosfull input:not([type="checkbox"]):not([type="file"]),
#page-enviosfull select { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:10px 11px; border:1px solid var(--line-strong); border-radius:8px; background:var(--surface-2); color:var(--ink); font:inherit; font-size:14px; color-scheme:dark; }
#page-enviosfull input::placeholder { color:var(--muted); opacity:1; }
#page-enviosfull .btn { min-height:44px; gap:8px; padding:10px 14px; border-radius:8px; justify-content:center; font-size:13px; }
#page-enviosfull .btn svg { width:20px; height:20px; }
#page-enviosfull .btn.primary { background:var(--accent); border-color:#5093ff; color:#fff; }
#page-enviosfull .btn.primary:hover { background:#276feb; }
#page-enviosfull .btn:disabled { opacity:.55; cursor:wait; }
#page-enviosfull :is(input,select,button):focus-visible { outline:2px solid var(--accent-2); outline-offset:3px; }
#page-enviosfull .ef-toolbar { gap:8px 16px; margin-bottom:16px; }
#page-enviosfull .ef-toolbar h3 { margin:0; }
#page-enviosfull #efInfo { flex-basis:100%; color:var(--ink-2); font-size:12px; overflow-wrap:anywhere; }
#page-enviosfull .ef-toolbar .grow { display:none; }
#page-enviosfull .toggle { position:relative; min-height:44px; font-size:12px; color:var(--ink-2); }
#page-enviosfull .toggle input { display:block; position:absolute; opacity:0; width:1px; height:1px; }
#page-enviosfull .toggle i { flex-shrink:0; width:38px; height:22px; background:#294562; }
#page-enviosfull .toggle i:after { width:16px; height:16px; top:3px; left:3px; }
#page-enviosfull .toggle input:checked + i { background:var(--accent); }
#page-enviosfull .toggle input:checked + i:after { left:3px; transform:translateX(16px); }
#page-enviosfull .toggle input:focus-visible + i { outline:2px solid var(--accent-2); outline-offset:3px; }
#page-enviosfull #efBody { gap:12px; }
#page-enviosfull .ef-card { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:16px 12px; border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:9px; background:linear-gradient(115deg,#112137,#0f1b2a); }
#page-enviosfull .ef-card.negativo { border-color:var(--crit); }
#page-enviosfull .ef-summary { display:flex; align-items:flex-start; gap:12px; min-width:0; }
#page-enviosfull .ef-calendar { width:42px; height:48px; }
#page-enviosfull .ef-calendar svg { width:28px; height:28px; }
#page-enviosfull .ef-description { min-width:0; }
#page-enviosfull .ef-card .ttl { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin:0; font-size:21px; line-height:1.3; font-weight:800; }
#page-enviosfull .ef-card .ttl .adtag { padding:4px 8px; border:1px solid #a77a19; border-radius:6px; background:#302917; color:#ffc04d; font-size:11px; line-height:1.4; font-weight:600; }
#page-enviosfull .ef-card .ttl .adtag.ruim { background:#361d29; border-color:var(--crit); color:var(--crit-ink); }
#page-enviosfull .ef-card .meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:10px 0 0; font-size:12px; line-height:1.5; color:var(--ink-2); }
#page-enviosfull .ef-card .meta > span { min-width:0; overflow-wrap:anywhere; }
#page-enviosfull .ef-card .meta .adtag { padding:4px 8px; border:1px solid #315a86; border-radius:6px; background:var(--accent-soft); color:#dbeafe; font-size:11px; font-weight:700; }
#page-enviosfull .ef-location { display:flex; align-items:center; gap:7px; }
#page-enviosfull .ef-location svg { width:18px; height:18px; }
#page-enviosfull .ef-units { display:flex; gap:14px; align-items:center; min-width:0; padding:12px 0 0; border-top:1px solid var(--line); }
#page-enviosfull .ef-units > svg { width:32px; height:32px; color:var(--accent-2); }
#page-enviosfull .ef-units > div { min-width:0; }
#page-enviosfull .ef-units span { text-transform:none; font-size:12px; letter-spacing:0; color:var(--ink-2); }
#page-enviosfull .ef-units b { display:block; font-size:26px; line-height:1.3; font-weight:800; overflow-wrap:anywhere; }
#page-enviosfull .ef-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-top:14px; border-top:1px solid var(--line); }
#page-enviosfull .ef-status { position:relative; flex:1 1 135px; min-width:0; }
#page-enviosfull .ef-status:before { content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--accent); left:12px; top:50%; transform:translateY(-50%); pointer-events:none; }
#page-enviosfull .ef-status select { padding-left:30px; }
#page-enviosfull .efAbrir { flex:1 1 140px; border-color:var(--accent); color:var(--ink); }
#page-enviosfull .efAbrir svg { color:var(--accent-2); }
#page-enviosfull .efDel { margin-left:auto; color:var(--crit-ink); border-color:#aa4d5a; }
#page-enviosfull .efDel:hover { background:#351c29; }

/* O detalhe usa os mesmos dados e controles; só ganha espaçamento e contraste. */
#page-enviosfull .ef-detalhe { min-width:0; gap:16px; margin:-12px 0 0; padding:16px 12px; border:1px solid var(--line); border-top:0; background:var(--surface-2); border-radius:0 0 9px 9px; }
#page-enviosfull .ef-pdf { grid-template-columns:minmax(0,1fr); gap:12px; }
#page-enviosfull .ef-pdf > div { min-width:0; overflow-wrap:anywhere; }
#page-enviosfull .ef-pdf b { font-size:14px; }
#page-enviosfull .pdf-file-btn { min-height:44px!important; }
#page-enviosfull .ef-detalhe .fine { line-height:1.6; }
#page-enviosfull .ef-conf { padding:12px; border-color:var(--line-strong); background:var(--surface); }
#page-enviosfull .ef-conf-linha { grid-template-columns:minmax(0,1fr) 76px; gap:8px; padding:10px 0; }
#page-enviosfull .ef-conf-linha .mono { grid-column:1 / -1; overflow-wrap:anywhere; }
#page-enviosfull .ef-conf-linha span { min-width:0; overflow-wrap:anywhere; }
#page-enviosfull .ef-conf-linha.ruim { color:var(--crit-ink); }
#page-enviosfull .ef-conf .actions { margin-top:12px; }
#page-enviosfull .ef-conf .actions > div:first-child { min-width:0; }
#page-enviosfull .ef-conf .actions > div:first-child .fine { display:block; margin-top:4px; }
#page-enviosfull #efConfInfo { width:100%; overflow-wrap:anywhere; }
#page-enviosfull #efConfApply { flex:1 1 190px; }
#page-enviosfull .ef-item { grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; padding:12px 0; }
#page-enviosfull .ef-item > div:first-child { grid-column:1 / -1; min-width:0; }
#page-enviosfull .ef-item .nome { font-size:13px; overflow-wrap:anywhere; }
#page-enviosfull .ef-item .sku { font-size:11px; overflow-wrap:anywhere; }
#page-enviosfull .ef-item .qtd { font-size:19px; text-align:left; }
#page-enviosfull .ef-item .qtd small { white-space:normal; font-size:11px; }
#page-enviosfull .ef-add { grid-template-columns:minmax(0,1fr); gap:12px; padding:14px; margin:0; border-color:var(--line-strong); }
#page-enviosfull .ef-add .finance-field { min-width:0; }
#page-enviosfull .ef-add select { text-overflow:ellipsis; }
#page-enviosfull .ef-add .btn { color:var(--ink); border-color:#41668e; background:var(--accent-soft); }

@media (max-width:760px) {
  body.enviosfull-active .topbar { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px 8px; }
  body.enviosfull-active .topbar .grow { display:none; }
  body.enviosfull-active #menuToggle { grid-column:1; }
  body.enviosfull-active .crumbs { grid-column:2 / 5; min-width:0; }
  body.enviosfull-active #privacidade { grid-column:5; justify-self:end; }
  body.enviosfull-active .avatar { grid-column:6; grid-row:1; justify-self:end; }
  body.enviosfull-active #apiPill { grid-column:1 / 4; grid-row:2; justify-self:start; font-size:10.5px; }
  body.enviosfull-active .acct { grid-column:4 / 7; grid-row:2; justify-self:end; min-height:44px; font-size:12px; }
  body.enviosfull-active .iconbtn { width:44px; height:44px; }
}

@media (min-width:761px) {
  body.enviosfull-active .topbar { padding:10px 24px; }
  #page-enviosfull { padding:18px 24px 36px; }
  #page-enviosfull .ef-notice { align-items:center; padding:14px 16px; margin-bottom:20px; }
  #page-enviosfull .panel { padding:18px; }
  #page-enviosfull .ef-new { margin-bottom:20px; }
  #page-enviosfull #efForm { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  #page-enviosfull .ef-center-field,
  #page-enviosfull #efForm > .btn { grid-column:auto; }
  #page-enviosfull #efInfo { flex-basis:auto; }
  #page-enviosfull .ef-toolbar .grow { display:block; }
  #page-enviosfull .ef-card { padding:18px; gap:18px; }
  #page-enviosfull .ef-calendar { width:60px; height:64px; }
  #page-enviosfull .ef-calendar svg { width:34px; height:34px; }
  #page-enviosfull .ef-summary { align-items:center; gap:20px; }
  #page-enviosfull .ef-card .ttl { font-size:25px; }
  #page-enviosfull .ef-card .meta { font-size:13px; }
  #page-enviosfull .ef-status { flex:0 1 175px; }
  #page-enviosfull .efAbrir { flex:0 1 auto; }
  #page-enviosfull .ef-detalhe { padding:20px; }
  #page-enviosfull .ef-pdf { grid-template-columns:minmax(0,1fr) auto auto; }
  #page-enviosfull .ef-conf-linha { grid-template-columns:minmax(0,.8fr) minmax(0,1fr) 84px; }
  #page-enviosfull .ef-conf-linha .mono { grid-column:auto; }
  #page-enviosfull .ef-item { grid-template-columns:minmax(0,1fr) auto auto; padding:14px 0; }
  #page-enviosfull .ef-item > div:first-child { grid-column:auto; }
  #page-enviosfull .ef-item .qtd { text-align:right; }
  #page-enviosfull .ef-add { grid-template-columns:minmax(0,1fr) 120px auto; }
}
@media (min-width:1100px) {
  #page-enviosfull .ef-card { grid-template-columns:minmax(0,1fr) minmax(180px,22%); }
  #page-enviosfull .ef-units { padding:8px 0 8px 24px; border-top:0; border-left:1px solid var(--line); }
  #page-enviosfull .ef-card-actions { grid-column:1 / -1; }
}
@media (min-width:1350px) {
  #page-enviosfull #efForm { grid-template-columns:minmax(140px,1fr) minmax(150px,1fr) minmax(110px,.8fr) minmax(170px,1.3fr) minmax(190px,2.5fr) auto; }
  #page-enviosfull .ef-center-field,
  #page-enviosfull #efForm > .btn { grid-column:auto; }
  #page-enviosfull #efForm > .btn { min-width:110px; }
}

/* O galpão: separado do status do envio no ML de propósito. Um envio pode
   estar "embalado" e "cancelado" ao mesmo tempo, e isso é informação. */
#page-enviosfull .ef-preparo { grid-column: 1 / -1; padding:10px 0 0; border-top:1px dashed var(--line); }
#page-enviosfull .ef-preparo-btns { display:flex; gap:6px; flex-wrap:wrap; }
#page-enviosfull .ef-preparo-btns .btn { flex:1 1 90px; min-height:36px; justify-content:center; font-size:12px; }
#page-enviosfull .ef-diverg { color:var(--crit-ink); }
@media (max-width:640px){ #page-enviosfull .ef-preparo-btns .btn { flex:1 1 100%; } }