/* app/public/css/tv_activation.css */
/* (Copiado do seu arquivo antigo) */
:root {
    --primary-color: #2980b9;
    --success-color: #2ecc71;
    --danger-color: #e74c3c;
    --dark-blue: #2c3e50;
    --medium-blue: #34495e;
    --light-color: #ecf0f1;
    --light-gray: #bdc3c7;
}
html, body {
    margin: 0; padding: 0; height: 100vh; width: 100vw;
    overflow: hidden; background-color: var(--dark-blue);
}
.activation-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--light-color); display: flex; justify-content: center;
    align-items: center; height: 100%; text-align: center;
}
.activation-box {
    background-color: var(--medium-blue); padding: 40px;
    border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.activation-box img { max-height: 60px; margin-bottom: 20px; }
.activation-box h1 { margin-top: 0; }
.activation-box p { color: var(--light-gray); }
.token-input {
    font-size: 2rem; padding: 10px; width: 300px; text-align: center;
    border: 2px solid var(--primary-color); background: var(--dark-blue);
    color: #fff; border-radius: 6px; text-transform: uppercase; margin: 20px 0;
}
.btn-activate {
    font-size: 1.2rem; padding: 12px 30px; background-color: var(--success-color);
    color: #fff; border: none; border-radius: 6px; cursor: pointer; transition: background-color 0.2s;
}
.btn-activate:hover { background-color: #27ae60; }
.btn-activate i { margin-right: 0.5rem; }
.message { margin-top: 20px; font-weight: bold; min-height: 24px; }
.message.error { color: var(--danger-color); }
.message.success { color: var(--success-color); }
#viewer-container { display: none; width: 100%; height: 100%; background: #000; }
#viewer-frame { width: 100%; height: 100%; border: none; }