/* =========================================================
   Strukturweb — SoMe-modul (scoped: .main--some / .some-*)
   ========================================================= */

.main--some .some-header {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: var(--s4, 16px); margin-bottom: var(--s5, 20px);
}
.main--some .some-title { font-family: var(--serif); margin: 4px 0 6px; }
.main--some .some-sub { color: var(--ink-soft); max-width: 62ch; margin: 0; }

/* Kort */
.some-card {
  background: var(--paper, #FCF8EE);
  border: 1px solid var(--line, #D8DCD3);
  border-radius: var(--radius-md, 14px);
  box-shadow: var(--shadow-md, 0 1px 3px rgba(0,0,0,.06));
  padding: var(--s5, 20px);
  margin-bottom: var(--s5, 20px);
}
.some-card-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.some-card-tittel { font-family: var(--serif); margin: 0 0 4px; font-size: 1.15rem; }
.some-card-detaljer { color: var(--ink-mute); font-size: .85rem; margin: 0 0 12px; }

/* Urgency-pille */
.some-urg { font-size: .75rem; font-weight: 600; padding: 3px 10px; border-radius: 999px; letter-spacing: .02em; }
.some-urg--over  { background: var(--berry, #B86A5A); color: #fff; }
.some-urg--idag  { background: var(--berry, #B86A5A); color: #fff; }
.some-urg--snart { background: var(--solheim, #E6C08D); color: var(--ink, #243F4D); }
.some-urg--ok    { background: var(--skogmose, #9DAC86); color: #fff; }
.some-urg--ingen { background: var(--dis, #D8DCD3); color: var(--ink-soft); }

/* Status + chips */
.some-st { font-size: .75rem; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line); }
.some-st--forslag   { background: #FBF3DF; }
.some-st--godkjent  { background: #E3ECF2; }
.some-st--sendt     { background: #ECE3F2; }
.some-st--publisert { background: #E5EEDF; }
.some-st--forkastet { background: var(--dis); color: var(--ink-mute); }
.some-chip { font-size: .72rem; padding: 2px 8px; border-radius: 6px; background: var(--cream-2, #F3EBDA); color: var(--ink-soft); }
.some-chip--konto { background: var(--fjordbla, #243F4D); color: #fff; }

/* Tekst */
.some-tekst-vis {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm, 8px);
  padding: var(--s4, 16px); line-height: 1.55; margin-bottom: 12px; white-space: normal;
}
.some-textarea {
  width: 100%; box-sizing: border-box; font: inherit; line-height: 1.5;
  border: 1px solid var(--fjordbla); border-radius: var(--radius-sm, 8px); padding: 12px;
}
.some-rediger-knapper { display: flex; gap: 8px; margin: 8px 0 12px; }

/* Bilder */
.some-bilder { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.some-bilde {
  position: relative; border: 2px solid var(--line); border-radius: var(--radius-sm, 8px);
  padding: 0; background: none; cursor: pointer; overflow: hidden; width: 150px; height: 100px;
}
.some-bilde img { width: 100%; height: 100%; object-fit: cover; display: block; }
.some-bilde--valgt { border-color: var(--moss-deep, #6F8160); box-shadow: 0 0 0 2px var(--skogmose, #9DAC86); }
.some-bilde--dod { display: none; }
.some-bilde-hake {
  position: absolute; top: 4px; right: 4px; background: var(--moss-deep, #6F8160); color: #fff;
  border-radius: 50%; width: 22px; height: 22px; display: grid; place-items: center; font-size: .8rem;
}
.some-ingen-bilder { color: var(--ink-mute); font-size: .85rem; font-style: italic; }

.some-begrunnelser { margin-bottom: 10px; font-size: .85rem; }
.some-begrunnelser pre { white-space: pre-wrap; background: var(--cream-2, #F3EBDA); padding: 10px; border-radius: 8px; }

/* Handlingsrad */
.some-actions { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px dashed var(--line); padding-top: 12px; }
.some-btn-fare { color: var(--berry, #B86A5A); }

/* Send-panel */
.some-send-panel {
  margin-top: 12px; padding: 12px; border: 1px solid var(--solheim, #E6C08D);
  border-radius: var(--radius-sm, 8px); background: #FBF3DF;
}
.some-send-label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: 6px; }
.some-send-velger, .some-send-epost {
  font: inherit; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px;
  width: 100%; max-width: 340px; box-sizing: border-box; margin-bottom: 4px; background: #fff;
}
.some-send-hint { font-size: .78rem; color: var(--ink-mute); margin: 6px 0 0; }

/* Arkiv */
.some-arkiv { margin-top: var(--s6, 24px); }
.some-arkiv-rad { padding: 8px 0; border-bottom: 1px solid var(--line); font-size: .9rem; }

@media (max-width: 640px) {
  .some-bilde { width: 110px; height: 74px; }
  .some-actions .action-btn { flex: 1 1 45%; }
}