/*
 * Wings Logic PI — Operations UI 1.7.26
 * A compact, production-focused interface layer. Existing document-print rules
 * intentionally remain in pi.css/pack.css so issued PDFs are unchanged.
 */

:root {
  --wlp-ui-sidebar: #f7f9fc;
  --wlp-ui-sidebar-2: #eef2f7;
  --wlp-ui-canvas: #f6f8fb;
  --wlp-ui-surface: #ffffff;
  --wlp-ui-surface-2: #f8fafc;
  --wlp-ui-text: #24324a;
  --wlp-ui-muted: #607086;
  --wlp-ui-subtle: #94a3b8;
  --wlp-ui-line: #dce3ed;
  --wlp-ui-line-strong: #cbd5e1;
  --wlp-ui-primary: #5268d8;
  --wlp-ui-primary-dark: #4053bd;
  --wlp-ui-teal: #16877d;
  --wlp-ui-success: #15803d;
  --wlp-ui-warning: #b45309;
  --wlp-ui-danger: #c53030;
  --wlp-ui-info: #2563eb;
  --wlp-ui-radius: 10px;
  --wlp-ui-radius-sm: 7px;
  --wlp-ui-shadow: 0 1px 2px rgba(35, 53, 78, .035), 0 5px 16px rgba(35, 53, 78, .04);
  --wlp-ui-shadow-float: 0 16px 40px rgba(35, 53, 78, .16);
  --wlp-ui-focus: 0 0 0 3px rgba(82, 104, 216, .18);
  --wlp-ui-sidebar-width: 190px;
  --wlp-ui-sidebar-collapsed: 60px;
  --wlp-ui-topbar-height: 52px;
}

html:has(.wlp-app),
body.wlp-pi-page:has(.wlp-app) {
  background: var(--wlp-ui-canvas) !important;
  color: var(--wlp-ui-text);
  overflow-x: hidden !important;
}

body.wlp-pi-page:has(.wlp-app),
body.wlp-pi-page:has(.wlp-login-page) {
  color: var(--wlp-ui-text);
  font-family: "Segoe UI Variable Text", "Segoe UI", Roboto, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.wlp-app,
.wlp-login-page {
  font-family: "Segoe UI Variable Text", "Segoe UI", Roboto, Arial, sans-serif;
}

.wlp-app {
  width: 100vw !important;
  min-height: 100vh;
  margin-left: calc(50% - 50vw) !important;
  background: var(--wlp-ui-canvas) !important;
  color: var(--wlp-ui-text);
}

.wlp-app *,
.wlp-login-page * {
  box-sizing: border-box;
}

.wlp-app a,
.wlp-login-page a {
  text-underline-offset: 2px;
}

.wlp-app :where(a, button, input, select, textarea, summary):focus-visible,
.wlp-login-page :where(a, button, input, select, textarea):focus-visible,
.wlp-admin :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--wlp-ui-primary) !important;
  outline-offset: 2px;
  box-shadow: var(--wlp-ui-focus) !important;
}

.wlp-app .wlp-sidebar :where(a, button):focus-visible {
  outline-color: var(--wlp-ui-primary-dark) !important;
}

.wlp-app button,
.wlp-app input,
.wlp-app select,
.wlp-app textarea,
.wlp-login-page button,
.wlp-login-page input {
  font: inherit;
}

.wlp-skip-link {
  position: fixed;
  z-index: 1000000;
  top: 8px;
  left: 8px;
  padding: 9px 12px;
  border-radius: 8px;
  background: #fff;
  color: #312e81;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .2);
  transform: translateY(-150%);
  transition: transform .12s ease;
}

.wlp-skip-link:focus { transform: none; }

.wlp-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* App shell */
.wlp-app .wlp-sidebar {
  position: fixed;
  z-index: 500;
  inset: 0 auto 0 0;
  display: flex;
  width: var(--wlp-ui-sidebar-width);
  min-height: 100vh;
  flex-direction: column;
  padding: 13px 11px 12px;
  border: 0;
  background:
    radial-gradient(circle at 20% -5%, rgba(99, 102, 241, .22), transparent 31%),
    linear-gradient(180deg, var(--wlp-ui-sidebar) 0%, var(--wlp-ui-sidebar-2) 100%);
  color: #e5e7eb;
  box-shadow: 8px 0 30px rgba(15, 23, 42, .11);
  transition: width .18s ease, transform .22s ease;
}

