.wbn-welcome-wrap{padding:24px 0}.wbn-welcome-card,.wbn-creator-auth-card,.wbn-main-panel,.wbn-sidebar{background:#fff;border:1px solid #e6ebf2;border-radius:24px;box-shadow:0 18px 48px rgba(11,28,63,.08)}
.wbn-welcome-card{padding:32px;max-width:980px;margin:0 auto;background:linear-gradient(135deg,#f7fbff 0%,#fff 100%)}
.wbn-badge{display:inline-block;background:#eaf4ff;color:#0b74d1;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wbn-welcome-card h2,.wbn-creator-auth-card h2,.wbn-main-panel h3{margin:16px 0 10px;color:#0f172a}.wbn-cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.wbn-cta-btn,.wbn-btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 18px;border-radius:16px;text-decoration:none;font-weight:700;border:none;cursor:pointer}.wbn-primary{background:#0b74d1;color:#fff}.wbn-secondary{background:#111827;color:#fff}.wbn-dark{background:#f3f6fb;color:#0f172a}
.wbn-creator-auth{padding:24px 0}.wbn-creator-auth-card{max-width:560px;margin:0 auto;padding:28px}.wbn-form-stack{display:grid;gap:12px}.wbn-form-stack input,.wbn-form-stack select,.wbn-form-stack textarea{width:100%;padding:13px 14px;border:1px solid #d7dfeb;border-radius:14px;background:#fff}.wbn-check{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.wbn-alert{padding:14px 16px;border-radius:14px;margin:0 0 18px}.wbn-alert.success{background:#ecfdf3;color:#166534}.wbn-alert.error{background:#fef2f2;color:#b91c1c}.wbn-alert.warning{background:#fffbeb;color:#92400e}
.wbn-dashboard-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:16px 0}.wbn-sidebar{padding:20px;position:sticky;top:90px;height:fit-content}.wbn-side-brand{font-size:20px;font-weight:800;margin-bottom:18px}.wbn-sidebar ul{list-style:none;padding:0;margin:0 0 18px}.wbn-sidebar li{margin-bottom:8px}.wbn-sidebar li a{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;color:#0f172a;background:#f8fafc}.wbn-sidebar li.active a{background:#0b74d1;color:#fff}.wbn-sidebar li.locked a{opacity:.55}.wbn-wallet-box{background:#f8fafc;padding:14px;border-radius:16px}.wbn-wallet-box span{display:block;color:#64748b;font-size:12px;text-transform:uppercase}.wbn-wallet-box strong{font-size:24px}.wbn-main-panel{padding:24px}.wbn-table-wrap{overflow:auto}.wbn-table{width:100%;border-collapse:collapse}.wbn-table th,.wbn-table td{padding:12px;border-bottom:1px solid #edf2f7;text-align:left}.wbn-status{display:inline-block;padding:6px 10px;background:#eef6ff;border-radius:999px;color:#0b74d1;font-size:12px;font-weight:700}
.wbn-chat-box{display:grid;gap:12px;max-height:420px;overflow:auto;padding:4px 2px 14px}.wbn-chat-msg{padding:14px;border-radius:18px;max-width:80%}.wbn-chat-msg.creator{background:#eef6ff;margin-left:auto}.wbn-chat-msg.admin{background:#f8fafc}.wbn-chat-msg p{margin:8px 0}.wbn-chat-msg span{font-size:12px;color:#64748b}
@media (max-width: 900px){.wbn-cta-grid{grid-template-columns:1fr}.wbn-dashboard-wrap{grid-template-columns:1fr}.wbn-sidebar{position:static}}
.wbn-toast-wrap{position:fixed;top:100px;right:24px;z-index:99999;max-width:420px;width:calc(100% - 48px);animation:wbnToastIn .25s ease-out}
.wbn-toast-wrap .wbn-alert{margin:0;box-shadow:0 18px 48px rgba(11,28,63,.16);border:1px solid rgba(15,23,42,.08)}
@keyframes wbnToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media (max-width: 700px){.wbn-toast-wrap{top:84px;left:16px;right:16px;width:auto;max-width:none}}


/* WBN Creator Suite wide responsive dashboard patch v0.2.1
   Matches the v0.3.6 Operations Secure wide layout behaviour. */
.wbn-dashboard-wrap {
  width: min(calc(100vw - 64px), 2060px) !important;
  max-width: none !important;
  margin-top: 28px !important;
  margin-bottom: 52px !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 390px) minmax(0, 1fr) !important;
  gap: clamp(22px, 1.8vw, 34px) !important;
  align-items: start !important;
  padding: 0 !important;
  color: #0f172a;
}
.wbn-dashboard-wrap,
.wbn-dashboard-wrap * {
  box-sizing: border-box;
}
.wbn-dashboard-wrap .entry-title,
.wbn-dashboard-wrap .entry-header {
  display: none !important;
}
.wbn-sidebar {
  width: 100% !important;
  min-width: 0 !important;
  padding: clamp(20px, 1.45vw, 28px) !important;
  position: sticky !important;
  top: 96px !important;
  max-height: calc(100vh - 116px) !important;
  overflow: auto !important;
  align-self: start !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 62px rgba(7,32,51,.18) !important;
}
.wbn-sidebar::-webkit-scrollbar,
.wbn-table-wrap::-webkit-scrollbar,
.wbn-chat-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.wbn-sidebar::-webkit-scrollbar-thumb,
.wbn-table-wrap::-webkit-scrollbar-thumb,
.wbn-chat-box::-webkit-scrollbar-thumb {
  background: rgba(0,114,184,.28);
  border-radius: 999px;
}
.wbn-sidebar ul {
  display: grid !important;
  gap: 9px !important;
  margin: 18px 0 !important;
}
.wbn-sidebar li {
  margin: 0 !important;
}
.wbn-sidebar li a {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}
.wbn-main-panel {
  min-width: 0 !important;
  width: 100% !important;
  padding: clamp(24px, 1.8vw, 36px) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}
.wbn-main-panel > h3:first-child {
  margin-top: 0 !important;
}
.wbn-main-panel h3 {
  font-size: clamp(26px, 2vw, 38px) !important;
  line-height: 1.1 !important;
}
.wbn-section-intro {
  max-width: 1100px;
}
.wbn-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 18px !important;
}
.wbn-table {
  width: 100% !important;
  min-width: 1040px !important;
  table-layout: auto !important;
}
.wbn-table th,
.wbn-table td {
  vertical-align: top !important;
  line-height: 1.35 !important;
}
.wbn-filter-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin: 0 0 18px !important;
}
.wbn-filter-row input,
.wbn-filter-row select,
.wbn-filter-row button {
  width: 100% !important;
}
.wbn-form-stack {
  width: 100% !important;
  max-width: 980px !important;
}
.wbn-form-stack input,
.wbn-form-stack select,
.wbn-form-stack textarea {
  min-width: 0 !important;
}
.wbn-form-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.wbn-inline-pair {
  display: grid !important;
  grid-template-columns: minmax(160px, 260px) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}
.wbn-inline-pair > * {
  width: 100% !important;
}
.wbn-wallet-box {
  margin-top: 18px !important;
}
.wbn-profile-summary__email {
  overflow-wrap: anywhere !important;
}
.wbn-co-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.wbn-vault-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}
.wbn-vault-card {
  min-width: 0 !important;
}
.wbn-chat-box {
  max-height: min(560px, calc(100vh - 280px)) !important;
}
@media (min-width: 1700px) {
  .wbn-dashboard-wrap {
    width: min(calc(100vw - 96px), 2260px) !important;
    grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important;
  }
  .wbn-main-panel {
    padding: 40px !important;
  }
  .wbn-table {
    min-width: 1180px !important;
  }
  .wbn-vault-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  }
}
@media (max-width: 1240px) {
  .wbn-dashboard-wrap {
    width: min(calc(100vw - 40px), 100%) !important;
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  .wbn-sidebar {
    padding: 18px !important;
  }
  .wbn-filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1024px) {
  .wbn-dashboard-wrap {
    width: min(calc(100vw - 28px), 100%) !important;
    margin: 18px auto 36px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .wbn-sidebar {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 24px !important;
  }
  .wbn-profile-summary {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;
    text-align: left !important;
    padding-bottom: 12px !important;
  }
  .wbn-profile-summary__photo-wrap {
    grid-row: span 2 !important;
  }
  .wbn-sidebar ul {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 0 8px !important;
    margin: 14px 0 !important;
    scroll-snap-type: x proximity !important;
  }
  .wbn-sidebar li {
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }
  .wbn-sidebar li a {
    white-space: nowrap !important;
    min-height: 44px !important;
    padding: 12px 15px !important;
  }
  .wbn-wallet-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 16px !important;
    align-items: center !important;
  }
  .wbn-wallet-box span,
  .wbn-wallet-box strong {
    grid-column: 1 !important;
  }
  .wbn-wallet-box small {
    grid-column: 2 !important;
  }
  .wbn-main-panel {
    border-radius: 24px !important;
  }
}
@media (max-width: 760px) {
  .wbn-dashboard-wrap {
    width: calc(100vw - 18px) !important;
    margin-top: 12px !important;
  }
  .wbn-main-panel,
  .wbn-sidebar {
    padding: 16px !important;
    border-radius: 20px !important;
  }
  .wbn-main-panel h3 {
    font-size: 24px !important;
  }
  .wbn-filter-row,
  .wbn-form-row,
  .wbn-inline-pair,
  .wbn-co-grid {
    grid-template-columns: 1fr !important;
  }
  .wbn-form-stack {
    max-width: none !important;
  }
  .wbn-kyc-guide {
    grid-template-columns: 1fr !important;
  }
  .wbn-wallet-box {
    grid-template-columns: 1fr !important;
  }
  .wbn-wallet-box span,
  .wbn-wallet-box strong,
  .wbn-wallet-box small {
    grid-column: auto !important;
  }
  .wbn-table {
    min-width: 760px !important;
  }
  .wbn-vault-grid {
    grid-template-columns: 1fr !important;
  }
  .wbn-profile-photo-editor {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}
@media (max-width: 480px) {
  .wbn-dashboard-wrap {
    width: calc(100vw - 12px) !important;
  }
  .wbn-sidebar ul {
    gap: 8px !important;
  }
  .wbn-sidebar li a {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
  .wbn-main-panel,
  .wbn-sidebar {
    padding: 14px !important;
  }
  .wbn-table {
    min-width: 680px !important;
  }
}


/* WBN Creator Suite modal/submit behaviour patch v0.2.2 */
.wbn-ui-modal.is-open,
.wbn-notice-modal.is-open{display:flex!important}
.wbn-working-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(6,20,35,.62)}
.wbn-working-modal[hidden]{display:none!important}
.wbn-working-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:26px 24px;text-align:center;box-shadow:0 30px 75px rgba(0,0,0,.28);border:1px solid rgba(0,114,184,.12)}
.wbn-working-spinner{width:48px;height:48px;border-radius:50%;border:5px solid #e7f3fb;border-top-color:#0072B8;margin:0 auto 16px;animation:wbnSpin .85s linear infinite}
.wbn-working-card strong{display:block;color:#09233c;font-size:18px;margin-bottom:6px}.wbn-working-card span{display:block;color:#567086;font-size:14px;line-height:1.5}
@keyframes wbnSpin{to{transform:rotate(360deg)}}