/* Estilos do Checkout */
.smt-chk-box { background: #fff; max-width: 480px; width: 100%; padding: 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); margin: 0 auto;}
.smt-chk-header { text-align: center; margin-bottom: 20px; border-bottom: 1px dashed #eee; padding-bottom: 20px; }
.smt-chk-price { font-size: 38px; font-weight: 900; color: #10b981; margin: 5px 0; }
.smt-chk-details { font-size: 13px; color: #666; background: #f9f9f9; padding: 10px; border-radius: 6px; margin-bottom: 20px; text-align:center;}
.smt-chk-group { margin-bottom: 15px; }
.smt-chk-group label { display: block; font-size: 13px; font-weight: bold; color: #555; margin-bottom: 5px; }
.smt-chk-group input, .smt-chk-group select { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; }
.smt-chk-btn { width: 100%; background: #10b981; color: #fff; border: none; padding: 22px; border-radius: 8px; font-size: 22px; font-weight: 900; cursor: pointer; margin-top: 15px; transition: 0.3s; text-decoration: none; text-transform: uppercase; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4); display: flex; justify-content: center; align-items: center; letter-spacing: 1px;}
.smt-chk-btn:hover { background: #059669; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(16, 185, 129, 0.6);}

/* Estilos do Painel do Usuário */
.tmd-wrap { font-family: 'Inter', sans-serif; background: #1e1e2e; color: #e0e0e0; padding: 30px; border-radius: 12px; }
.tmd-tabs { display: flex; gap: 15px; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; }
.tmd-tab { background: transparent; color: #888; border: none; font-size: 16px; cursor: pointer; padding: 5px 10px; transition: 0.3s; }
.tmd-tab.active, .tmd-tab:hover { color: #ffb700; border-bottom: 2px solid #ffb700; }
.tmd-glass { background: rgba(30, 30, 46, 0.7); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); margin-bottom: 20px;}
.tmd-btn { background: #ffb700; color: #1e1e2e; padding: 10px 15px; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-size: 13px; text-decoration:none; transition: 0.2s;}
.tmd-btn:hover { opacity: 0.9; }
.tmd-btn-success { background: #10b981; color: #fff; }
.tmd-btn-danger { background: rgba(239, 68, 68, 0.1); border: 1px solid #ef4444; color: #ef4444; }
.tmd-input { width: 100%; padding: 10px; background: rgba(0,0,0,0.2); border: 1px solid #444; color: #fff; border-radius: 4px; margin-bottom: 15px; box-sizing: border-box;}
.tmd-profile-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.tmd-title { margin:0; color:#fff; }
.tmd-subtitle { margin:5px 0 0 0; color:#888; font-size: 13px; }
.smart-custom-avatar { border-radius: 50%; border: 2px solid #ffb700; object-fit: cover; }
.tmd-content { display: none; }
.tmd-content.active { display: block; }
.tmd-action-group { margin-top: 15px; display:flex; gap:10px; flex-wrap: wrap; }

/* Modal */
.tmd-modal { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999; justify-content: center; align-items: center;}
.tmd-modal-content { background: #1e1e2e; padding: 30px; border-radius: 12px; width: 400px; max-width: 90%; border: 1px solid #444; text-align:center;}
.tmd-text-sm { font-size:14px; text-align:left; color:#ccc; }
.tmd-modal-actions { display:flex; gap:10px; margin-top:15px; }
.tmd-modal-actions .tmd-btn { flex: 1; }