/* /Components/Account/Components/AccountInfo.razor.rz.scp.css */
/* Logged-in user info (sidebar footer) */
.account-info[b-07osqj94m9] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
}

.account-info[b-07osqj94m9]  i {
  font-size: 2.25rem;
  line-height: 2.5rem;
  background-color: var(--color-paper-900);
  border-radius: 9999px;
  aspect-ratio: 1 / 1;
  padding: 0.125rem;
  margin: 0.125rem;
}

.account-info[b-07osqj94m9]  a {
  margin-left: 0.25rem;
  padding: 0.5rem 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-info[b-07osqj94m9]  a:hover {
  background-color: var(--color-paper-900);
}

.account-info[b-07osqj94m9]  a.active {
  background-color: var(--color-accent-500);
  color: var(--color-accent-content);
}

.account-info[b-07osqj94m9]  a.active:hover {
  background-color: var(--color-accent-600);
}

/* Login link (when not authenticated) */
.login-link[b-07osqj94m9] {
  margin: 0.25rem 1rem 0.5rem;
  border-radius: 0.5rem;
  padding: 0.25rem 0;
  background-color: var(--color-paper-300);
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.login-link:hover[b-07osqj94m9] {
  background-color: var(--color-paper-900);
}

.login-link:has(.active)[b-07osqj94m9] {
  background-color: var(--color-accent-500);
  color: var(--color-accent-content);
}

.login-link:has(.active):hover[b-07osqj94m9] {
  background-color: var(--color-accent-600);
}

.login-link[b-07osqj94m9]  a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

.login-link[b-07osqj94m9]  i {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-right: 0.5rem;
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
h1[b-9m9z99smrp] {
  margin: 0.5rem 1rem;
}

.manage-page[b-9m9z99smrp] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.manage-content[b-9m9z99smrp] {
  width: 100%;
  max-width: 64rem;
}

/* User summary + logout */
header[b-9m9z99smrp] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  max-width: 48rem;
  margin: 2rem 0;
  padding: 0 1rem;
}

@media (min-width: 48rem) {
  header[b-9m9z99smrp] {
    flex-direction: row;
    align-items: flex-start;
  }
}

header .form-layout[b-9m9z99smrp] {
  width: 100%;
  margin-left: 2rem;
}

header form[b-9m9z99smrp] {
  margin-left: 2rem;
}

/* Tabbed settings area */
.tabs[b-9m9z99smrp] {
  display: flex;
  justify-content: center;
  padding: 2rem;
  margin: 1rem;
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
/* Popup menu on small screens, segmented control from md up */
@media (min-width: 48rem) {
  .mobile-menu[b-f96n2j4y1a] { display: none; }
}

@media (max-width: 47.999rem) {
  .desktop-menu[b-f96n2j4y1a] { display: none; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ru1y1kcid7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ru1y1kcid7] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

#processing-overlay[b-ru1y1kcid7] {
    display: none;
}
#processing-overlay[style*="display:flex"][b-ru1y1kcid7] {
    display: flex !important;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0i3vdjmgzy],
.components-reconnect-repeated-attempt-visible[b-0i3vdjmgzy],
.components-reconnect-failed-visible[b-0i3vdjmgzy],
.components-pause-visible[b-0i3vdjmgzy],
.components-resume-failed-visible[b-0i3vdjmgzy],
.components-rejoining-animation[b-0i3vdjmgzy] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-retrying[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-failed[b-0i3vdjmgzy],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0i3vdjmgzy] {
    display: block;
}


#components-reconnect-modal[b-0i3vdjmgzy] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0i3vdjmgzy 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0i3vdjmgzy 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0i3vdjmgzy 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0i3vdjmgzy]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0i3vdjmgzy 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0i3vdjmgzy {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0i3vdjmgzy {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0i3vdjmgzy {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0i3vdjmgzy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0i3vdjmgzy] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0i3vdjmgzy] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0i3vdjmgzy] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0i3vdjmgzy] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0i3vdjmgzy] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0i3vdjmgzy] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0i3vdjmgzy 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0i3vdjmgzy] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0i3vdjmgzy {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Correos/CorreosShipmentActions.razor.rz.scp.css */
.shipment-page[b-la4nxnaubo] {
  max-width: 42rem;
  margin: 0 auto;
  width: 100%;
  padding: 1rem;
}

@media (min-width: 48rem) {
  .shipment-page[b-la4nxnaubo] { padding: 1.5rem; }
}

section[b-la4nxnaubo] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

h2[b-la4nxnaubo] {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}

p[b-la4nxnaubo] {
  font-size: 0.875rem;
  color: var(--color-gray-600);
}

.field[b-la4nxnaubo] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.field label[b-la4nxnaubo] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-gray-700);
}

