/* Quest log window (client/src/modal-questlog.js): Rookgaard and Mainland tabs, done quests green */
#questlog-modal .modal-body { width: 420px; max-width: 90vw; }

.questlog-tabs { display: flex; gap: 4px; margin-bottom: 6px; }
.questlog-tab { flex: 1 1 0; }
.questlog-tab.selected { color: white; border-color: #8c8c8c; box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.25); }
.questlog-count { font-size: 10px; color: #b0b0b0; }

.questlog-list {
  height: 320px;
  overflow-y: auto;
  border: 1px solid #111;
  box-shadow: inset 0 0 6px black;
  background-image: url("/png/bg3.png");
  padding: 2px 0;
}

.questlog-entry { padding: 3px 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.35); }
.questlog-name { font-size: 12px; color: #9a9a9a; }
.questlog-entry.started .questlog-name { color: #f2c94c; font-weight: bold; }
.questlog-entry.done .questlog-name { color: #4cd65a; font-weight: bold; }
.questlog-mission { font-size: 11px; color: #d9c48a; margin-top: 2px; padding-left: 14px; }
.questlog-entry.open > .questlog-mission { display: none; }

/* Quests with missions: a click on the name unfolds them */
.questlog-entry.expandable > .questlog-name { cursor: pointer; }
.questlog-entry.expandable > .questlog-name:hover { text-decoration: underline; }
.questlog-arrow { display: inline-block; width: 12px; font-size: 9px; color: #b0b0b0; }
.questlog-arrow::before { content: "\25B6"; }
.questlog-entry.open .questlog-arrow::before { content: "\25BC"; }
.questlog-progress { font-size: 10px; font-weight: normal; color: #9a9a9a; }
.questlog-missions { display: none; margin: 3px 0 2px 14px; }
.questlog-entry.open .questlog-missions { display: block; }
.questlog-mission-line { font-size: 11px; padding: 1px 0; }
.questlog-mission-line.done { color: #4cd65a; }
.questlog-mission-line.active { color: #f2c94c; font-weight: bold; }
.questlog-mission-line.todo { color: #7a7a7a; }
.questlog-mission-text { font-size: 11px; color: #d0c8b0; padding: 1px 0 3px 10px; font-style: italic; }

/* The Keys button in the box under the right equipment column */
button.keys-box { cursor: pointer; padding: 0; font-weight: bold; color: #d0d0d0; }
button.keys-box:hover { color: white; }

/* Commands window (client/src/modal-commands.js) */
#commands-modal .modal-body { width: 620px; max-width: 92vw; }
.commands-scroll { max-height: 420px; overflow-y: auto; border: 1px solid #111; box-shadow: inset 0 0 6px black; background-image: url("/png/bg3.png"); }
.commands-table { width: 100%; border-collapse: collapse; font-size: 11px; table-layout: fixed; }
.commands-table th:first-child { width: 42%; }
.commands-table th { position: sticky; top: 0; text-align: left; padding: 4px 8px; color: #f0e6c8; background: #3a3a3a; border-bottom: 1px solid #111; }
.commands-table td { padding: 3px 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.35); color: #c8c8c8; vertical-align: top; }
.commands-table tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03); }
.commands-table td.commands-usage { color: #e9c46a; font-family: Consolas, monospace; overflow-wrap: anywhere; }
.commands-scroll { overflow-x: hidden; }
.commands-table tr.commands-group td { color: white; font-weight: bold; background: rgba(233, 196, 106, 0.15); }
.questlog-entry.started .questlog-progress, .questlog-entry.done .questlog-progress { color: #c9c9c9; }
.questlog-chests-title { font-size: 10px; color: #b0b0b0; text-transform: uppercase; margin-top: 4px; }