.wlp-app .wlp-sidebar-brand {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 10px;
  padding: 0 3px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.wlp-app .wlp-sidebar-mark {
  display: grid;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  background: linear-gradient(145deg, #6366f1, #0f9f91);
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .45px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .27), 0 7px 18px rgba(3, 8, 24, .28);
}

.wlp-app .wlp-sidebar-brand > div {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 1px;
}

.wlp-app .wlp-sidebar-brand h1 {
  overflow: hidden;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -.1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wlp-app .wlp-sidebar-brand small {
  overflow: hidden;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wlp-app .wlp-sidebar-collapse {
  display: grid;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 7px;
  background: rgba(255, 255, 255, .06);
  color: #cbd5e1;
  font: 500 18px/1 Arial, sans-serif;
  box-shadow: none;
  cursor: pointer;
}

.wlp-app .wlp-sidebar-collapse:hover {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .11);
  color: #fff;
}

.wlp-app .wlp-sidebar-nav {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 3px;
  overflow: auto;
  padding: 10px 0 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

.wlp-app .wlp-sidebar-nav p {
  margin: 11px 9px 4px;
  color: #718096;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.1px;
}

.wlp-app .wlp-sidebar-nav a {
  position: relative;
  display: flex;
  min-height: 39px;
  align-items: center;
  gap: 10px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #aeb9c9;
  font-size: 13px;
  font-weight: 620;
  line-height: 1.25;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.wlp-app .wlp-sidebar-nav a:hover {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .055);
  color: #f8fafc;
  box-shadow: none;
  transform: none;
}

.wlp-app .wlp-sidebar-nav a.active {
  border-color: rgba(129, 140, 248, .25);
  background: linear-gradient(90deg, rgba(99, 102, 241, .24), rgba(15, 118, 110, .09));
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.wlp-app .wlp-sidebar-nav a.active::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: #67e8f9;
  box-shadow: 0 0 12px rgba(103, 232, 249, .4);
}

.wlp-app .wlp-sidebar-nav i {
  display: grid;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
  color: #dbeafe;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: -.1px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.wlp-app .wlp-sidebar-nav .wlp-menu-dashboard i { border-color: rgba(196, 181, 253, .16); background: rgba(124, 58, 237, .12); color: #c4b5fd; }
.wlp-app .wlp-sidebar-nav .wlp-menu-pi i { border-color: rgba(147, 197, 253, .16); background: rgba(37, 99, 235, .12); color: #93c5fd; }
.wlp-app .wlp-sidebar-nav .wlp-menu-tax i { border-color: rgba(134, 239, 172, .16); background: rgba(22, 163, 74, .12); color: #86efac; }
.wlp-app .wlp-sidebar-nav .wlp-menu-files i { border-color: rgba(216, 180, 254, .16); background: rgba(126, 34, 206, .12); color: #d8b4fe; }
.wlp-app .wlp-sidebar-nav .wlp-menu-customers i { border-color: rgba(253, 186, 116, .16); background: rgba(217, 119, 6, .12); color: #fdba74; }
.wlp-app .wlp-sidebar-nav .wlp-menu-settings i { border-color: rgba(103, 232, 249, .16); background: rgba(8, 145, 178, .12); color: #67e8f9; }
.wlp-app .wlp-sidebar-nav a.wlp-menu-link.active i {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .1);
  color: #fff;
}

.wlp-app .wlp-sidebar-foot {
  flex: 0 0 auto;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 10px;
  background: rgba(255, 255, 255, .045);
  box-shadow: none;
}

.wlp-app .wlp-user-chip {
  display: flex;
  align-items: center;
  gap: 9px;
}

.wlp-app .wlp-user-chip > span {
  display: grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(99, 102, 241, .55), rgba(15, 118, 110, .55));
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  box-shadow: none;
}

.wlp-app .wlp-user-chip > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.wlp-app .wlp-user-chip b {
  overflow: hidden;
  color: #f8fafc;
  font-size: 11.5px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wlp-app .wlp-user-chip small {
  color: #8fa0b7;
  font-size: 10px;
}

.wlp-app .wlp-logout-button {
  display: flex !important;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 8px;
  padding: 6px 9px;
  border: 1px solid rgba(248, 113, 113, .25);
  border-radius: 8px;
  background: rgba(127, 29, 29, .16);
  color: #fecaca !important;
  font-size: 12px !important;
  font-weight: 750;
  text-decoration: none;
  box-shadow: none;
}

.wlp-app .wlp-logout-button:hover {
  border-color: rgba(248, 113, 113, .42);
  background: rgba(153, 27, 27, .28);
  color: #fff !important;
  transform: none;
}

.wlp-app .wlp-logout-button i { font-style: normal; }

.wlp-app .wlp-app-content {
  width: calc(100% - var(--wlp-ui-sidebar-width));
  min-height: 100vh;
  margin-left: var(--wlp-ui-sidebar-width);
  overflow-x: clip;
  transition: width .18s ease, margin-left .18s ease;
}

.wlp-app.sidebar-collapsed .wlp-sidebar {
  width: var(--wlp-ui-sidebar-collapsed);
  padding-right: 9px;
  padding-left: 9px;
}

.wlp-app.sidebar-collapsed .wlp-app-content {
  width: calc(100% - var(--wlp-ui-sidebar-collapsed));
  margin-left: var(--wlp-ui-sidebar-collapsed);
}

.wlp-app.sidebar-collapsed .wlp-sidebar-brand > div,
.wlp-app.sidebar-collapsed .wlp-sidebar-nav p,
.wlp-app.sidebar-collapsed .wlp-sidebar-nav span,
.wlp-app.sidebar-collapsed .wlp-user-chip > div,
.wlp-app.sidebar-collapsed .wlp-logout-button span {
  display: none;
}

.wlp-app.sidebar-collapsed .wlp-sidebar-brand { justify-content: center; }
.wlp-app.sidebar-collapsed .wlp-sidebar-collapse { position: absolute; right: -11px; top: 21px; background: #1f2937; }
.wlp-app.sidebar-collapsed .wlp-sidebar-nav a { justify-content: center; padding: 5px; }
.wlp-app.sidebar-collapsed .wlp-sidebar-nav a.active::before { left: -9px; }
.wlp-app.sidebar-collapsed .wlp-sidebar-foot { padding: 7px 5px; }
.wlp-app.sidebar-collapsed .wlp-user-chip { justify-content: center; }
.wlp-app.sidebar-collapsed .wlp-sidebar-foot > .wlp-logout-button { width: 34px; height: 34px; min-height: 34px; margin: 7px auto 0; padding: 0; }

.wlp-app .wlp-register-table .wlp-date-group th {
  padding: 8px 12px 6px;
  border-top: 1px solid #dbe5f1;
  border-bottom: 1px solid #e7edf5;
  background: linear-gradient(90deg, #eef5ff, #f8fbff 58%, #fff);
  color: #33557d;
  text-align: left;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wlp-app .wlp-register-table .wlp-date-group:first-child th { border-top: 0; }
.wlp-app .wlp-register-table .wlp-date-group span { display: inline-flex; align-items: center; gap: 6px; }
.wlp-app .wlp-register-table .wlp-date-group span::before { width: 6px; height: 6px; border-radius: 50%; background: #3b82f6; content: ''; }

.wlp-approval-toast {
  position: fixed;
  z-index: 100000;
  right: 20px;
  bottom: 20px;
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 16px;
  border: 1px solid #86efac;
  border-radius: 11px;
  background: #f0fdf4;
  color: #14532d;
  font: 750 13px/1.45 system-ui, sans-serif;
  box-shadow: 0 14px 38px rgba(15, 23, 42, .18);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .18s ease, transform .18s ease;
}

.wlp-approval-toast.show { opacity: 1; transform: translateY(0); }

/* Command bars */
.wlp-app .wlp-desktop-bar {
  position: sticky;
  z-index: 180;
  top: 0;
  display: flex;
  height: var(--wlp-ui-topbar-height);
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 clamp(18px, 2.2vw, 34px);
  border-bottom: 1px solid var(--wlp-ui-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 2px 10px rgba(15, 23, 42, .035);
  backdrop-filter: blur(12px);
}

.wlp-app .wlp-top-title {
  display: flex;
  min-width: 150px;
  flex-direction: column;
  gap: 1px;
}

.wlp-app .wlp-top-title > span {
  color: #5b687c;
  font-size: 10px;
  font-weight: 820;
  letter-spacing: 1.15px;
}

.wlp-app .wlp-top-title > strong {
  color: var(--wlp-ui-text);
  font-size: 16px;
  font-weight: 750;
  letter-spacing: -.15px;
}

.wlp-app .wlp-top-tools {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.wlp-app .wlp-top-tools time {
  padding: 0 10px;
  border: 0;
  border-left: 1px solid var(--wlp-ui-line);
  color: #526277;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.wlp-top-health {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid #cfe7dc;
  border-radius: 999px;
  background: #f0faf5;
  color: #17633f;
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.wlp-top-health i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #22a564;
  box-shadow: 0 0 0 3px rgba(34, 165, 100, .12);
}

.wlp-top-health.is-muted {
  border-color: #e5e7eb;
  background: #f8fafc;
  color: #64748b;
}

.wlp-top-health.is-muted i { background: #94a3b8; box-shadow: 0 0 0 3px rgba(148, 163, 184, .14); }
.wlp-top-health:hover { border-color: #9fd3bd; color: #0f5134; }

.wlp-app .wlp-top-create,
.wlp-app .wlp-top-action {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 760;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease, transform .15s ease;
}

.wlp-app .wlp-top-create i { font-size: 13px; font-style: normal; line-height: 1; }
.wlp-app .wlp-top-create-pi { border-color: #4f46e5; background: #4f46e5; color: #fff; }
.wlp-app .wlp-top-create-pi:hover { border-color: #4338ca; background: #4338ca; color: #fff; }
.wlp-app .wlp-top-create-tax { border-color: #b9dfd7; background: #edf9f6; color: #0f6a62; }
.wlp-app .wlp-top-create-tax:hover { border-color: #83c9bd; background: #e0f4ef; color: #0b5a54; }
.wlp-app .wlp-top-action { border-color: #d7dce5; background: #fff; color: #3f4b5f; }
.wlp-app .wlp-top-action:hover { border-color: #adb8c7; background: #f8fafc; color: #172033; }
.wlp-app .wlp-top-create:active,
.wlp-app .wlp-top-action:active { transform: translateY(1px); }

.wlp-app .wlp-currency-toggle {
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d7dde7;
  border-radius: 8px;
  background: #fff;
  color: #42526a;
  box-shadow: none;
  font-size: 10.5px;
}

.wlp-app .wlp-currency-toggle > span {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: #eef2ff;
  color: #4f46e5;
}

.wlp-app .wlp-currency-toggle:hover,
.wlp-app .wlp-currency-toggle[aria-expanded="true"] {
  border-color: #a9a5eb;
  background: #f7f7ff;
  color: #4338ca;
  transform: none;
}

.wlp-app .wlp-mobile-bar { display: none; }

/* Main canvas and shared components */
.wlp-app .wlp-main {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding: 20px clamp(18px, 2.2vw, 34px) 46px;
}

.wlp-app .wlp-card {
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid var(--wlp-ui-line);
  border-radius: var(--wlp-ui-radius);
  background: var(--wlp-ui-surface);
  box-shadow: var(--wlp-ui-shadow);
}

.wlp-app .wlp-card h3 {
  color: var(--wlp-ui-text);
  font-size: 13px;
  font-weight: 760;
  letter-spacing: -.1px;
}

.wlp-app .wlp-card-head { min-height: 36px; }

.wlp-app .wlp-btn {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  border: 1px solid var(--wlp-ui-primary);
  border-radius: 8px;
  background: var(--wlp-ui-primary);
  color: #fff !important;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.15;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.wlp-app .wlp-btn:hover {
  border-color: var(--wlp-ui-primary-dark);
  background: var(--wlp-ui-primary-dark);
  box-shadow: none;
  filter: none;
  transform: none;
}

.wlp-app .wlp-btn.secondary {
  border-color: #d3dbe7;
  background: #fff;
  color: #415066 !important;
  box-shadow: none;
}

.wlp-app .wlp-btn.secondary:hover {
  border-color: #aab6c6;
  background: #f8fafc;
  color: #172033 !important;
}

.wlp-app .wlp-btn:active { transform: translateY(1px); }
.wlp-app .wlp-btn:disabled { cursor: not-allowed; opacity: .5; transform: none; }

.wlp-app .wlp-notice {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid #d7e1ef;
  border-left: 4px solid #64748b;
  border-radius: 9px;
  background: #fff;
  color: #45556b;
  font-size: 11px;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .035);
}

.wlp-app .wlp-notice.success { border-color: #c6e6d5; border-left-color: var(--wlp-ui-success); background: #f2fbf6; color: #17623c; }
.wlp-app .wlp-notice.error { border-color: #efcfd2; border-left-color: var(--wlp-ui-danger); background: #fff5f5; color: #942e37; }

/* Dashboard */
.wlp-dashboard-heading {
  display: flex;
  min-height: 56px;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 13px;
}

.wlp-dashboard-heading > div { min-width: 0; }
.wlp-dashboard-heading span { color: var(--wlp-ui-primary); font-size: 10px; font-weight: 830; letter-spacing: 1.2px; }
.wlp-dashboard-heading h2 { margin: 3px 0 2px; color: var(--wlp-ui-text); font-size: clamp(20px, 2vw, 25px); line-height: 1.18; letter-spacing: -.55px; }
.wlp-dashboard-heading p { margin: 0; color: var(--wlp-ui-muted); font-size: 12px; line-height: 1.45; }

.wlp-app .wlp-dashboard-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 13px;
}

.wlp-app .wlp-dashboard-shortcuts > a {
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid var(--wlp-ui-line);
  border-radius: 10px;
  background: #fff;
  color: var(--wlp-ui-text);
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.wlp-app .wlp-dashboard-shortcuts > a:nth-child(n) { border-color: var(--wlp-ui-line); border-bottom-width: 1px; background: #fff; }
.wlp-app .wlp-dashboard-shortcuts > a:hover { border-color: #b7c3d2; box-shadow: 0 7px 20px rgba(15, 23, 42, .07); filter: none; transform: translateY(-1px); }

.wlp-app .wlp-dashboard-shortcuts i {
  display: grid;
  flex: 0 0 33px;
  width: 33px;
  height: 33px;
  place-items: center;
  border: 0;
  border-radius: 9px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  box-shadow: none;
}

.wlp-app .wlp-dashboard-shortcuts > a:nth-child(2) i { background: #eaf8f4; color: #0f766e; }
.wlp-app .wlp-dashboard-shortcuts > a:nth-child(3) i { background: #fff4e8; color: #b45309; }
.wlp-app .wlp-dashboard-shortcuts > a:nth-child(4) i { background: #f5efff; color: #7e22ce; }
.wlp-app .wlp-dashboard-shortcuts span { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 1px; }
.wlp-app .wlp-dashboard-shortcuts b { overflow: hidden; color: var(--wlp-ui-text); font-size: 12.5px; font-weight: 730; text-overflow: ellipsis; white-space: nowrap; }
.wlp-app .wlp-dashboard-shortcuts small { overflow: hidden; color: #64748b; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.wlp-app .wlp-dashboard-shortcuts em { color: #94a3b8; font-size: 14px; font-style: normal; }

.wlp-app .wlp-money-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 10px;
}

.wlp-app .wlp-money-stats > div {
  display: grid;
  min-height: 82px;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--wlp-ui-line);
  border-radius: 11px;
  background: #fff !important;
  color: var(--wlp-ui-text);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
}

.wlp-app .wlp-money-stats > div > i {
  display: grid;
  grid-row: 1 / 3;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.wlp-app .wlp-money-stats > div:nth-child(2) > i { background: #ecf9f2; color: #15803d; }
.wlp-app .wlp-money-stats > div:nth-child(3) > i { background: #fff5e8; color: #b45309; }
.wlp-app .wlp-money-stats > div:nth-child(4) > i { background: #f5efff; color: #7e22ce; }
.wlp-app .wlp-money-stats > div > span { align-self: end; color: #64748b; font-size: 10px; font-weight: 780; letter-spacing: .55px; opacity: 1; }
.wlp-app .wlp-money-values { display: flex; min-width: 0; align-self: start; flex-wrap: wrap; gap: 2px 8px; }
.wlp-app .wlp-money-stats strong { overflow: hidden; margin: 1px 0 0; color: var(--wlp-ui-text); font-size: 17px; font-weight: 760; line-height: 1.25; letter-spacing: -.35px; text-overflow: ellipsis; white-space: nowrap; }

.wlp-app .wlp-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.wlp-app .wlp-stats > div {
  display: grid;
  min-height: 58px;
  grid-template-columns: 7px auto;
  grid-template-rows: auto auto;
  align-content: center;
  justify-content: start;
  column-gap: 9px;
  padding: 9px 11px;
  overflow: hidden;
  border: 1px solid var(--wlp-ui-line);
  border-left: 1px solid var(--wlp-ui-line) !important;
  border-radius: 10px;
  background: #fff !important;
  color: #64748b !important;
  box-shadow: none;
  transition: border-color .15s ease, background-color .15s ease;
}

.wlp-app .wlp-stats > div:hover { border-color: #bcc8d7; box-shadow: none; transform: none; }
.wlp-app .wlp-stats > div::after { display: none; }
.wlp-app .wlp-stats i { grid-row: 1 / 3; width: 7px; height: 7px; align-self: center; margin: 0; border-radius: 50%; background: #94a3b8; box-shadow: none; opacity: 1; }
.wlp-app .wlp-stats .stat-awaiting i { background: #d97706; }
.wlp-app .wlp-stats .stat-approved i { background: #16a34a; }
.wlp-app .wlp-stats .stat-sent i { background: #2563eb; }
.wlp-app .wlp-stats .stat-paid i { background: #7c3aed; }
.wlp-app .wlp-stats strong { display: block; color: var(--wlp-ui-text); font-size: 18px; font-weight: 760; line-height: 1; }
.wlp-app .wlp-stats span { display: block; margin: 3px 0 0; color: #64748b; font-size: 10.5px; font-weight: 650; line-height: 1.15; }

/* Register tabs and tables */
.wlp-app .wlp-document-registers {
  overflow: visible;
  border: 1px solid var(--wlp-ui-line);
  border-radius: var(--wlp-ui-radius);
  background: #fff;
  box-shadow: var(--wlp-ui-shadow);
}

.wlp-app .wlp-register-tabs {
  display: flex;
  gap: 4px;
  padding: 9px 10px 0;
  border-bottom: 1px solid var(--wlp-ui-line);
  background: #fbfcfe;
  border-radius: var(--wlp-ui-radius) var(--wlp-ui-radius) 0 0;
}

.wlp-app .wlp-register-tabs button {
  position: relative;
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 10px;
  border: 0;
  border-radius: 8px 8px 0 0;
  background: transparent;
  color: #66758a;
  font-size: 12px;
  font-weight: 720;
  cursor: pointer;
}

.wlp-app .wlp-register-tabs button::after {
  content: "";
  position: absolute;
  right: 9px;
  bottom: -1px;
  left: 9px;
  height: 2px;
  border-radius: 3px 3px 0 0;
  background: transparent;
}

.wlp-app .wlp-register-tabs button b {
  display: grid;
  min-width: 21px;
  height: 19px;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  background: #e9edf3;
  color: #59677a;
  font-size: 10px;
}

.wlp-app .wlp-register-tabs button.active { background: #fff; color: var(--wlp-ui-primary); }
.wlp-app .wlp-register-tabs button.active::after { background: var(--wlp-ui-primary); }
.wlp-app .wlp-register-tabs button.active b { background: #eeecff; color: var(--wlp-ui-primary-dark); }
.wlp-app .wlp-register-tabs button:active { transform: none; }

.wlp-app .wlp-doc-section {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 0 var(--wlp-ui-radius) var(--wlp-ui-radius);
  box-shadow: none;
}

.wlp-app .wlp-doc-section > .wlp-card-head,
.wlp-app .wlp-customer-register > .wlp-card-head {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  border-bottom: 1px solid #e7ecf2;
}

.wlp-app .wlp-section-title { display: flex; align-items: center; gap: 7px; }
.wlp-app .wlp-section-title h3 { margin: 0; font-size: 14px; }
.wlp-app .wlp-section-title > span { display: grid; min-width: 22px; height: 22px; place-items: center; padding: 0 6px; border-radius: 999px; background: #eef2ff; color: #4f46e5; font-size: 10px; font-weight: 750; }

.wlp-app .wlp-table-search {
  width: min(290px, 42vw);
  height: 34px;
  padding: 6px 10px 6px 31px !important;
  border: 1px solid #d6dee9 !important;
  border-radius: 8px !important;
  background-color: #f8fafc !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23718496' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 10px 50% !important;
  color: var(--wlp-ui-text);
  font-size: 12px;
}

.wlp-app .wlp-table-search:focus { border-color: #8580de !important; background-color: #fff !important; }
.wlp-app .wlp-table-wrap { scrollbar-width: thin; scrollbar-color: #c4cfdd transparent; }
.wlp-app .wlp-doc-section > .wlp-table-wrap,
.wlp-app .wlp-customer-register > .wlp-table-wrap { overflow-x: auto; }
.wlp-app .wlp-doc-section > .wlp-table-wrap:focus-visible,
.wlp-app .wlp-customer-register > .wlp-table-wrap:focus-visible { outline: 2px solid var(--wlp-ui-primary); outline-offset: -2px; box-shadow: inset 0 0 0 3px rgba(79, 70, 229, .12); }

.wlp-app .wlp-list {
  width: 100%;
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
  color: #344157;
  font-size: 12px;
}

.wlp-app .wlp-list th,
.wlp-app .wlp-list td {
  padding: 9px 10px;
  border: 0;
  border-bottom: 1px solid #e9edf3;
  text-align: left;
  vertical-align: middle;
}

.wlp-app .wlp-list th {
  position: sticky;
  z-index: 3;
  top: 0;
  background: #f7f9fc;
  color: #5b687c;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.wlp-app .wlp-list tbody tr { background: #fff; transition: background-color .12s ease; }
.wlp-app .wlp-list tbody tr:nth-child(even) { background: #fcfdff; }
.wlp-app .wlp-list tbody tr:hover { background: #f5f7ff; }
.wlp-app .wlp-list tbody tr:last-child td { border-bottom: 0; }
.wlp-app .wlp-list td:first-child strong { color: #1e2a3d; font-size: 12px; }
.wlp-app .wlp-list td small { margin-top: 2px; color: #5f6f84; font-size: 10px; }
.wlp-app .wlp-brand-badge { display: inline-flex; max-width: 150px; padding: 4px 7px; overflow: hidden; border: 1px solid #dce3ed; border-radius: 6px; background: #f8fafc; color: #536277; font-size: 10.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

.wlp-app .wlp-status {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border: 1px solid #dce3eb;
  border-radius: 999px;
  background: #f3f5f8;
  color: #566579;
  font-size: 10.5px;
  font-weight: 780;
  line-height: 1;
  white-space: nowrap;
}

.wlp-app .wlp-status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .85; }
.wlp-app .wlp-status.awaiting { border-color: #f1d5a9; background: #fff8e8; color: #9a5b08; }
.wlp-app .wlp-status.approved,
.wlp-app .wlp-status.accepted { border-color: #bfe3ce; background: #eefaf3; color: #126b3b; }
.wlp-app .wlp-status.sent { border-color: #c9dafa; background: #f0f5ff; color: #1e5fb9; }
.wlp-app .wlp-status.paid { border-color: #d8cff4; background: #f5f1ff; color: #6941b4; }
.wlp-app .wlp-status.cancelled { border-color: #edc9cd; background: #fff2f3; color: #a93440; }

.wlp-app .wlp-crm-sync { min-height: 24px; padding: 4px 7px; font-size: 10px; }
.wlp-app .wlp-actions { position: relative; min-width: 48px !important; text-align: center !important; }
.wlp-app .wlp-kebab { display: grid; width: 29px; height: 29px; place-items: center; padding: 0; border: 1px solid #d5dde8; border-radius: 8px; background: #fff; color: #58677b; font-size: 18px; line-height: 1; box-shadow: none; }
.wlp-app .wlp-kebab:hover,
.wlp-app .wlp-action-menu.open .wlp-kebab { border-color: #a8a4e5; background: #f5f4ff; color: #4f46e5; }

.wlp-app .wlp-action-dropdown {
  position: fixed;
  z-index: 10020;
  top: 0;
  right: auto;
  width: 208px;
  max-height: min(420px, calc(100vh - 24px));
  overflow: auto;
  padding: 6px;
  border: 1px solid #d6deea;
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--wlp-ui-shadow-float);
  text-align: left;
}

.wlp-app .wlp-action-dropdown a,
.wlp-app .wlp-inline-action button,
.wlp-app .wlp-action-dropdown .wlp-action-disabled,
.wlp-app .wlp-action-dropdown .wlp-converted-note {
  min-height: 31px;
  padding: 7px 9px !important;
  border-radius: 7px !important;
  color: #3e4d62 !important;
  font-size: 11px;
  line-height: 1.35;
}

.wlp-app .wlp-action-dropdown a:hover,
.wlp-app .wlp-inline-action button:hover { background: #f2f4ff !important; color: #4338ca !important; }
.wlp-app .wlp-empty { padding: 28px 14px !important; color: #64748b; font-size: 11px; text-align: center; }

/* Editor */
.wlp-app .wlp-editor { max-width: 1500px; margin: 0 auto; }
.wlp-app .wlp-editor-head {
  position: sticky;
  z-index: 120;
  top: calc(var(--wlp-ui-topbar-height) + 8px);
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--wlp-ui-line);
  border-radius: 11px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 8px 28px rgba(15, 23, 42, .09);
  backdrop-filter: blur(11px);
}

.wlp-app .wlp-editor-head > div:first-child { display: grid; min-width: 0; grid-template-columns: auto auto; align-items: center; gap: 3px 8px; }
.wlp-app .wlp-editor-head > div:first-child > a { grid-column: 1 / -1; width: max-content; color: #5f6f84; font-size: 11px; font-weight: 650; text-decoration: none; }
.wlp-app .wlp-editor-head > div:first-child > a:hover { color: var(--wlp-ui-primary); }
.wlp-app .wlp-editor-head h2 { overflow: hidden; margin: 0; color: var(--wlp-ui-text); font-size: 17px; font-weight: 760; letter-spacing: -.35px; text-overflow: ellipsis; white-space: nowrap; }
.wlp-app .wlp-editor-head > div:last-child { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }

.wlp-app .wlp-editor-steps {
  position: sticky;
  z-index: 105;
  top: 140px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 12px;
  overflow: hidden;
  border: 1px solid var(--wlp-ui-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .055);
}

.wlp-app .wlp-editor-steps a {
  position: relative;
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 7px 9px;
  border-right: 1px solid #e8ecf2;
  color: #6b788c;
  font-size: 11px;
  font-weight: 680;
  text-align: center;
  text-decoration: none;
}

.wlp-app .wlp-editor-steps a:last-child { border-right: 0; }
.wlp-app .wlp-editor-steps a::after { content: ""; position: absolute; right: 9px; bottom: 0; left: 9px; height: 2px; background: transparent; }
.wlp-app .wlp-editor-steps a.active { background: #fafaff; color: var(--wlp-ui-primary-dark); }
.wlp-app .wlp-editor-steps a.active::after { background: var(--wlp-ui-primary); }
.wlp-app .wlp-editor-steps i { display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid #d7deea; border-radius: 6px; background: #f8fafc; color: #64748b; font-size: 10px; font-style: normal; }
.wlp-app .wlp-editor-steps a.active i { border-color: #c9c5f7; background: #efeeff; color: #4f46e5; }

.wlp-app .wlp-editor-section { scroll-margin-top: 194px; }
.wlp-app .wlp-grid { gap: 12px; }
.wlp-app .wlp-grid.two { grid-template-columns: minmax(320px, .82fr) minmax(430px, 1.18fr); }
.wlp-app .wlp-grid.totals { grid-template-columns: minmax(0, 1.28fr) minmax(330px, .72fr); align-items: start; }
.wlp-app .wlp-grid .wlp-card { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; align-content: start; padding: 15px; }

.wlp-app .wlp-editor .wlp-card h3 {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: 8px;
  margin: 0 0 2px;
  padding: 0 0 9px;
  border-bottom: 1px solid #e8ecf2;
  font-size: 12px;
}

.wlp-app .wlp-editor .wlp-card h3::before { width: 3px; height: 16px; border-radius: 4px; background: linear-gradient(#4f46e5, #0f766e); }
.wlp-app .wlp-field { gap: 4px; color: #536277; font-size: 12px; font-weight: 700; }
.wlp-app .wlp-field > span { color: #526075; }
.wlp-app .wlp-field-note { margin-top: 1px; color: #64748b; font-size: 10.5px; font-weight: 500; line-height: 1.4; }

.wlp-app .wlp-field input,
.wlp-app .wlp-field select,
.wlp-app .wlp-field textarea,
.wlp-app .wlp-items input,
.wlp-app .wlp-items select,
.wlp-app .wlp-items textarea,
.wlp-app .wlp-pack-builder input,
.wlp-app .wlp-pack-builder select,
.wlp-app .wlp-pack-builder textarea {
  width: 100%;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid #ced7e3;
  border-radius: 7px;
  background: #fff;
  color: #253247;
  font-size: 12.5px;
  line-height: 1.35;
  box-shadow: inset 0 1px 1px rgba(15, 23, 42, .025);
  transition: border-color .14s ease, box-shadow .14s ease, background-color .14s ease;
}

.wlp-app .wlp-field textarea,
.wlp-app .wlp-items textarea,
.wlp-app .wlp-pack-builder textarea { min-height: 62px; resize: vertical; }
.wlp-app .wlp-field input:focus,
.wlp-app .wlp-field select:focus,
.wlp-app .wlp-field textarea:focus,
.wlp-app .wlp-items input:focus,
.wlp-app .wlp-items select:focus,
.wlp-app .wlp-items textarea:focus { border-color: #8883df; box-shadow: var(--wlp-ui-focus); outline: 0; }
.wlp-app .wlp-field input[readonly] { border-color: #e0e5ec; background: #f4f6f9; color: #68768a; }

.wlp-app .wlp-pricing { display: grid !important; grid-template-columns: minmax(220px, 1fr) minmax(250px, .72fr) !important; gap: 12px !important; align-items: end; border-top: 1px solid var(--wlp-ui-line) !important; }
.wlp-app .wlp-pricing h3 { padding-bottom: 7px !important; }
.wlp-app .wlp-pricing p,
.wlp-app .wlp-pricing-help { color: #64748b; font-size: 11px; line-height: 1.45; }
.wlp-app .wlp-combo-fields { grid-column: 1 / -1; padding: 11px; border: 1px solid #dddaf7; border-radius: 9px; background: #f8f7ff; }

.wlp-app .wlp-items { padding: 0; overflow: visible; border-top: 0; }
.wlp-app .wlp-items > .wlp-card-head { min-height: 57px; padding: 10px 12px; border-bottom: 1px solid var(--wlp-ui-line); }
.wlp-app .wlp-items > .wlp-card-head h3 { margin: 0; padding: 0; border: 0; }
.wlp-app .wlp-item-add-controls { gap: 7px; }
.wlp-app .wlp-item-add-controls label { gap: 3px; color: #5f6f84; font-size: 10.5px; }
.wlp-app .wlp-item-add-controls select { min-width: 126px; height: 33px; min-height: 33px; }
.wlp-app .wlp-row-status { color: #64748b; font-size: 10px; font-weight: 650; }

.wlp-app .wlp-items > .wlp-table-wrap {
  max-width: 100%;
  overflow: auto !important;
  scrollbar-gutter: stable;
  border: 0;
  border-radius: 0;
  background: #fff;
}
.wlp-app .wlp-items > .wlp-table-wrap:focus-visible { outline: 2px solid var(--wlp-ui-primary); outline-offset: -2px; box-shadow: inset 0 0 0 3px rgba(79, 70, 229, .12); }

.wlp-app .wlp-items table { width: 100%; min-width: 1260px; border-collapse: separate; border-spacing: 0; font-size: 11.5px; }
.wlp-app .wlp-items th,
.wlp-app .wlp-items td { padding: 6px; border: 0; border-right: 1px solid #e8ecf2; border-bottom: 1px solid #e8ecf2; vertical-align: top; }
.wlp-app .wlp-items th { position: sticky; z-index: 4; top: 0; padding: 8px 6px; background: #f1f4f9 !important; color: #526075; font-size: 9.5px; font-weight: 820; letter-spacing: .42px; text-transform: uppercase; }
.wlp-app .wlp-items th:last-child,
.wlp-app .wlp-items td:last-child { border-right: 0; }
.wlp-app .wlp-items tbody tr:nth-child(even) td { background: #fcfdff; }
.wlp-app .wlp-items tbody tr:hover td { background: #f7f8ff; }
.wlp-app .wlp-items input,
.wlp-app .wlp-items select { min-height: 32px; padding: 5px 7px; }
.wlp-app .wlp-items textarea { min-width: 185px; min-height: 52px; padding: 6px 7px; }
.wlp-app .wlp-items th:first-child,
.wlp-app .wlp-items td.row-no { width: 68px; min-width: 68px; white-space: nowrap; }
.wlp-app .wlp-items .wlp-picture-head,
.wlp-app .wlp-items .wlp-item-picture { width: 124px; min-width: 124px; }
.wlp-app .wlp-items th[data-col-type="text"],
.wlp-app .wlp-items td[data-col-type="text"] { min-width: 120px; }
.wlp-app .wlp-items th[data-col-type="textarea"],
.wlp-app .wlp-items td[data-col-type="textarea"] { min-width: 250px; }
.wlp-app .wlp-items th[data-col-key="description"],
.wlp-app .wlp-items td[data-col-key="description"] { min-width: 300px; }
.wlp-app .wlp-items td[data-col-key="description"] textarea { min-width: 286px; line-height: 1.42; }
.wlp-app .wlp-items th[data-col-type="number"],
.wlp-app .wlp-items td[data-col-type="number"] { min-width: 96px; }
.wlp-app .wlp-items th[data-col-type="money"],
.wlp-app .wlp-items td[data-col-type="money"] { min-width: 150px; }
.wlp-app .wlp-items th[data-col-type="gst"],
.wlp-app .wlp-items td[data-col-type="gst"] { width: 108px !important; min-width: 108px; }
.wlp-app .wlp-items th[data-col-type="calculated"],
.wlp-app .wlp-items td[data-col-type="calculated"] { min-width: 165px; }
.wlp-app .wlp-items th[data-col-key="qty"],
.wlp-app .wlp-items td[data-col-key="qty"] { width: 96px !important; min-width: 96px; text-align: center; }
.wlp-app .wlp-items th[data-col-key="unit_price"],
.wlp-app .wlp-items td[data-col-key="unit_price"] { width: 155px !important; min-width: 155px; }
.wlp-app .wlp-items th[data-col-key="amount"],
.wlp-app .wlp-items td[data-col-key="amount"] { width: 170px !important; min-width: 170px; }
.wlp-app .wlp-items th[data-col-key="amount_with_gst"],
.wlp-app .wlp-items td[data-col-key="amount_with_gst"] { width: 178px !important; min-width: 178px; }
.wlp-app .wlp-items td[data-col-key="qty"] input {
  min-width: 82px;
  padding-right: 22px;
  color: #173f68;
  background: #f7fbff;
  border-color: #b8d2ec;
  font-size: 12.5px;
  font-weight: 750;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.wlp-app .wlp-items td[data-col-key="gst_rate"] select {
  min-width: 94px;
  padding-right: 30px;
  color: #7a4b08;
  background-color: #fffaf0;
  border-color: #e5c58d;
  font-size: 12px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.wlp-app .wlp-items th[data-col-key="qty"] { background: #eaf4ff !important; color: #245f98; }
.wlp-app .wlp-items th[data-col-key="gst_rate"] { background: #fff4df !important; color: #80520f; }
.wlp-app .wlp-items td[data-col-key="unit_price"] input,
.wlp-app .wlp-items td[data-col-key="amount"] input,
.wlp-app .wlp-items td[data-col-key="amount_with_gst"] input { color: #243b55; font-size: 12px; font-weight: 650; text-align: right; font-variant-numeric: tabular-nums; }
.wlp-app .wlp-items th[data-col-key="amount"] { background: #eef5ff !important; color: #285b92; }
.wlp-app .wlp-items th[data-col-key="amount_with_gst"] { background: #eaf8f1 !important; color: #176b4b; }
.wlp-app .wlp-items td[data-col-key="amount_with_gst"] input { background: #f5fbf8; color: #176b4b; font-weight: 760; }
.wlp-app .wlp-item-actions-head { min-width: 102px; background: #eef2f7 !important; box-shadow: -5px 0 12px rgba(15, 23, 42, .045); }
.wlp-app .wlp-column-menu-toggle { width: 25px; height: 25px; border-color: #cbd4e0; border-radius: 7px; box-shadow: none; }
.wlp-app .wlp-row-actions { min-width: 103px; }
.wlp-app .wlp-row-action-group { grid-template-columns: repeat(3, 27px); gap: 4px; }
.wlp-app .wlp-row-action-group button { width: 27px; height: 27px; border: 1px solid #d4dce7; border-radius: 7px; background: #fff; color: #59697e; box-shadow: none; }
.wlp-app .wlp-row-action-group button:hover { border-color: #aaa6e5; background: #f3f2ff; color: #4f46e5; transform: none; }
.wlp-app .wlp-row-action-group .wlp-remove-row { border-color: #ebcdd0; background: #fff7f7; color: #b23b45; }
.wlp-app .wlp-picture-button { border-radius: 6px; font-size: 10px; }

.wlp-app .wlp-total-card { border-top: 1px solid var(--wlp-ui-line); }
.wlp-app .wlp-summary { margin-top: 5px; padding: 8px 10px !important; border: 1px solid #dfe5ed; border-radius: 9px; background: #f8fafc; }
.wlp-app .wlp-summary div { padding: 6px 2px; color: #5f6f84; font-size: 11px; }
.wlp-app .wlp-summary strong { color: #2f3c50; }
.wlp-app .wlp-summary .grand { margin: 5px -3px -3px; padding: 10px; border: 0; border-radius: 8px; background: linear-gradient(135deg, #312e81, #0f766e); color: #fff; font-size: 12px; }
.wlp-app .wlp-summary .grand strong { color: #fff; font-size: 14px; }

.wlp-app .wlp-pack-builder { border-top: 0; }
.wlp-app .wlp-pack-step { border-color: var(--wlp-ui-line); border-radius: 9px; background: #fff; }
.wlp-app .wlp-pack-step-title { background: #f7f9fc; color: #455469; }
.wlp-app .wlp-pack-upload-card,
.wlp-app .wlp-pack-asset { border-color: #dce3ed; border-radius: 9px; box-shadow: none; }

/* Customers and payments */
.wlp-app .wlp-hero.customer-hero {
  min-height: 92px;
  margin-bottom: 12px;
  padding: 17px 19px;
  border: 1px solid var(--wlp-ui-line);
  border-radius: 12px;
  background: linear-gradient(135deg, #fff, #f5f7ff 58%, #eff9f7);
  color: var(--wlp-ui-text);
  box-shadow: var(--wlp-ui-shadow);
}

.wlp-app .wlp-hero.customer-hero::after { display: none; }
.wlp-app .wlp-hero.customer-hero h2 { color: var(--wlp-ui-text); font-size: 21px; }
.wlp-app .wlp-hero.customer-hero p { max-width: 800px; color: var(--wlp-ui-muted); font-size: 12px; }
.wlp-app .customer-hero strong { padding: 7px 10px; border: 1px solid #d6d4f5; border-radius: 8px; background: #f0efff; color: #4f46e5; font-size: 11px; }
.wlp-app .wlp-customer-register { padding: 0; }
.wlp-app .wlp-customer-tools { gap: 7px; }
.wlp-app .wlp-payment-panel { border-top: 1px solid var(--wlp-ui-line); }
.wlp-app .wlp-payment-form { padding: 11px; border-color: #dfdcf5; border-radius: 9px; background: #f8f7ff; }

/* Floating tools and dialogs */
.wlp-app .wlp-currency-panel,
.wlp-app .wlp-column-manager {
  border: 1px solid #d3dce8;
  border-radius: 11px;
  background: #fff;
  box-shadow: var(--wlp-ui-shadow-float);
}

.wlp-app .wlp-currency-panel header strong,
.wlp-app .wlp-column-manager > header strong { font-size: 14px; }
.wlp-app .wlp-currency-panel header small,
.wlp-app .wlp-column-manager > header small { color: #64748b; font-size: 10px; }
.wlp-app .wlp-currency-panel label,
.wlp-app .wlp-column-add label { color: #526075; font-size: 11px; }
.wlp-app .wlp-currency-panel input,
.wlp-app .wlp-currency-panel select,
.wlp-app .wlp-column-add input,
.wlp-app .wlp-column-add select { min-height: 38px; font-size: 12px; }
.wlp-app .wlp-currency-convert,
.wlp-app .wlp-add-item-column { min-height: 38px; font-size: 11px; }
.wlp-app .wlp-currency-result strong,
.wlp-app .wlp-column-arrange-head strong { font-size: 12px; }
.wlp-app .wlp-currency-result small,
.wlp-app .wlp-column-arrange-head small,
.wlp-app .wlp-column-status,
.wlp-app .wlp-column-default-help { color: #64748b; font-size: 10.5px; }
.wlp-app .wlp-column-list-row strong { font-size: 11px; }
.wlp-app .wlp-column-list-row small { color: #64748b; font-size: 10px; }
.wlp-app .wlp-column-move-actions button { width: 32px; height: 32px; }

.wlp-app .wlp-crm-customer-picker > label { font-size: 12px; }
.wlp-app .wlp-crm-customer-picker .wlp-crm-customer-search { min-height: 38px; font-size: 12px; }
.wlp-app .wlp-crm-result-name { font-size: 12px; }
.wlp-app .wlp-crm-result-summary { color: #64748b; font-size: 10.5px; }
.wlp-app .wlp-crm-results-empty,
.wlp-app .wlp-crm-status,
.wlp-app .wlp-crm-page-status { color: #64748b; font-size: 10.5px; }
.wlp-app .wlp-crm-reuse-help,
.wlp-crm-separate-help { font-size: 10.5px; }
.wlp-app .wlp-crm-page,
.wlp-app .wlp-crm-picker-actions .wlp-btn { min-height: 34px; font-size: 11px; }
.wlp-app .wlp-crm-customer-picker > .wlp-crm-admin-note { font-size: 10.5px; }

.wlp-crm-review-eyebrow { font-size: 10px; }
.wlp-crm-review-description { color: #526075; font-size: 11.5px; }
.wlp-crm-review-queue-label,
.wlp-crm-review-status { font-size: 11px; }
.wlp-crm-review-queue-select { min-height: 38px; font-size: 12px; }
.wlp-crm-candidate-choice strong { font-size: 12px; }
.wlp-crm-match-reasons,
.wlp-crm-match-reasons > strong { font-size: 10.5px; }
.wlp-crm-compare-table { font-size: 11px; }
.wlp-crm-compare-table thead th { font-size: 10px; }
.wlp-crm-update-field { font-size: 10px; }
.wlp-crm-no-match h3 { font-size: 14px; }
.wlp-crm-no-match > p,
.wlp-crm-review-content > .wlp-crm-admin-note { font-size: 11px; }
.wlp-crm-review-action { min-height: 36px; font-size: 11px; }

.wlp-app :where(.wlp-picture-button, .wlp-file-picker, .wlp-upload-picker, .wlp-pack-mode):focus-within {
  outline: 2px solid var(--wlp-ui-primary);
  outline-offset: 2px;
  box-shadow: var(--wlp-ui-focus);
}

.wlp-preview-dialog,
.wlp-crm-review-dialog { border-radius: 14px !important; box-shadow: 0 30px 90px rgba(2, 8, 23, .35) !important; }
.wlp-preview-backdrop,
.wlp-crm-review-backdrop { background: rgba(9, 15, 29, .7) !important; backdrop-filter: blur(4px); }

/* Login — fixed viewport, no page scroll */
html:has(.wlp-login-page),
body.wlp-pi-page:has(.wlp-login-page) {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #eef1f6 !important;
}

.wlp-login-page {
  position: fixed !important;
  z-index: 2147483000 !important;
  inset: 0 !important;
  display: grid;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  place-items: center;
  margin: 0 !important;
  padding: clamp(10px, 2.4vh, 24px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(79, 70, 229, .1), transparent 28%),
    radial-gradient(circle at 88% 86%, rgba(15, 118, 110, .08), transparent 27%),
    #eef1f6 !important;
}

.wlp-login-page::before,
.wlp-login-page::after { display: none !important; }
.wlp-login-page .wlp-login-glow { display: none; }

.wlp-login-shell {
  display: grid;
  width: min(960px, 100%);
  height: min(580px, calc(100dvh - 20px));
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(15, 23, 42, .18);
}

.wlp-login-showcase {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: clamp(28px, 4vw, 46px);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 100% 0, rgba(99, 102, 241, .33), transparent 38%),
    radial-gradient(circle at 0 100%, rgba(13, 148, 136, .23), transparent 34%),
    linear-gradient(145deg, #111827, #18213a 60%, #132d36);
  color: #fff;
}

.wlp-login-showcase::before {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -155px;
  width: 340px;
  height: 340px;
  border: 56px solid rgba(255, 255, 255, .035);
  border-radius: 50%;
}

.wlp-login-showcase::after { display: none; }
.wlp-login-brand { position: relative; display: flex; align-items: center; gap: 11px; }
.wlp-login-brand > span { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(255, 255, 255, .24); border-radius: 11px; background: linear-gradient(145deg, #6366f1, #0f9f91); color: #fff; font-size: 11px; font-weight: 850; box-shadow: none; }
.wlp-login-brand > div { display: flex; flex-direction: column; }
.wlp-login-brand b { color: #fff; font-size: 12px; }
.wlp-login-brand small { color: #aebed0; font-size: 10.5px; }
.wlp-login-pitch { position: relative; margin: auto 0 22px; }
.wlp-login-pitch > span { color: #8ee4dd; font-size: 10px; font-weight: 820; letter-spacing: 1.4px; }
.wlp-login-pitch h1 { margin: 10px 0 11px; color: #fff; font-size: clamp(34px, 4vw, 46px); line-height: 1.02; letter-spacing: -1.6px; }
.wlp-login-pitch p { max-width: 410px; margin: 0; color: #c5d0de; font-size: 12.5px; line-height: 1.65; }
.wlp-login-features { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wlp-login-features > div { display: flex; min-width: 0; align-items: center; gap: 7px; padding: 8px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 9px; background: rgba(255, 255, 255, .055); box-shadow: none; }
.wlp-login-features i { display: grid; flex: 0 0 27px; width: 27px; height: 27px; place-items: center; border-radius: 7px; background: rgba(129, 140, 248, .18) !important; color: #c7d2fe !important; font-size: 10px; font-style: normal; }
.wlp-login-features span { display: flex; min-width: 0; flex-direction: column; }
.wlp-login-features b { overflow: hidden; color: #f8fafc; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.wlp-login-features small { overflow: hidden; color: #a8b6c9; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.wlp-login-trust { position: relative; display: flex; align-items: center; gap: 7px; margin-top: 13px; color: #b7c5d7; }
.wlp-login-trust > i { width: 7px; height: 7px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 4px rgba(52, 211, 153, .12); }
.wlp-login-trust span { display: flex; flex-direction: column; }
.wlp-login-trust b { font-size: 10px; }
.wlp-login-trust small { color: #a0b0c3; font-size: 9px; }

.wlp-login-page .wlp-login {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: clamp(28px, 4vw, 46px);
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  animation: none;
}

.wlp-login-page .wlp-login::before { display: none; }
.wlp-login-page .wlp-login-icon { display: none; }
.wlp-login-heading > span { color: var(--wlp-ui-primary); font-size: 10px; font-weight: 820; letter-spacing: 1.25px; }
.wlp-login-heading h2 { margin: 7px 0 7px; color: var(--wlp-ui-text); font-size: 27px; line-height: 1.1; letter-spacing: -.7px; }
.wlp-login-heading p { margin: 0 0 20px; color: var(--wlp-ui-muted); font-size: 12px; line-height: 1.5; }
.wlp-login form p { margin: 0 0 11px; }
.wlp-login form label { display: block; margin: 0 0 5px; color: #46546a; font-size: 12px; font-weight: 720; }
.wlp-login input[type="text"],
.wlp-login input[type="password"] { width: 100%; height: 44px; padding: 0 11px; border: 1px solid #cfd8e4; border-radius: 8px; background: #f8fafc; color: #1f2c40; font-size: 14px; box-shadow: none; }
.wlp-login input[type="text"]:focus,
.wlp-login input[type="password"]:focus { border-color: #8580df; background: #fff; box-shadow: var(--wlp-ui-focus); }
.wlp-login .login-password { position: relative; }
.wlp-login .login-password input { padding-right: 58px; }
.wlp-password-toggle { position: absolute; right: 6px; top: 27px; padding: 6px 8px; border: 0; background: transparent; color: #4f46e5; font-size: 11px; font-weight: 750; cursor: pointer; }
.wlp-login .login-remember label { display: flex; align-items: center; gap: 7px; color: #68778a; font-weight: 550; }
.wlp-login .login-remember input { accent-color: var(--wlp-ui-primary); }
.wlp-login .login-submit { margin-top: 14px; }
.wlp-login-page .wlp-login .button { width: 100%; height: 44px; border: 1px solid var(--wlp-ui-primary-dark); border-radius: 8px; background: linear-gradient(135deg, #4f46e5, #4338ca); color: #fff; font-size: 13px; font-weight: 760; box-shadow: 0 7px 16px rgba(79, 70, 229, .18); cursor: pointer; }
.wlp-login-page .wlp-login .button:hover { background: #4338ca; box-shadow: 0 9px 20px rgba(79, 70, 229, .23); transform: none; }
.wlp-login-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e7ebf1; color: #64748b; font-size: 10px; letter-spacing: .2px; text-transform: none; }
.wlp-login-foot > span { display: inline-flex; align-items: center; gap: 6px; }
.wlp-login-foot a { color: #4f46e5; font-weight: 700; text-decoration: none; }
.wlp-lock-dot { width: 6px; height: 6px; background: #22a564; box-shadow: 0 0 0 3px rgba(34, 165, 100, .12); }
.wlp-login-error { margin: 0 0 10px; padding: 8px 9px; border-color: #efcbd0; border-radius: 8px; background: #fff5f5; font-size: 11px; }

/* WordPress settings screens */
.wrap.wlp-admin {
  max-width: 1320px;
  margin: 22px 22px 40px 2px;
  color: var(--wlp-ui-text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wrap.wlp-admin > h1 { margin: 0; color: var(--wlp-ui-text); font-size: 24px; font-weight: 760; letter-spacing: -.55px; }
.wrap.wlp-admin > p { max-width: 850px; margin: 5px 0 17px; color: var(--wlp-ui-muted); font-size: 12px; line-height: 1.5; }
.wlp-admin .wlp-admin-card,
.wlp-admin .wlp-company,
.wlp-admin .wlp-pack-settings {
  overflow: hidden;
  margin: 0 0 14px;
  padding: 17px;
  border: 1px solid var(--wlp-ui-line);
  border-radius: 11px;
  background: #fff;
  box-shadow: var(--wlp-ui-shadow);
}

.wlp-admin .wlp-admin-card > h2,
.wlp-admin .wlp-pack-settings > h2 { margin: -17px -17px 15px; padding: 13px 17px; border-bottom: 1px solid var(--wlp-ui-line); background: #f8fafc; color: var(--wlp-ui-text); font-size: 14px; }
.wlp-admin .form-table { margin: 0; }
.wlp-admin .form-table th { width: 210px; padding: 11px 13px 11px 0; color: #46566c; font-size: 12px; }
.wlp-admin .form-table td { padding: 8px 0; }
.wlp-admin input:not([type="checkbox"]):not([type="radio"]),
.wlp-admin select,
.wlp-admin textarea { min-height: 36px; border-color: #ccd6e3; border-radius: 7px; color: #253247; font-size: 12px; box-shadow: none; }
.wlp-admin .wlp-admin-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.wlp-admin .wlp-admin-grid label { gap: 4px; color: #4f5e72; font-size: 12px; }
.wlp-admin .wlp-company { background: #fbfcfe; }
.wlp-admin .wlp-company > .wlp-card-head { min-height: 38px; margin: -5px 0 12px; }
.wlp-admin .button-primary { border-color: var(--wlp-ui-primary-dark); border-radius: 7px; background: var(--wlp-ui-primary); box-shadow: none; }

#wlp-crm-integration {
  max-width: 1180px;
  border-color: var(--wlp-ui-line);
  border-radius: 11px;
  box-shadow: var(--wlp-ui-shadow);
}

#wlp-crm-integration::before { background: linear-gradient(90deg, #4f46e5, #0f766e); }
#wlp-crm-integration .button-primary { border-color: var(--wlp-ui-primary-dark); background: var(--wlp-ui-primary); box-shadow: none; }

/* Light, compact production refinement */
.wlp-app .wlp-sidebar {
  padding: 10px 9px;
  border-right: 1px solid #dce4ed;
  background: linear-gradient(180deg, #f9fbfd 0%, #eef3f8 100%);
  color: #334155;
  box-shadow: 4px 0 18px rgba(35, 53, 78, .05);
}

.wlp-app .wlp-sidebar-brand {
  min-height: 46px;
  gap: 8px;
  padding: 0 2px 9px;
  border-bottom-color: #e1e7ef;
}

.wlp-app .wlp-sidebar-mark {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
  border-color: rgba(64, 83, 189, .14);
  border-radius: 9px;
  font-size: 10px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(64, 83, 189, .14);
}

.wlp-app .wlp-sidebar-brand h1 { color: #26364d; font-size: 13px; font-weight: 700; }
.wlp-app .wlp-sidebar-brand small { color: #5b6b80; font-size: 10px; font-weight: 600; }
.wlp-app .wlp-sidebar-collapse {
  position: static;
  inset: auto;
  width: 23px;
  height: 23px;
  flex-basis: 23px;
  margin-left: auto;
  border-color: #d5dee9;
  background: #fff;
  color: #526176;
  font-size: 16px;
}

.wlp-app .wlp-sidebar-collapse:hover { border-color: #aebbd0; background: #f3f6fa; color: #2947a3; }
.wlp-app .wlp-sidebar-nav { gap: 2px; padding: 8px 0 6px; scrollbar-color: #cbd5e1 transparent; }
.wlp-app .wlp-sidebar-nav p { margin: 9px 8px 3px; color: #5b6b80; font-size: 10.5px; font-weight: 700; letter-spacing: .55px; }
.wlp-app .wlp-sidebar-nav a {
  min-height: 32px;
  gap: 8px;
  padding: 4px 7px;
  border-radius: 8px;
  color: #526176;
  font-size: 12px;
  font-weight: 600;
}

.wlp-app .wlp-sidebar-nav a:hover { border-color: #e0e6ee; background: #fff; color: #334155; }
.wlp-app .wlp-sidebar-nav a.active { border-color: #d9e2ff; background: #eef3ff; color: #2947a3; box-shadow: none; }
.wlp-app .wlp-sidebar-nav a.active::before { left: -9px; top: 7px; bottom: 7px; background: var(--wlp-ui-primary); box-shadow: none; }
.wlp-app .wlp-sidebar-nav i { flex-basis: 25px; width: 25px; height: 25px; border-radius: 7px; font-weight: 700; box-shadow: none; }
.wlp-app .wlp-sidebar-nav .wlp-menu-dashboard i { border-color: #dddffa; background: #f0efff; color: #5b48c8; }
.wlp-app .wlp-sidebar-nav .wlp-menu-pi i { border-color: #d9e6ff; background: #edf4ff; color: #2f65c8; }
.wlp-app .wlp-sidebar-nav .wlp-menu-tax i { border-color: #d0eadc; background: #ebf8f1; color: #13734a; }
.wlp-app .wlp-sidebar-nav .wlp-menu-files i { border-color: #e7d9f8; background: #f5efff; color: #7c3aed; }
.wlp-app .wlp-sidebar-nav .wlp-menu-customers i { border-color: #f4dfc6; background: #fff5e9; color: #a95708; }
.wlp-app .wlp-sidebar-nav .wlp-menu-settings i { border-color: #cae9ef; background: #eaf8fb; color: #087b91; }
.wlp-app .wlp-sidebar-nav a.wlp-menu-link.active i { border-color: #cfd9f5; background: #fff; color: #4053bd; }
.wlp-app .wlp-sidebar-foot { padding: 7px; border-color: #e0e6ee; background: #fff; }
.wlp-app .wlp-user-chip { gap: 7px; }
.wlp-app .wlp-user-chip > span { flex-basis: 27px; width: 27px; height: 27px; border-color: #d9e2ff; border-radius: 8px; font-weight: 700; }
.wlp-app .wlp-user-chip b { color: #253247; font-size: 10.5px; font-weight: 600; }
.wlp-app .wlp-user-chip small { color: #64748b; font-size: 9px; }
.wlp-app .wlp-logout-button { min-height: 30px; margin-top: 6px; padding: 5px 8px; border-color: #f3c7cd; background: #fff5f6; color: #b42334 !important; font-size: 10.5px !important; font-weight: 600; }
.wlp-app .wlp-logout-button:hover { border-color: #e8aab3; background: #ffedef; color: #9f1d2d !important; }
.wlp-app.sidebar-collapsed .wlp-sidebar-collapse { position: absolute; inset: 18px -11px auto auto; margin: 0; border-color: #d5dee9; background: #fff; color: #4053bd; }

.wlp-app .wlp-desktop-bar { gap: 14px; padding: 0 clamp(14px, 1.8vw, 24px); }
.wlp-app .wlp-top-title { min-width: 130px; }
.wlp-app .wlp-top-title > span { font-size: 10px; font-weight: 700; letter-spacing: .65px; }
.wlp-app .wlp-top-title > strong { font-size: 14px; font-weight: 600; }
.wlp-app .wlp-top-tools { gap: 6px; }
.wlp-app .wlp-top-tools time { padding: 0 8px; font-size: 11px; font-weight: 600; }
.wlp-top-health { min-height: 28px; padding: 5px 7px; font-size: 10px; font-weight: 600; }
.wlp-app .wlp-top-create,
.wlp-app .wlp-top-action { min-height: 30px; padding: 6px 9px; border-radius: 7px; font-size: 10.5px; font-weight: 600; }
.wlp-app .wlp-top-create > span,
.wlp-app .wlp-top-action > span,
.wlp-app .wlp-top-health > span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: normal !important; }
.wlp-app .wlp-top-create-pi,
.wlp-app .wlp-top-create-pi > span,
.wlp-app .wlp-top-create-pi > i { color: #fff !important; }
.wlp-app .wlp-currency-toggle { height: 30px; border-radius: 7px; }
.wlp-app .wlp-main { max-width: 1720px; padding: 14px clamp(14px, 1.8vw, 24px) 32px; }
.wlp-app .wlp-card { margin-bottom: 10px; padding: 12px; }
.wlp-app .wlp-card h3 { font-weight: 700; }
.wlp-app .wlp-btn { min-height: 32px; padding: 6px 10px; border-radius: 7px; font-size: 10.5px; font-weight: 600; }

.wlp-dashboard-heading { min-height: 46px; margin-bottom: 9px; }
.wlp-dashboard-heading span { font-size: 10px; font-weight: 700; letter-spacing: .65px; }
.wlp-dashboard-heading h2 { font-size: 22px; font-weight: 700; letter-spacing: -.35px; }
.wlp-dashboard-heading p { font-size: 11.5px; }
.wlp-app .wlp-dashboard-shortcuts { gap: 8px; margin-bottom: 9px; }
.wlp-app .wlp-dashboard-shortcuts > a { min-height: 48px; gap: 8px; padding: 7px 9px; border-radius: 9px; }
.wlp-app .wlp-dashboard-shortcuts i { flex-basis: 30px; width: 30px; height: 30px; border-radius: 8px; font-weight: 700; }
.wlp-app .wlp-dashboard-shortcuts b { font-size: 11.5px; font-weight: 600; }
.wlp-app .wlp-dashboard-shortcuts small { font-size: 10.5px; }

.wlp-app .wlp-money-stats { gap: 8px !important; margin-bottom: 8px !important; }
.wlp-app .wlp-money-stats > div {
  position: relative;
  min-height: 64px;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 9px;
  padding: 9px 10px !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.wlp-app .wlp-money-stats > div > i {
  position: static !important;
  inset: auto !important;
  grid-column: 1;
  grid-row: 1 / 3;
  width: 30px;
  height: 30px;
  align-self: center;
  border-radius: 8px;
}

.wlp-app .wlp-money-stats > div > span { grid-column: 2; grid-row: 1; align-self: end; font-size: 10.5px !important; font-weight: 600; letter-spacing: .1px !important; text-transform: none; white-space: nowrap; }
.wlp-app .wlp-money-stats > div > .wlp-money-values { grid-column: 2; grid-row: 2; align-self: start; margin: 0 !important; }
.wlp-app .wlp-money-stats strong { margin: 0 !important; font-size: 15px !important; font-weight: 700; }

.wlp-app .wlp-stats { gap: 7px !important; margin-bottom: 10px; }
.wlp-app .wlp-stats > div {
  display: grid;
  min-height: 46px !important;
  grid-template-columns: 7px auto minmax(0, 1fr);
  grid-template-rows: 1fr;
  align-items: center;
  align-content: center;
  column-gap: 8px;
  padding: 7px 9px !important;
  border-left: 1px solid var(--wlp-ui-line) !important;
  box-shadow: none !important;
}

.wlp-app .wlp-stats i { position: static !important; inset: auto !important; grid-column: 1; grid-row: 1; width: 7px; height: 7px; box-shadow: none !important; }
.wlp-app .wlp-stats strong { grid-column: 2; grid-row: 1; font-size: 15px !important; font-weight: 700; }
.wlp-app .wlp-stats span { grid-column: 3; grid-row: 1; margin: 0 !important; font-size: 10.5px !important; font-weight: 600; }

.wlp-app .wlp-document-registers { animation: none !important; transform: none !important; }
.wlp-app .wlp-register-tabs { align-items: stretch; gap: 4px; margin: 0 !important; padding: 7px 8px 0; border: 0 !important; border-bottom: 1px solid var(--wlp-ui-line) !important; border-radius: var(--wlp-ui-radius) var(--wlp-ui-radius) 0 0; box-shadow: none !important; }
.wlp-app .wlp-register-tabs button { min-height: 34px; padding: 6px 10px 8px; border: 1px solid transparent; font-size: 11.5px; font-weight: 600; }
.wlp-app .wlp-register-tabs button::after { display: none; }
.wlp-app .wlp-register-tabs button.active { border-color: #d9e2ff; border-bottom-color: #fff; background: #fff; color: #2947a3; }
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"].active { border-color: #cdece5; border-bottom-color: #fff; background: #fff; color: #0f766e; }
.wlp-app .wlp-register-tabs button { transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease; }
.wlp-app .wlp-register-tabs button[aria-selected="false"] { box-shadow: none; font-weight: 600; }
.wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="false"] { border-color: #e0e7f1; border-bottom-color: #d7e0ec; background: #f3f6fb; color: #52657c; }
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="false"] { border-color: #dce9e3; border-bottom-color: #d2e2db; background: #f1f7f4; color: #526b63; }
.wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="true"] { border-color: #b9cff7; border-bottom-color: #6f9fe9; background: #eaf2ff; color: #2454b8; box-shadow: inset 0 -2px 0 #3b73dc; font-weight: 700; }
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="true"] { border-color: #acdcca; border-bottom-color: #49ad87; background: #e8f8f2; color: #0b6b57; box-shadow: inset 0 -2px 0 #15966b; font-weight: 700; }
.wlp-app .wlp-register-tabs button[aria-selected="false"] b { border: 1px solid rgba(109, 128, 151, .2); background: rgba(255, 255, 255, .72); color: inherit; }
.wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="true"] b { border: 1px solid #c5d8fa; background: #fff; color: #2454b8; }
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="true"] b { border: 1px solid #bde6d7; background: #fff; color: #0b6b57; }
@media (hover:hover) {
  .wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="false"]:hover { border-color: #cad8eb; background: #edf3fc; color: #354f70; }
  .wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="false"]:hover { border-color: #c7ddd3; background: #ebf5f0; color: #355b50; }
}
@media (forced-colors:active) {
  .wlp-app .wlp-register-tabs button[aria-selected="true"] { border-color: Highlight !important; box-shadow: inset 0 -3px 0 Highlight !important; }
  .wlp-app .wlp-register-tabs button[aria-selected="false"] { border-color: ButtonBorder !important; }
}
.wlp-app .wlp-document-registers .wlp-doc-section { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 0 var(--wlp-ui-radius) var(--wlp-ui-radius) !important; box-shadow: none !important; }
.wlp-app .wlp-doc-section > .wlp-card-head,
.wlp-app .wlp-customer-register > .wlp-card-head { min-height: 46px; gap: 9px; padding: 7px 10px; }
.wlp-app .wlp-section-title h3 { font-size: 12.5px !important; }
.wlp-app .wlp-table-search { width: min(260px, 42vw); height: 31px; font-size: 11px; }
.wlp-app .wlp-list { min-width: 900px; font-size: 11.5px; }
.wlp-app .wlp-list th,
.wlp-app .wlp-list td { padding: 7px 8px; }
.wlp-app .wlp-list th { font-size: 10px; font-weight: 700; }

.wlp-app .wlp-action-dropdown { display: block; opacity: 0; visibility: hidden; pointer-events: none; transform: none; }
.wlp-app .wlp-action-menu.open .wlp-action-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.wlp-action-dropdown.wlp-action-dropdown-portal {
  position: fixed !important;
  z-index: 2147483000 !important;
  display: block !important;
  box-sizing: border-box;
  width: 208px;
  max-width: calc(100vw - 16px);
  max-height: min(420px, calc(100vh - 16px));
  overflow: auto;
  padding: 6px;
  border: 1px solid #d6deea;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(35, 53, 78, .18);
  color: #334155;
  font-family: "Segoe UI Variable Text", "Segoe UI", Roboto, Arial, sans-serif;
  text-align: left;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  transition: none !important;
}

.wlp-action-dropdown.wlp-action-dropdown-portal *,
.wlp-action-dropdown.wlp-action-dropdown-portal *::before,
.wlp-action-dropdown.wlp-action-dropdown-portal *::after { box-sizing: border-box; }

.wlp-action-dropdown.wlp-action-dropdown-portal a,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-inline-action button,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-action-disabled,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-converted-note {
  display: block;
  width: 100%;
  min-height: 30px;
  margin: 0 !important;
  padding: 7px 9px !important;
  border: 0;
  border-radius: 7px !important;
  background: transparent;
  color: #3e4d62 !important;
  font: 600 11px/1.35 "Segoe UI Variable Text", "Segoe UI", Roboto, Arial, sans-serif;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.wlp-action-dropdown.wlp-action-dropdown-portal a:hover,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-inline-action button:hover { background: #f2f4ff !important; color: #4053bd !important; }
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-inline-action { margin: 0; }
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-action-disabled,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-converted-note { background: #f4f6f8; color: #5b6b80 !important; cursor: default; }
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-duplicate-link { color: #6941b4 !important; }
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-download-trigger { color: #0f766e !important; }
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-delete { border-top: 1px solid #edf0f3; border-radius: 0 !important; color: #b42334 !important; }
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-cancel-form input { width: 100%; max-width: 100%; }
.wlp-action-dropdown.wlp-action-dropdown-portal :where(a, button, input, summary):focus-visible {
  outline: 2px solid var(--wlp-ui-primary) !important;
  outline-offset: 2px;
  box-shadow: var(--wlp-ui-focus) !important;
}
.wlp-app .wlp-crm-retry button.wlp-btn:focus-visible { outline: 2px solid var(--wlp-ui-primary) !important; outline-offset: 2px; box-shadow: var(--wlp-ui-focus) !important; }

.wlp-app .wlp-editor-head { top: calc(var(--wlp-ui-topbar-height) + 6px); min-height: 52px; gap: 10px; margin-bottom: 8px; padding: 8px 10px; }
.wlp-app .wlp-editor-head h2 { font-size: 15.5px; font-weight: 700; }
.wlp-app .wlp-editor-steps { top: 116px; margin-bottom: 9px; }
.wlp-app .wlp-editor-steps a { min-height: 36px; padding: 6px 7px; font-size: 10.5px; font-weight: 600; }
.wlp-app .wlp-editor-section { scroll-margin-top: 166px; }
.wlp-app .wlp-grid { gap: 10px; }
.wlp-app .wlp-grid .wlp-card { gap: 8px 10px; padding: 12px; }
.wlp-app .wlp-field { font-size: 11.5px; font-weight: 600; }
.wlp-app .wlp-field input,
.wlp-app .wlp-field select,
.wlp-app .wlp-field textarea,
.wlp-app .wlp-items input,
.wlp-app .wlp-items select,
.wlp-app .wlp-items textarea,
.wlp-app .wlp-pack-builder input,
.wlp-app .wlp-pack-builder select,
.wlp-app .wlp-pack-builder textarea { min-height: 34px; padding: 6px 8px; font-size: 11.5px; }
.wlp-app .wlp-field textarea,
.wlp-app .wlp-items textarea,
.wlp-app .wlp-pack-builder textarea { min-height: 54px; }
.wlp-app .wlp-items > .wlp-card-head { min-height: 48px; padding: 8px 10px; }
.wlp-app .wlp-items th { padding: 7px 5px; font-size: 10px; font-weight: 700; }
.wlp-app .wlp-items td { padding: 5px; }
.wlp-app .wlp-items input,
.wlp-app .wlp-items select { min-height: 30px; }

/* Responsive behavior */
@media (max-width: 1240px) {
  .wlp-app .wlp-dashboard-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wlp-app .wlp-money-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .wlp-app .wlp-top-health span { display: none; }
  .wlp-app .wlp-top-health { width: 30px; justify-content: center; padding: 0; }
  .wlp-app .wlp-grid.two,
  .wlp-app .wlp-grid.totals { grid-template-columns: 1fr; }
  .wlp-app .wlp-total-card { position: static; }
}

@media (max-width: 1080px) and (min-width: 981px) {
  .wlp-app .wlp-top-create span,
  .wlp-app .wlp-currency-toggle b { display: none; }
  .wlp-app .wlp-top-create { width: 34px; padding: 0; }
  .wlp-app .wlp-top-create-tax { width: auto; padding: 7px 9px; }
  .wlp-app .wlp-top-create-tax span { display: inline; }
  .wlp-app .wlp-currency-toggle { width: 32px; padding: 0; justify-content: center; }
}

@media (max-width: 980px) {
  .wlp-app .wlp-sidebar,
  .wlp-app.sidebar-collapsed .wlp-sidebar {
    width: min(84vw, 236px);
    padding: 13px 11px 12px;
    visibility: hidden;
    transform: translateX(-105%);
    pointer-events: none;
  }

  .wlp-app.sidebar-open::before {
    content: "";
    position: fixed;
    z-index: 480;
    inset: 0;
    background: rgba(9, 15, 29, .58);
    backdrop-filter: blur(2px);
  }

  .wlp-app.sidebar-open .wlp-sidebar { visibility: visible; transform: none; pointer-events: auto; }
  .wlp-app .wlp-app-content,
  .wlp-app.sidebar-collapsed .wlp-app-content { width: 100%; margin-left: 0; }
  .wlp-app.sidebar-collapsed .wlp-sidebar-brand > div,
  .wlp-app.sidebar-collapsed .wlp-sidebar-nav p,
  .wlp-app.sidebar-collapsed .wlp-sidebar-nav span,
  .wlp-app.sidebar-collapsed .wlp-user-chip > div,
  .wlp-app.sidebar-collapsed .wlp-logout-button span { display: flex; }
  .wlp-app.sidebar-collapsed .wlp-sidebar-nav p { display: block; }
  .wlp-app.sidebar-collapsed .wlp-sidebar-brand { justify-content: flex-start; }
  .wlp-app.sidebar-collapsed .wlp-sidebar-nav a { justify-content: flex-start; padding: 5px 8px; }
  .wlp-app.sidebar-collapsed .wlp-sidebar-collapse,
  .wlp-app .wlp-sidebar-collapse { display: none; }
  .wlp-app.sidebar-collapsed .wlp-sidebar-foot > .wlp-logout-button { width: 100%; height: auto; min-height: 38px; padding: 7px 9px; }
  .wlp-app .wlp-desktop-bar { display: none; }
  .wlp-app .wlp-mobile-bar { position: sticky; z-index: 170; top: 0; display: flex; height: 54px; align-items: center; justify-content: space-between; padding: 0 13px; border-bottom: 1px solid var(--wlp-ui-line); background: rgba(255, 255, 255, .97); box-shadow: 0 2px 10px rgba(15, 23, 42, .045); }
  .wlp-app .wlp-mobile-bar button { display: grid; width: 34px; height: 34px; place-items: center; padding: 0; border: 1px solid #d5dde8; border-radius: 8px; background: #fff; color: #475569; font-size: 16px; }
  .wlp-app .wlp-mobile-bar strong { color: var(--wlp-ui-text); font-size: 12px; }
  .wlp-app .wlp-mobile-bar a { min-height: 36px; padding: 9px 11px; border-radius: 8px; background: var(--wlp-ui-primary); color: #fff; font-size: 11px; font-weight: 750; text-decoration: none; }
  .wlp-app .wlp-main { padding-top: 14px; }
  .wlp-app .wlp-editor-head { top: 62px; }
  .wlp-app .wlp-editor-steps { top: 134px; }
  .wlp-app .wlp-editor-section { scroll-margin-top: 190px; }
}

@media (max-width: 760px) {
  .wlp-app .wlp-main { padding: 12px 12px 32px; }
  .wlp-app .wlp-money-stats { grid-template-columns: 1fr !important; }
  .wlp-dashboard-heading { min-height: 48px; align-items: center; }
  .wlp-dashboard-heading h2 { font-size: 20px; }
  .wlp-dashboard-heading p { font-size: 11px; }
  .wlp-app .wlp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wlp-app .wlp-stats > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .wlp-app .wlp-editor-head { position: static; align-items: flex-start; flex-direction: column; }
  .wlp-app .wlp-editor-head > div:last-child { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wlp-app .wlp-editor-head .wlp-btn { width: 100%; }
  .wlp-app .wlp-editor-steps { top: 54px; display: flex; overflow-x: auto; border-radius: 9px; }
  .wlp-app .wlp-editor-steps a { min-width: 138px; flex: 1 0 138px; }
  .wlp-app .wlp-editor-section { scroll-margin-top: 105px; }
  .wlp-app .wlp-grid .wlp-card { grid-template-columns: 1fr; }
  .wlp-app .wlp-grid .wlp-card h3,
  .wlp-app .wlp-field.full,
  .wlp-app .wlp-summary { grid-column: 1; }
  .wlp-app .wlp-pricing { grid-template-columns: 1fr !important; }
  .wlp-app .wlp-combo-fields { grid-column: 1; grid-template-columns: 1fr; }
  .wlp-app .wlp-items > .wlp-card-head { align-items: flex-start; flex-direction: column; }
  .wlp-app .wlp-item-add-controls { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
  .wlp-app .wlp-item-add-controls label { flex: 1 1 160px; }
  .wlp-app .wlp-doc-section > .wlp-card-head,
  .wlp-app .wlp-customer-register > .wlp-card-head { align-items: stretch; flex-direction: column; }
  .wlp-app .wlp-table-search { width: 100%; }
  .wlp-app .wlp-hero.customer-hero { align-items: flex-start; flex-direction: column; }
  .wlp-admin .wlp-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .wlp-app .wlp-dashboard-shortcuts,
  .wlp-app .wlp-money-stats { grid-template-columns: 1fr !important; }
  .wlp-app .wlp-dashboard-shortcuts > a { min-height: 55px; }
  .wlp-app .wlp-money-stats > div { min-height: 72px; }
  .wlp-app .wlp-register-tabs button { flex: 1; justify-content: center; padding-right: 8px; padding-left: 8px; }
  .wlp-app .wlp-register-tabs button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wlp-app .wlp-editor-head > div:last-child { grid-template-columns: 1fr 1fr; }
  .wlp-app .wlp-editor-head > div:last-child .wlp-preview-trigger { grid-column: 1 / -1; }
  .wlp-app .wlp-card { padding: 13px; }
  .wlp-app .wlp-items { padding: 0; }
  .wlp-app .wlp-payment-form { grid-template-columns: 1fr; }
  .wlp-admin .wlp-admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .wlp-login-page { padding: 10px !important; }
  .wlp-login-shell { width: min(470px, 100%); height: min(600px, calc(100dvh - 20px)); max-height: calc(100dvh - 20px); grid-template-columns: 1fr; }
  .wlp-login-showcase { min-height: 94px; padding: 17px 20px; justify-content: center; border-radius: 0; }
  .wlp-login-pitch,
  .wlp-login-features,
  .wlp-login-trust { display: none; }
  .wlp-login-page .wlp-login { min-height: 0; padding: 22px 24px; border-radius: 0; }
}

@media (max-height: 620px) {
  .wlp-login-page { padding: 7px !important; }
  .wlp-login-shell { width: min(430px, 100%); height: auto; max-height: calc(100dvh - 14px); grid-template-columns: 1fr; }
  .wlp-login-showcase { display: none; }
  .wlp-login-page .wlp-login { height: auto; padding: 14px 20px; }
  .wlp-login-heading p { margin-bottom: 10px; }
  .wlp-login form p { margin-bottom: 7px; }
  .wlp-login input[type="text"],
  .wlp-login input[type="password"],
  .wlp-login-page .wlp-login .button { height: 37px; }
  .wlp-password-toggle { top: 22px; }
  .wlp-login .login-submit { margin-top: 8px; }
  .wlp-login-foot { margin-top: 9px; padding-top: 9px; }
}

@media (max-height: 390px) {
  .wlp-login-page .wlp-login { padding: 9px 16px; }
  .wlp-login-heading p { display: none; }
  .wlp-login-heading h2 { margin: 3px 0 7px; font-size: 20px; }
  .wlp-login form p { margin-bottom: 4px; }
  .wlp-login input[type="text"],
  .wlp-login input[type="password"],
  .wlp-login-page .wlp-login .button { height: 32px; min-height: 32px; }
  .wlp-password-toggle { top: 19px; }
  .wlp-login .login-submit { margin-top: 5px; }
}

@media (max-height: 300px) {
  .wlp-login-page {
    place-items: start center;
    overflow-y: auto !important;
  }

  .wlp-login-shell {
    height: auto;
    max-height: none;
    margin: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wlp-app *,
  .wlp-login-page * { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
}

@media (pointer: coarse) {
  .wlp-app .wlp-kebab,
  .wlp-app .wlp-column-menu-toggle,
  .wlp-app .wlp-row-action-group button,
  .wlp-app .wlp-sidebar-toggle,
  .wlp-app .wlp-currency-toggle,
  .wlp-app .wlp-top-create,
  .wlp-app .wlp-top-action,
  .wlp-app .wlp-sidebar-collapse,
  .wlp-app .wlp-top-health,
  .wlp-app .wlp-currency-close,
  .wlp-app .wlp-currency-swap,
  .wlp-app .wlp-column-manager-close,
  .wlp-app .wlp-column-move-actions button { min-width: 44px; min-height: 44px !important; }
  .wlp-app .wlp-sidebar-nav a,
  .wlp-app .wlp-btn,
  .wlp-app .wlp-logout-button,
  .wlp-app .wlp-mobile-bar a,
  .wlp-app .wlp-crm-retry button.wlp-btn,
  .wlp-app .wlp-currency-convert,
  .wlp-app .wlp-add-item-column,
  .wlp-app .wlp-register-tabs button,
  .wlp-app input:not([type="hidden"]),
  .wlp-app select,
  .wlp-app textarea,
  .wlp-action-dropdown.wlp-action-dropdown-portal a,
  .wlp-action-dropdown.wlp-action-dropdown-portal button,
  .wlp-action-dropdown.wlp-action-dropdown-portal input:not([type="hidden"]),
  .wlp-action-dropdown.wlp-action-dropdown-portal summary { min-height: 44px !important; }
  .wlp-action-dropdown.wlp-action-dropdown-portal summary { display: flex; align-items: center; }
  .wlp-app.sidebar-collapsed .wlp-sidebar-foot > .wlp-logout-button { width: 44px; min-width: 44px; height: 44px; }
}

@media (forced-colors: active) {
  .wlp-app :where(a, button, input, select, textarea, summary):focus-visible,
  .wlp-login-page :where(a, button, input, select, textarea):focus-visible,
  .wlp-admin :where(a, button, input, select, textarea):focus-visible { outline: 2px solid Highlight !important; outline-offset: 2px; }
  .wlp-app .wlp-status::before,
  .wlp-top-health i,
  .wlp-app .wlp-stats i { forced-color-adjust: none; background: currentColor; }
  .wlp-action-dropdown.wlp-action-dropdown-portal :where(a, button, input, summary):focus-visible { outline: 2px solid Highlight !important; outline-offset: 2px; }
}

@media (prefers-contrast: more) {
  :root { --wlp-ui-line: #aab4c2; --wlp-ui-line-strong: #778399; }
  .wlp-app .wlp-sidebar-nav a { color: #23324a; }
  .wlp-app .wlp-list th { color: #364152; }
}

/* 1.7.13 — compact document register and live retry clarity */
.wlp-app .wlp-register-command-bar .wlp-top-title {
  min-width: 142px;
  flex: 0 0 auto;
  justify-content: center;
}

.wlp-app .wlp-register-command-bar .wlp-top-title > span { display: none; }
.wlp-app .wlp-register-command-bar .wlp-top-title > strong { font-size: 14px; font-weight: 700; white-space: nowrap; }
.wlp-app .wlp-register-command-bar .wlp-top-tools { min-width: 0; flex: 1 1 auto; }
.wlp-app .wlp-top-register-search { display: block; width: min(250px, 23vw); min-width: 175px; flex: 0 1 250px; }
.wlp-app .wlp-top-register-search .wlp-table-search { width: 100%; height: 30px; }

.wlp-app .wlp-register-table { table-layout: fixed; }
.wlp-app .wlp-register-table-pi { min-width: 920px; }
.wlp-app .wlp-register-table-tax_invoice { min-width: 1130px; }
.wlp-app .wlp-register-table .wlp-col-customer,
.wlp-app .wlp-register-table .wlp-customer-cell { width: 190px; }
.wlp-app .wlp-register-table .wlp-col-document,
.wlp-app .wlp-register-table .wlp-document-cell { width: 120px; }
.wlp-app .wlp-register-table .wlp-col-date,
.wlp-app .wlp-register-table .wlp-date-cell { width: 92px; }
.wlp-app .wlp-register-table .wlp-col-brand,
.wlp-app .wlp-register-table .wlp-brand-cell { width: 132px; }
.wlp-app .wlp-register-table .wlp-col-money,
.wlp-app .wlp-register-table .wlp-money-cell { width: 105px; text-align: right; white-space: nowrap; }
.wlp-app .wlp-register-table .wlp-col-status,
.wlp-app .wlp-register-table .wlp-status-cell { width: 98px; white-space: nowrap; }
.wlp-app .wlp-register-table .wlp-col-sync,
.wlp-app .wlp-register-table .wlp-sync-cell { width: 128px; }
.wlp-app .wlp-register-table .wlp-col-actions,
.wlp-app .wlp-register-table .wlp-actions { width: 52px; min-width: 52px !important; }
.wlp-app .wlp-customer-cell strong,
.wlp-app .wlp-document-cell strong,
.wlp-app .wlp-brand-cell > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wlp-app .wlp-customer-cell strong { font-size: 11.5px; font-weight: 700; }
.wlp-app .wlp-document-cell strong { font-size: 10.5px; font-weight: 650; letter-spacing: -.08px; }
.wlp-app .wlp-date-cell time { display: inline-block; white-space: nowrap; }
.wlp-app .wlp-crm-sync-wrap { display: inline-flex; max-width: 122px; align-items: flex-start; flex-direction: column; gap: 3px; }
.wlp-app .wlp-crm-sync-auto { color: #64748b; font-size: 8.5px; font-weight: 650; line-height: 1.15; white-space: nowrap; }
.wlp-app .wlp-crm-sync-auto[hidden] { display: none !important; }

@media (min-width: 981px) {
  .wlp-app .wlp-document-registers .wlp-doc-section > .wlp-card-head { display: none !important; }
}

@media (max-width: 1180px) and (min-width: 981px) {
  .wlp-app .wlp-top-register-search { width: min(205px, 20vw); min-width: 155px; flex-basis: 205px; }
  .wlp-app .wlp-register-command-bar .wlp-top-title { min-width: 128px; }
}

@media print {
  .wlp-sidebar,
  .wlp-desktop-bar,
  .wlp-mobile-bar,
  .wlp-dashboard-heading { display: none !important; }
  .wlp-app,
  .wlp-app-content { width: 100% !important; margin: 0 !important; background: #fff !important; }
}

/* 1.7.20 — CRM-aligned professional workspace */
:root {
  --wlp-ui-sidebar: #f8fbfd;
  --wlp-ui-sidebar-2: #eef4f8;
  --wlp-ui-canvas: #f7fafc;
  --wlp-ui-surface: #ffffff;
  --wlp-ui-surface-2: #f4f8fb;
  --wlp-ui-text: #213b55;
  --wlp-ui-muted: #536b80;
  --wlp-ui-subtle: #7f93a5;
  --wlp-ui-line: #d8e4ed;
  --wlp-ui-line-strong: #bfd0dc;
  --wlp-ui-primary: #225aa1;
  --wlp-ui-primary-dark: #194879;
  --wlp-ui-teal: #176b55;
  --wlp-ui-success: #176b55;
  --wlp-ui-warning: #9a5a0a;
  --wlp-ui-danger: #b83a45;
  --wlp-ui-info: #225aa1;
  --wlp-ui-radius: 11px;
  --wlp-ui-radius-sm: 7px;
  --wlp-ui-shadow: 0 1px 2px rgba(29, 58, 82, .04), 0 7px 20px rgba(29, 58, 82, .055);
  --wlp-ui-shadow-float: 0 18px 44px rgba(29, 58, 82, .18);
  --wlp-ui-focus: 0 0 0 3px rgba(34, 90, 161, .17);
}

html:has(.wlp-app),
body.wlp-pi-page:has(.wlp-app),
.wlp-app { background: #f7fafc !important; }

.wlp-app .wlp-sidebar {
  border-right: 1px solid #d8e4ed;
  background:
    radial-gradient(circle at 20% -5%, rgba(78, 143, 198, .12), transparent 29%),
    linear-gradient(180deg, #fbfdff 0%, #eef4f8 100%);
  box-shadow: 4px 0 18px rgba(27, 57, 82, .055);
}
.wlp-app .wlp-sidebar-brand { border-bottom-color: #dbe6ee; }
.wlp-app .wlp-sidebar-mark {
  border-color: rgba(34, 90, 161, .16);
  background: linear-gradient(145deg, #2f74b9, #2b8c78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 5px 12px rgba(34, 90, 161, .16);
}
.wlp-app .wlp-sidebar-brand h1 { color: #213b55; }
.wlp-app .wlp-sidebar-brand small,
.wlp-app .wlp-sidebar-nav p { color: #60778b; }
.wlp-app .wlp-sidebar-nav a {
  border-color: transparent;
  color: #466078;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.wlp-app .wlp-sidebar-nav a:hover {
  border-color: #d7e3ec;
  background: rgba(255, 255, 255, .9);
  color: #213b55;
  box-shadow: 0 3px 9px rgba(35, 67, 94, .07);
  transform: translateY(-1px);
}
.wlp-app .wlp-sidebar-nav a.active {
  border-color: #c7dced;
  background: linear-gradient(180deg, #f7fbff, #eaf3fb);
  color: #1c518d;
  box-shadow: 0 3px 9px rgba(34, 90, 161, .09), inset 0 1px 0 #fff;
}
.wlp-app .wlp-sidebar-nav a.active::before { background: #2d72b7; }
.wlp-app .wlp-sidebar-nav a.wlp-menu-link.active i { border-color: #bed5e9; color: #225aa1; }
.wlp-app .wlp-sidebar-foot { border-color: #d8e4ed; box-shadow: 0 4px 14px rgba(30, 64, 91, .055); }

.wlp-app .wlp-desktop-bar {
  border-bottom-color: #d8e4ed;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 2px 11px rgba(30, 64, 91, .045);
  backdrop-filter: blur(10px);
}
.wlp-app .wlp-top-title > span { color: #668097; }
.wlp-app .wlp-top-title > strong { color: #213b55; }
.wlp-app .wlp-top-health { border-color: #cfe1dc; background: #f0f8f5; color: #176b55; }
.wlp-app .wlp-top-health.is-muted { border-color: #e7d9bd; background: #fff9ed; color: #8b560f; }
.wlp-app .wlp-table-search {
  border-color: #cddce7 !important;
  background: #f9fbfd !important;
  color: #213b55 !important;
  box-shadow: inset 0 1px 2px rgba(31, 62, 86, .025);
}
.wlp-app .wlp-table-search:focus { border-color: #6c9dcb !important; background: #fff !important; }
.wlp-app .wlp-top-create,
.wlp-app .wlp-top-action,
.wlp-app .wlp-btn,
.wlp-admin .button,
.wlp-admin .button-primary {
  box-shadow: 0 2px 0 rgba(20, 48, 72, .11), 0 5px 12px rgba(31, 69, 98, .075) !important;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
.wlp-app .wlp-top-create:hover,
.wlp-app .wlp-top-action:hover,
.wlp-app .wlp-btn:hover,
.wlp-admin .button:hover,
.wlp-admin .button-primary:hover { transform: translateY(-1px); }
.wlp-app .wlp-top-create:active,
.wlp-app .wlp-top-action:active,
.wlp-app .wlp-btn:active,
.wlp-admin .button:active,
.wlp-admin .button-primary:active { box-shadow: 0 1px 0 rgba(20, 48, 72, .09) !important; transform: translateY(1px); }
.wlp-app .wlp-top-create-pi { border-color: #1d528f; background: linear-gradient(180deg, #2a68aa, #225a98); }
.wlp-app .wlp-top-create-pi:hover { border-color: #174575; background: linear-gradient(180deg, #245f9f, #1b4d83); }
.wlp-app .wlp-top-create-tax { border-color: #b9dacf; background: #eef8f4; color: #176b55; }

.wlp-app .wlp-main { max-width: 1760px; }
.wlp-app .wlp-card,
.wlp-app .wlp-document-registers {
  border-color: #d8e4ed;
  background: #fff;
  box-shadow: var(--wlp-ui-shadow);
}
.wlp-app .wlp-money-stats > div {
  border-color: #dbe6ee !important;
  background: linear-gradient(180deg, #fff, #fbfdfe) !important;
  box-shadow: 0 1px 2px rgba(30, 64, 91, .035), 0 5px 14px rgba(30, 64, 91, .04) !important;
}
.wlp-app .wlp-money-stats > div > span { color: #60778b !important; }
.wlp-app .wlp-money-stats strong { color: #213b55; }

.wlp-app .wlp-register-tabs {
  gap: 7px;
  padding: 8px 9px 0;
  border-bottom-color: #d8e4ed !important;
  background: linear-gradient(180deg, #fbfdfe, #f3f7fa);
}
.wlp-app .wlp-register-tabs button {
  min-height: 36px;
  border-radius: 8px 8px 0 0;
  opacity: .72;
}
.wlp-app .wlp-register-tabs button[aria-selected="false"] { filter: saturate(.68); }
.wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="false"] { border-color: #d4e0eb; background: #eef4f9; color: #587087; }
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="false"] { border-color: #d6e3de; background: #f0f6f3; color: #587169; }
.wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="true"] {
  border-color: #9fc2e2;
  border-bottom-color: #2d72b7;
  background: linear-gradient(180deg, #f7fbff, #e7f2fb);
  color: #1d5792;
  box-shadow: inset 0 -2px 0 #2d72b7, 0 3px 9px rgba(34, 90, 161, .08);
  filter: none;
  opacity: 1;
}
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="true"] {
  border-color: #9fcfbe;
  border-bottom-color: #258163;
  background: linear-gradient(180deg, #f8fdfa, #e7f5ef);
  color: #176b55;
  box-shadow: inset 0 -2px 0 #258163, 0 3px 9px rgba(23, 107, 85, .08);
  filter: none;
  opacity: 1;
}

.wlp-app .wlp-period-filter-bar {
  display: flex;
  min-height: 49px;
  align-items: center;
  gap: 11px;
  padding: 8px 10px;
  border-bottom: 1px solid #dce6ee;
  background: #fbfdfe;
}
.wlp-app .wlp-period-filter-label {
  flex: 0 0 auto;
  color: #536b80;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .45px;
  text-transform: uppercase;
}
.wlp-app .wlp-period-filters { display: flex; min-width: 0; align-items: center; gap: 7px; }
.wlp-app .wlp-period-filter {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 5px 9px;
  border: 1px solid #cfdde8;
  border-radius: 8px;
  background: #fff;
  color: #49657d;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 0 rgba(30, 64, 91, .055), 0 3px 8px rgba(30, 64, 91, .035);
  transition: border-color .15s ease, background-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.wlp-app .wlp-period-filter b {
  display: grid;
  min-width: 19px;
  height: 19px;
  place-items: center;
  padding: 0 5px;
  border-radius: 10px;
  background: #edf3f7;
  color: #536b80;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}
.wlp-app .wlp-period-filter:not(:disabled):hover { border-color: #91b6d5; background: #f4f9fd; color: #225a91; transform: translateY(-1px); }
.wlp-app .wlp-period-filter.active {
  border-color: #225aa1;
  background: linear-gradient(180deg, #2c6dae, #225a98);
  color: #fff;
  box-shadow: 0 2px 0 #173f6c, 0 5px 12px rgba(34, 90, 161, .16);
}
.wlp-app .wlp-period-filter.active b { background: rgba(255, 255, 255, .18); color: #fff; }
.wlp-app .wlp-period-filter[data-period-filter="this_week"]:not(.active) { border-color: #b9d4ea; background: #f3f8fd; color: #225a91; }
.wlp-app .wlp-period-filter[data-period-filter="last_week"]:not(.active) { border-color: #bcded3; background: #f2faf7; color: #176b55; }
.wlp-app .wlp-period-filter[data-period-filter="this_month"]:not(.active) { border-color: #d6d2e8; background: #f8f6fc; color: #62528b; }
.wlp-app .wlp-period-filter:disabled { cursor: default; filter: grayscale(.4); opacity: .42; box-shadow: none; }

.wlp-app .wlp-register-table thead th { border-bottom-color: #cddce7; background: #eef4f8; color: #496278; }
.wlp-app .wlp-register-table tbody tr[data-register-row="1"] { transition: background-color .12s ease, box-shadow .12s ease; }
.wlp-app .wlp-register-table tbody tr[data-register-row="1"]:hover { background: #f5f9fc; box-shadow: inset 3px 0 0 #74a6cf; }
.wlp-app .wlp-register-table .wlp-date-group th { border-color: #dbe6ee; background: #f8fbfd; color: #557188; }
.wlp-app .wlp-register-table .wlp-date-group span::before { background: #3a7bb7; }
.wlp-app .wlp-customer-cell strong { color: #213b55; }
.wlp-app .wlp-document-cell strong { color: #486177; }
.wlp-app .wlp-brand-badge { border-color: #d1e0eb; background: #f2f7fa; color: #395a73; }
.wlp-app .wlp-kebab { border-color: #cbdbe7; background: #fff; color: #36566f; box-shadow: 0 2px 5px rgba(30, 64, 91, .06); }
.wlp-app .wlp-kebab:hover { border-color: #7ea8cc; background: #edf5fb; color: #1d5792; }

.wlp-app .wlp-item-picture img,
.wlp-pi-print .wlp-print-picture img { object-fit: contain; }
.wlp-app .wlp-item-picture.is-optimizing,
.wlp-app .wlp-pack-upload-card.is-optimizing { border-color: #79a9cf !important; background: #f3f9fd !important; }
.wlp-app .wlp-item-picture.is-server-image .wlp-picture-button { border-color: #a9d6c7; background: #edf8f4; color: #176b55; }
.wlp-app .wlp-editor[data-image-optimizing="1"]::after {
  position: fixed;
  z-index: 900;
  right: 18px;
  bottom: 18px;
  padding: 9px 12px;
  border: 1px solid #bed5e7;
  border-radius: 9px;
  background: #fff;
  color: #225a91;
  content: "Resizing image…";
  font-size: 11px;
  font-weight: 750;
  box-shadow: 0 10px 28px rgba(30, 64, 91, .14);
}
.wlp-admin .wlp-payment-qr-setting { align-content: start; }
.wlp-admin .wlp-payment-qr-setting small { color: #60778b; font-size: 10px; line-height: 1.4; }

@media (max-width: 760px) {
  .wlp-app .wlp-period-filter-bar { align-items: flex-start; flex-direction: column; gap: 6px; }
  .wlp-app .wlp-period-filters { width: 100%; overflow-x: auto; padding: 0 0 4px; scrollbar-width: thin; }
  .wlp-app .wlp-period-filter { flex: 0 0 auto; min-height: 36px; }
}

@media (prefers-reduced-motion: no-preference) {
  .wlp-app .wlp-document-registers { animation: wlp-crm-enter .24s ease both !important; }
  @keyframes wlp-crm-enter { from { opacity: .72; transform: translateY(4px); } to { opacity: 1; transform: none; } }
}

@media (forced-colors: active) {
  .wlp-app .wlp-period-filter.active { border-color: Highlight; background: Highlight; color: HighlightText; }
  .wlp-app .wlp-period-filter.active b { color: HighlightText; }
}

/* 1.7.23 — pastel-glass CRM workspace */
:root {
  --wlp-ui-sidebar: #fbfaff;
  --wlp-ui-sidebar-2: #f3f0fb;
  --wlp-ui-canvas: #f8f6fd;
  --wlp-ui-surface: #ffffff;
  --wlp-ui-surface-2: #faf8ff;
  --wlp-ui-text: #282946;
  --wlp-ui-muted: #686d83;
  --wlp-ui-subtle: #9498aa;
  --wlp-ui-line: rgba(100, 79, 148, .15);
  --wlp-ui-line-strong: rgba(100, 79, 148, .25);
  --wlp-ui-primary: #7138d9;
  --wlp-ui-primary-dark: #5725b7;
  --wlp-ui-pink: #df5db8;
  --wlp-ui-cyan: #37bddd;
  --wlp-ui-teal: #21a98e;
  --wlp-ui-success: #16866c;
  --wlp-ui-warning: #ad6914;
  --wlp-ui-danger: #c2475a;
  --wlp-ui-info: #376fc6;
  --wlp-ui-radius: 15px;
  --wlp-ui-radius-sm: 10px;
  --wlp-ui-shadow: 0 1px 2px rgba(57, 43, 89, .025), 0 10px 28px rgba(63, 46, 105, .07);
  --wlp-ui-shadow-float: 0 24px 64px rgba(47, 32, 82, .2);
  --wlp-ui-focus: 0 0 0 3px rgba(113, 56, 217, .16);
}

html:has(.wlp-app),
body.wlp-pi-page:has(.wlp-app),
.wlp-app {
  background:
    radial-gradient(circle at 7% 2%, rgba(192, 125, 245, .13), transparent 23%),
    radial-gradient(circle at 98% 8%, rgba(250, 145, 184, .12), transparent 24%),
    radial-gradient(circle at 72% 94%, rgba(73, 204, 214, .09), transparent 27%),
    #f8f6fd !important;
}

body.wlp-pi-page:has(.wlp-app),
body.wlp-pi-page:has(.wlp-login-page),
.wlp-app,
.wlp-login-page,
.wlp-action-dropdown.wlp-action-dropdown-portal {
  font-family: Inter, Aptos, "Segoe UI Variable Text", "Segoe UI", Roboto, Arial, sans-serif;
}

.wlp-app .wlp-sidebar {
  border-right: 1px solid rgba(103, 79, 154, .13);
  background:
    radial-gradient(circle at 12% -3%, rgba(192, 105, 239, .2), transparent 29%),
    radial-gradient(circle at 105% 28%, rgba(69, 194, 222, .12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 244, 253, .96));
  box-shadow: 8px 0 30px rgba(62, 43, 101, .07);
  backdrop-filter: blur(20px) saturate(1.15);
}

.wlp-app .wlp-sidebar-brand { border-bottom-color: rgba(103, 79, 154, .13); }
.wlp-app .wlp-sidebar-mark {
  border-color: rgba(255, 255, 255, .62);
  border-radius: 11px;
  background: linear-gradient(145deg, #864fe5 5%, #d95cbd 52%, #42bddd 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 7px 18px rgba(113, 56, 217, .22);
}
.wlp-app .wlp-sidebar-brand h1 { color: #292846; }
.wlp-app .wlp-sidebar-brand small,
.wlp-app .wlp-sidebar-nav p { color: #7b7891; }
.wlp-app .wlp-sidebar-collapse {
  border-color: rgba(107, 85, 158, .18);
  border-radius: 8px;
  background: rgba(255, 255, 255, .76);
  color: #69627c;
  box-shadow: 0 3px 10px rgba(64, 44, 103, .06);
}
.wlp-app .wlp-sidebar-collapse:hover {
  border-color: rgba(113, 56, 217, .3);
  background: #fff;
  color: var(--wlp-ui-primary);
}
.wlp-app .wlp-sidebar-nav a {
  border-radius: 10px;
  color: #615f76;
  box-shadow: none;
}
.wlp-app .wlp-sidebar-nav a:hover {
  border-color: rgba(111, 84, 166, .14);
  background: rgba(255, 255, 255, .78);
  color: #302d4b;
  box-shadow: 0 5px 15px rgba(64, 44, 103, .065);
}
.wlp-app .wlp-sidebar-nav a.active {
  border-color: rgba(124, 73, 218, .2);
  background: linear-gradient(105deg, rgba(241, 232, 255, .98), rgba(237, 246, 255, .9));
  color: #5825b6;
  box-shadow: 0 7px 18px rgba(100, 57, 176, .1), inset 0 1px 0 rgba(255, 255, 255, .94);
}
.wlp-app .wlp-sidebar-nav a.active::before {
  background: linear-gradient(180deg, #8248e0, #df5db8);
  box-shadow: 0 0 10px rgba(125, 68, 220, .25);
}
.wlp-app .wlp-sidebar-nav i {
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 3px 8px rgba(57, 43, 89, .045);
}
.wlp-app .wlp-sidebar-nav .wlp-menu-dashboard i { border-color: #dfd1f7; background: #f4edff; color: #7040c8; }
.wlp-app .wlp-sidebar-nav .wlp-menu-pi i { border-color: #d5ddfb; background: #eff2ff; color: #4e63cb; }
.wlp-app .wlp-sidebar-nav .wlp-menu-tax i { border-color: #cceae3; background: #eaf8f4; color: #16816a; }
.wlp-app .wlp-sidebar-nav .wlp-menu-files i { border-color: #ead3ed; background: #fbecf8; color: #b5489a; }
.wlp-app .wlp-sidebar-nav .wlp-menu-customers i { border-color: #f3ddca; background: #fff3e8; color: #b16424; }
.wlp-app .wlp-sidebar-nav .wlp-menu-settings i { border-color: #cae8ef; background: #eaf8fb; color: #218aa2; }
.wlp-app .wlp-sidebar-nav a.wlp-menu-link.active i {
  border-color: rgba(122, 72, 214, .2);
  background: rgba(255, 255, 255, .86);
  color: #6731c2;
  box-shadow: 0 4px 12px rgba(96, 53, 174, .11);
}
.wlp-app .wlp-sidebar-foot {
  border-color: rgba(104, 80, 153, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 7px 20px rgba(62, 43, 101, .065);
}
.wlp-app .wlp-user-chip > span {
  border-color: rgba(255, 255, 255, .7);
  background: linear-gradient(145deg, #8450dc, #df66bb);
  box-shadow: 0 5px 12px rgba(113, 56, 217, .16);
}
.wlp-app .wlp-user-chip b { color: #2d2c48; }
.wlp-app .wlp-user-chip small { color: #7a788d; }
.wlp-app .wlp-logout-button {
  border-color: rgba(210, 83, 105, .2);
  border-radius: 9px;
  background: linear-gradient(180deg, #fff8fa, #fff0f3);
  color: #b6384e !important;
  box-shadow: 0 3px 9px rgba(194, 71, 90, .06);
}
.wlp-app .wlp-logout-button:hover {
  border-color: rgba(194, 71, 90, .35);
  background: #ffe9ee;
  color: #9f2940 !important;
}
.wlp-app.sidebar-collapsed .wlp-sidebar-collapse {
  border-color: rgba(113, 56, 217, .22);
  background: #fff;
  color: var(--wlp-ui-primary);
}

.wlp-app .wlp-desktop-bar,
.wlp-app .wlp-mobile-bar {
  border-bottom-color: rgba(103, 79, 154, .13);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 6px 22px rgba(62, 43, 101, .055);
  backdrop-filter: blur(20px) saturate(1.2);
}
.wlp-app .wlp-top-title > span { color: #8a5dbd; }
.wlp-app .wlp-top-title > strong { color: #2c2b49; }
.wlp-app .wlp-top-tools time { border-left-color: rgba(103, 79, 154, .14); color: #66657b; }
.wlp-app .wlp-top-health {
  border-color: rgba(38, 163, 133, .2);
  background: rgba(237, 251, 247, .88);
  color: #14745e;
  box-shadow: 0 4px 12px rgba(25, 135, 108, .055);
}
.wlp-app .wlp-top-health.is-muted {
  border-color: rgba(205, 145, 56, .22);
  background: rgba(255, 248, 234, .9);
  color: #956019;
}
.wlp-app .wlp-table-search,
.wlp-app .wlp-top-register-search .wlp-table-search {
  border-color: rgba(111, 84, 166, .16) !important;
  border-radius: 999px !important;
  background-color: rgba(249, 247, 253, .92) !important;
  color: #302f4c !important;
  box-shadow: inset 0 1px 2px rgba(57, 43, 89, .025), 0 3px 10px rgba(63, 46, 105, .035);
}
.wlp-app .wlp-table-search:focus {
  border-color: rgba(113, 56, 217, .5) !important;
  background-color: #fff !important;
  box-shadow: var(--wlp-ui-focus), 0 6px 18px rgba(71, 45, 121, .065) !important;
}
.wlp-app .wlp-top-create,
.wlp-app .wlp-top-action,
.wlp-app .wlp-btn,
.wlp-admin .button,
.wlp-admin .button-primary {
  border-radius: 9px;
  box-shadow: 0 3px 0 rgba(52, 35, 92, .09), 0 7px 15px rgba(69, 43, 123, .09) !important;
}
.wlp-app .wlp-top-create-pi,
.wlp-app .wlp-btn:not(.secondary),
.wlp-admin .button-primary {
  border-color: #6530c5;
  background: linear-gradient(135deg, #7940dc, #9b4fd7 62%, #d35cad);
  color: #fff;
}
.wlp-app .wlp-top-create-pi:hover,
.wlp-app .wlp-btn:not(.secondary):hover,
.wlp-admin .button-primary:hover {
  border-color: #5725b7;
  background: linear-gradient(135deg, #6930ca, #893fc5 62%, #c44f9e);
}
.wlp-app .wlp-top-create-tax {
  border-color: rgba(33, 169, 142, .24);
  background: linear-gradient(180deg, #f2fcf9, #e5f8f3);
  color: #14745e;
}
.wlp-app .wlp-top-create-tax:hover { border-color: rgba(23, 134, 108, .4); background: #dcf5ee; color: #0e6652; }
.wlp-app .wlp-top-action,
.wlp-app .wlp-btn.secondary {
  border-color: rgba(104, 80, 153, .17);
  background: rgba(255, 255, 255, .88);
  color: #57536d !important;
}
.wlp-app .wlp-top-action:hover,
.wlp-app .wlp-btn.secondary:hover { border-color: rgba(113, 56, 217, .3); background: #f7f1ff; color: #5a28b4 !important; }
.wlp-app .wlp-currency-toggle {
  border-color: rgba(104, 80, 153, .16);
  border-radius: 9px;
  background: rgba(255, 255, 255, .84);
  color: #59566f;
  box-shadow: 0 4px 12px rgba(62, 43, 101, .045);
}
.wlp-app .wlp-currency-toggle > span { background: linear-gradient(135deg, #eee4ff, #e5f7fb); color: #6933c4; }
.wlp-app .wlp-currency-toggle:hover,
.wlp-app .wlp-currency-toggle[aria-expanded="true"] { border-color: rgba(113, 56, 217, .32); background: #f9f4ff; color: #5a27b5; }

.wlp-app .wlp-main { max-width: 1760px; }
.wlp-app .wlp-card,
.wlp-app .wlp-document-registers,
.wlp-app .wlp-currency-panel,
.wlp-app .wlp-column-manager {
  border-color: rgba(102, 78, 151, .13);
  border-radius: var(--wlp-ui-radius);
  background: rgba(255, 255, 255, .9);
  box-shadow: var(--wlp-ui-shadow);
  backdrop-filter: blur(14px) saturate(1.06);
}
.wlp-app .wlp-notice {
  border-color: rgba(104, 80, 153, .15);
  border-left-color: #8060ba;
  border-radius: 11px;
  background: rgba(255, 255, 255, .88);
  color: #555268;
  box-shadow: 0 6px 18px rgba(63, 46, 105, .05);
}
.wlp-app .wlp-notice.success { border-color: rgba(22, 134, 108, .2); border-left-color: #16866c; background: #f0fbf7; color: #12634f; }
.wlp-app .wlp-notice.error { border-color: rgba(194, 71, 90, .2); border-left-color: #c2475a; background: #fff3f5; color: #9e3346; }

.wlp-dashboard-heading span { color: #7b3ed3; }
.wlp-dashboard-heading h2 { color: #2a2948; }
.wlp-dashboard-heading p { color: #717084; }
.wlp-app .wlp-dashboard-shortcuts > a {
  border-color: rgba(105, 81, 153, .12) !important;
  border-radius: 13px;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 7px 20px rgba(62, 43, 101, .055);
}
.wlp-app .wlp-dashboard-shortcuts > a:hover {
  border-color: rgba(113, 56, 217, .24) !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(69, 43, 123, .1);
}
.wlp-app .wlp-dashboard-shortcuts i { background: linear-gradient(135deg, #eee5ff, #f8e9f6); color: #7440ca; }
.wlp-app .wlp-dashboard-shortcuts > a:nth-child(2) i { background: linear-gradient(135deg, #e4f8f4, #e9f9ff); color: #15806a; }
.wlp-app .wlp-dashboard-shortcuts > a:nth-child(3) i { background: linear-gradient(135deg, #fff1e5, #fff4ef); color: #b16424; }
.wlp-app .wlp-dashboard-shortcuts > a:nth-child(4) i { background: linear-gradient(135deg, #f7e8f6, #eee8ff); color: #a34798; }
.wlp-app .wlp-dashboard-shortcuts b { color: #302f4c; }
.wlp-app .wlp-dashboard-shortcuts small { color: #77768a; }

.wlp-app .wlp-money-stats > div {
  position: relative;
  overflow: hidden;
  border-color: rgba(106, 81, 154, .12) !important;
  border-radius: 15px;
  box-shadow: 0 9px 25px rgba(63, 46, 105, .065) !important;
}
.wlp-app .wlp-money-stats > div:nth-child(1) { background: linear-gradient(135deg, rgba(247, 239, 255, .98), rgba(238, 245, 255, .95)) !important; }
.wlp-app .wlp-money-stats > div:nth-child(2) { background: linear-gradient(135deg, rgba(235, 251, 247, .98), rgba(235, 249, 255, .95)) !important; }
.wlp-app .wlp-money-stats > div:nth-child(3) { background: linear-gradient(135deg, rgba(255, 243, 235, .98), rgba(255, 237, 245, .95)) !important; }
.wlp-app .wlp-money-stats > div::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -25px;
  width: 74px;
  height: 74px;
  border: 16px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  pointer-events: none;
}
.wlp-app .wlp-money-stats > div > i {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .72);
  background: linear-gradient(145deg, #8250df, #c75ebc);
  color: #fff;
  box-shadow: 0 6px 14px rgba(113, 56, 217, .16);
}
.wlp-app .wlp-money-stats > div > span,
.wlp-app .wlp-money-stats > div > .wlp-money-values { position: relative; z-index: 1; }
.wlp-app .wlp-money-stats > div:nth-child(2) > i { background: linear-gradient(145deg, #24ad91, #44bdd6); color: #fff; box-shadow: 0 6px 14px rgba(33, 169, 142, .15); }
.wlp-app .wlp-money-stats > div:nth-child(3) > i { background: linear-gradient(145deg, #ee916e, #db62a8); color: #fff; box-shadow: 0 6px 14px rgba(219, 98, 168, .15); }
.wlp-app .wlp-money-stats > div > span { color: #716d83 !important; }
.wlp-app .wlp-money-stats strong { color: #302e4c; }

.wlp-app .wlp-stats > div {
  border-color: rgba(103, 79, 154, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 5px 16px rgba(63, 46, 105, .035);
}
.wlp-app .wlp-stats > div:hover { border-color: rgba(113, 56, 217, .22); background: #fff !important; }
.wlp-app .wlp-stats .stat-awaiting i { background: #e19839; box-shadow: 0 0 0 4px rgba(225, 152, 57, .1); }
.wlp-app .wlp-stats .stat-approved i { background: #20a581; box-shadow: 0 0 0 4px rgba(32, 165, 129, .1); }
.wlp-app .wlp-stats .stat-sent i { background: #517bd4; box-shadow: 0 0 0 4px rgba(81, 123, 212, .1); }
.wlp-app .wlp-stats .stat-paid i { background: #9a54d0; box-shadow: 0 0 0 4px rgba(154, 84, 208, .1); }

.wlp-app .wlp-document-registers { overflow: visible; }
.wlp-app .wlp-register-tabs {
  gap: 8px;
  padding: 9px;
  border-bottom-color: rgba(103, 79, 154, .13) !important;
  border-radius: var(--wlp-ui-radius) var(--wlp-ui-radius) 0 0;
  background: linear-gradient(135deg, rgba(250, 247, 255, .96), rgba(246, 251, 255, .92));
}
.wlp-app .wlp-register-tabs button {
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  opacity: .62;
}
.wlp-app .wlp-register-tabs button::after { display: none; }
.wlp-app .wlp-register-tabs button[aria-selected="false"] { filter: saturate(.55); }
.wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="false"] { border-color: #ded9ec; background: rgba(245, 244, 249, .84); color: #777486; }
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="false"] { border-color: #d6e4e0; background: rgba(242, 247, 245, .86); color: #727e7a; }
.wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="true"] {
  border-color: #7540d2;
  background: linear-gradient(135deg, #7540d2, #9c51d3 64%, #d15aaa);
  color: #fff;
  box-shadow: 0 8px 18px rgba(113, 56, 217, .2), inset 0 1px 0 rgba(255, 255, 255, .28);
  filter: none;
  opacity: 1;
}
.wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="true"] {
  border-color: #168f77;
  background: linear-gradient(135deg, #178f77, #2eae9b 62%, #43b9cb);
  color: #fff;
  box-shadow: 0 8px 18px rgba(23, 143, 119, .18), inset 0 1px 0 rgba(255, 255, 255, .28);
  filter: none;
  opacity: 1;
}
.wlp-app .wlp-register-tabs button[aria-selected="true"] b { border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .2); color: #fff; }
.wlp-app .wlp-period-filter-bar {
  border-bottom-color: rgba(103, 79, 154, .12);
  background: rgba(255, 255, 255, .76);
}
.wlp-app .wlp-period-filter-label { color: #77718b; }
.wlp-app .wlp-period-filter {
  border-color: rgba(104, 80, 153, .14);
  border-radius: 999px;
  background: #fff;
  color: #646176;
  box-shadow: 0 3px 9px rgba(62, 43, 101, .04);
}
.wlp-app .wlp-period-filter b { background: #f1edf8; color: #6d6184; }
.wlp-app .wlp-period-filter:not(:disabled):hover { border-color: rgba(113, 56, 217, .27); background: #faf5ff; color: #6230bd; }
.wlp-app .wlp-period-filter.active {
  border-color: #6630c4;
  background: linear-gradient(135deg, #7640d6, #9b4fd1);
  color: #fff;
  box-shadow: 0 6px 15px rgba(113, 56, 217, .17);
}
.wlp-app .wlp-period-filter[data-period-filter="this_week"]:not(.active) { border-color: #d9d0f2; background: #f7f2ff; color: #6740ad; }
.wlp-app .wlp-period-filter[data-period-filter="last_week"]:not(.active) { border-color: #cce8e1; background: #effaf7; color: #277966; }
.wlp-app .wlp-period-filter[data-period-filter="this_month"]:not(.active) { border-color: #ebd2e6; background: #fff2fa; color: #a14886; }
.wlp-app .wlp-register-table thead th { border-bottom-color: rgba(103, 79, 154, .16); background: #f3f0f9; color: #625d75; }
.wlp-app .wlp-register-table tbody tr[data-register-row="1"] { background: rgba(255, 255, 255, .9); }
.wlp-app .wlp-register-table tbody tr[data-register-row="1"]:nth-child(even) { background: rgba(252, 250, 255, .9); }
.wlp-app .wlp-register-table tbody tr[data-register-row="1"]:hover { background: #f8f3ff; box-shadow: inset 3px 0 0 #9d65dc; }
.wlp-app .wlp-register-table .wlp-date-group th { border-color: rgba(103, 79, 154, .12); background: linear-gradient(90deg, #f4effc, #fbf9ff 62%, #fff); color: #6b5888; }
.wlp-app .wlp-register-table .wlp-date-group span::before { background: linear-gradient(135deg, #7b42d6, #df5db8); }
.wlp-app .wlp-customer-cell strong { color: #302e4c; }
.wlp-app .wlp-document-cell strong { color: #666079; }
.wlp-app .wlp-brand-badge { border-color: #dfd8ec; border-radius: 999px; background: #f8f4fc; color: #655a77; }
.wlp-app .wlp-kebab {
  border-color: rgba(104, 80, 153, .16);
  border-radius: 9px;
  background: #fff;
  color: #655f78;
  box-shadow: 0 4px 11px rgba(62, 43, 101, .055);
}
.wlp-app .wlp-kebab:hover,
.wlp-app .wlp-action-menu.open .wlp-kebab { border-color: rgba(113, 56, 217, .34); background: #f6eeff; color: #6330bd; }
.wlp-app .wlp-status,
.wlp-app .wlp-crm-sync { border-radius: 999px; }
.wlp-app .wlp-status.awaiting { border-color: #efd8ae; background: #fff8e9; color: #986018; }
.wlp-app .wlp-status.approved,
.wlp-app .wlp-status.accepted { border-color: #c5e7dc; background: #effaf6; color: #14735d; }
.wlp-app .wlp-status.sent { border-color: #cddafb; background: #f0f4ff; color: #4969b9; }
.wlp-app .wlp-status.paid { border-color: #dfcff1; background: #f8f0ff; color: #7940a8; }
.wlp-app .wlp-status.cancelled { border-color: #f0cbd3; background: #fff1f4; color: #a9384c; }

.wlp-app .wlp-action-dropdown,
.wlp-action-dropdown.wlp-action-dropdown-portal {
  border-color: rgba(104, 80, 153, .17);
  border-radius: 13px;
  background: rgba(255, 255, 255, .98);
  box-shadow: var(--wlp-ui-shadow-float);
  backdrop-filter: blur(18px) saturate(1.08);
}
.wlp-action-dropdown.wlp-action-dropdown-portal a,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-inline-action button,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-action-disabled,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-converted-note { border-radius: 9px !important; color: #514d64 !important; }
.wlp-app .wlp-action-dropdown a:hover,
.wlp-app .wlp-inline-action button:hover,
.wlp-action-dropdown.wlp-action-dropdown-portal a:hover,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-inline-action button:hover { background: #f5edff !important; color: #5d27b7 !important; }

.wlp-app .wlp-editor-head {
  border-color: rgba(103, 79, 154, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 13px 32px rgba(62, 43, 101, .095);
  backdrop-filter: blur(20px) saturate(1.15);
}
.wlp-app .wlp-editor-head h2 { color: #2c2b49; }
.wlp-app .wlp-editor-head > div:first-child > a { color: #746f85; }
.wlp-app .wlp-editor-steps {
  border-color: rgba(103, 79, 154, .13);
  border-radius: 13px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 8px 22px rgba(63, 46, 105, .06);
  backdrop-filter: blur(14px);
}
.wlp-app .wlp-editor-steps a { border-right-color: rgba(103, 79, 154, .11); color: #777387; }
.wlp-app .wlp-editor-steps a.active { background: linear-gradient(180deg, #fbf7ff, #f2ebff); color: #5c29b3; }
.wlp-app .wlp-editor-steps a.active::after { height: 3px; background: linear-gradient(90deg, #7840d7, #d95db4); }
.wlp-app .wlp-editor-steps i { border-color: #ded7eb; border-radius: 7px; background: #f8f5fc; color: #777084; }
.wlp-app .wlp-editor-steps a.active i { border-color: #d6c3ef; background: #fff; color: #6c34c5; box-shadow: 0 4px 10px rgba(113, 56, 217, .09); }
.wlp-app .wlp-editor .wlp-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(103, 79, 154, .12);
  background: rgba(255, 255, 255, .91);
}
.wlp-app .wlp-editor .wlp-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #7950d4, #da68b4 48%, #42bbd4);
  opacity: .76;
}
.wlp-app .wlp-editor .wlp-card h3 { border-bottom-color: rgba(103, 79, 154, .11); color: #35324f; }
.wlp-app .wlp-editor .wlp-card h3::before { background: linear-gradient(180deg, #7540d1, #dc5db4); }
.wlp-app .wlp-field,
.wlp-app .wlp-field > span { color: #625e73; }
.wlp-app .wlp-field-note { color: #7d788c; }
.wlp-app .wlp-field input,
.wlp-app .wlp-field select,
.wlp-app .wlp-field textarea,
.wlp-app .wlp-items input,
.wlp-app .wlp-items select,
.wlp-app .wlp-items textarea,
.wlp-app .wlp-pack-builder input,
.wlp-app .wlp-pack-builder select,
.wlp-app .wlp-pack-builder textarea {
  border-color: rgba(103, 79, 154, .18);
  border-radius: 9px;
  background: rgba(253, 252, 255, .94);
  color: #302e49;
  box-shadow: inset 0 1px 2px rgba(57, 43, 89, .025);
}
.wlp-app .wlp-field input:focus,
.wlp-app .wlp-field select:focus,
.wlp-app .wlp-field textarea:focus,
.wlp-app .wlp-items input:focus,
.wlp-app .wlp-items select:focus,
.wlp-app .wlp-items textarea:focus { border-color: rgba(113, 56, 217, .52); background: #fff; }
.wlp-app .wlp-field input[readonly] { border-color: rgba(103, 79, 154, .1); background: #f5f2f8; color: #716d80; }
.wlp-app .wlp-pricing { border-top-color: rgba(103, 79, 154, .12) !important; }
.wlp-app .wlp-combo-fields { border-color: #ded0ef; border-radius: 11px; background: linear-gradient(135deg, #faf5ff, #f4f8ff); }
.wlp-app .wlp-items > .wlp-card-head { border-bottom-color: rgba(103, 79, 154, .12); background: linear-gradient(135deg, #fcf9ff, #f8fbff); }
.wlp-app .wlp-items > .wlp-table-wrap { background: #fff; }
.wlp-app .wlp-items th,
.wlp-app .wlp-items td { border-color: rgba(103, 79, 154, .1); }
.wlp-app .wlp-items th { background: #f2eef8 !important; color: #625c73; }
.wlp-app .wlp-items tbody tr:nth-child(even) td { background: #fdfbff; }
.wlp-app .wlp-items tbody tr:hover td { background: #f9f3ff; }
.wlp-app .wlp-items th[data-col-key="qty"] { background: #eef1ff !important; color: #4f5db3; }
.wlp-app .wlp-items th[data-col-key="gst_rate"] { background: #fff3e8 !important; color: #98601d; }
.wlp-app .wlp-items th[data-col-key="amount"] { background: #f2eeff !important; color: #6344a8; }
.wlp-app .wlp-items th[data-col-key="amount_with_gst"] { background: #eaf8f4 !important; color: #14735d; }
.wlp-app .wlp-items td[data-col-key="qty"] input { border-color: #ccd5f4; background: #f6f7ff; color: #3e4e9f; }
.wlp-app .wlp-items td[data-col-key="gst_rate"] select { border-color: #ead1aa; background-color: #fffaf2; color: #8f5815; }
.wlp-app .wlp-items td[data-col-key="amount_with_gst"] input { border-color: #cce6df; background: #f1faf7; color: #13705b; }
.wlp-app .wlp-item-actions-head { background: #f0edf5 !important; box-shadow: -5px 0 12px rgba(57, 43, 89, .035); }
.wlp-app .wlp-row-action-group button { border-color: rgba(103, 79, 154, .16); border-radius: 8px; color: #666077; }
.wlp-app .wlp-row-action-group button:hover { border-color: rgba(113, 56, 217, .3); background: #f5edff; color: #642fbe; }
.wlp-app .wlp-summary { border-color: rgba(103, 79, 154, .13); border-radius: 11px; background: linear-gradient(135deg, #fbf9ff, #f6f9fc); }
.wlp-app .wlp-summary .grand { border-radius: 10px; background: linear-gradient(135deg, #6731c4, #9147cd 58%, #2ba4b3); box-shadow: 0 8px 20px rgba(103, 49, 196, .17); }

.wlp-app .wlp-pack-step,
.wlp-app .wlp-pack-upload-card,
.wlp-app .wlp-pack-asset,
.wlp-app .wlp-check {
  border-color: rgba(103, 79, 154, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 5px 15px rgba(63, 46, 105, .035);
}
.wlp-app .wlp-pack-step-title { border-radius: 10px; background: linear-gradient(135deg, #f7f1ff, #f1f9fc); color: #555067; }
.wlp-app .wlp-pack-step-title > i { background: linear-gradient(135deg, #7540d2, #d45fb1); }
.wlp-app .wlp-pack-mode span { border-color: rgba(103, 79, 154, .15); border-radius: 12px; background: #fbfaff; color: #514c64; }
.wlp-app .wlp-pack-mode input:checked + span { border-color: rgba(113, 56, 217, .42); background: linear-gradient(135deg, #f5ecff, #edf9fc); box-shadow: var(--wlp-ui-focus); }
.wlp-app .wlp-pack-upload-card:nth-child(1) { border-top-color: #7950d4; }
.wlp-app .wlp-pack-upload-card:nth-child(2) { border-top-color: #e18a66; }
.wlp-app .wlp-pack-upload-card:nth-child(3) { border-top-color: #27ad94; }
.wlp-app .wlp-pack-upload-card:nth-child(4) { border-top-color: #d45fae; }
.wlp-app .wlp-pack-upload-card:nth-child(5) { border-top-color: #4ca7c3; }

.wlp-app .wlp-hero.customer-hero {
  border-color: rgba(103, 79, 154, .13);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 15%, rgba(76, 190, 217, .13), transparent 26%),
    radial-gradient(circle at 12% 120%, rgba(219, 97, 180, .13), transparent 31%),
    linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(247, 240, 255, .94));
  box-shadow: var(--wlp-ui-shadow);
}
.wlp-app .wlp-hero.customer-hero h2 { color: #2c2a48; }
.wlp-app .wlp-hero.customer-hero p { color: #706d81; }
.wlp-app .customer-hero strong { border-color: #ddcef1; border-radius: 999px; background: rgba(248, 240, 255, .92); color: #6631bd; }
.wlp-app .wlp-payment-form { border-color: #dfd0ef; border-radius: 12px; background: linear-gradient(135deg, #fbf6ff, #f5f9ff); }

.wlp-app .wlp-currency-panel,
.wlp-app .wlp-column-manager { background: rgba(255, 255, 255, .97); }
.wlp-app .wlp-currency-panel header,
.wlp-app .wlp-column-manager > header { border-bottom-color: rgba(103, 79, 154, .12); background: linear-gradient(135deg, #faf6ff, #f4faff); }
.wlp-app .wlp-currency-convert,
.wlp-app .wlp-add-item-column { border-color: #6530c5; background: linear-gradient(135deg, #7940dc, #d05aaa); color: #fff; }
.wlp-app .wlp-currency-result { border-color: #d8c8ef; border-radius: 11px; background: linear-gradient(135deg, #f6efff, #effaff); }
.wlp-app .wlp-crm-customer-picker {
  --wlp-crm-blue: #7138d9;
  --wlp-crm-blue-dark: #5725b7;
  --wlp-crm-teal: #16866c;
  --wlp-crm-ink: #302e4c;
  --wlp-crm-muted: #716d82;
  --wlp-crm-line: rgba(103, 79, 154, .15);
  --wlp-crm-soft: #faf7fd;
  --wlp-crm-danger: #b63b50;
  --wlp-crm-focus: 0 0 0 3px rgba(113, 56, 217, .16);
  border-color: rgba(103, 79, 154, .16);
  border-radius: 12px;
  background: linear-gradient(145deg, #fbf7ff, #f1f9fc);
  box-shadow: 0 7px 20px rgba(63, 46, 105, .055);
}
.wlp-app .wlp-crm-results { border-color: rgba(103, 79, 154, .16); border-radius: 11px; box-shadow: 0 16px 36px rgba(55, 38, 91, .14); }
.wlp-app .wlp-crm-result:hover,
.wlp-app .wlp-crm-result:focus-visible,
.wlp-app .wlp-crm-result[aria-selected="true"] { background: #f5edff; box-shadow: inset 3px 0 0 #7940d6; }

.wlp-preview-backdrop,
.wlp-crm-review-backdrop { background: rgba(39, 27, 67, .58) !important; backdrop-filter: blur(8px) saturate(.9); }
.wlp-preview-dialog,
.wlp-crm-review-dialog {
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 34px 100px rgba(39, 27, 67, .34) !important;
}
.wlp-crm-review-head { border-bottom-color: rgba(103, 79, 154, .13); background: linear-gradient(135deg, #fcf8ff, #f3faff); }
.wlp-crm-review-eyebrow { color: #7138d9; }
.wlp-crm-review-content { background: #f8f5fc; }
.wlp-crm-candidate,
.wlp-crm-no-match { border-color: rgba(103, 79, 154, .14); border-radius: 13px; box-shadow: 0 7px 20px rgba(63, 46, 105, .045); }
.wlp-crm-candidate.is-selected { border-color: rgba(113, 56, 217, .45); box-shadow: 0 0 0 2px rgba(113, 56, 217, .09), 0 8px 22px rgba(63, 46, 105, .055); }
.wlp-crm-candidate.is-selected .wlp-crm-candidate-choice { background: #f3ebff; color: #5c29b3; }

html:has(.wlp-login-page),
body.wlp-pi-page:has(.wlp-login-page) { background: #f7f1fc !important; }
.wlp-login-page {
  background:
    radial-gradient(circle at 11% 13%, rgba(200, 91, 239, .36), transparent 31%),
    radial-gradient(circle at 87% 14%, rgba(255, 160, 185, .35), transparent 31%),
    radial-gradient(circle at 80% 92%, rgba(73, 205, 222, .28), transparent 29%),
    linear-gradient(145deg, #f7efff 0%, #fff6fa 48%, #effbff 100%) !important;
}
.wlp-login-page .wlp-login-glow { display: block; position: absolute; border-radius: 50%; filter: blur(55px); opacity: .45; }
.wlp-login-page .wlp-login-glow.one { top: -12%; left: 22%; width: 38vw; height: 38vw; background: #ca67ee; }
.wlp-login-page .wlp-login-glow.two { right: 4%; bottom: -18%; width: 36vw; height: 36vw; background: #5fd4df; }
.wlp-login-shell {
  position: relative;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 28px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 34px 95px rgba(75, 42, 116, .23), inset 0 1px 0 rgba(255, 255, 255, .94);
  backdrop-filter: blur(26px) saturate(1.15);
}
.wlp-login-showcase {
  border-radius: 27px 0 0 27px;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 255, 255, .63), transparent 28%),
    radial-gradient(circle at 8% 92%, rgba(73, 207, 219, .31), transparent 31%),
    linear-gradient(145deg, rgba(238, 216, 255, .97), rgba(255, 221, 239, .94) 55%, rgba(218, 246, 250, .94));
  color: #302b4c;
}
.wlp-login-showcase::before { border-color: rgba(255, 255, 255, .18); }
.wlp-login-brand > span {
  border-color: rgba(255, 255, 255, .7);
  background: linear-gradient(145deg, #824bdc, #d95db7 60%, #43b9d3);
  box-shadow: 0 8px 22px rgba(113, 56, 217, .2);
}
.wlp-login-brand b { color: #302b4c; }
.wlp-login-brand small { color: #756b82; }
.wlp-login-pitch > span { color: #7a3dca; }
.wlp-login-pitch h1 {
  color: #382858;
  background: linear-gradient(105deg, #5522a6, #a43b9c 60%, #237e9a);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wlp-login-pitch p { color: #665f74; }
.wlp-login-features > div {
  border-color: rgba(255, 255, 255, .62);
  background: rgba(255, 255, 255, .43);
  box-shadow: 0 7px 20px rgba(81, 45, 115, .055);
}
.wlp-login-features i { background: rgba(255, 255, 255, .66) !important; color: #6b34bf !important; }
.wlp-login-features b { color: #3a3550; }
.wlp-login-features small { color: #746d80; }
.wlp-login-trust { color: #514c61; }
.wlp-login-trust small { color: #777080; }
.wlp-login-page .wlp-login {
  border-radius: 0 27px 27px 0;
  background: rgba(255, 255, 255, .86);
}
.wlp-login-heading > span { color: #7138d9; }
.wlp-login-heading h2 { color: #2d2b48; }
.wlp-login-heading p { color: #747184; }
.wlp-login form label { color: #5a566c; }
.wlp-login input[type="text"],
.wlp-login input[type="password"] {
  border-color: rgba(103, 79, 154, .18);
  border-radius: 11px;
  background: rgba(250, 248, 253, .9);
  color: #302e49;
}
.wlp-login input[type="text"]:focus,
.wlp-login input[type="password"]:focus { border-color: rgba(113, 56, 217, .55); background: #fff; }
.wlp-password-toggle,
.wlp-login-foot a { color: #6831c2; }
.wlp-login-page .wlp-login .button {
  border-color: #6330bf;
  border-radius: 11px;
  background: linear-gradient(135deg, #7540d3, #a34dcc 60%, #d15aa8);
  box-shadow: 0 10px 24px rgba(113, 56, 217, .22);
}
.wlp-login-page .wlp-login .button:hover { background: linear-gradient(135deg, #6630c2, #8f3cbb 60%, #c34d9b); box-shadow: 0 13px 28px rgba(113, 56, 217, .27); }
.wlp-login-foot { border-top-color: rgba(103, 79, 154, .12); color: #777387; }
.wlp-login-error { border-color: #edc8d0; border-radius: 10px; background: #fff2f5; color: #9f3347; }

.wrap.wlp-admin {
  position: relative;
  max-width: 1380px;
  color: #2d2b48;
  font-family: Inter, Aptos, "Segoe UI Variable Text", "Segoe UI", sans-serif;
}
body.toplevel_page_wlp-pi-settings #wpcontent,
body.pi-settings_page_wlp-pi-crm #wpcontent {
  background:
    radial-gradient(circle at 9% 1%, rgba(192, 125, 245, .1), transparent 25%),
    radial-gradient(circle at 97% 5%, rgba(250, 145, 184, .09), transparent 24%),
    #f8f6fd;
}
.wrap.wlp-admin > h1 { color: #2d2b48; }
.wrap.wlp-admin > p { color: #706d81; }
.wlp-admin .wlp-admin-card,
.wlp-admin .wlp-company,
.wlp-admin .wlp-pack-settings,
#wlp-crm-integration {
  border-color: rgba(103, 79, 154, .14);
  border-radius: 15px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 28px rgba(63, 46, 105, .065);
}
.wlp-admin .wlp-admin-card > h2,
.wlp-admin .wlp-pack-settings > h2 {
  border-bottom-color: rgba(103, 79, 154, .12);
  background: linear-gradient(135deg, #faf6ff, #f3faff);
  color: #37334f;
}
.wlp-admin input:not([type="checkbox"]):not([type="radio"]),
.wlp-admin select,
.wlp-admin textarea {
  border-color: rgba(103, 79, 154, .18);
  border-radius: 9px;
  background: #fdfcff;
  color: #302e49;
}
.wlp-admin input:focus,
.wlp-admin select:focus,
.wlp-admin textarea:focus { border-color: rgba(113, 56, 217, .5); box-shadow: var(--wlp-ui-focus); }
.wlp-admin .wlp-company { background: linear-gradient(145deg, #fff, #fbf8ff); }
.wlp-admin .wlp-card-head { border-bottom-color: rgba(103, 79, 154, .1); }
.wlp-admin .wlp-company-identity {
  border: 1px solid #ddcef1;
  border-radius: 999px;
  background: #f7f0ff;
  color: #6731bd;
}
.wlp-admin table.widefat {
  overflow: hidden;
  border-color: rgba(103, 79, 154, .13);
  border-radius: 11px;
  box-shadow: none;
}
.wlp-admin table.widefat thead th {
  border-bottom-color: rgba(103, 79, 154, .12);
  background: #f4f0f9;
  color: #5e5971;
}
.wlp-admin table.widefat tbody tr:nth-child(even) td { background: #fdfbff; }
.wlp-admin table.widefat tbody tr:hover td { background: #f8f3ff; }
.wlp-admin .button:not(.button-primary) {
  border-color: rgba(104, 80, 153, .18);
  background: linear-gradient(180deg, #fff, #f8f4fc);
  color: #5c566e;
}
.wlp-admin .button:not(.button-primary):hover {
  border-color: rgba(113, 56, 217, .32);
  background: #f5edff;
  color: #5d29b6;
}
#wlp-crm-integration::before { background: linear-gradient(90deg, #7540d3, #d35bb0 52%, #3bb4cf); }

@media (hover: hover) {
  .wlp-app .wlp-register-tabs button[data-register-tab="pi"][aria-selected="false"]:hover { border-color: #d1c3ea; background: #f4edff; color: #6540a6; }
  .wlp-app .wlp-register-tabs button[data-register-tab="tax_invoice"][aria-selected="false"]:hover { border-color: #c3e2da; background: #ebf8f4; color: #277764; }
}

@media (max-width: 980px) {
  .wlp-app.sidebar-open::before { background: rgba(42, 29, 70, .5); backdrop-filter: blur(5px); }
  .wlp-app .wlp-mobile-bar { background: rgba(255, 255, 255, .86); }
  .wlp-app .wlp-mobile-bar button { border-color: rgba(104, 80, 153, .17); border-radius: 9px; background: #fff; color: #625c74; }
  .wlp-app .wlp-mobile-bar a { border-radius: 9px; background: linear-gradient(135deg, #7540d3, #cf59a9); box-shadow: 0 7px 16px rgba(113, 56, 217, .16); }
}

@media (max-width: 820px) {
  .wlp-login-showcase { border-radius: 24px 24px 0 0; }
  .wlp-login-page .wlp-login { border-radius: 0 0 24px 24px; }
}

@media (max-height: 620px) {
  .wlp-login-page .wlp-login { border-radius: 22px; }
}

@media (prefers-reduced-motion: no-preference) {
  .wlp-app .wlp-main > .wlp-money-stats,
  .wlp-app .wlp-main > .wlp-document-registers,
  .wlp-app .wlp-main > .wlp-editor,
  .wlp-app .wlp-main > .wlp-hero,
  .wlp-app .wlp-main > .wlp-card { animation: wlp-pastel-rise .28s ease both; }
  .wlp-login-shell { animation: wlp-pastel-login .38s cubic-bezier(.2, .75, .25, 1) both; }
  @keyframes wlp-pastel-rise { from { opacity: .68; transform: translateY(5px); } to { opacity: 1; transform: none; } }
  @keyframes wlp-pastel-login { from { opacity: 0; transform: translateY(10px) scale(.992); } to { opacity: 1; transform: none; } }
}

@media (prefers-reduced-motion: reduce) {
  .wlp-app *,
  .wlp-login-page * { animation: none !important; transition-duration: .01ms !important; }
}

@media (forced-colors: active) {
  .wlp-app .wlp-sidebar,
  .wlp-app .wlp-desktop-bar,
  .wlp-app .wlp-mobile-bar,
  .wlp-app .wlp-card,
  .wlp-app .wlp-document-registers,
  .wlp-login-shell,
  .wlp-login-showcase,
  .wlp-login-page .wlp-login { forced-color-adjust: auto; background: Canvas !important; color: CanvasText !important; }
  .wlp-app .wlp-register-tabs button[aria-selected="true"],
  .wlp-app .wlp-period-filter.active { border-color: Highlight !important; background: Highlight !important; color: HighlightText !important; }
  .wlp-login-pitch h1 { background: none !important; color: CanvasText !important; -webkit-text-fill-color: CanvasText !important; }
}

@media print {
  html:has(.wlp-app),
  body.wlp-pi-page:has(.wlp-app),
  .wlp-app,
  .wlp-app-content { background: #fff !important; }
}

/* 1.7.24 — content-aware item columns and persistent trade units */
.wlp-app .wlp-items table {
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}
.wlp-app .wlp-items th,
.wlp-app .wlp-items td { box-sizing: border-box; }
.wlp-app .wlp-items td[data-col-type]:not([data-col-type="textarea"]) { vertical-align: middle; }
.wlp-app .wlp-items th[data-col-key="unit"],
.wlp-app .wlp-items td[data-col-key="unit"] {
  width: 116px;
  min-width: 116px;
  text-align: center;
}
.wlp-app .wlp-items th[data-col-key="unit"] { background: #edf9f7 !important; color: #237363; }
.wlp-app .wlp-items td[data-col-key="unit"] select {
  min-width: 102px;
  padding-right: 27px;
  border-color: #bcded7;
  background-color: #f6fcfa;
  color: #176b5a;
  font-size: 11.5px;
  font-weight: 740;
}
.wlp-app .wlp-items td[data-col-key="qty"] input,
.wlp-app .wlp-items td[data-col-key="unit"] select,
.wlp-app .wlp-items td[data-col-key="gst_rate"] select,
.wlp-app .wlp-items td[data-col-type="money"] input,
.wlp-app .wlp-items td[data-col-type="calculated"] input { min-height: 32px; }

/* 1.7.25 — focused Tax Invoice payment management */
.wlp-app .wlp-action-dropdown .wlp-payment-link,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-payment-link {
  color: #13715f !important;
  font-weight: 760;
}
.wlp-app .wlp-action-dropdown .wlp-payment-link:hover,
.wlp-app .wlp-action-dropdown .wlp-payment-link:focus-visible,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-payment-link:hover,
.wlp-action-dropdown.wlp-action-dropdown-portal .wlp-payment-link:focus-visible { background: #eaf8f3 !important; color: #0b6654 !important; }
.wlp-app .wlp-payment-screen {
  width: 100%;
  max-width: 1480px;
  margin-inline: auto;
}
.wlp-app .wlp-payment-screen-head { margin-bottom: 12px; }
.wlp-app .wlp-payment-screen-head p {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 12px;
}
.wlp-app .wlp-payment-screen-head > div:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wlp-app .wlp-payment-screen .wlp-payment-panel {
  margin: 0;
  border-top: 3px solid #49ad87;
  box-shadow: 0 12px 34px rgba(43, 73, 93, .08);
}
.wlp-app .wlp-payment-panel .wlp-card-head { align-items: center; }
.wlp-app .wlp-payment-close {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #d7e1e8;
  border-radius: 8px;
  background: #fff;
  color: #526579;
  font-size: 11px;
  font-weight: 730;
  text-decoration: none;
}
.wlp-app .wlp-payment-close:hover { border-color: #b9d9cf; background: #eef9f5; color: #126856; }

@media (max-width: 700px) {
  .wlp-app .wlp-payment-screen-head,
  .wlp-app .wlp-payment-panel .wlp-card-head { align-items: flex-start; }
  .wlp-app .wlp-payment-screen-head > div:last-child { width: 100%; justify-content: space-between; }
}

/* 1.7.26 — issuing-brand register filter */
.wlp-app .wlp-period-filter-group {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}
.wlp-app .wlp-register-brand-filter-wrap {
  display: grid;
  flex: 0 0 210px;
  min-width: 0;
  max-width: 100%;
  gap: 3px;
  margin-left: auto;
  color: #77718b;
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .45px;
  line-height: 1;
  text-transform: uppercase;
}
.wlp-app .wlp-register-brand-filter {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: 5px 32px 5px 10px;
  border: 1px solid #d8d0e9;
  border-radius: 9px;
  background-color: #fff;
  color: #4f4963;
  font-size: 11px;
  font-weight: 720;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
  text-overflow: ellipsis;
  box-shadow: 0 3px 10px rgba(62, 43, 101, .055);
}
.wlp-app .wlp-register-brand-filter:hover { border-color: #bba8df; background-color: #fcfaff; }
.wlp-app .wlp-register-brand-filter:focus-visible { border-color: #7540d2; outline: 3px solid rgba(117, 64, 210, .17); outline-offset: 1px; }

@media (max-width: 980px) {
  .wlp-app .wlp-period-filter-bar { flex-wrap: wrap; }
  .wlp-app .wlp-period-filter-group { width: 100%; }
  .wlp-app .wlp-register-brand-filter-wrap { flex-basis: min(100%, 280px); margin-left: 0; }
}

@media (max-width: 760px) {
  .wlp-app .wlp-period-filter-group { align-items: flex-start; flex-direction: column; gap: 6px; }
  .wlp-app .wlp-register-brand-filter-wrap { width: 100%; flex-basis: auto; }
}

@media (forced-colors: active) {
  .wlp-app .wlp-register-brand-filter { border-color: ButtonText; }
}