.field input[b-la4nxnaubo] {
  width: 100%;
}

.actions[b-la4nxnaubo] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 0.5rem;
}

.message[b-la4nxnaubo] {
  margin-top: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-gray-50);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--color-gray-800);
}
/* /Financial/TransactionsTestPage.razor.rz.scp.css */
.tx-page[b-0k6q3uh6yg] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

h1[b-0k6q3uh6yg] {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

/* --- Filter controls --- */
.date-row[b-0k6q3uh6yg] {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}

.filter-row[b-0k6q3uh6yg] {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.date-row label[b-0k6q3uh6yg],
.filter-row label[b-0k6q3uh6yg] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-gray-700);
  margin-bottom: 0.25rem;
}

.date-row input[b-0k6q3uh6yg],
.filter-row input[b-0k6q3uh6yg],
.filter-row select[b-0k6q3uh6yg] {
  border: 1px solid rgb(36 36 36 / 0.2);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.filter-row input[b-0k6q3uh6yg] {
  width: 12rem;
}

.filter-row input.wide[b-0k6q3uh6yg] {
  width: 16rem;
}

.load-btn[b-0k6q3uh6yg] {
  padding: 0.5rem 1rem;
  background-color: var(--color-blue-600);
  color: #ffffff;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.load-btn:hover[b-0k6q3uh6yg] { background-color: var(--color-blue-700); }
.load-btn:disabled[b-0k6q3uh6yg] { opacity: 0.5; cursor: not-allowed; }

.clear-btn[b-0k6q3uh6yg] {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  color: var(--color-gray-600);
  border: 1px solid rgb(36 36 36 / 0.2);
  border-radius: 0.25rem;
  align-self: flex-end;
}

.clear-btn:hover[b-0k6q3uh6yg] { background-color: var(--color-gray-100); }

/* --- Spinners and icons --- */
svg.spinner[b-0k6q3uh6yg] {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  animation: spin 1s linear infinite;
}

svg.spinner.sm[b-0k6q3uh6yg] { height: 0.875rem; width: 0.875rem; }
svg.spinner.lg[b-0k6q3uh6yg] { height: 1.25rem; width: 1.25rem; }
svg.spinner circle[b-0k6q3uh6yg] { opacity: 0.25; }
svg.spinner path[b-0k6q3uh6yg] { opacity: 0.75; }

svg.icon[b-0k6q3uh6yg] { height: 0.875rem; width: 0.875rem; flex-shrink: 0; }
svg.icon.lg[b-0k6q3uh6yg] { height: 1.25rem; width: 1.25rem; }

/* --- Banners --- */
.loading-banner[b-0k6q3uh6yg] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--color-blue-50);
  border: 1px solid var(--color-blue-200);
  border-radius: 0.25rem;
  color: var(--color-blue-700);
  font-size: 0.875rem;
}

.error-banner[b-0k6q3uh6yg] {
  padding: 0.75rem;
  background-color: var(--color-red-50);
  border: 1px solid var(--color-red-200);
  border-radius: 0.25rem;
  color: var(--color-red-700);
  font-size: 0.875rem;
}

