/* Only the car menu. Tables keep every column and scroll inside their own frame. */
@media (max-width:768px) {
  #panel-masinaMea { min-width:0; max-width:100%; }
  #masinaMeaContent { min-width:0; max-width:100%; font-size:16px; line-height:1.45; }
  #masinaMeaContent .mm-section { padding:10px !important; margin-bottom:16px !important; }
  #masinaMeaContent .mm-section-title { font-size:20px !important; font-weight:600 !important; margin-bottom:12px !important; }
  #masinaMeaContent .mm-plate { font-size:26px !important; font-weight:600 !important; }
  #masinaMeaContent .mm-meta { font-size:16px !important; font-weight:400; line-height:1.45; }
  #masinaMeaContent .mm-status { font-size:16px !important; font-weight:500 !important; line-height:1.4; }
  #masinaMeaContent .mm-row { flex-wrap:wrap; gap:6px 12px !important; }
  #masinaMeaContent .mm-row > * { min-width:0; max-width:100%; overflow-wrap:break-word; }
  #masinaMeaContent .mm-document { padding:10px 0 !important; }
  #masinaMeaContent .mm-warning { color:#7a5b00; }
  #masinaMeaContent .mm-form-grid { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
  #masinaMeaContent .mm-form-grid > * { min-width:0; }
  #masinaMeaContent :is(input,select,textarea,button,.btn) { max-width:100%; font-size:17px; line-height:1.4; }
  #masinaMeaContent :is(input,select,textarea) { min-width:0; font-size:17px !important; }
  #masinaMeaContent label { font-size:16px !important; }
  #masinaMeaContent .mm-tab { border:1px solid var(--border); border-radius:8px; font-weight:600 !important; }
  #masinaMeaContent .mm-tab[aria-pressed="true"] { background:var(--bg3); color:var(--text); border-color:var(--accent); }
  #masinaMeaContent .mm-km-metrics { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px 8px !important; margin:12px 0; }
  #masinaMeaContent .mm-km-metrics > div > div:last-child { font-size:18px; font-weight:600 !important; }

  #masinaMeaContent .mm-table-scroll {
    width:100%; min-width:0; max-width:100%; max-height:60vh !important; max-height:60dvh !important;
    overflow:auto !important; overscroll-behavior:contain; touch-action:pan-x pan-y pinch-zoom;
    -webkit-overflow-scrolling:touch; isolation:isolate; position:relative;
    border:1px solid var(--border); border-radius:8px;
  }
  #masinaMeaContent .mm-history-scroll { max-height:42vh !important; max-height:42dvh !important; }
  #masinaMeaContent .mm-table-scroll:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
  #masinaMeaContent .mm-table {
    width:max-content !important; min-width:100%; table-layout:auto;
    border-collapse:separate !important; border-spacing:0; font-size:17px !important;
    line-height:1.4; font-variant-numeric:tabular-nums;
  }
  #masinaMeaContent .mm-table :is(th,td) {
    padding:10px 12px !important; height:44px; white-space:nowrap;
    border-bottom:1px solid var(--border); vertical-align:middle;
  }
  #masinaMeaContent .mm-table td { font-weight:400 !important; background:var(--card); }
  #masinaMeaContent .mm-table tbody tr:nth-child(even) td { background:var(--card2); }
  #masinaMeaContent .mm-table td b { font-weight:600; }
  #masinaMeaContent .mm-table thead th {
    position:sticky !important; top:0; z-index:2 !important; background:var(--bg3) !important;
    color:var(--text); font-weight:600; border-bottom:2px solid var(--border);
  }
  #masinaMeaContent .mm-table :is(th,td):first-child {
    position:sticky !important; left:0; z-index:1; box-shadow:2px 0 0 var(--border);
  }
  #masinaMeaContent .mm-table thead th:first-child { z-index:3 !important; }
  #masinaMeaContent .mm-team-table :is(th,td):first-child {
    --mm-name-width:clamp(194px,48vw,212px);
    width:var(--mm-name-width); min-width:var(--mm-name-width); max-width:var(--mm-name-width);
    white-space:normal; word-break:normal; overflow-wrap:break-word;
  }
  #masinaMeaContent .mm-team-table td:first-child { font-weight:500 !important; }
  #masinaMeaContent .mm-table [data-mm-kind="state"] {
    min-width:220px; max-width:240px; white-space:normal;
  }
}

/* Dedicated controls live only in the header. Body gestures remain native scrolling. */
#masinaMeaContent .mm-table-hint { position:relative; color:var(--text-secondary); font-size:15px; line-height:1.4; margin:6px 0 10px; }
#masinaMeaContent .mm-table-announcement { position:absolute; left:0; right:0; bottom:0; background:var(--card); color:var(--text); font-weight:500; }
#masinaMeaContent .mm-table-announcement:empty { display:none; }
#masinaMeaContent .mm-table-configured { table-layout:fixed; min-width:0; }
#masinaMeaContent .mm-table.mm-table-configured :is(th,td) { width:auto; min-width:0; max-width:none; padding:8px !important; box-sizing:border-box; }
#masinaMeaContent .mm-table-configured [data-mm-kind="name"],
#masinaMeaContent .mm-table-configured [data-mm-kind="state"] { width:auto; min-width:0; max-width:none; white-space:normal; overflow-wrap:break-word; }
#masinaMeaContent .mm-col-title { display:block; white-space:normal; overflow-wrap:normal; min-height:24px; }
#masinaMeaContent .mm-col-controls { display:flex; justify-content:space-between; align-items:center; gap:0; margin:-4px -2px 4px; }
#masinaMeaContent .mm-col-handle {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px;
  min-height:44px; min-width:44px; padding:0; border:1px solid var(--border); border-radius:6px;
  background:var(--card); color:var(--text); font-size:22px; font-weight:500; line-height:1;
  touch-action:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;
}
#masinaMeaContent .mm-col-move { cursor:grab; }
#masinaMeaContent .mm-col-resize { cursor:ew-resize; }
#masinaMeaContent .mm-col-fixed { font-size:13px; font-weight:400; color:var(--text-secondary); }
#masinaMeaContent .mm-col-handle:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
#masinaMeaContent th.mm-col-active { box-shadow:inset 0 0 0 2px var(--accent); }
#masinaMeaContent th.mm-drop-before { box-shadow:inset 4px 0 0 var(--accent); }
#masinaMeaContent th.mm-drop-after { box-shadow:inset -4px 0 0 var(--accent); }