/* ----------------------------------------------------------
   PREMIUM CARD SYSTEM
---------------------------------------------------------- */

#smt-translit-rules,
#smt-translit-test-input {
    border-radius: 10px;
    border: 1px solid #d2d2d8;
    background: #f9f9fb;
    padding: 12px 14px;
    font-size: 14px;
    transition: all 0.2s ease;
}

#smt-translit-rules:focus,
#smt-translit-test-input:focus {
    border-color: #5e5df0;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(94,93,240,0.15);
}

/* ----------------------------------------------------------
   JSON Example Text
---------------------------------------------------------- */

.smt-card code {
    background: #f4f4f7;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 13px;
}

/* ----------------------------------------------------------
   TEST AREA RESULT
---------------------------------------------------------- */

#smt-translit-test-output {
    display: inline-block;
    padding: 8px 12px;
    background: #f4f4f7;
    border-radius: 6px;
    font-family: monospace;
    font-size: 15px;
}

/* ----------------------------------------------------------
   STATUS FEEDBACK
---------------------------------------------------------- */

#smt-translit-save-status,
#smt-translit-convert-status {
    display: inline-block;
    transition: color 0.2s;
}

#smt-translit-convert-status {
    font-size: 14px;
}