/* --- Results toolbar --- */
.results[b-0k6q3uh6yg] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
}

.toolbar[b-0k6q3uh6yg] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.count[b-0k6q3uh6yg] {
  font-size: 0.875rem;
  color: var(--color-gray-500);
}

.count span[b-0k6q3uh6yg] {
  color: var(--color-gray-400);
}

.action[b-0k6q3uh6yg] {
  padding: 0.375rem 0.75rem;
  color: #ffffff;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.action:disabled[b-0k6q3uh6yg] { opacity: 0.5; cursor: not-allowed; }
.action.green[b-0k6q3uh6yg] { background-color: var(--color-green-600); }
.action.green:hover[b-0k6q3uh6yg] { background-color: var(--color-green-700); }
.action.purple[b-0k6q3uh6yg] { background-color: var(--color-purple-600); }
.action.purple:hover[b-0k6q3uh6yg] { background-color: var(--color-purple-700); }
.action.indigo[b-0k6q3uh6yg] { background-color: var(--color-indigo-600); }
.action.indigo:hover[b-0k6q3uh6yg] { background-color: var(--color-indigo-700); }

.feedback[b-0k6q3uh6yg] { font-size: 0.75rem; }

.unknown-warning[b-0k6q3uh6yg] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--color-yellow-700);
  background-color: var(--color-yellow-50);
  border: 1px solid var(--color-yellow-200);
  border-radius: 0.25rem;
  padding: 0.125rem 0.5rem;
}

/* --- Transactions table --- */
.table-scroll[b-0k6q3uh6yg] {
  overflow: auto;
  max-height: calc(100vh - 220px);
}

table[b-0k6q3uh6yg] {
  min-width: 100%;
  font-size: 0.875rem;
  border-collapse: collapse;
}

thead tr[b-0k6q3uh6yg] {
  background-color: var(--color-gray-100);
  text-align: left;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: var(--color-gray-600);
}

th[b-0k6q3uh6yg], td[b-0k6q3uh6yg] {
  padding: 0.5rem 0.75rem;
  border: 1px solid rgb(36 36 36 / 0.2);
}

th.num[b-0k6q3uh6yg] { text-align: right; }
th.center[b-0k6q3uh6yg] { text-align: center; }

tbody tr:hover[b-0k6q3uh6yg] { background-color: var(--color-gray-50); }
tbody tr:nth-child(even)[b-0k6q3uh6yg] { background-color: rgb(249 250 251 / 0.5); }

td.nowrap[b-0k6q3uh6yg] { white-space: nowrap; }

td.mono[b-0k6q3uh6yg] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.75rem;
  white-space: nowrap;
}

td.desc[b-0k6q3uh6yg] {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

td.num[b-0k6q3uh6yg] {
  text-align: right;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: nowrap;
}

td.center[b-0k6q3uh6yg] { text-align: center; }

/* Amount/feedback state colors */
.neg[b-0k6q3uh6yg] { color: var(--color-red-600); }
.pos[b-0k6q3uh6yg] { color: var(--color-green-700); }
.off[b-0k6q3uh6yg] { color: var(--color-gray-400); }

.warn-mark[b-0k6q3uh6yg] { color: var(--color-yellow-600); cursor: help; }
.ok-mark[b-0k6q3uh6yg] { color: var(--color-green-600); font-weight: 600; }

.detail-btn[b-0k6q3uh6yg] {
  color: var(--color-blue-600);
  font-size: 0.75rem;
  white-space: nowrap;
}

.detail-btn:hover[b-0k6q3uh6yg] {
  color: var(--color-blue-800);
  text-decoration: underline;
}

/* --- Detail panel --- */
.detail-overlay[b-0k6q3uh6yg] {
  position: fixed;
  inset: 0;
  background-color: rgb(0 0 0 / 0.3);
  z-index: 40;
}

.detail-panel[b-0k6q3uh6yg] {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 36rem;
  background-color: #ffffff;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  z-index: 50;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.detail-panel header[b-0k6q3uh6yg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgb(36 36 36 / 0.2);
  background-color: var(--color-gray-50);
}

.detail-panel h2[b-0k6q3uh6yg] {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.detail-panel .close[b-0k6q3uh6yg] { color: var(--color-gray-500); }
.detail-panel .close:hover[b-0k6q3uh6yg] { color: var(--color-gray-800); }

.content[b-0k6q3uh6yg] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
}

.content > * + *[b-0k6q3uh6yg] { margin-top: 1.25rem; }

h3[b-0k6q3uh6yg] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: var(--color-gray-500);
  font-weight: 600;
  margin: 0 0 0.5rem;
}

