/* Möten (list, Planera, inspector body). Prefix mo-. Colours, spacing and radii come from tokens.css. */
.mo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}
.mo-q{flex:1 1 200px;min-width:0;max-width:320px}
.mo-sel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);min-width:0}
.mo-sel select{width:auto;max-width:200px}
.mo-mine{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--ink2)}
.mo-list{display:grid;gap:var(--s-2)}
.mo-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--s-4);align-items:center;padding:var(--s-3) var(--s-4);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh);cursor:pointer;transition:box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}
.mo-row:hover{box-shadow:var(--sh-hover);transform:translateY(-1px)}
.mo-row:focus-visible{outline:none;box-shadow:var(--glow-ring)}
.mo-when{display:grid;gap:2px;font-size:var(--fs-sm)}.mo-when .num{color:var(--muted)}
.mo-main{min-width:0}.mo-main b{overflow-wrap:anywhere}
.mo-tags{display:flex;flex-wrap:wrap;gap:var(--s-1);justify-content:flex-end}
@media(max-width:720px){
  .mo-row{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}
  .mo-when{grid-auto-flow:column;justify-content:start;gap:var(--s-2)}
  .mo-tags{justify-content:flex-start}
  .mo-q{max-width:none;flex-basis:100%}
  .mo-sel select{max-width:100%;flex:1 1 140px}
}
/* inspector body */
.mo-edit{display:grid;gap:var(--s-3)}
.mo-f{display:grid;gap:var(--s-1)}
.mo-f textarea{min-height:88px;resize:vertical}
.mo-save{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}
.mo-links{display:flex;flex-wrap:wrap;gap:var(--s-2)}
/* Planera */
.box.dlg:has(.mo-plan){width:min(720px,100%)}
.mo-chips{display:grid;gap:var(--s-2);margin-top:var(--s-3)}
.mo-chip{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;padding:var(--s-2) var(--s-3);background:var(--surface2);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--edge)}
.mo-chip.warn{background:var(--amber-soft);box-shadow:inset 0 0 0 1px var(--amber)}
.mo-chip-l{font:500 10.5px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.mo-chip-v{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);min-width:0;overflow-wrap:anywhere}
.mo-chip-v input[type=text],.mo-chip-v select{height:30px;max-width:100%}
.mo-chip-a{display:flex;align-items:center;gap:var(--s-1)}
.mo-chip .ai-box{grid-column:1/-1;margin-top:0}
.mo-x{display:grid;place-items:center;width:var(--tap);height:var(--tap);border:0;border-radius:var(--r-sm);background:none;color:var(--muted);cursor:pointer}
.mo-x:hover{background:var(--surface3);color:var(--ink)}.mo-x svg{transform:rotate(45deg);width:14px;height:14px}
.mo-pick{display:flex;flex-wrap:wrap;gap:var(--s-2);min-width:0;max-width:100%}
.mo-pick .btn{white-space:normal;height:auto;min-height:28px;padding-top:4px;padding-bottom:4px;text-align:left;max-width:100%}
.mo-times{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.mo-dt{display:grid;gap:2px;font-size:var(--fs-xs);color:var(--muted)}
.mo-dt input{height:30px}
.mo-need{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:2px;font-size:var(--fs-sm);color:var(--amber)}
.mo-need:empty{display:none}
@media(max-width:560px){
  .mo-chip{grid-template-columns:minmax(0,1fr)}
  .mo-chip-a{justify-content:flex-end}
}