body {
  padding-bottom: 120px !important;
}

.desktop-container,
.layout-main-section,
.main-section {
  padding-bottom: 120px !important;
}

.for-login .page-card {
  margin-bottom: 96px;
}

.for-login .page-card-head {
  align-items: center;
  text-align: center;
}

.for-login .page-card-head h4,
.for-login .page-card-head .page-card-subtitle {
  width: 100%;
  text-align: center;
}

.page-card-head .app-logo,
.for-login .page-card-head img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 56px;
  width: auto;
}

a[href*="frappe.io"],
a[href*="erpnext.com"],
a[href*="frappeframework.com"],
a[href*="github.com/frappe"],
.footer-powered {
  display: none !important;
}

.wirepick-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10050;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 112px;
  padding: 0 28px 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 36%);
  pointer-events: none;
}

.wirepick-footer a {
  pointer-events: auto;
  line-height: 0;
}

.wirepick-footer .mark-tumi,
.wirepick-footer .mark-zra {
  height: 88px;
  width: auto;
}

.wirepick-footer .mark-zra {
  background: #fffcf8;
  border-radius: 6px;
}

.wirepick-brandbar {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 24px);
  margin: 10px 12px 2px;
  padding: 8px 10px;
  border: 1px solid #e6e9ee;
  border-radius: 12px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  min-width: 0;
}

.wirepick-brandbar img,
.wirepick-brandbar .mark {
  width: 32px;
  height: 32px;
  flex: none;
  object-fit: contain;
}

.wirepick-brandbar .mark {
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #f2f4f7;
  color: #1c2430;
  font-weight: 650;
}

html.wirepick-themed .wirepick-brandbar .mark {
  background: var(--wirepick-accent);
  color: var(--wirepick-accent-ink);
}

.wirepick-brandbar .copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.wirepick-brandbar .wirepick-brand-name {
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  color: #1c2430;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wirepick-brandbar .wirepick-brand-tag {
  font-size: 11px;
  color: #667085;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.wirepick-themed .btn-primary {
  background-color: var(--wirepick-accent) !important;
  border-color: var(--wirepick-accent) !important;
  color: var(--wirepick-accent-ink) !important;
}