dl[b-0k6q3uh6yg] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1rem;
  row-gap: 0.5rem;
  margin: 0;
}

dl.tight[b-0k6q3uh6yg] { row-gap: 0.25rem; }

dt[b-0k6q3uh6yg] { color: var(--color-gray-500); }
dt.sm[b-0k6q3uh6yg] { font-size: 0.75rem; }

dd[b-0k6q3uh6yg] { margin: 0; }
dd.strong[b-0k6q3uh6yg] { font-weight: 500; }

dd.mono[b-0k6q3uh6yg],
dd.total[b-0k6q3uh6yg],
.amount[b-0k6q3uh6yg] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

dd.mono[b-0k6q3uh6yg] { font-size: 0.75rem; }
dd.total[b-0k6q3uh6yg] { font-weight: 600; }

/* Items */
.item-list[b-0k6q3uh6yg] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.item[b-0k6q3uh6yg] {
  border: 1px solid rgb(36 36 36 / 0.2);
  border-radius: 0.25rem;
  padding: 0.75rem;
  background-color: var(--color-gray-50);
}

.item > * + *[b-0k6q3uh6yg] { margin-top: 0.5rem; }

.item-head[b-0k6q3uh6yg] {
  display: flex;
  justify-content: space-between;
}

.item-head > span:first-child[b-0k6q3uh6yg] { color: var(--color-gray-700); }
.item-head .amount[b-0k6q3uh6yg] { font-weight: 500; }

/* Breakdown rows (recursive) */
.breakdown[b-0k6q3uh6yg] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0.125rem 0;
  border-bottom: 1px solid var(--color-gray-100);
}

.breakdown:last-child[b-0k6q3uh6yg] { border-bottom: none; }

.breakdown > span:first-child[b-0k6q3uh6yg] {
  color: var(--color-gray-600);
  font-size: 0.75rem;
}

