.phone-lookup-box {
    max-width: 700px;
    margin: 30px auto;
    font-family: Arial, sans-serif;
}


.phone-lookup-box h3 {
    font-size: 26px;
    margin-bottom: 15px;
    color: #111827;
}


#phone_numbers {

    width: 100%;
    min-height: 180px;

    padding: 18px;

    border: 1px solid #d1d5db;
    border-radius: 14px;

    font-size: 16px;

    resize: vertical;

    background: #ffffff;

    box-sizing: border-box;

}


#phone_numbers:focus {

    outline: none;

    border-color: #2563eb;

    box-shadow: 0 0 0 3px rgba(37,99,235,0.15);

}



#lookup_btn {

    margin-top: 15px;

    background: #2563eb;

    color:white;

    border:none;

    padding:14px 35px;

    border-radius:10px;

    font-size:16px;

    cursor:pointer;

    transition:0.3s;

}


#lookup_btn:hover {

    background:#1d4ed8;

    transform:translateY(-2px);

}



/* Results */


.lookup-result-card {

    margin-top:25px;

    padding:20px;

    border-radius:14px;

    background:#ffffff;

    border:1px solid #e5e7eb;

    box-shadow:0 5px 20px rgba(0,0,0,0.06);

}



.lookup-number {

    font-size:18px;

    font-weight:bold;

    color:#111827;

    margin-bottom:15px;

}


.main-name {

    font-size:18px;

    color:#059669;

    font-weight:bold;

}


.other-names {

    margin-top:15px;

    color:#374151;

}


.other-names div {

    padding:5px 0;

}


.loading-text {

    margin-top:20px;

    font-size:16px;

    color:#2563eb;

}
/* Loading */

.loading-box {

    margin-top:20px;

    padding:18px;

    background:#eff6ff;

    border:1px solid #bfdbfe;

    border-radius:12px;

    text-align:center;

    font-size:16px;

    color:#2563eb;

    font-weight:600;

}


/* Result Card */

.lookup-result-card {

    margin-top:25px;

    padding:25px;

    background:#ffffff;

    border-radius:16px;

    border:1px solid #e5e7eb;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    font-family:Arial, sans-serif;

}


.lookup-result-card b {

    color:#374151;

    font-size:16px;

}


.lookup-number {

    font-size:20px;

    font-weight:700;

    color:#111827;

    margin-bottom:20px;

}


.main-name {

    margin-top:10px;

    padding:15px;

    background:#ecfdf5;

    border-left:4px solid #10b981;

    border-radius:8px;

    font-size:20px;

    font-weight:700;

    color:#047857;

}


.other-names {

    margin-top:20px;

    padding:15px;

    background:#f9fafb;

    border-radius:10px;

    font-size:17px;

    color:#374151;

}


.other-names div {

    padding:6px 0;

    border-bottom:1px solid #e5e7eb;

}


.other-names div:last-child {

    border-bottom:none;

}