html.wirepick-themed .active-sidebar {
  background: color-mix(in srgb, var(--wirepick-accent) 16%, #ffffff) !important;
}

.wirepick-company {
  max-width: 860px;
  padding-bottom: 24px;
}

.wirepick-company .hero,
.wirepick-company .people,
.wirepick-company .signin {
  background: #ffffff;
  border: 1px solid #e6e9ee;
  border-radius: 16px;
  padding: 18px 20px;
}

.wirepick-company .hero {
  display: flex;
  align-items: center;
  gap: 16px;
}

.wirepick-company .logo img,
.wirepick-company .logo .mark {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.wirepick-company .logo .mark {
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #1c2430;
  color: #ffffff;
  font-size: 22px;
  font-weight: 650;
}

html.wirepick-themed .wirepick-company .logo .mark {
  background: var(--wirepick-accent);
  color: var(--wirepick-accent-ink);
}

.wirepick-company h2,
.wirepick-company h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
}

.wirepick-company .copy {
  flex: 1;
  min-width: 0;
}

.wirepick-company .copy p,
.wirepick-company .people-head p,
.wirepick-company .signin p {
  margin: 4px 0 0;
  color: #667085;
}

.wirepick-company .hero-actions,
.wirepick-company .person-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.wirepick-company .people,
.wirepick-company .signin {
  margin-top: 14px;
}

.wirepick-company .people-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.wirepick-company .person {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #eef1f4;
}

.wirepick-company .person.is-off {
  opacity: 0.55;
}

.wirepick-company .person-name {
  font-weight: 650;
}

.wirepick-company .person-mail,
.wirepick-company .person-state {
  color: #667085;
  font-size: 13px;
}

a.desktop-icon[data-id="TumiTrust"] {
  width: 132px;
  height: auto;
  overflow: visible;
  padding: 6px 8px 4px;
}

a.desktop-icon[data-id="TumiTrust"] .icon-caption {
  display: none;
}

a.desktop-icon[data-id="TumiTrust"] .icon-container {
  width: 112px;
  height: 168px;
  overflow: visible;
  padding: 0;
  background: transparent;
}

a.desktop-icon[data-id="TumiTrust"] .icon-container img {
  width: 112px !important;
  height: 168px !important;
  max-width: none;
  object-fit: contain;
  object-position: center;
}

a.desktop-icon[data-id="ZRA"] {
  width: 196px;
  height: auto;
  overflow: visible;
  padding: 6px 4px 4px;
}

a.desktop-icon[data-id="ZRA"] .icon-caption {
  display: none;
}

a.desktop-icon[data-id="ZRA"] .icon-container {
  width: 188px;
  height: 120px;
  overflow: visible;
  padding: 0;
  background: #fffcf8;
  border-radius: 10px;
}

a.desktop-icon[data-id="ZRA"] .icon-container img {
  width: 188px !important;
  height: 120px !important;
  max-width: none;
  object-fit: contain;
  object-position: center;
}

.wirepick-trust {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(220px, 1fr);
  column-gap: 22px;
  align-items: start;
  width: min(980px, calc(100% - 36px));
  margin: 12px auto 8px;
  padding: 16px 18px 14px;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(20, 32, 48, 0.04);
}

.wirepick-trust-copy p {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a93a0;
}

.wirepick-trust-copy {
  grid-column: 1 / -1;
}

.wirepick-trust-copy h2 {
  margin: 4px 0 6px;
  font-size: 22px;
  font-weight: 650;
  color: #1c2430;
}

.wirepick-trust-copy span {
  display: block;
  max-width: 640px;
  color: #5c6775;
  font-size: 13px;
  line-height: 1.45;
}

.wirepick-trust-company,
.wirepick-trust-notes {
  margin-top: 12px;
  min-width: 0;
}

.wirepick-trust-company {
  grid-row: 2;
}

.wirepick-trust-notes {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-right: 4px;
  padding: 16px 18px 14px;
  background: #f7f9fc;
  border: 1px solid #e6e9ee;
  border-radius: 16px;
}

.wirepick-trust-note strong {
  display: block;
  margin-bottom: 2px;
  color: #1c2430;
  font-size: 14px;
}

.wirepick-trust-note span {
  color: #5c6775;
  font-size: 13px;
  line-height: 1.45;
}

.wirepick-trust-facts {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}

.wirepick-trust-facts li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #eef1f4;
}

.wirepick-trust-facts b,
.wirepick-trust-facts em {
  display: block;
}

.wirepick-trust-facts b {
  color: #1c2430;
  font-size: 13px;
  font-weight: 650;
}

.wirepick-trust-facts em {
  margin-top: 2px;
  color: #7b8794;
  font-style: normal;
  font-size: 12px;
}

.wirepick-trust-facts li > div:last-child {
  flex: 0 0 auto;
  padding-left: 12px;
  text-align: right;
}

.wirepick-trust-share {
  margin: 2px 0 0;
  padding-top: 12px;
  border-top: 1px solid #e4e7ec;
  color: #526072;
  font-size: 12px;
  line-height: 1.5;
}

.wirepick-trust-facts em[data-state="To collect"],
.wirepick-trust-facts em[data-state="Saved"] {
  color: #8a5a12;
}

.wirepick-trust-facts em[data-state="Paid"] {
  color: #1d4f91;
}

.wirepick-trust-company .tt-trust-card,
.wirepick-trust-inline .tt-trust-card,
.wirepick-trust-dialog .tt-trust-card {
  zoom: 0.86;
}

.wirepick-trust-switch {
  display: flex;
  gap: 8px;
  margin: 0 0 10px;
}

.wirepick-trust-switch button {
  border: 1px solid #e4e7ec;
  background: #ffffff;
  color: #5c6775;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 12px;
}

.wirepick-trust-switch button.is-on {
  background: #1c2430;
  border-color: #1c2430;
  color: #ffffff;
}

.wirepick-trust-slot {
  width: 100%;
  max-width: 420px;
  min-height: 0;
}

