/* Flådestyring — register-layout */

.fd-page { color: #e4e4e7; }
.fd-table-scroll {
  overflow-x: auto;
  overflow-y: auto;
  max-height: min(72vh, 820px);
}
.fd-card {
  background: rgb(24 24 27 / .92);
  border: 1px solid rgb(39 39 42 / .9);
  border-radius: 1rem;
}
.fd-search {
  position: relative;
  min-width: 220px;
  flex: 1;
  max-width: 320px;
}
.fd-search-input {
  width: 100%;
  border-radius: 999px;
  border: 1px solid #3f3f46;
  background: #18181b;
  color: #f4f4f5;
  padding: .55rem 2.4rem .55rem 1rem;
  font-size: .875rem;
}
.fd-search-input:focus { outline: none; border-color: #fb923c; }
.fd-search-ico {
  position: absolute;
  right: .85rem;
  top: 50%;
  transform: translateY(-50%);
  color: #71717a;
  pointer-events: none;
  font-size: 1rem;
}
.fd-plus {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: #f97316;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
}
.fd-plus:hover { background: #ea580c; }
.fd-plus-sm { width: 1.75rem; height: 1.75rem; font-size: 1.1rem; }
.fd-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.fd-table th {
  text-align: left;
  padding: .75rem 1rem;
  font-size: .65rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #71717a;
  font-weight: 600;
  border-bottom: 1px solid #27272a;
}
.fd-table td {
  padding: .85rem 1rem;
  border-bottom: 1px solid rgb(39 39 42 / .7);
  vertical-align: middle;
}
.fd-table tbody tr:hover td { background: rgb(39 39 42 / .35); }
.fd-row-open td { background: rgb(39 39 42 / .45) !important; }
.fd-td-code { font-weight: 700; letter-spacing: .04em; color: #fafafa; }
.fd-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: .15rem .65rem;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
}
.fd-pill-off { background: #27272a; color: #a1a1aa; }
.fd-actions { display: flex; justify-content: flex-end; gap: .4rem; }
.fd-icon-btn {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font-size: .85rem;
  font-weight: 700;
  color: #fff;
}
.fd-ico-info { background: #22d3ee; color: #083344; }
.fd-ico-edit { background: #eab308; color: #422006; }
.fd-ico-people { background: #e879f9; color: #4a044e; }
.fd-link { background: none; border: 0; padding: 0; cursor: pointer; color: #fdba74; font: inherit; }
.fd-link:hover { text-decoration: underline; }
.fd-expand td { padding: 0; background: rgb(9 9 11 / .5) !important; }
.fd-expand-inner { padding: 1rem 1.25rem 1.15rem; }
.fd-crew-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border: 1px solid #27272a;
  border-radius: .75rem;
  padding: .65rem .85rem;
  margin-bottom: .5rem;
  background: rgb(24 24 27 / .8);
}
.fd-page-btn {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: .5rem;
  border: 1px solid #3f3f46;
  background: #18181b;
  color: #e4e4e7;
  cursor: pointer;
}
.fd-page-btn:disabled { opacity: .35; cursor: default; }

.fd-status-fri, .fd-tone-green { background: rgb(16 185 129 / .2); color: #6ee7b7; box-shadow: inset 0 0 0 1px rgb(16 185 129 / .4); }
.fd-status-standby, .fd-tone-cyan { background: rgb(6 182 212 / .2); color: #67e8f9; box-shadow: inset 0 0 0 1px rgb(6 182 212 / .4); }
.fd-status-afgang, .fd-tone-sky { background: rgb(14 165 233 / .2); color: #bae6fd; box-shadow: inset 0 0 0 1px rgb(14 165 233 / .4); }
.fd-status-udrykning, .fd-tone-orange { background: rgb(249 115 22 / .25); color: #fed7aa; box-shadow: inset 0 0 0 1px rgb(251 146 60 / .7); }
.fd-status-skadested, .fd-tone-amber { background: rgb(245 158 11 / .2); color: #fde68a; box-shadow: inset 0 0 0 1px rgb(245 158 11 / .4); }
.fd-status-optaget, .fd-tone-red { background: rgb(239 68 68 / .2); color: #fca5a5; box-shadow: inset 0 0 0 1px rgb(239 68 68 / .4); }
.fd-status-pause, .fd-tone-zinc { background: rgb(63 63 70 / .8); color: #d4d4d8; box-shadow: inset 0 0 0 1px #52525b; }
.fd-status-vaerksted, .fd-tone-violet { background: rgb(139 92 246 / .2); color: #ddd6fe; box-shadow: inset 0 0 0 1px rgb(139 92 246 / .4); }
.fd-tone-pink { background: rgb(236 72 153 / .2); color: #f9a8d4; box-shadow: inset 0 0 0 1px rgb(236 72 153 / .4); }

.min-w-\[150px\] { min-width: 150px; }
.ml-1 { margin-left: .25rem; }
.ml-2 { margin-left: .5rem; }
.text-emerald-400 { color: #34d399; }
.text-right { text-align: right; }

@media (max-width: 720px) {
  .fd-table th:nth-child(3), .fd-table td:nth-child(3),
  .fd-table th:nth-child(5), .fd-table td:nth-child(5) { display: none; }
}