/* dsms-bigid-ods-frontend.css - harmonized frontend styles */

/* Import common admin-common.css if not already loaded by enqueue in frontend; keep duplication minimal */
/* Main container */
:root{
  --bg-card: #fbfeff;
  --text: #0a0f18;
  --muted: #666;
  --accent-neon1: #ff3fb8;
  --accent-neon2: #1fd6ff;
  --accent-orange: #ff7b2d;
  --card-shadow: 0 8px 30px rgba(45,162,204,0.04);
  --font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

* { box-sizing: border-box; }

.bdsg-wrap, .dsms-container {
  font-family: var(--font-family);
  color: var(--text);
}

/* containers */
.dsms-fullwidth-wrapper {
  background: linear-gradient(180deg, #f7f9fc, #ffffff);
  color: var(--text);
  padding: 28px 0;
}
.dsms-container {
  max-width: 1200px;
  margin: 0 auto 24px;
  font-family: var(--font-family);
  color: var(--text);
  background: var(--bg-card);
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 8px 40px rgba(45,123,255,0.06);
}

/* Table scroll wrappers */
.bdsg-table-scroll, .bdsg-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
  background: transparent;
}

/* unified table */
.bdsg-table, .widefat, table.widefat {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 1200px;
  background: var(--bg-card);
  border-radius: 8px;
}
.bdsg-table th, .bdsg-table td, .widefat th, .widefat td {
  padding: 10px 12px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(10,15,24,0.06);
  color: var(--text);
  white-space: nowrap;
  font-size: 13px;
}

/* responsive */
@media (max-width:1400px) { .bdsg-table { min-width: 1000px; } }
@media (max-width:1000px) { .bdsg-table { min-width: 900px; } }

/* Buttons & inputs */
.dsms-button { display:inline-block; padding:8px 14px; border-radius:8px; cursor:pointer; border:none; font-weight:700; font-size:13px; }
.dsms-btn-orange { background: linear-gradient(90deg, var(--accent-orange), #ff9a4d); color:#071116; }
.dsms-btn-ghost { background:transparent; color:var(--text); border:1px solid rgba(10,15,24,0.06); border-radius:6px; padding:7px 10px; }
.ds-input { display:block; width:100%; max-width:720px; padding:8px 10px; margin-top:6px; border:1px solid rgba(10,15,24,0.06); border-radius:6px; background:#fff; }

/* token preview, pre blocks */
.bdsg-token-preview { margin-top:8px; color:#444; font-size:13px; background:#f6f6f6; padding:6px; border-radius:4px; word-break:break-all; }
.bdsg-pre { background:#fbfbfb; border:1px solid #ddd; padding:8px; overflow:auto; max-height:380px; border-radius:6px; font-family: monospace; font-size:13px; }

/* neon grid */
.bdsg-neon-grid { background: linear-gradient(180deg,#eafffb,#f6fffe); border:1px solid rgba(45,162,204,0.12); padding:12px; border-radius:8px; box-shadow:0 8px 30px rgba(45,162,204,0.06); }
.bdsg-neon-inner { text-align:center; color:#0a0f18; font-size:16px; }

/* small & helpers */
.hidden { display:none !important; }
.small { font-size:12px; color:#666; }
a:focus, button:focus, input:focus, select:focus, textarea:focus { outline: 3px solid rgba(45,123,255,0.12); outline-offset:2px; }