.wirepick-trust-inline {
  margin: 0 0 16px;
}

.wirepick-trust-inline .wirepick-trust-slot {
  max-width: 420px;
}

.wirepick-trust-inline .tt-trust-card {
  zoom: 0.82;
}

.wirepick-trust-tab {
  display: grid;
  grid-template-columns: minmax(280px, 460px) minmax(240px, 1fr);
  column-gap: 28px;
  row-gap: 12px;
  align-items: start;
  padding: 8px 8px 24px;
}

.wirepick-trust-tab .wirepick-trust-copy h2 {
  font-size: 20px;
}

.wirepick-trust-tab .wirepick-trust-company,
.wirepick-trust-tab .wirepick-trust-notes {
  margin-top: 4px;
}

.wirepick-trust-tab .tt-trust-card {
  zoom: 0.9;
}

.wirepick-trust-tab.is-waiting {
  display: block;
  max-width: 560px;
  padding: 18px 4px 28px;
}

.wirepick-trust-tab.is-waiting p {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a93a0;
}

.wirepick-trust-tab.is-waiting span {
  color: #5c6775;
  font-size: 14px;
  line-height: 1.45;
}

.wirepick-company .wirepick-company-trust {
  margin-top: 18px;
  padding: 18px 18px 8px;
  background: #ffffff;
  border: 1px solid #e6e9ee;
  border-radius: 16px;
}

.desktop-container:has(.wirepick-home) {
  text-align: left;
}

.desktop-container:has(.wirepick-home) .desktop-icons,
.desktop-container:has(.wirepick-home) .icon-grid {
  display: none;
}

.wirepick-home {
  width: min(1120px, calc(100% - 32px));
  margin: 8px auto 0;
  padding-bottom: 148px;
  text-align: left;
}

.wirepick-home-head,
.wirepick-board-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 18px;
}

.wirepick-home .eyebrow,
.wirepick-board .eyebrow,
.feature-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #7b8794;
}

.wirepick-home h1,
.wirepick-board h1 {
  margin: 0;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 650;
  color: #172033;
}

.wirepick-home .pulse,
.wirepick-board .pulse,
.wirepick-empty {
  margin: 8px 0 0;
  max-width: 640px;
  color: #526072;
  font-size: 15px;
  line-height: 1.45;
}

.wirepick-home .when {
  margin: 0;
  color: #7b8794;
  font-size: 13px;
  white-space: nowrap;
}

.wirepick-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.wirepick-stat,
.wirepick-panel,
.wirepick-feature,
.wirepick-board-card,
.wirepick-person {
  background: #fff;
  border: 1px solid #e6e9ee;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(20, 32, 48, 0.04);
}

.wirepick-board-card {
  padding: 18px 20px 16px;
}

.wirepick-stat {
  padding: 14px 16px 16px;
}

.wirepick-stat .stat-label,
.wirepick-stat .stat-hint {
  display: block;
  color: #7b8794;
  font-size: 12px;
}

.wirepick-stat strong {
  display: block;
  margin: 6px 0 4px;
  font-size: 22px;
  font-weight: 680;
  letter-spacing: -0.03em;
  color: #172033;
}

.wirepick-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.wirepick-panel {
  margin-bottom: 12px;
  padding: 16px;
}

.wirepick-feature {
  display: grid;
  grid-template-columns: 108px 1fr auto;
  gap: 16px;
  align-items: center;
  width: 100%;
  padding: 16px 18px;
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.wirepick-feature:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(20, 32, 48, 0.08);
}

.wirepick-feature .feature-mark {
  display: grid;
  place-items: center;
  height: 84px;
  border-radius: 12px;
  background: #f4f7fb;
  overflow: hidden;
}

.wirepick-feature.is-zra .feature-mark {
  background: #fffcf8;
}

.wirepick-feature img {
  width: 78px;
  height: 72px;
  object-fit: contain;
}

.wirepick-feature strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  color: #172033;
}

.feature-line,
.feature-go {
  color: #526072;
  font-size: 13px;
  line-height: 1.4;
}

