/* DSMS Multi Frontend - Harmonized styles for tables and layout */

/* Container / band */
.dsms-container { max-width:1200px; margin:0 auto; padding:12px; background:#f9f9fb; border-radius:6px; font-family: Arial, Helvetica, sans-serif; color:#222; box-sizing:border-box; }
.dsms-fullwidth-inner h2 { margin-top:0; font-size:20px; }
.dsms-input { display:block; width:100%; max-width:720px; padding:8px; margin:6px 0 12px; box-sizing:border-box; border:1px solid #e1e7ea; border-radius:4px; background:#fff; }
.dsms-button { padding:8px 12px; border:0; border-radius:4px; cursor:pointer; font-size:14px; }
.dsms-btn-orange { background:#ff7b2d; color:#fff; }
.dsms-btn-neonline { background:#2ea2cc; color:#fff; }
.dsms-sep-neon { border:0; border-top:1px solid rgba(46,162,204,0.15); margin:18px 0; }
.dsms-small { font-size:13px; color:#666; margin-left:6px; }

/* tabs */
.dsms-tabs { display:flex; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.dsms-tab-btn { border:none; padding:8px 12px; border-radius:4px; background:#e6f7fb; color:#0a6a7f; cursor:pointer; }
.dsms-tab-btn.active { background:#2ea2cc; color:#fff; box-shadow: 0 2px 6px rgba(46,162,204,0.2); }

/* snapshots header */
.dsms-snapshots { margin-top:8px; background:#fff; padding:8px; border:1px solid #eee; border-radius:4px; }
.dsms-snapshots ul { list-style:none; margin:0; padding:0; }
.dsms-snapshots li { padding:8px 0; border-bottom:1px solid #f0f0f0; }
.dsms-snapshot-info { font-size:13px; color:#444; margin-top:6px; }
.dsms-snapshot-actions { margin-top:6px; }

/* bars and logs */
#spse-bar-container, #ode-bar-container, #tse-bar-container, #mfe-bar-container { width: 100%; height: 18px; background: #eee; border: 1px solid #ccc; border-radius:4px; overflow:hidden; }
.dsms-bar { width: 0%; height: 100%; transition: width 0.4s; background: #2ea2cc; }
.dsms-bar-active { background: #2ea2cc; } /* running color */
.dsms-bar-success { background: #28a745 !important; } /* green on success */

.dsms-log { font-family: monospace; font-size: 13px; background: #fff; padding:8px; margin:0; border:1px solid #ddd; border-radius:4px; overflow:auto; }

/* history tables: wrap to allow horizontal scroll and prevent column wrapping */
.dsms-table-wrap { width:100%; overflow:auto; -webkit-overflow-scrolling:touch; border:1px solid #eee; border-radius:4px; background:#fff; padding:6px; box-sizing:border-box; }
.dsms-history-table, .dsms-history-table th, .dsms-history-table td { white-space:nowrap; border-collapse:collapse; }
.dsms-history-table th, .dsms-history-table td { padding: 8px; vertical-align: middle; text-align:left; }
.dsms-history-table thead th { background:#f5fbfd; color:#0a6a7f; font-weight:600; border-bottom:1px solid #e6f7fb; }

/* small responsive */
@media (max-width:800px) {
  .dsms-container { padding:10px; }
  .dsms-input { max-width:100%; }
  .dsms-table-wrap { padding:4px; }
}