/* ================================
   GLOBAL DASHBOARD
================================ */


.clinic-dashboard {

    max-width:1100px;

    margin:40px auto;

    padding:30px;

    font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

}





/* ================================
   HEADER
================================ */


.clinic-header {

    background:
    linear-gradient(
        135deg,
        #007c91,
        #00a878
    );

    color:white;

    border-radius:20px;

    padding:30px;

    margin-bottom:25px;

}





/* ================================
   GRID CARDS
================================ */


.clinic-grid {

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:20px;

    margin-bottom:25px;

}





.clinic-card {

    background:#ffffff;

    border-radius:16px;

    padding:25px;

    margin-bottom:20px;

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

}





.clinic-card h3 {

    color:#007c91;

}





.clinic-icon {

    font-size:40px;

    margin-bottom:15px;

}





.clinic-link {

    text-decoration:none;

    color:inherit;

    transition:.3s;

}



.clinic-link:hover {

    transform:translateY(-5px);

}





/* ================================
   RESULTS
================================ */


.clinic-result {


    border-left:

    5px solid #00a878;

    padding:20px;

    background:#f8fafb;

    border-radius:12px;

    margin-top:15px;

}







/* ================================
   BUTTONS
================================ */


.clinic-button {


    display:inline-block;

    background:#007c91;

    color:white;

    padding:12px 22px;

    border-radius:30px;

    text-decoration:none;

    transition:.3s;

}



.clinic-button:hover {

    background:#005d6b;

    color:white;

}







/* ================================
   PATIENT LOGIN
================================ */


.clinic-login-page {

    min-height:70vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px 20px;

}





.clinic-login-card {


    background:white;

    max-width:420px;

    width:100%;

    padding:35px;

    border-radius:22px;

    box-shadow:
    0 15px 40px rgba(0,0,0,.12);


}





.clinic-login-header {

    text-align:center;

    margin-bottom:30px;

}





.clinic-logo {

    font-size:45px;

}





.clinic-login-header h2 {

    color:#007c91;

    margin-bottom:10px;

}





.clinic-login-header p {

    color:#666;

}





.clinic-login-form label {

    font-weight:600;

    display:block;

    margin-bottom:8px;

}





.clinic-login-form input {


    width:100%;

    padding:14px;

    border-radius:12px;

    border:1px solid #ddd;

    font-size:16px;

    box-sizing:border-box;

}







.clinic-login-button {


    width:100%;

    padding:15px;

    border:none;

    border-radius:30px;

    background:

    linear-gradient(
        135deg,
        #007c91,
        #00a878
    );


    color:white;

    font-size:16px;

    cursor:pointer;

}





.clinic-login-security {


    text-align:center;

    margin-top:25px;

    padding:15px;

    background:#f4faf8;

    border-radius:12px;

    color:#26734d;

    font-size:14px;

}







/* ================================
   PATIENT NAVIGATION
================================ */


.clinic-nav {


    width:100%;

    background:white;

    padding:20px 30px;

    border-radius:18px;

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


    display:flex !important;

    flex-direction:row !important;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    margin-bottom:25px;

    box-sizing:border-box;

}





.clinic-nav-brand {


    font-size:22px;

    font-weight:700;

    color:#007c91;

    white-space:nowrap;

}





.clinic-nav-links {


    display:flex !important;

    flex-direction:row !important;

    align-items:center;

    justify-content:flex-end;

    gap:20px;

}





.clinic-nav-links a {


    text-decoration:none;

    color:#333;

    font-weight:600;

    padding:8px 12px;

    border-radius:8px;

}





.clinic-nav-links a:hover {

    background:#e8f7f4;

    color:#00a878;

}







/* ================================
   MOBILE
================================ */


@media(max-width:700px){


    .clinic-dashboard {

        padding:15px;

    }



    .clinic-nav {


        flex-direction:column !important;

    }




    .clinic-nav-links {


        flex-direction:column !important;

        width:100%;

        text-align:center;

    }



}
/* ================================
   STATUS BADGE
================================ */


.clinic-status {

    display:inline-block;

    background:#e8f7f4;

    color:#007c91;

    padding:6px 14px;

    border-radius:20px;

    font-size:13px;

    font-weight:600;

}





/* ================================
   CARD EFFECTS
================================ */


.clinic-card {

    transition:
    transform .25s ease,
    box-shadow .25s ease;

}



.clinic-card:hover {

    transform:translateY(-5px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.12);

}





/* ================================
   SECURITY BOX
================================ */


.clinic-security {

    background:
    linear-gradient(
        135deg,
        #f4faf8,
        #ffffff
    );

    border-left:

    5px solid #00a878;

}





/* ================================
   RESULTS SUMMARY
================================ */


.clinic-card strong {

    color:#007c91;

    font-size:18px;

}





/* ================================
   MOBILE DASHBOARD
================================ */


@media(max-width:700px){


    .clinic-header {

        padding:22px;

        border-radius:15px;

    }



    .clinic-card {

        padding:20px;

    }



    .clinic-button {

        width:100%;

        text-align:center;

        box-sizing:border-box;

    }



}