/*
 * TalentOS 1.148 — Tema "Smart Connecta".
 * Identidade visual alinhada ao Smart Connecta 1.4.28 (platform.css, tokens --cp-*):
 * fundo claro lavanda, barra lateral branca, roxo #7044d8 como cor de ação, tipografia Inter,
 * cartões brancos com borda #ece9f2 e raio 14–16px.
 * Aplicado somente com html[data-theme="smart"]; os demais temas continuam disponíveis.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

html[data-theme="smart"]{
 color-scheme:light;
 --bg:#f7f8fc;--bg2:#f4f0fc;--panel:#ffffff;--panel2:#fcfbfe;--line:#ece9f2;
 --text:#29213f;--muted:#81788f;--soft:#62576f;
 --teal:#7044d8;--teal2:#5b2fc4;--accent:#7044d8;--brand-secondary:#ece9f2;
 --custom-primary:#7044d8;--custom-secondary:#29213f;
 --ok:#2f9a6c;--warn:#b07f1f;--bad:#c2416a;
 --shadow:0 2px 4px rgba(38,22,69,.03),0 14px 34px rgba(49,33,83,.06);
 --smart-violet:#6d25ff;--smart-pink:#ef1aa1;--smart-coral:#ff7140;--smart-blue:#08b9ee;
 --smart-soft:#f4f0fc;--smart-active:#eee8fb;--smart-active-text:#6537c7;--smart-radius:16px;
}
html[data-theme="smart"] body{
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 font-size:16px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;
}
html[data-theme="smart"] button,html[data-theme="smart"] input,html[data-theme="smart"] select,html[data-theme="smart"] textarea{font-family:inherit}

/* ---------- Barra lateral ---------- */
html[data-theme="smart"] .sidebar{
 background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none;
 border-right:1px solid var(--line)!important;box-shadow:none!important;
}
html[data-theme="smart"] .talentos-brand-lockup strong{
 font-weight:800;letter-spacing:-.5px;
 background:linear-gradient(90deg,#6d25ff 0%,#a42fe0 55%,#ef1aa1 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="smart"] .talentos-brand-lockup span{color:#a39bad}
html[data-theme="smart"] .sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#a39bad}
html[data-theme="smart"] .navbtn{color:#766e84;font-weight:500;border-radius:11px;border:0!important;outline:0;transition:background .15s,color .15s}
html[data-theme="smart"] .navbtn .nav-icon{background:transparent!important;color:inherit;border:0!important;box-shadow:none!important;border-radius:8px}
html[data-theme="smart"] .navbtn:hover{background:#f7f5fc!important;color:var(--teal)!important}
html[data-theme="smart"] .navbtn.active{
 background:var(--smart-active)!important;color:var(--smart-active-text)!important;font-weight:650;
 box-shadow:inset 3px 0 #8053e3!important;
}
html[data-theme="smart"] .navbtn.active .nav-icon{background:transparent!important;color:var(--smart-active-text)!important}
html[data-theme="smart"] .sidebar-nav-divider{border-color:var(--line);background:var(--line)}
html[data-theme="smart"] .sidebar-footer{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none}
html[data-theme="smart"] .sidebar-status-dot{background:linear-gradient(130deg,#ff8152,#ef36a8,#8257ed,#22bbeb)!important;box-shadow:none!important}

/* ---------- Barra superior ---------- */
html[data-theme="smart"] .topbar{
 background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--line)!important;
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none!important;
}
html[data-theme="smart"] .topbar h1,html[data-theme="smart"] .topbar h2{color:#302643;letter-spacing:-.6px;font-weight:650}
html[data-theme="smart"] .eyebrow{color:#a292b8;font-size:11px;font-weight:700;letter-spacing:1.6px}
html[data-theme="smart"] .topbar .eyebrow{color:var(--teal)}

/* ---------- Cartões, painéis e métricas ---------- */
html[data-theme="smart"] .panel,html[data-theme="smart"] .card,html[data-theme="smart"] .settings-card,html[data-theme="smart"] .metric{
 background:#fff;border:1px solid var(--line)!important;border-radius:var(--smart-radius);
 box-shadow:0 2px 4px rgba(38,22,69,.02)!important;
}
html[data-theme="smart"] h1,html[data-theme="smart"] h2,html[data-theme="smart"] h3{color:#302643;letter-spacing:-.4px}

/* ---------- Botões ---------- */
html[data-theme="smart"] .btn{
 border-radius:9px;border:1px solid #e9e3ef;background:#fff;color:#776088;font-weight:600;
 box-shadow:0 1px 1px rgba(50,25,86,.02);
}
html[data-theme="smart"] .btn:hover{background:#faf8ff;border-color:#d6c6ee;color:var(--teal)}
html[data-theme="smart"] .btn.primary{background:#794adb!important;border-color:#794adb!important;color:#fff!important;box-shadow:0 3px 8px rgba(117,64,202,.10)}
html[data-theme="smart"] .btn.primary:hover{background:#6c3cc8!important;border-color:#6c3cc8!important;color:#fff!important}
html[data-theme="smart"] .btn.ghost{background:#fff;color:#776088}
html[data-theme="smart"] .btn.danger,html[data-theme="smart"] .btn.bad{color:#bf4b65;border-color:#f2dbe4;background:#fff7f8}

/* ---------- Formulários ---------- */
html[data-theme="smart"] input:not([type=checkbox]):not([type=radio]):not([type=range]),
html[data-theme="smart"] select,html[data-theme="smart"] textarea{
 background:#fff;border:1px solid #e4dfed;border-radius:10px;color:#33226b;
}
html[data-theme="smart"] input:focus,html[data-theme="smart"] select:focus,html[data-theme="smart"] textarea:focus{
 border-color:var(--smart-violet)!important;box-shadow:0 0 0 4px rgba(109,37,255,.10)!important;outline:0;
}
html[data-theme="smart"] input::placeholder,html[data-theme="smart"] textarea::placeholder{color:#b3a8c4}
html[data-theme="smart"] label{color:#8a7399}
html[data-theme="smart"] input[type=checkbox],html[data-theme="smart"] input[type=radio],html[data-theme="smart"] input[type=range]{accent-color:#7044d8}

/* ---------- Tabelas ---------- */
html[data-theme="smart"] .table th,html[data-theme="smart"] table th{
 background:#fcfbfe;color:#9b8daa;font-size:11px;font-weight:600;letter-spacing:.3px;border-bottom:1px solid #f0ebf5;
}
html[data-theme="smart"] .table td,html[data-theme="smart"] table td{border-bottom-color:#f3eff7;color:#5f526d}
html[data-theme="smart"] .table tbody tr:hover,html[data-theme="smart"] table tbody tr:hover{background:#fdfcfe}

/* ---------- Badges / chips ---------- */
html[data-theme="smart"] .badge,html[data-theme="smart"] .pill,html[data-theme="smart"] .tag{border-radius:6px;font-weight:600}

/* ---------- Modais e avisos ---------- */
html[data-theme="smart"] .modal{background:rgba(48,32,61,.33);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
html[data-theme="smart"] .modal>.card,html[data-theme="smart"] .modal .modal-card,html[data-theme="smart"] .modal>div{border-radius:20px;border:1px solid #f2ebf8;box-shadow:0 20px 75px rgba(36,20,45,.15)}
html[data-theme="smart"] .notice{background:var(--smart-soft);border:1px solid #e7def7;color:#5a4a6e;border-radius:12px}
html[data-theme="smart"] .toast,html[data-theme="smart"] #toast{background:#fff;color:#836196;border:1px solid #e3d8ef;border-radius:12px;box-shadow:0 8px 30px rgba(56,33,65,.12)}

/* ---------- Login ---------- */
html[data-theme="smart"] .login-page{background:radial-gradient(circle at 35% 15%,#f3edff 0,transparent 32%),#fbfaff}
html[data-theme="smart"] .login-card{background:#fff;border:0!important;border-radius:28px;box-shadow:0 24px 55px rgba(58,21,132,.12)!important}

/* ---------- Portal público (vagas, testes, entrevistas) ---------- */
html[data-theme="smart"] .header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
html[data-theme="smart"] .talentos-header-name{
 font-weight:800;background:linear-gradient(90deg,#6d25ff 0%,#a42fe0 55%,#ef1aa1 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Prévia no seletor de tema */
.theme-preview-smart{background:linear-gradient(135deg,#ffffff 0 45%,#7044d8 45% 72%,#ef1aa1 72%)!important}