/* 
  Octarule Project
  Author: Keith (Arc.Keith)
  Created: July 2025
  License: Creative Commons Attribution 4.0 International (CC BY 4.0)
  https://creativecommons.org/licenses/by/4.0/
*/


html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.app-card {
  cursor: default;
  transform: none !important;
}


h2, h3 {
  margin-top: 1rem;
  color: #ddd;
}

/* Input Field */
input {
  background: #1a1a1a;
  border: 1px solid #444;
  color: #ccc;
  padding: 0.5rem;
  font-size: 1.2rem;
  border-radius: 4px;
  width: 60%;
  margin: 0.4rem 0.2rem;
}

/* Buttons */
button:not(.menu-toggle) {
  background: #222;
  border: 1px solid #555;
  padding: 0.6rem 1.2rem;
  border-radius: 0.4rem;
  color: #ddd;
  font-size: 1.2rem;
  cursor: pointer;
  transition: background 0.2s, border 0.2s;
  margin: 0.4rem 0.2rem;
}
button:not(.menu-toggle):hover {
  background: #333;
  border-color: #888;
}

/* Output Display */
pre#output {
  background: #000;
  color: #d78a76;
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #333;
  margin-top: 1rem;
  white-space: pre-wrap;
}

/* Table Layout */
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  background: #1a1a1a;
  font-size: 1rem;
}

th, td {
  border: 2px solid #333;
  padding: 0.5rem;
  text-align: center;
}

th {
  background: #222;
  color: #ccc;
}

tbody tr:nth-child(even) {
  background: #181818;
}
tbody tr:nth-child(odd) {
  background: #141414;
}

strong {
  color: #0af;
}
/* Highlight current selected row */
tr.highlighted {
  background: #2a2a2a !important;
  outline: 2px solid #d78a76; /* rose gold */
  outline-offset: -2px;
}