.breakdown .amount[b-0k6q3uh6yg] { font-size: 0.75rem; }
/* /KaUi/KaHr.razor.rz.scp.css */
hr[b-f8z7ezi4t9] {
  border: none;
  border-top: 1px solid rgb(36 36 36 / 0.1);
  margin: 0 2rem;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
/* /KaUi/KaLayout.razor.rz.scp.css */
.ka-layout[b-0p96382eyh] {
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 100vh;
}

.ka-sidebar[b-0p96382eyh] {
    transition: all 100ms ease-in;
    height: 100%;
    background-color: var(--color-paper-500);
    border-right: 1px solid rgb(36 36 36 / 0.1);
    box-shadow: var(--shadow-r);
    max-width: 20rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 10;
}

.ka-sidebar-header[b-0p96382eyh] {
    height: 3rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    overflow: hidden;
    width: 20rem;
}

.ka-main-col[b-0p96382eyh] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.ka-main-header[b-0p96382eyh] {
    height: 3rem;
    width: 100%;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    background-color: rgb(255 255 255 / 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.ka-main[b-0p96382eyh] {
    flex: 1;
    overflow: hidden;
    background-color: var(--color-paper);
    padding: 1rem;
}

.ka-footer[b-0p96382eyh] {
    box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 0.05);
    border-top: 1px solid rgb(36 36 36 / 0.1);
}
/* /KaUi/KaNavMenu.razor.rz.scp.css */
.ka-nav ul[b-nkpr7czoc9] {
  list-style: none;
  margin: 0 1rem;
  padding: 0;
}

/* Section header items */
.ka-nav li.header[b-nkpr7czoc9] {
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

.ka-nav li.header[b-nkpr7czoc9]  a {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* Navigable items */
.ka-nav li.item[b-nkpr7czoc9] {
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
}

.ka-nav li.item:hover[b-nkpr7czoc9] {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  background-color: var(--color-paper-900);
}

.ka-nav li.item:has(.active)[b-nkpr7czoc9] {
  background-color: var(--color-accent-500);
  color: var(--color-accent-content);
}

.ka-nav li.item:has(.active):hover[b-nkpr7czoc9] {
  background-color: var(--color-accent-600);
}

.ka-nav li.item[b-nkpr7czoc9]  a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
}

/* Icon + title wrapper */
.ka-nav li.item div[b-nkpr7czoc9] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ka-nav li.item i[b-nkpr7czoc9] {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}

.ka-nav li.item .badge[b-nkpr7czoc9] {
  margin-left: 0.5rem;
  font-weight: 700;
}

/* Separators */
.ka-nav hr[b-nkpr7czoc9] {
  border: none;
  border-top: 1px solid rgb(36 36 36 / 0.1);
  margin: 1rem 2rem;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
/* /KaUi/KaServices.razor.rz.scp.css */
/* Blocking-operation overlay. display is controlled inline from C# state. */
#processing-overlay[b-nxtgyi5pff] {
  position: fixed;
  inset: 0;
  z-index: 2000;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.5);
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Uses the global `pulse` keyframes from app-styles.css */
#processing-overlay > div[b-nxtgyi5pff] {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
/* /Shopify/Picking/OrderCard.razor.rz.scp.css */
article[b-smatxqbjax] {
  margin: 0.5rem;
}

/* --- Header: order id, date, badges --- */
header[b-smatxqbjax] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem 0.5rem;
}

header > div[b-smatxqbjax] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

header a[b-smatxqbjax] {
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-blue-800);
  letter-spacing: -0.025em;
}

header a:hover[b-smatxqbjax] {
  text-decoration: underline;
}

header .date[b-smatxqbjax] {
  font-size: 0.75rem;
  color: var(--color-gray-600);
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Picking status badge (right side) */
header > .badge[b-smatxqbjax] {
  padding: 0.25rem 0.5rem;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  margin-left: 0.5rem;
}

/* --- Body --- */
.body[b-smatxqbjax] {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem 0.25rem;
}

.items[b-smatxqbjax] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.items > i[b-smatxqbjax] {
  padding-top: 0.25rem;
}

.items ul[b-smatxqbjax] {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.items li[b-smatxqbjax] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.items .name[b-smatxqbjax] {
  font-weight: 600;
  color: var(--color-gray-900);
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.items .name.canceled[b-smatxqbjax] {
  text-decoration-line: line-through;
  color: var(--color-gray-500);
}

.items .qty[b-smatxqbjax] {
  background-color: rgb(243 244 246 / 0.8);
  color: var(--color-gray-700);
  border: 1px solid var(--color-gray-200);
  border-radius: 0.5rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
  max-width: fit-content;
}

.items .qty.canceled[b-smatxqbjax] {
  text-decoration-line: line-through;
  opacity: 0.7;
}

/* --- Customer / locations / total row --- */
.info[b-smatxqbjax] {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
}

.details[b-smatxqbjax] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

address[b-smatxqbjax] {
  font-style: normal;
}

address > div[b-smatxqbjax] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.who[b-smatxqbjax] {
  margin-top: 0.5rem;
}

.who > span:first-of-type[b-smatxqbjax] {
  font-weight: 600;
  color: var(--color-blue-900);
}

.where[b-smatxqbjax] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.region[b-smatxqbjax] {
  font-size: 0.75rem;
  color: var(--color-gray-400);
  margin-left: 1.5rem;
}

.locations[b-smatxqbjax] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

.locations select[b-smatxqbjax] {
  background-color: var(--color-sky-50);
  color: var(--color-sky-800);
  border: 1px solid var(--color-sky-200);
  border-radius: 0.5rem;
  padding: 0.125rem 2rem 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.total[b-smatxqbjax] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: fit-content;
}

.total > span[b-smatxqbjax] {
  font-size: 0.75rem;
  color: var(--color-gray-400);
}

.total > a[b-smatxqbjax] {
  font-weight: 700;
  font-size: 1.125rem;
  color: rgb(21 128 61 / 0.9);
}

.note[b-smatxqbjax] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}

/* --- Footer: action buttons --- */
footer[b-smatxqbjax] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.5rem 1.5rem 1rem;
}

footer i.bi-truck[b-smatxqbjax] {
  margin-left: 0.5rem;
  font-size: 1.25rem;
}

/* Shipment dropdown (Correos labeled orders) */
.shipment-actions[b-smatxqbjax] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dropdown-overlay[b-smatxqbjax] {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: transparent;
}

.dropdown[b-smatxqbjax] {
  position: absolute;
  z-index: 50;
  left: 7rem;
  top: 2.5rem;
  background-color: #ffffff;
  border: 1px solid var(--color-gray-200);
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  padding: 1rem;
  font-size: 0.875rem;
  width: fit-content;
  animation: fadeIn 0.2s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.dropdown a[b-smatxqbjax] {
  font-weight: 600;
  color: var(--color-blue-800);
}

.dropdown > button:last-child[b-smatxqbjax] {
  width: 100%;
  margin-top: 0.5rem;
}
/* /Shopify/Picking/OrderList.razor.rz.scp.css */
.empty-message[b-sgsoo98w1z] {
  text-align: center;
  padding: 2rem 0;
}

.empty-message p[b-sgsoo98w1z] {
  font-size: 1.125rem;
  color: var(--color-gray-600);
}

.order-grid[b-sgsoo98w1z] {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 64rem) {
  .order-grid[b-sgsoo98w1z] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 80rem) {
  .order-grid[b-sgsoo98w1z] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Space so card dropdowns near the bottom are not clipped */
.dropdown-spacer[b-sgsoo98w1z] {
  height: 11rem;
}
/* /Shopify/Returns/ReturnOrderList.razor.rz.scp.css */
.empty-message[b-i48e71akkn] {
  text-align: center;
  padding: 2rem 0;
}

.empty-message p[b-i48e71akkn] {
  font-size: 1.125rem;
  color: var(--color-gray-600);
}

.order-grid[b-i48e71akkn] {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 64rem) {
  .order-grid[b-i48e71akkn] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 80rem) {
  .order-grid[b-i48e71akkn] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

article[b-i48e71akkn] {
  margin: 0.5rem;
}

/* --- Header: order id, date, returns count --- */
header[b-i48e71akkn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem 0.5rem;
}

header > div[b-i48e71akkn] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

header a[b-i48e71akkn] {
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-blue-800);
  letter-spacing: -0.025em;
}

header a:hover[b-i48e71akkn] {
  text-decoration: underline;
}

header .date[b-i48e71akkn] {
  font-size: 0.75rem;
  color: var(--color-gray-600);
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

header .count[b-i48e71akkn] {
  font-size: 0.75rem;
  color: var(--color-gray-700);
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-200);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
}

/* --- Body: customer fields + returns --- */
.body[b-i48e71akkn] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem 1.5rem 1rem;
}

.field[b-i48e71akkn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.field > span:first-child[b-i48e71akkn] {
  font-size: 0.875rem;
  color: var(--color-gray-600);
}

.field .value[b-i48e71akkn] {
  font-weight: 600;
  color: var(--color-blue-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 16rem;
}

.field a[b-i48e71akkn] {
  font-weight: 700;
  color: rgb(21 128 61 / 0.9);
}

/* --- Returns section --- */
.returns[b-i48e71akkn] {
  margin-top: 0.5rem;
}

.returns h3[b-i48e71akkn] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-gray-700);
  margin: 0 0 0.5rem;
}

.returns p[b-i48e71akkn] {
  font-size: 0.875rem;
  color: var(--color-gray-500);
}

.return-list[b-i48e71akkn] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.return-item[b-i48e71akkn] {
  border-radius: 0.5rem;
  border: 1px solid var(--color-slate-200);
  background-color: var(--color-slate-50);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}

.return-item .status-row[b-i48e71akkn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.return-item .status[b-i48e71akkn] {
  font-weight: 600;
  color: var(--color-slate-700);
}

.return-item .date[b-i48e71akkn],
.return-item .meta[b-i48e71akkn] {
  font-size: 0.75rem;
  color: var(--color-gray-600);
}

.return-item .meta[b-i48e71akkn] {
  margin-top: 0.25rem;
}

.return-item .actions[b-i48e71akkn] {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem;
}

.bottom-spacer[b-i48e71akkn] {
  height: 11rem;
}
/* /Stock/ProductAttributesCrud.razor.rz.scp.css */
.form-grid[b-fq2qoldtk4] {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

@media (min-width: 48rem) {
  .form-grid[b-fq2qoldtk4] { grid-template-columns: 1fr auto auto; }
}
/* /Stock/ProductCatalogCrud.razor.rz.scp.css */
.form-grid[b-qrmdsikzez] {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

@media (min-width: 48rem) {
  .form-grid[b-qrmdsikzez] { grid-template-columns: 1fr auto auto; }
  .form-grid.lines[b-qrmdsikzez] { grid-template-columns: 1fr 1fr auto auto; }
}
/* /Stock/ProductCrud.razor.rz.scp.css */
.filters-grid[b-2794xqnzo7] {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 48rem) {
  .filters-grid[b-2794xqnzo7] { grid-template-columns: 1fr 1fr 1fr 1fr auto auto auto; }
}
/* /Stock/ProductDetail.razor.rz.scp.css */
.form-grid[b-k6qajlk658] {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 48rem) {
  .form-grid[b-k6qajlk658] { grid-template-columns: 1fr 1fr 1fr auto; }
}

/* Attribute checkbox grid */
.attributes-grid[b-k6qajlk658] {
  display: grid;
  gap: 0.5rem;
}

@media (min-width: 48rem) {
  .attributes-grid[b-k6qajlk658] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 64rem) {
  .attributes-grid[b-k6qajlk658] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.attributes-grid label[b-k6qajlk658] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--color-gray-200);
  padding: 0.5rem 0.75rem;
}

.attributes-grid label:hover[b-k6qajlk658] {
  background-color: var(--color-gray-50);
}
/* /Stock/ProductVariantsEditor.razor.rz.scp.css */
/* New/edit variant box */
.editor-box[b-yup93yozms] {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--color-gray-200);
  padding: 0.75rem;
}

.editor-box .title[b-yup93yozms] {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-gray-700);
}

.variant-grid[b-yup93yozms] {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 48rem) {
  .variant-grid[b-yup93yozms] { grid-template-columns: 1fr 1fr auto; }
}

.variant-grid label.archived[b-yup93yozms] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--color-gray-300);
  padding: 0.5rem 0.75rem;
}

/* Attribute value inputs */
.values-grid[b-yup93yozms] {
  margin-top: 0.75rem;
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 48rem) {
  .values-grid[b-yup93yozms] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}