/* core/static/core/styles.css */
:root {
  --brand: #1a5edb;
  --brand-dark: #1450bd;
  --radius: 12px;
}

body {
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%) fixed no-repeat;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
}

.card { border-radius: var(--radius); overflow: hidden; }

.login-card h3 { font-weight: 600; color: #333; }

.btn-primary {
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand-dark);
  --bs-btn-hover-border-color: var(--brand-dark);
  --bs-btn-active-bg: var(--brand-dark);
  --bs-btn-active-border-color: var(--brand-dark);
  --bs-btn-disabled-bg: var(--brand);
  --bs-btn-disabled-border-color: var(--brand);
  transition: background-color 0.3s ease;
}

.form-control { border-radius: 8px; padding: 10px; }

input[type="file"]::file-selector-button {
  background-color: var(--brand);
  color: #fff;
  border: none;
  padding: 8px 16px;
  margin-right: 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
input[type="file"]::file-selector-button:hover { background-color: var(--brand-dark); }

:is(.btn, .form-control, input[type="file"]):focus-visible {
  outline: 3px solid #ffd54a;
  outline-offset: 2px;
}

.table-wrap {
  max-height: 70vh;
  overflow: auto;
  background: #fff;
  border-radius: var(--radius);
}
.table-wrap thead th { position: sticky; top: 0; background: #f8f9fa; z-index: 1; }

.row-marked { background: #fff3cd !important; text-decoration: line-through; }