@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--wbn-blue:#0072B8;--wbn-orange:#FF4500;--wbn-ink:#0f172a;--wbn-muted:#64748b;--wbn-line:#e6ebf2;--wbn-bg:#f6f8fb;--wbn-card:#fff;--wbn-good:#16a34a;--wbn-warn:#d97706;--wbn-bad:#dc2626}
.wbn-ops-wrap,.wbn-ops-wrap *,.wbn-ops-login,.wbn-ops-login *{box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wbn-ops-wrap{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;padding:26px 0;color:var(--wbn-ink)}
.wbn-ops-sidebar{background:linear-gradient(180deg,#083a5b 0%,#061e30 100%);border-radius:26px;padding:20px;position:sticky;top:92px;height:fit-content;box-shadow:0 20px 48px rgba(7,32,51,.20)}
.wbn-ops-brand{display:flex;gap:12px;align-items:center;color:#fff;margin-bottom:20px}.wbn-ops-brand .dashicons{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--wbn-blue),var(--wbn-orange));font-size:24px}.wbn-ops-brand strong{display:block;font-size:18px;line-height:1.2}.wbn-ops-brand small{display:block;color:rgba(255,255,255,.70);font-size:12px;margin-top:2px}
.wbn-ops-nav{display:grid;gap:8px}.wbn-ops-nav a{display:flex;gap:10px;align-items:center;padding:12px 13px;border-radius:15px;color:rgba(255,255,255,.88);text-decoration:none;font-weight:600}.wbn-ops-nav a:hover,.wbn-ops-nav a.active{background:#fff;color:#083a5b}.wbn-ops-nav .dashicons{font-size:19px;width:20px;height:20px}
.wbn-ops-userbox{margin-top:20px;padding:15px;border-radius:18px;background:rgba(255,255,255,.10);color:#fff}.wbn-ops-userbox span{display:block;color:rgba(255,255,255,.64);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.wbn-ops-userbox strong{display:block;margin:2px 0 8px}.wbn-ops-userbox a{color:#fff;text-decoration:underline}
.wbn-ops-main{display:grid;gap:18px;min-width:0}.wbn-ops-card{background:var(--wbn-card);border:1px solid var(--wbn-line);border-radius:26px;padding:24px;box-shadow:0 18px 44px rgba(11,28,63,.08)}.wbn-ops-card h1{font-size:30px;margin:0 0 8px;font-weight:800;color:var(--wbn-ink)}.wbn-ops-card h2{font-size:21px;margin:24px 0 10px;font-weight:800;color:var(--wbn-ink)}.wbn-ops-muted{color:var(--wbn-muted);margin:0 0 16px;line-height:1.65}.wbn-ops-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wbn-ops-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}.wbn-ops-stat{padding:17px;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff4ef);border:1px solid #edf2f7}.wbn-ops-stat span{display:block;color:var(--wbn-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.wbn-ops-stat strong{display:block;font-size:28px;margin-top:7px;color:var(--wbn-blue)}
.wbn-ops-table-wrap{overflow:auto;border:1px solid var(--wbn-line);border-radius:18px}.wbn-ops-table{width:100%;border-collapse:collapse;background:#fff}.wbn-ops-table th,.wbn-ops-table td{padding:13px 14px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}.wbn-ops-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f8fafc}.wbn-ops-table tr:last-child td{border-bottom:0}.wbn-ops-table small{display:block;color:var(--wbn-muted);margin-top:4px}.wbn-ops-table code,.wbn-ops-card code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:1px 6px;color:#334155}
.wbn-ops-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:11px 17px;background:#eef4fb;color:var(--wbn-ink);text-decoration:none!important;font-weight:800;cursor:pointer;line-height:1.2}.wbn-ops-btn:hover{filter:saturate(1.08);transform:translateY(-1px)}.wbn-ops-btn.primary{background:linear-gradient(135deg,var(--wbn-blue),#005a8f);color:#fff}.wbn-ops-btn.small{padding:8px 12px;font-size:12px}.wbn-ops-filter{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;gap:10px;margin:18px 0}.wbn-ops-filter select,.wbn-ops-filter input{min-width:0}
.wbn-ops-form{display:grid;gap:14px;margin-top:18px}.wbn-ops-form.compact{padding:16px;border:1px solid var(--wbn-line);border-radius:18px;background:#fbfdff;margin-bottom:14px}.wbn-ops-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wbn-ops-form label{display:grid;gap:7px;font-weight:700;color:#334155}.wbn-ops-form input,.wbn-ops-form select,.wbn-ops-form textarea,.wbn-ops-filter input,.wbn-ops-filter select,.wbn-ops-inline-mini input,.wbn-ops-inline-mini select,.wbn-ops-inline-mini textarea{width:100%;border:1px solid #d7dfeb;border-radius:14px;background:#fff;padding:12px 13px;color:var(--wbn-ink);outline:none}.wbn-ops-inline-mini{display:grid;gap:8px;min-width:220px}.wbn-ops-inline-mini textarea{min-height:64px}
.wbn-ops-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#eef2ff;color:#3730a3}.wbn-ops-status.verified,.wbn-ops-status.approved_sfw,.wbn-ops-status.completed,.wbn-ops-status.accepted,.wbn-ops-status.paid,.wbn-ops-status.ready{background:#ecfdf3;color:#166534}.wbn-ops-status.pending,.wbn-ops-status.pending_review,.wbn-ops-status.under_review,.wbn-ops-status.in_review,.wbn-ops-status.not_submitted,.wbn-ops-status.submitted,.wbn-ops-status.not_ready{background:#fff7ed;color:#9a3412}.wbn-ops-status.rejected,.wbn-ops-status.canceled,.wbn-ops-status.escalated,.wbn-ops-status.blocked,.wbn-ops-status.failed{background:#fef2f2;color:#991b1b}.wbn-ops-status.needs_changes,.wbn-ops-status.offer_made,.wbn-ops-status.revised_offer_made,.wbn-ops-status.processing{background:#fffbeb;color:#92400e}
.wbn-ops-alert{padding:14px 16px;border-radius:16px;font-weight:700}.wbn-ops-alert.success{background:#ecfdf3;color:#166534}.wbn-ops-alert.error{background:#fef2f2;color:#b91c1c}.wbn-ops-alert.warning{background:#fffbeb;color:#92400e}.wbn-ops-detail{padding:16px;border-radius:18px;background:#f8fafc;margin:14px 0;line-height:1.7;overflow:auto}.wbn-ops-detail h2{margin-top:0}
.wbn-ops-login{padding:40px 16px;background:linear-gradient(135deg,#eef8ff,#fff3ed);border-radius:28px}.wbn-ops-login-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--wbn-line);border-radius:28px;padding:30px;box-shadow:0 18px 44px rgba(11,28,63,.10);text-align:center}.wbn-ops-logo{width:68px;height:68px;margin:0 auto 15px;border-radius:20px;background:linear-gradient(135deg,var(--wbn-blue),var(--wbn-orange));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}.wbn-ops-login-card h2{margin:0 0 8px;font-size:32px}.wbn-ops-login-card p{color:var(--wbn-muted)}.wbn-ops-login-card form{text-align:left;display:grid;gap:12px}.wbn-ops-login-card label{font-weight:700;color:#334155}.wbn-ops-login-card input[type=text],.wbn-ops-login-card input[type=password]{width:100%;border:1px solid #d7dfeb;border-radius:14px;padding:12px 13px}.wbn-ops-login-card input[type=submit]{width:100%;border:none;border-radius:999px;padding:13px 16px;background:linear-gradient(135deg,var(--wbn-blue),#005a8f);color:#fff;font-weight:800;cursor:pointer}.wbn-ops-login-card .login-remember{display:flex;gap:8px;align-items:center}.wbn-ops-login-card .login-remember input{width:auto}
.wbn-ops-tabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.wbn-ops-tabs a{padding:10px 14px;border-radius:999px;background:#eef4fb;text-decoration:none!important;color:var(--wbn-ink);font-weight:800}.wbn-ops-tabs a.active{background:linear-gradient(135deg,var(--wbn-blue),#005a8f);color:#fff}.wbn-ops-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.wbn-ops-detail-grid>div{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e8eef5}.wbn-ops-detail-grid span{display:block;color:var(--wbn-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.wbn-ops-detail-grid strong{display:block;margin-top:5px;word-break:break-word}.wbn-ops-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px;padding:14px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;color:#9a3412!important}.wbn-ops-check input{width:auto!important;margin-top:3px}
.wbn-ops-file-grid,.wbn-ops-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.wbn-ops-file-list.compact{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-width:540px}.wbn-ops-file-card{border:1px solid var(--wbn-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(11,28,63,.05)}.wbn-ops-file-card.large{min-width:0}.wbn-ops-file-preview{min-height:150px;background:#0b1d2c;display:flex;align-items:center;justify-content:center;overflow:hidden}.wbn-ops-file-card.large .wbn-ops-file-preview{min-height:260px}.wbn-ops-file-preview img,.wbn-ops-file-preview video{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;background:#0b1d2c}.wbn-ops-file-preview iframe{width:100%;height:260px;border:0;background:#fff}.wbn-ops-file-preview .dashicons{font-size:44px;width:44px;height:44px;color:#fff}.wbn-ops-file-body{padding:13px}.wbn-ops-file-body strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbn-ops-file-body small{display:block;color:var(--wbn-muted);margin:6px 0 10px;word-break:break-word}.wbn-ops-file-list.compact .wbn-ops-file-preview{min-height:95px}.wbn-ops-file-list.compact .wbn-ops-file-preview iframe{height:120px}.wbn-ops-file-list.compact .wbn-ops-file-body{padding:10px}.wbn-ops-file-list.compact .wbn-ops-btn{padding:6px 9px;font-size:11px}
.wbn-ops-chat-card{border:1px solid var(--wbn-line);border-radius:18px;padding:18px;margin:0 0 18px;background:#fff}.wbn-ops-chat-box{max-height:300px;overflow:auto;border:1px solid #edf2f7;background:#f8fafc;border-radius:16px;padding:12px}.wbn-ops-chat-msg{padding:10px 12px;background:#fff;border-radius:14px;margin:0 0 10px;border:1px solid #e8eef5}.wbn-ops-chat-msg.admin{background:#eef6fb}.wbn-ops-chat-msg p{margin:6px 0}.wbn-ops-chat-msg small{color:var(--wbn-muted)}
@media(max-width:1100px){.wbn-ops-wrap{grid-template-columns:1fr}.wbn-ops-sidebar{position:relative;top:auto}.wbn-ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wbn-ops-filter{grid-template-columns:1fr 1fr}.wbn-ops-grid.two,.wbn-ops-detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wbn-ops-card{padding:18px;border-radius:20px}.wbn-ops-card h1{font-size:24px}.wbn-ops-stats,.wbn-ops-filter,.wbn-ops-file-grid,.wbn-ops-media-grid{grid-template-columns:1fr}.wbn-ops-head{align-items:flex-start;flex-direction:column}.wbn-ops-wrap{padding:14px 0}.wbn-ops-sidebar{border-radius:20px}.wbn-ops-login-card{padding:22px;border-radius:22px}}
.wbn-ops-pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:14px 0;flex-wrap:wrap}.wbn-ops-pagination span{font-weight:800;color:var(--wbn-muted);font-size:13px}

/* v3.3 reliable inline SVG icons and operations modals */
.wbn-ops-brand-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--wbn-blue),var(--wbn-orange));box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.wbn-ops-brand-icon svg{width:27px;height:27px;fill:#fff;display:block}
.wbn-ops-nav-icon{width:22px;height:22px;min-width:22px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.95}
.wbn-ops-nav-icon svg{width:21px;height:21px;display:block;fill:currentColor}
.wbn-ops-nav a.active .wbn-ops-nav-icon,.wbn-ops-nav a:hover .wbn-ops-nav-icon{color:#083a5b;opacity:1}
.wbn-ops-modal[hidden]{display:none!important}
.wbn-ops-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px}
.wbn-ops-modal-backdrop{position:absolute;inset:0;background:rgba(3,18,31,.58);backdrop-filter:blur(3px)}
.wbn-ops-modal-dialog{position:relative;z-index:1;width:min(460px,100%);background:#fff;border:1px solid var(--wbn-line);border-radius:26px;padding:28px;box-shadow:0 28px 80px rgba(2,18,32,.35);text-align:center;color:var(--wbn-ink)}
.wbn-ops-modal-dialog.compact{width:min(380px,100%)}
.wbn-ops-modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;border-radius:999px;background:#eef4fb;color:var(--wbn-ink);font-size:23px;line-height:1;cursor:pointer}
.wbn-ops-modal-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;background:#ecfdf3;color:#166534}
.wbn-ops-modal-icon.error{background:#fef2f2;color:#b91c1c}.wbn-ops-modal-icon.warning{background:#fffbeb;color:#92400e}
.wbn-ops-modal-dialog h3{margin:0 0 8px;font-size:24px;font-weight:800;color:var(--wbn-ink)}
.wbn-ops-modal-dialog p{margin:0 0 18px;color:var(--wbn-muted);line-height:1.6}
.wbn-ops-spinner{width:54px;height:54px;border-radius:999px;border:5px solid #eaf2fb;border-top-color:var(--wbn-blue);margin:0 auto 16px;animation:wbnOpsSpin .75s linear infinite}
@keyframes wbnOpsSpin{to{transform:rotate(360deg)}}

/* v3.4 KYC media uploads and voice-note preview */
.wbn-ops-kyc-upload{border:1px dashed #cbd8e6;border-radius:16px;padding:10px;background:#fbfdff}
.wbn-ops-kyc-upload.compact{min-width:240px}
.wbn-ops-kyc-upload small.wbn-ops-muted{font-size:11px;line-height:1.35}
.wbn-ops-audio-preview{width:100%;padding:18px;display:grid;gap:12px;align-items:center;justify-items:center;color:#fff}
.wbn-ops-audio-preview audio{width:100%;max-width:260px}

/* v3.5 responsive operations shell polish
   - Centers the operations app independent of theme content width
   - Gives the left rail a stable full-height app-panel feel
   - Stops wide tables/forms from pushing the layout wider than the viewport
   - Improves tablet/mobile stacking and horizontal nav behavior
*/
.wbn-ops-wrap{
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:min(1440px,calc(100vw - 48px));
  max-width:none;
  grid-template-columns:minmax(240px,280px) minmax(0,1fr);
  gap:clamp(16px,2vw,28px);
  align-items:start;
  padding:clamp(18px,2.2vw,30px) 0 44px;
}
.wbn-ops-sidebar{
  width:100%;
  min-width:0;
  min-height:calc(100dvh - 132px);
  max-height:calc(100dvh - 112px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.wbn-ops-nav{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding-right:2px;
  scrollbar-width:thin;
}
.wbn-ops-nav a{
  min-height:44px;
  white-space:nowrap;
}
.wbn-ops-userbox{
  flex:0 0 auto;
  margin-top:16px;
}
.wbn-ops-main,
.wbn-ops-card,
.wbn-ops-table-wrap{
  min-width:0;
  max-width:100%;
}
.wbn-ops-main{
  width:100%;
}
.wbn-ops-card{
  overflow:hidden;
}
.wbn-ops-head{
  flex-wrap:wrap;
}
.wbn-ops-filter{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  align-items:stretch;
}
.wbn-ops-filter .wbn-ops-btn,
.wbn-ops-filter button{
  min-width:140px;
  width:100%;
}
.wbn-ops-table-wrap{
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}
.wbn-ops-table{
  min-width:980px;
}
.wbn-ops-table th,
.wbn-ops-table td{
  overflow-wrap:anywhere;
}
.wbn-ops-table td:first-child,
.wbn-ops-table th:first-child{
  min-width:150px;
}
.wbn-ops-file-list.compact{
  max-width:none;
  grid-template-columns:repeat(auto-fill,minmax(138px,1fr));
}
.wbn-ops-kyc-upload.compact,
.wbn-ops-inline-mini{
  min-width:0;
  width:100%;
  max-width:280px;
}
.wbn-ops-table td .wbn-ops-inline-mini{
  margin-inline:auto;
}
.wbn-ops-inline-mini input[type="file"]{
  font-size:12px;
  padding:10px;
}
.wbn-ops-pagination{
  width:100%;
}

@media (max-width:1280px){
  .wbn-ops-wrap{
    width:min(100%,calc(100vw - 32px));
    grid-template-columns:minmax(210px,250px) minmax(0,1fr);
    gap:16px;
  }
  .wbn-ops-sidebar{
    padding:16px;
    border-radius:22px;
  }
  .wbn-ops-nav a{
    padding:11px 10px;
    font-size:13px;
  }
  .wbn-ops-card{
    padding:20px;
  }
  .wbn-ops-table{
    min-width:1040px;
  }
}

@media (max-width:1100px){
  .wbn-ops-wrap{
    left:auto;
    transform:none;
    width:100%;
    grid-template-columns:1fr;
    padding-inline:0;
  }
  .wbn-ops-sidebar{
    position:relative;
    top:auto;
    min-height:0;
    max-height:none;
  }
  .wbn-ops-brand{
    margin-bottom:14px;
  }
  .wbn-ops-nav{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 4px;
    scroll-snap-type:x proximity;
  }
  .wbn-ops-nav a{
    flex:0 0 auto;
    scroll-snap-align:start;
  }
  .wbn-ops-userbox{
    margin-top:12px;
  }
}

@media (max-width:720px){
  .wbn-ops-wrap{
    width:calc(100vw - 20px);
    margin-inline:auto;
    padding:12px 0 30px;
  }
  .wbn-ops-sidebar{
    padding:14px;
    border-radius:20px;
  }
  .wbn-ops-brand-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:14px;
  }
  .wbn-ops-brand strong{
    font-size:16px;
  }
  .wbn-ops-card{
    padding:16px;
    border-radius:20px;
  }
  .wbn-ops-card h1{
    font-size:24px;
  }
  .wbn-ops-filter,
  .wbn-ops-stats,
  .wbn-ops-grid.two,
  .wbn-ops-detail-grid,
  .wbn-ops-file-grid,
  .wbn-ops-media-grid{
    grid-template-columns:1fr;
  }
  .wbn-ops-table{
    min-width:900px;
  }
  .wbn-ops-table th,
  .wbn-ops-table td{
    padding:10px;
  }
  .wbn-ops-pagination{
    justify-content:center;
  }
}


/* v3.6 wide desktop layout polish
   The earlier responsive patch capped the operations canvas at 1440px. On large
   monitors that made the table columns wrap even when the browser had plenty of
   unused space. This section lets the panel breathe on wider screens, gives the
   sidebar a proper app-rail width, and assigns stable widths to the KYC table.
*/
@media (min-width:1281px){
  .wbn-ops-wrap{
    width:min(96vw,2400px) !important;
    grid-template-columns:clamp(300px,15vw,360px) minmax(0,1fr) !important;
    gap:clamp(24px,2vw,40px) !important;
  }
  .wbn-ops-sidebar{
    padding:24px;
    border-radius:28px;
  }
  .wbn-ops-brand strong{font-size:19px;}
  .wbn-ops-nav a{
    min-height:48px;
    padding:14px 16px;
    font-size:14px;
  }
  .wbn-ops-card{
    padding:28px 32px;
  }
  .wbn-ops-card h1{font-size:34px;}
  .wbn-ops-filter{
    grid-template-columns:minmax(260px,1.25fr) minmax(200px,.85fr) minmax(180px,.7fr);
  }
  .wbn-ops-table{
    font-size:14px;
  }
  .wbn-ops-table.kyc-table{
    min-width:1280px;
  }
}

@media (min-width:1700px){
  .wbn-ops-wrap{
    width:min(94vw,2800px) !important;
    grid-template-columns:360px minmax(0,1fr) !important;
    gap:36px !important;
  }
  .wbn-ops-table-wrap.kyc-wide{
    overflow-x:visible;
  }
  .wbn-ops-table.kyc-table{
    min-width:0;
    width:100%;
    table-layout:fixed;
  }
  .wbn-ops-table.kyc-table th,
  .wbn-ops-table.kyc-table td{
    overflow-wrap:normal;
    word-break:normal;
  }
  .wbn-ops-table.kyc-table th:nth-child(1),
  .wbn-ops-table.kyc-table td:nth-child(1){width:200px;}
  .wbn-ops-table.kyc-table th:nth-child(2),
  .wbn-ops-table.kyc-table td:nth-child(2){width:135px;}
  .wbn-ops-table.kyc-table th:nth-child(4),
  .wbn-ops-table.kyc-table td:nth-child(4){width:280px;}
  .wbn-ops-table.kyc-table th:nth-child(5),
  .wbn-ops-table.kyc-table td:nth-child(5){width:245px;}
  .wbn-ops-table.kyc-table td:nth-child(3){min-width:0;}
  .wbn-ops-table.kyc-table td:first-child small{
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .wbn-ops-table.kyc-table .wbn-ops-file-list.compact{
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  }
  .wbn-ops-table.kyc-table .wbn-ops-kyc-upload.compact,
  .wbn-ops-table.kyc-table .wbn-ops-inline-mini{
    max-width:none;
  }
}

@media (min-width:2100px){
  .wbn-ops-wrap{
    width:min(92vw,3200px) !important;
    grid-template-columns:380px minmax(0,1fr) !important;
    gap:42px !important;
  }
  .wbn-ops-sidebar{padding:26px;}
  .wbn-ops-nav a{font-size:15px;}
  .wbn-ops-card{padding:32px 38px;}
  .wbn-ops-table.kyc-table th:nth-child(1),
  .wbn-ops-table.kyc-table td:nth-child(1){width:240px;}
  .wbn-ops-table.kyc-table th:nth-child(2),
  .wbn-ops-table.kyc-table td:nth-child(2){width:155px;}
  .wbn-ops-table.kyc-table th:nth-child(4),
  .wbn-ops-table.kyc-table td:nth-child(4){width:330px;}
  .wbn-ops-table.kyc-table th:nth-child(5),
  .wbn-ops-table.kyc-table td:nth-child(5){width:285px;}
}

/* v0.3.8 Operations login hardening */
.wbn-ops-login-alert{
  margin:18px 0 6px;
  padding:14px 16px;
  border-radius:16px;
  background:#eef6ff;
  color:#0b3554;
  border:1px solid rgba(0,114,184,.18);
  text-align:left;
}
.wbn-ops-login-alert strong{display:block;margin-bottom:4px;font-weight:800;}
.wbn-ops-login-alert span{display:block;color:#355a78;font-size:13px;line-height:1.5;}
.wbn-ops-login-alert.error{background:#fff1f0;border-color:rgba(255,69,0,.24);color:#9a3412;}
.wbn-ops-login-alert.error span{color:#7c2d12;}
.wbn-ops-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}


/* WBN Operations Premium Messenger v0.4.1 */
.wbn-ops-chat-app{padding:0!important;overflow:hidden}.wbn-ops-chat-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:24px 26px;border-bottom:1px solid #e6eff7;background:linear-gradient(180deg,#f8fbfe,#fff)}.wbn-ops-chat-top h1{margin:0 0 6px!important}.wbn-ops-live-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#ecfff5;color:#047857;font-weight:800;font-size:12px;white-space:nowrap}.wbn-ops-live-pill i{width:8px;height:8px;background:#16a34a;border-radius:999px;box-shadow:0 0 0 6px rgba(22,163,74,.12)}.wbn-ops-messenger-grid{display:grid;grid-template-columns:minmax(310px,380px) minmax(0,1fr);min-height:720px}.wbn-ops-chat-contacts{border-right:1px solid #e6eff7;background:#f8fbfe;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.wbn-ops-chat-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px;border-bottom:1px solid #e6eff7}.wbn-ops-chat-search input{border:1px solid #d8e8f4;border-radius:16px;padding:12px 13px;background:#fff;outline:none}.wbn-ops-chat-search input:focus{border-color:#0072B8;box-shadow:0 0 0 4px rgba(0,114,184,.1)}.wbn-ops-chat-search button{border:none;background:#09233c;color:#fff;border-radius:16px;padding:0 14px;font-weight:800}.wbn-ops-chat-contact-list{overflow-y:auto;padding:12px;display:grid;align-content:start;gap:10px}.wbn-ops-chat-contact{position:relative;width:100%;border:1px solid #dcebf6;background:#fff;border-radius:22px;padding:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(5,44,78,.06)}.wbn-ops-chat-contact.is-active{background:linear-gradient(135deg,#0072B8,#075487);border-color:#0072B8;color:#fff}.wbn-ops-chat-avatar{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF4500,#e63d00);color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(255,69,0,.18)}.wbn-ops-chat-contact-copy{min-width:0;display:flex;flex-direction:column}.wbn-ops-chat-contact-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbn-ops-chat-contact-copy small{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbn-ops-chat-contact.is-active small,.wbn-ops-chat-contact.is-active .wbn-ops-chat-time{color:rgba(255,255,255,.78)}.wbn-ops-chat-time{font-size:11px;color:#94a3b8;align-self:start;white-space:nowrap}.wbn-ops-chat-unread{position:absolute;right:12px;bottom:11px;min-width:21px;height:21px;border-radius:999px;background:#FF4500;color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.wbn-ops-chat-thread-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:#fff}.wbn-ops-chat-thread-head{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid #e6eff7;background:#fff}.wbn-ops-chat-thread-head h2{margin:0!important;font-size:22px!important;color:#09233c}.wbn-ops-chat-thread-head p{margin:2px 0 0;color:#64748b}.wbn-ops-chat-thread{overflow-y:auto;padding:22px;background:linear-gradient(180deg,#f7fbff,#fff)}.wbn-ops-chat-empty{text-align:center;color:#64748b;padding:26px}.wbn-ops-chat-row{display:flex;margin:10px 0}.wbn-ops-chat-row.mine{justify-content:flex-end}.wbn-ops-chat-bubble{max-width:min(78%,820px);padding:13px 15px;border-radius:20px;background:#fff;border:1px solid #e3edf6;box-shadow:0 10px 22px rgba(7,42,69,.06);color:#09233c}.wbn-ops-chat-row.mine .wbn-ops-chat-bubble{background:linear-gradient(135deg,#0072B8,#075487);color:#fff;border-color:#0072B8}.wbn-ops-chat-bubble strong{display:block;font-size:12px;opacity:.8;margin-bottom:4px}.wbn-ops-chat-bubble p{margin:0;white-space:pre-wrap;line-height:1.45}.wbn-ops-chat-bubble small{display:block;margin-top:6px;font-size:11px;opacity:.68}.wbn-ops-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px;border-top:1px solid #e6eff7;background:#fff}.wbn-ops-chat-composer textarea{min-height:50px;max-height:140px;resize:vertical;border:1px solid #d7e7f4;border-radius:18px;padding:13px 14px;outline:none}.wbn-ops-chat-composer textarea:focus{border-color:#0072B8;box-shadow:0 0 0 4px rgba(0,114,184,.1)}@media(max-width:980px){.wbn-ops-chat-top{flex-direction:column}.wbn-ops-messenger-grid{grid-template-columns:1fr;min-height:0}.wbn-ops-chat-contacts{border-right:none;border-bottom:1px solid #e6eff7;max-height:360px}.wbn-ops-chat-thread{min-height:430px}.wbn-ops-chat-composer{grid-template-columns:1fr}.wbn-ops-chat-composer .wbn-ops-btn{width:100%}}@media(min-width:1680px){.wbn-ops-messenger-grid{grid-template-columns:minmax(380px,460px) minmax(0,1fr)}.wbn-ops-chat-thread{padding:30px}.wbn-ops-chat-bubble{max-width:min(72%,980px)}}


/* WBN Operations Chat Enhancements v0.4.2 */
.wbn-ops-chat-contact-list{max-height:calc(100vh - 360px);overflow:auto;padding-right:6px}.wbn-ops-chat-contact-list::-webkit-scrollbar{width:9px}.wbn-ops-chat-contact-list::-webkit-scrollbar-thumb{background:#b8d5e8;border-radius:999px}.wbn-ops-chat-tabs{display:flex;gap:8px;padding:0 0 10px}.wbn-ops-chat-tabs button{border:1px solid #dbeaf4;background:#f7fbff;color:#0e3655;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.wbn-ops-chat-tabs button.is-active{background:#0072B8;color:#fff;border-color:#0072B8}.wbn-ops-chat-contact.has-unread{background:#fff7f3;border-color:rgba(255,69,0,.36)}.wbn-ops-chat-contact.has-unread strong{color:#071f35}.wbn-ops-chat-composer-rich{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"emoji emoji emoji" "text attach send" "file file file"}.wbn-ops-chat-composer-rich .wbn-ops-chat-emoji-row{grid-area:emoji}.wbn-ops-chat-composer-rich textarea{grid-area:text}.wbn-ops-chat-composer-rich .wbn-ops-chat-attach{grid-area:attach}.wbn-ops-chat-composer-rich .wbn-ops-chat-selected-file{grid-area:file}.wbn-ops-chat-composer-rich .wbn-ops-btn{grid-area:send}.wbn-ops-chat-emoji-row{display:flex;gap:6px;flex-wrap:wrap}.wbn-ops-chat-emoji-row button{border:1px solid #dbeaf4;background:#f7fbff;border-radius:999px;min-width:34px;height:32px;cursor:pointer}.wbn-ops-chat-attach{width:48px;height:48px;border-radius:16px;border:1px solid #d7e7f4;background:#f7fbff;color:#0072B8;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.wbn-ops-chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}.wbn-ops-chat-selected-file{padding:8px 10px;border:1px solid #dbeaf4;background:#f7fbff;border-radius:14px;color:#4c6478;font-size:12px}.wbn-ops-chat-typing{padding:7px 18px;color:#0072B8;font-weight:700;font-size:12px;background:#f7fbff;border-top:1px solid #edf5fb}.wbn-ops-chat-attachment{margin-top:10px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.16)}.wbn-ops-chat-attachment img{display:block;max-width:320px;width:100%;height:auto;border-radius:16px}.wbn-ops-chat-attachment audio{width:min(320px,100%);display:block}.wbn-ops-chat-attachment a{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:14px;background:#eef6fb;color:#0072B8;text-decoration:none;font-weight:800}.wbn-ops-chat-row.mine .wbn-ops-chat-attachment a{background:rgba(255,255,255,.18);color:#fff}.wbn-ops-chat-attachment small{display:block;margin-top:5px!important;opacity:.75}@media(max-width:820px){.wbn-ops-chat-contact-list{max-height:360px}.wbn-ops-chat-composer-rich{grid-template-columns:1fr auto;grid-template-areas:"emoji emoji" "text text" "attach send" "file file"}}


/* WBN Ops v0.4.3: fixed message filter tabs growing vertically with long contact lists. */
.wbn-ops-chat-contacts{
  grid-template-rows:auto auto minmax(0,1fr)!important;
  min-height:0!important;
  overflow:hidden!important;
}
.wbn-ops-chat-tabs{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:12px 14px!important;
  min-height:58px!important;
  max-height:72px!important;
  height:auto!important;
  overflow:visible!important;
  border-bottom:1px solid #e6eff7!important;
  background:#f8fbfe!important;
}
.wbn-ops-chat-tabs button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:64px!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  white-space:nowrap!important;
  align-self:center!important;
}
.wbn-ops-chat-contact-list{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
}
@media(min-width:981px){
  .wbn-ops-chat-contacts{height:100%!important;}
  .wbn-ops-chat-contact-list{max-height:none!important;}
}
@media(max-width:980px){
  .wbn-ops-chat-contacts{grid-template-rows:auto auto minmax(0,1fr)!important;max-height:420px!important;}
  .wbn-ops-chat-tabs{max-height:none!important;}
}


/* WBN Ops v0.4.4: keep message creator contacts in a fixed-height scroll area. */
.wbn-ops-chat-app{
  min-height:0!important;
}
.wbn-ops-messenger-grid{
  height:clamp(660px, calc(100vh - 250px), 980px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
.wbn-ops-chat-contacts,
.wbn-ops-chat-thread-panel{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
.wbn-ops-chat-search,
.wbn-ops-chat-tabs{
  flex:0 0 auto!important;
}
.wbn-ops-chat-contact-list{
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
  scrollbar-color:#8fc2df #edf6fb;
}
.wbn-ops-chat-contact-list::-webkit-scrollbar{
  width:10px!important;
}
.wbn-ops-chat-contact-list::-webkit-scrollbar-track{
  background:#edf6fb!important;
  border-radius:999px!important;
}
.wbn-ops-chat-contact-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#8fc2df,#0072B8)!important;
  border-radius:999px!important;
  border:2px solid #edf6fb!important;
}
.wbn-ops-chat-thread{
  min-height:0!important;
  overflow-y:auto!important;
}
@media(min-width:1680px){
  .wbn-ops-messenger-grid{
    height:clamp(720px, calc(100vh - 255px), 1100px)!important;
  }
}
@media(max-width:980px){
  .wbn-ops-messenger-grid{
    height:auto!important;
    overflow:visible!important;
  }
  .wbn-ops-chat-contacts{
    height:auto!important;
    max-height:520px!important;
  }
  .wbn-ops-chat-contact-list{
    max-height:340px!important;
    height:auto!important;
  }
  .wbn-ops-chat-thread-panel{
    height:auto!important;
    min-height:520px!important;
  }
}