.feature-go {
  font-weight: 650;
  color: #1d4f91;
}

.wirepick-panel h2,
.wirepick-board-people h2 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 650;
  color: #172033;
}

.wirepick-invoice {
  display: grid;
  grid-template-columns: 1.4fr 1.2fr auto auto;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  border: 0;
  border-top: 1px solid #eef1f4;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.inv-who {
  font-weight: 650;
  color: #172033;
}

.inv-meta,
.inv-amt {
  color: #526072;
  font-size: 13px;
}

.inv-pill {
  justify-self: end;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f4f7fb;
  color: #1d4f91;
  font-size: 12px;
}

.inv-pill[data-bucket="stop"] {
  background: #fdeeee;
  color: #9b2c2c;
}

.inv-pill[data-bucket="wait"] {
  background: #f8f1e4;
  color: #8a5a12;
}

.wirepick-recent.is-paged {
  min-height: 265px;
}

.wirepick-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px;
}

.wirepick-pager[hidden] {
  display: none;
}

.wirepick-pager span {
  color: #7b8794;
  font-size: 12px;
}

.wirepick-pager button {
  border: 1px solid #e4e7ec;
  background: #fff;
  color: #1c2430;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 12px;
}

.wirepick-pager button:disabled {
  color: #b0b7c3;
}

.wirepick-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: flex-start;
}

.wirepick-modules > .desktop-icon,
.wirepick-app {
  flex: 0 0 auto;
}

.wirepick-app {
  width: 88px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.wirepick-app .app-mark {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 6px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e6e9ee;
  overflow: hidden;
}

.wirepick-app img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.wirepick-app span:last-child {
  display: block;
  color: #172033;
  font-size: 12px;
  line-height: 1.2;
}

.wirepick-modules > .desktop-icon {
  width: 96px !important;
  height: auto !important;
  margin: 0 !important;
}

.wirepick-board {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px 148px;
}

.board-logo {
  width: 92px;
  height: 84px;
  object-fit: contain;
  border-radius: 14px;
  background: #f4f7fb;
  padding: 8px;
}

.board-logo.is-zra {
  background: #fffcf8;
}

.wirepick-board-people {
  margin-top: 8px;
}

.wirepick-person {
  margin-bottom: 10px;
  padding: 12px 14px;
}

.wirepick-person > button {
  border: 0;
  background: transparent;
  padding: 0;
  font-weight: 650;
  color: #172033;
  cursor: pointer;
}

.wirepick-person-score {
  margin-top: 8px;
}

.wirepick-trust-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  padding: 14px 16px;
  background: #f4f7fb;
  border-radius: 16px;
}

.wirepick-trust-strip p {
  margin: 0;
  color: #243044;
  font-size: 14px;
  line-height: 1.45;
}

.wirepick-trust-strip button {
  border: 0;
  border-radius: 999px;
  background: #1d4f91;
  color: #fff;
  padding: 8px 14px;
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
}

.wirepick-legend {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.wirepick-legend div {
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e6e9ee;
  border-radius: 12px;
}

.wirepick-legend strong,
.wirepick-live-row strong {
  display: block;
  color: #172033;
  font-size: 13px;
}

.wirepick-legend span,
.wirepick-live-hint,
.wirepick-live-row span {
  color: #7b8794;
  font-size: 12px;
}

.wirepick-live-note,
.wirepick-evidence-line,
.wirepick-live-line {
  margin: 0 0 12px;
  color: #243044;
  line-height: 1.45;
}

.wirepick-live-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 8px 0;
  border-top: 1px solid #eef1f4;
}

.wirepick-evidence {
  margin-bottom: 12px;
}

@media (max-width: 860px) {
  .wirepick-trust,
  .wirepick-trust-tab,
  .wirepick-stats,
  .wirepick-legend,
  .wirepick-features,
  .wirepick-split,
  .wirepick-invoice {
    grid-template-columns: 1fr;
  }

  .wirepick-trust-notes,
  .wirepick-trust-tab .wirepick-trust-notes {
    grid-column: 1;
    grid-row: auto;
  }
}