/* Header Component */
.matka-terminal-page .header-card {
  text-align: left;
}

.matka-terminal-page .header-title {
    color: #ff0066;
    margin: 7px 0 8px 0;
    font-size: 20px;
    font-weight: 900;
}

.matka-terminal-page .header-text {
  color: #000;
  font-size: 13px;
  margin: 5px 0px;
}

/* Status Component */
.matka-terminal-page .status-card {
  text-align: left;
}

.matka-terminal-page .status-date {
    color: #ff0066;
    font-weight: 900;
    font-size: 15px;
    margin: 8px 0px;
}
.matka-terminal-page .status-text {
  color: #000;
  font-size: 12px;
    margin: 05px 0px;
}

/* Terminal Console Logs Component */
.matka-terminal-page .terminal-title {
  color: #6a00ff;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 8px;
}

.matka-terminal-page .terminal-console {
  background-color: #020617;
  color: #38bdf8;
  padding: 12px;
  border-radius: 6px;
  font-family: monospace;
  font-size: 12px;
  height: 180px;
  overflow-y: auto;
  line-height: 1.6;
}

.matka-terminal-page .log-time { color: #888; }
.matka-terminal-page .tag-admin { color: #ffc107; font-weight: bold; }
.matka-terminal-page .tag-milan { color: #17a2b8; font-weight: bold; }
.matka-terminal-page .tag-hacker { color: #ff0066; font-weight: bold; }
.matka-terminal-page .tag-source { color: #e83e8c; font-weight: bold; }
.matka-terminal-page .tag-vip { color: #007bff; font-weight: bold; }
.matka-terminal-page .text-white { color: #ffffff; }
.matka-terminal-page .text-cyan { color: #17a2b8; }

/* Result Row Cards */
.matka-terminal-page .result-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.matka-terminal-page .result-title {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

.matka-terminal-page .live-badge {
  background-color: #16a34a;
  color: #ffffff;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 3px;
}

.matka-terminal-page .result-number {
    background-color: #000000;
    color: #00ffff;
    padding: 2px 20px;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 2px;
}

.matka-terminal-page .prob-label {
  font-size: 10px;
  color: #666;
  font-weight: bold;
  text-align: right;
}

.matka-terminal-page .prob-value {
  color: #ff0066;
  font-weight: bold;
  font-size: 16px;
  text-align: right;
}

.matka-terminal-page .history-note {
  text-align: center;
  color: #666;
  font-size: 11px;
  margin: 6px 0 12px 0;
}

/* Info Section */
.matka-terminal-page .info-title {
  color: #ff0066;
  text-align: center;
  font-size: 15px;
  margin: 0 0 8px 0;
  font-weight: bold;
}

.matka-terminal-page .info-text {
  color: #555;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.matka-terminal-page .info-list {
  font-size: 12px;
  color: #222;
}

.matka-terminal-page .info-item {
  margin-bottom: 4px;
}

/* Bottom Nav Bar */
.matka-terminal-page .bottom-title {
  color: #ff0066;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.matka-terminal-page .bottom-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.matka-terminal-page .nav-group {
  display: flex;
  gap: 8px;
}

/* Buttons */
.matka-terminal-page .btn-vip {
  background-color: #ff0066;
  color: #ffffff;
  border: none;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
}

.matka-terminal-page .btn-nav {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #ff0066;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}

.matka-terminal-page .btn-refresh {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #ccc;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}