/* Estilos exclusivos da página app_cores.php */

.app-color-wrap{width:100%;max-width:none;margin:0;padding:0 18px}.app-color-card{border-radius:22px;background:#121212;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.35);overflow:hidden}.app-color-head{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-color-head h4{color:#fff;font-weight:950;margin:0}.app-color-head p{color:rgba(255,255,255,.62);font-weight:700;margin:6px 0 0}.preview-phone{border-radius:28px;background:#050505;border:1px solid rgba(255,255,255,.12);padding:18px;min-height:360px;position:relative;overflow:hidden}.preview-top{height:120px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);margin-bottom:18px}.preview-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 13px;font-weight:900;color:#fff;background:var(--app-accent);box-shadow:0 0 30px rgba(255,255,255,.06)}.preview-btn{height:46px;border-radius:16px;border:2px solid var(--app-border);background:var(--app-button);color:var(--app-text);display:flex;align-items:center;justify-content:center;font-weight:950;margin-top:14px}.preview-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.preview-poster{height:92px;border-radius:14px;border:2px solid var(--app-border);background:rgba(255,255,255,.08)}.form-control-color{height:48px;width:100%;border-radius:12px}.range-label{display:flex;justify-content:space-between;font-weight:800;color:#fff}.api-note{border-radius:18px;border:1px solid rgba(36,139,255,.22);background:rgba(36,139,255,.08);color:#d6eaff;padding:14px 16px;font-weight:750}.small-muted{color:rgba(255,255,255,.60);font-weight:700}.hex-input{text-transform:uppercase;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}@media(max-width:575px){.app-color-wrap{padding:0 8px}.app-color-head{padding:16px}}

.preview-btn-muted{background:rgba(255,255,255,.04)}
