/* Finro World v5 — secure customer lookup and inline shipment dashboard */
.admin-shipments-workspace,.shipment-create-host{min-width:0}.shipment-create-host:not(:empty){margin-bottom:18px;scroll-margin-top:76px}.shipment-create-dashboard{border:1.5px solid var(--ink);box-shadow:var(--shadow);overflow:visible}.shipment-create-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.shipment-create-heading h2{margin:0}.shipment-create-heading p{margin:6px 0 0}.shipment-create-form{align-items:start}.customer-lookup-field{grid-column:1/-1}.customer-lookup-box{position:relative;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:var(--panel)}.customer-lookup-control{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dcdcdc;border-radius:12px;padding-inline:12px;transition:border-color .15s,box-shadow .15s}.customer-lookup-control:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #0a0a0a12}.customer-lookup-input{width:100%;min-width:0;min-height:46px;border:0;outline:0;background:transparent}.customer-lookup-results{display:grid;gap:7px;margin-top:10px;max-height:330px;overflow:auto;overscroll-behavior:contain}.customer-result{width:100%;display:flex;align-items:center;gap:11px;text-align:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;transition:border-color .15s,transform .15s var(--ease)}.customer-result:hover,.customer-result:focus-visible{border-color:var(--ink);transform:translateY(-1px)}.customer-result-text{display:flex;flex-direction:column;min-width:0;flex:1}.customer-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.customer-result-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-result-text small{overflow-wrap:anywhere}.legacy-code{color:var(--muted);font-size:.72rem}.customer-lookup-empty,.customer-lookup-loading{display:flex;align-items:center;justify-content:center;gap:7px;min-height:58px;border:1px dashed var(--line);border-radius:10px;background:#fff}.selected-customer-host:not(:empty){margin-top:10px}.selected-customer-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1.5px solid var(--ink);border-radius:var(--radius-sm);padding:13px;background:#fff}.selected-customer-main{display:flex;align-items:center;gap:12px;min-width:0}.selected-customer-main>div{min-width:0}.selected-customer-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.selected-customer-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.customer-code-pill{display:inline-flex;align-items:center;direction:ltr;font:700 .76rem var(--mono);letter-spacing:.04em;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:3px 9px;white-space:nowrap}.customer-picker-avatar{display:grid;place-content:center;width:38px;height:38px;flex:0 0 auto;background:var(--ink);color:#fff;border-radius:11px;font-weight:700}.shipment-create-dashboard .photos-picker-field{grid-column:1/-1}.admin-shipments-panel .shipments-table{min-width:760px}
@media (max-width:640px){.shipment-create-dashboard{padding:14px}.shipment-create-heading{gap:10px}.shipment-create-form{grid-template-columns:1fr}.customer-lookup-results{max-height:300px}.customer-result{align-items:flex-start}.customer-result-head{align-items:flex-start;flex-direction:column;gap:5px}.selected-customer-card{align-items:stretch;flex-direction:column}.selected-customer-card>.btn{width:100%}.selected-customer-main{align-items:flex-start}.selected-customer-meta{flex-direction:column;gap:2px}.customer-lookup-box{padding:9px}.customer-code-pill{font-size:.72rem}.shipment-create-host,.shipment-create-dashboard,.customer-lookup-field,.customer-lookup-box,.customer-lookup-results,.customer-result,.selected-customer-card{max-width:100%;min-width:0;overflow-wrap:anywhere}.admin-shipments-panel .shipments-table{min-width:0}}

/* V5.1 — prevent visually hidden upload controls and the closed mobile drawer from expanding the page canvas. */
.field input.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .side {
    transform: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s var(--ease), visibility 0s linear .2s;
  }

  .side.opened {
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .2s var(--ease);
  }
}