/* magnet-tisch.css — Tisch + Ablage (Physik K5 Dauermagnete 1.1.1 / 1.1.2) */
.mt-wrap{display:grid;grid-template-columns:minmax(0,1fr) 212px;align-items:stretch;border-top:1px solid rgba(0,0,0,.04)}
.mt-wrap canvas{display:block;width:100%!important;height:auto!important;aspect-ratio:880/560;touch-action:none;cursor:grab;outline:none}
.mt-wrap canvas:focus-visible{box-shadow:inset 0 0 0 3px #7c5fb5}
.mt-wrap canvas.mt-out{cursor:copy;opacity:.85}
.mt-tray{min-width:0;background:#f4ede0;border-left:1px solid var(--rule);display:flex;flex-direction:column;min-height:0}
.mt-tray-head{margin:0;padding:12px 14px 8px;font-family:'Fredoka',sans-serif;font-weight:600;font-size:15px;color:var(--accent-ink);display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.mt-tray-head span{font-family:'Inter',sans-serif;font-weight:500;font-size:11.5px;color:var(--ink-soft)}
.mt-list{list-style:none;margin:0;padding:0 10px 10px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1 1 0;min-height:0}
.mt-chip{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:12px;padding:4px 10px 4px 4px;cursor:grab;touch-action:none;transition:background .15s,border-color .15s,opacity .15s}
.mt-chip:hover{border-color:#7c5fb5}
.mt-chip:focus-visible{outline:3px solid #7c5fb5;outline-offset:1px}
.mt-chip[aria-pressed="true"]{opacity:.5;background:#ebe2cf;cursor:pointer}
.mt-chip[aria-pressed="true"] .mt-name::after{content:" ✓";color:#4a7530}
.mt-chip .mt-ic{width:40px!important;height:40px!important;flex:0 0 40px;pointer-events:none;aspect-ratio:auto!important}
.mt-name{display:flex;flex-direction:column;line-height:1.2;pointer-events:none;min-width:0;overflow-wrap:anywhere;font-size:12.5px}
.mt-stoff{font-weight:500;font-size:11.5px;color:var(--ink-soft)}
.mt-ghost{position:fixed;left:0;top:0;width:64px;height:64px;margin:-32px 0 0 -32px;pointer-events:none;z-index:9999;background:rgba(255,255,255,.9);border:2px solid #7c5fb5;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.mt-ghost canvas{width:60px;height:60px;display:block}
@media(max-width:700px){
  .mt-wrap{grid-template-columns:minmax(0,1fr)}
  .mt-tray{border-left:0;border-top:1px solid var(--rule)}
  .mt-list{flex:0 0 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:12px}
  .mt-list li{flex:0 0 auto}
  .mt-chip{width:auto;white-space:nowrap}
  .mt-wrap canvas{aspect-ratio:480/640}
}
@media(prefers-reduced-motion:reduce){.mt-chip{transition:none}}
@media print{.mt-tray{display:none}}