/* Administrationen – samme materialer, strammere rytme */
.adm main{max-width:1000px;padding-top:1.5rem}
.admnav{display:flex;flex-wrap:wrap;gap:0;background:var(--paper);border-bottom:1px solid var(--line);
  padding:0 var(--pad);position:sticky;top:0;z-index:10;overflow-x:auto}
.admnav a{font-family:var(--font-m);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;
  text-decoration:none;padding:.85rem .9rem;border-bottom:3px solid transparent;white-space:nowrap;color:var(--ink-soft)}
.admnav a:hover{color:var(--ink);border-bottom-color:var(--line)}

.adm h1{font-family:var(--font-d);font-weight:900;font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:-.03em;margin:.6rem 0 1.4rem}
.adm h2{font-family:var(--font-d);font-weight:700;font-size:1.15rem;margin:2.2rem 0 .8rem}

.flash{font-family:var(--font-m);font-size:.8rem;padding:.75rem 1rem;margin:0 0 1rem;border-left:4px solid var(--blueprint);background:var(--paper)}
.flash--err{border-left-color:#B23A2E}
.flash--warn{border-left-color:var(--tape)}

.panel{background:var(--paper);border:1px solid var(--line);padding:1.2rem;margin-bottom:1.5rem}

label{display:block;font-family:var(--font-m);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;
  color:var(--ink-soft);margin:0 0 .3rem}
input[type=text],input[type=password],input[type=date],input[type=number],input[type=file],select,textarea{
  width:100%;font:inherit;font-size:.95rem;padding:.6rem .7rem;background:#fff;
  border:1px solid var(--line);border-radius:0;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blueprint);outline-offset:0;border-color:var(--blueprint)}
textarea{min-height:5rem;resize:vertical}
.field{margin-bottom:1rem}
.grid2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.hint{font-size:.8rem;color:var(--ink-soft);margin:.3rem 0 0}

table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--paper)}
th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-family:var(--font-m);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}
td img{width:52px;height:52px;object-fit:cover;border:1px solid var(--line)}
.tablewrap{overflow-x:auto;border:1px solid var(--line)}

.pill{font-family:var(--font-m);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:.15rem .45rem;background:var(--plaster-2)}
.pill--after{background:var(--tape)}
.pill--during{background:var(--blueprint);color:var(--paper)}
.pill--admin{background:var(--ink);color:var(--paper)}
.pill--off{background:#B23A2E;color:#fff}

.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)}
.btn--danger{background:#B23A2E}
.btn--sm{padding:.4rem .7rem;font-size:.7rem}
.actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:1rem}

.login{max-width:24rem;margin:12vh auto;padding:0 1.2rem}
.login h1{text-align:center}
.login .panel{padding:1.5rem}

.dropzone{border:2px dashed var(--line);background:var(--paper);padding:2rem 1rem;text-align:center;cursor:pointer}
.dropzone.is-over{border-color:var(--blueprint);background:#fff}
.dropzone p{margin:.3rem 0;font-family:var(--font-m);font-size:.8rem;color:var(--ink-soft)}
.filelist{list-style:none;padding:0;margin:1rem 0 0;font-family:var(--font-m);font-size:.75rem;color:var(--ink-soft)}
.filelist li{padding:.2rem 0;border-bottom:1px solid var(--line)}