/* integrations-streamer-tips — styles page (migration DA, ne pas dupliquer la coque) */

.glass {
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 16px;
        }

        .input-field,
        input[type="text"],
        input[type="number"],
        textarea {
            width: 100%;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 8px;
            padding: 10px 12px;
            color: #fff;
        }
        .input-field:focus,
        input[type="text"]:focus,
        input[type="number"]:focus,
        textarea:focus {
            outline: none;
            border-color: #ff6b35;
            box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
        }

        select.input-field:disabled {
            opacity: 0.65;
            cursor: not-allowed;
            background-color: rgba(255, 255, 255, 0.06);
            color: rgba(255, 255, 255, 0.55);
        }

        .badge-ok { background: rgba(34,197,94,0.2); color: #86efac; }
        .badge-warn { background: rgba(234,179,8,0.2); color: #fde047; }
        .badge-off { background: rgba(255,255,255,0.1); color: #aaa; }
        .field-locked {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 8px;
            padding: 10px 12px;
            color: rgba(255,255,255,0.42);
            font-family: ui-monospace, monospace;
            font-size: 0.9rem;
            cursor: not-allowed;
            user-select: all;
        }