#tokai-appt-container {
    margin: 10px 0;
    font-family: inherit;
    animation: fadeIn 0.4s ease;
}

.tokai-appt-box {
    background: var(--tw-bg-footer); /* Heredado del core */
    border: 1px solid var(--tw-border);
    border-radius: 8px;
    padding: 12px;
    color: var(--tw-text);
}

.tokai-appt-box p { margin: 0 0 10px 0; font-size: 13px; font-weight: 600; }

.tokai-appt-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.t-btn {
    background: var(--t-slate-800);
    border: 1px solid var(--t-indigo-500);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
    transition: background 0.2s;
}
.t-btn:hover { background: var(--t-indigo-600); }

.t-btn.t-cancel {
    background: transparent;
    border-color: var(--t-slate-400);
    color: var(--t-slate-400);
}

.t-input {
    width: 100%;
    padding: 8px;
    margin-bottom: 8px;
    background: var(--t-slate-950);
    border: 1px solid var(--t-slate-800);
    color: white;
    border-radius: 4px;
}

.t-btn-full {
    width: 100%;
    background: var(--t-green-400);
    color: #000;
    border: none;
    padding: 8px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
}

.t-link-cancel {
    background: none; border: none; color: var(--t-slate-400);
    font-size: 11px; text-decoration: underline; margin-top: 5px; cursor: pointer;
}

.tokai-success { color: var(--t-green-400); font-weight: bold; text-align: center; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }