/* Minimal mobile-first styles */
.fsc-app { max-width: 480px; margin: 0 auto; font-family: Arial, sans-serif; }
.fsc-cards { display:flex; flex-direction:column; gap:8px; }
.fsc-card { background:#fff; border:1px solid #ddd; padding:14px; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.04); font-size:18px; cursor:pointer; transition: transform .15s ease, border-color .15s ease; }
.fsc-card:hover { transform: translateY(-2px); border-color:#2d7dff; }
.fsc-summary { background:#f7f9ff; border:1px solid #dbe3f0; padding:16px; border-radius:10px; margin-bottom:16px; line-height:1.6; }
.fsc-info { margin:16px 0 0; padding:12px; background:#eef6ff; border-radius:8px; color:#0a2540; }
.fsc-actions { display:flex; gap:12px; flex-wrap:wrap; margin:16px 0; }
.fsc-btn { display:inline-flex; justify-content:center; align-items:center; margin-top:10px; padding:16px 22px; min-width:120px; background:#2d7dff; color:#fff; border:none; border-radius:12px; font-size:18px; cursor:pointer; transition: transform .15s ease, opacity .15s ease; }
.fsc-btn:hover { opacity:.92; transform: translateY(-1px); }
.fsc-btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.fsc-btn-in { background:#28a745; }
.fsc-btn-out { background:#dc3545; }
.fsc-error{ color:#b00020; margin:10px 0; }
.fsc-pin{ font-size:22px; padding:10px; width:100%; box-sizing:border-box; }