.tt-top { display:flex; justify-content:flex-end; margin-bottom:6px; }
#tt-total { color:#f5d90a; font-size:15px; }
.tt-as { margin:0 0 12px; color:#3dd68c; font-weight:700; }
.tt-bad { margin:0 0 12px; color:#fca5a5; }
main.wrap #tt-form,
main.wrap #tt-form .sheet { width:100%; max-width:100%; overflow:hidden; }
main.wrap #tt-form .head,
main.wrap #tt-form .autobet,
main.wrap #tt-form .line {
    display:grid !important;
    grid-template-columns: 70px minmax(0, 1.4fr) 36px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:4px !important;
    align-items:center;
    width:100% !important;
    min-width:0 !important;
    margin-bottom:6px;
}
main.wrap #tt-form .head span,
main.wrap #tt-form .line > span { text-align:center; color:#cbd5e1; font-size:11px; overflow:hidden; }
main.wrap #tt-form .name { white-space:nowrap; font-weight:700; }
main.wrap #tt-form input {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box;
    padding:7px 4px;
    font-size:13px;
}
main.wrap #tt-form .diskon,
main.wrap #tt-form .bayar { background:#d1d5db; color:#111; }
main.wrap #tt-form .actions { display:flex; gap:8px; justify-content:center; margin-top:12px; }
main.wrap #tt-form .actions button { border:0; border-radius:8px; padding:10px 22px; font-weight:700; }
main.wrap #tt-form .actions button:nth-child(1) { background:#0f9f8f; color:#fff; }
main.wrap #tt-form .actions button:nth-child(2) { background:#dc2626; color:#fff; }