/* Projektlistan och lösenordsrutan under Daffy (projekt.js). Färgerna är den svarta sidans egna (:root i index.html). */
/* Sidan centrerar kortet på höjden; med tabellen kan det bli högre än fönstret — då ska det gå att rulla. */
body { height: auto; min-height: 100%; padding: 24px 0; }
#projekt { margin-top: 20px; width: min(760px, calc(100vw - 32px)); text-align: left; }
#projekt form { display: flex; justify-content: center; }
#projekt input[type=password] {
  width: 200px; padding: 8px 12px; border-radius: 8px; font: inherit; font-size: 14px; text-align: center;
  background: transparent; color: var(--text); border: 1px solid var(--border); outline: none;
}
#projekt input[type=password]:focus { border-color: var(--accent2); }
#projekt input.fel { border-color: #f87171; }
#projekt .tabell { overflow-x: auto; border: 1px solid var(--border); border-radius: 10px; }
#projekt table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 14px; }
#projekt th, #projekt td { padding: 10px 14px; border-top: 1px solid var(--border); vertical-align: top; }
#projekt th { border-top: 0; font-size: 11px; color: var(--text2); text-transform: uppercase; letter-spacing: .07em;
  font-weight: 600; text-align: left; }
#projekt .besk { color: var(--text2); font-size: 13px; margin-top: 2px; }
#projekt .dim { color: var(--text2); }
#projekt a { color: var(--accent2); text-decoration: none; }
#projekt a:hover { text-decoration: underline; }