/* Clean mobile-only view */
#tme-fab{
  position: fixed; right: 16px; bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  z-index: 2147483647; width: 56px; height: 56px; border-radius: 999px;
  background: #1e60ff; color:#fff; display:none; align-items:center; justify-content:center;
  font-size:22px; box-shadow:0 6px 16px rgba(0,0,0,.35); border:none;
}
#tme-modal{ position: fixed; inset:0; background:rgba(0,0,0,.45); display:none; z-index:2147483646; }
#tme-modal.open{ display:block; }
#tme-sheet{
  position:absolute; left:0; right:0; bottom:0; background:#0f1420; color:#eaf1ff;
  border-radius:16px 16px 0 0; padding:14px; box-shadow:0 -4px 20px rgba(0,0,0,.35);
  max-height:85vh; overflow:auto;
}
#tme-sheet h3{ margin:0 0 10px; font-size:18px; }
#tme-sheet label{ display:block; font-size:12px; opacity:.85; margin:8px 0 4px; }
#tme-sheet select,#tme-sheet input[type=text],#tme-sheet input[type=password]{
  width:100%; border-radius:10px; border:1px solid #1e2b55; padding:10px; background:#0a1326; color:#eaf1ff;
}
.row{ display:flex; gap:8px; align-items:center; }
.row>*{ flex:1; }
.seg{ background:#0a1326; border:1px solid #1e2b55; border-radius:10px; padding:8px; display:flex; align-items:center; gap:8px; justify-content:center; }
.seg button{ width:32px; height:32px; border-radius:8px; border:1px solid #1e2b55; background:transparent; color:#eaf1ff; font-size:18px; }
.seg input{ width:42px; text-align:center; background:transparent; border:none; color:#eaf1ff; font-size:16px; }
#tme-actions{ display:flex; gap:8px; margin-top:12px; }
#tme-actions .primary{ flex:1; background:#1e60ff; color:#fff; border:none; padding:12px; border-radius:10px; font-weight:700; }
#tme-actions .ghost{ flex:1; background:transparent; color:#eaf1ff; border:1px solid #1e2b55; padding:12px; border-radius:10px; }

/* Mobile only (bis 1024px): nur hier anzeigen */
@media (max-width: 1024px){
  #tme-fab{ display:flex; }
}