/* =========================================================
   AWTI DEVICES HUB
   OVERVIEW CSS
   File: assets/css/device-overview.css
   ========================================================= */


/* =========================================================
   OVERVIEW CARD
   ========================================================= */

.awti-device-single [data-panel="overview"]
.awti-device-card{
    position:relative;

    margin-bottom:14px;
    padding:18px;

    border:1px solid rgba(37,99,235,.15);
    border-left:3px solid #16a34a;
    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            #ecfdf5 0%,
            #ffffff 50%,
            #eff6ff 100%
        );

    box-shadow:
        0 6px 20px rgba(15,23,42,.05);

    overflow:hidden;
}

.awti-device-single [data-panel="overview"]
.awti-device-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:2px;

    background:
        linear-gradient(
            90deg,
            #16a34a,
            #0d9488,
            #2563eb
        );
}


/* =========================================================
   OVERVIEW HEADINGS
   ========================================================= */

.awti-device-single [data-panel="overview"]
.awti-device-card h2{
    margin:0 0 12px;

    color:#0f172a;

    font-size:20px;
    line-height:1.3;
    font-weight:800;
}


/* =========================================================
   AI SUMMARY
   ========================================================= */

.awti-device-single [data-panel="overview"]
.awti-device-card:first-child{
    background:
        linear-gradient(
            135deg,
            #ecfdf5,
            #ffffff,
            #eff6ff
        );
}


/* =========================================================
   RICH TEXT
   ========================================================= */

.awti-device-single [data-panel="overview"]
.awti-rich-text{
    color:#475569;

    font-size:13px;
    line-height:1.75;
}

.awti-device-single [data-panel="overview"]
.awti-rich-text p{
    margin:0 0 10px;
}

.awti-device-single [data-panel="overview"]
.awti-rich-text p:last-child{
    margin-bottom:0;
}

.awti-device-single [data-panel="overview"]
.awti-rich-text strong{
    color:#0f172a;
}

.awti-device-single [data-panel="overview"]
.awti-rich-text a{
    color:#2563eb;
    font-weight:700;
}


/* =========================================================
   KEY HIGHLIGHTS
   ========================================================= */

.awti-device-single [data-panel="overview"]
.awti-device-card:nth-child(2){
    border-left-color:#0d9488;
}


/* =========================================================
   ABOUT DEVICE
   ========================================================= */

.awti-device-single [data-panel="overview"]
.awti-device-card:nth-child(3){
    border-left-color:#2563eb;
}


/* =========================================================
   OVERVIEW LISTS
   ========================================================= */

.awti-device-single [data-panel="overview"]
.awti-rich-text ul,
.awti-device-single [data-panel="overview"]
.awti-rich-text ol{
    margin:10px 0;
    padding-left:20px;
}

.awti-device-single [data-panel="overview"]
.awti-rich-text li{
    margin:5px 0;
}


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

@media(max-width:600px){

    .awti-device-single [data-panel="overview"]
    .awti-device-card{
        padding:14px;

        border-radius:13px;
    }

    .awti-device-single [data-panel="overview"]
    .awti-device-card h2{
        font-size:18px;
    }

    .awti-device-single [data-panel="overview"]
    .awti-rich-text{
        font-size:12px;
        line-height:1.7;
    }

}