@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');
@media screen{
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:radial-gradient(1200px 500px at 70% -10%,#1b1710 0%,transparent 60%) no-repeat fixed,#0b0b0d!important;color:#ececef!important}
.topo{background:linear-gradient(180deg,#121215,#0d0d10)!important;border-bottom:1px solid #26262c!important}
.marca-nome{font-family:'Playfair Display',Georgia,serif}
.card{background:linear-gradient(180deg,#17171b,#121215)!important;border:1px solid #26262c!important;color:#ececef!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
.card-topo,.card h2,.card h3{color:#ececef!important}
.card-ico{background:#201b10!important;color:#c8a45a!important}
.btn{background:#18181c!important;color:#ececef!important;border:1px solid #34343c!important}
.btn:hover{border-color:#c8a45a!important;color:#c8a45a!important}
.btn.primario,.btn.escuro{background:#c8a45a!important;color:#14110a!important;border-color:#c8a45a!important;font-weight:600}
.btn.primario:hover,.btn.escuro:hover{background:#dcbc72!important;color:#14110a!important}
input,select,textarea{background:#0e0e11!important;color:#ececef!important;border:1px solid #34343c!important;border-radius:8px}
.vazio,.tri-zona,.faixa-arquivo,.add{background:#101013!important;border-color:#34343c!important;color:#a8a8b3!important}
.tri-zona{color:#ececef!important}.tri-zona *{color:inherit!important}
.status{color:#a8a8b3!important}
}

/* ===== Refinamento m2: espaçamentos, bordas e botões ===== */
@media screen{
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{line-height:1.55}
button,.btn,a.btn,input[type=button],input[type=submit],[class*="btn-"],[class*="botao"]{border-radius:10px!important;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease,color .18s ease!important;letter-spacing:.01em}
button:not(:disabled):hover,.btn:hover,[class*="btn-"]:hover{transform:translateY(-1px)}
button:not(:disabled):active,.btn:active,[class*="btn-"]:active{transform:translateY(0)}
button:disabled{opacity:.5;cursor:not-allowed}
[class*="primar"]:not(:disabled):hover,button[class*="gold"]:hover,.btn-primary:hover{box-shadow:0 6px 18px rgba(200,164,90,.22)!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{border-radius:10px!important;border:1px solid #2f2f37!important;transition:border-color .18s ease,box-shadow .18s ease!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover,select:hover,textarea:hover{border-color:#44444f!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#c8a45a!important;box-shadow:0 0 0 3px rgba(200,164,90,.18)!important}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #c8a45a!important;outline-offset:2px!important}
textarea{line-height:1.5}
.card,[class*="card"],.panel,[class*="painel"],.box,.modal,[class*="modal"]>div{border-radius:14px!important;border-color:#2a2a31!important}
.card,[class*="card"]{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.card:hover,[class*="card"]:hover{border-color:#3b3b44!important}
table{border-collapse:separate;border-spacing:0}
::selection{background:rgba(200,164,90,.35)}
*{scrollbar-width:thin;scrollbar-color:#3a3a43 transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#3a3a43;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#51515c;background-clip:padding-box;border:2px solid transparent}
::-webkit-scrollbar-track{background:transparent}
}