/* ============================================================
   SERVICE TECH VAULT — OPERATIONS DECK
   Buy / Equipment Results / Service Intelligence
   ============================================================ */

body.stv-operations-page{
    background:
        radial-gradient(
            circle at 50% 2%,
            rgba(255,94,17,.19),
            transparent 27%
        ),
        radial-gradient(
            circle at 10% 48%,
            rgba(145,34,7,.08),
            transparent 26%
        ),
        radial-gradient(
            circle at 91% 69%,
            rgba(255,100,18,.06),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #070504,
            #100906 33%,
            #070605 100%
        ) !important;
}


/* ============================================================
   HERO
   ============================================================ */

.stv-ops-hero{
    width:min(
        calc(100% - 28px),
        1040px
    );

    margin:
        50px auto
        31px;

    text-align:center;
}

.stv-ops-hero .runes{
    color:#c64a16;

    font-family:Georgia,serif;

    font-size:16px;
    letter-spacing:.51em;
}

.stv-ops-hero .kicker{
    display:inline-block;

    margin-top:14px;

    padding:
        7px 13px;

    border:
        1px solid rgba(255,113,27,.25);

    border-radius:999px;

    background:
        rgba(255,91,13,.05);

    color:#e6a66c;

    font-size:9px;
    font-weight:900;

    letter-spacing:.22em;

    text-transform:uppercase;
}

.stv-ops-hero h1{
    max-width:930px;

    margin:
        18px auto
        10px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(40px,6vw,70px) !important;

    line-height:.98;

    letter-spacing:-.035em;

    background:
        linear-gradient(
            180deg,
            #fff9ef,
            #ffd09a 40%,
            #ff741e 73%,
            #aa2909
        ) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;

    color:transparent !important;
}

.stv-ops-hero p{
    max-width:720px;

    margin:
        15px auto
        0 !important;

    color:#bea993 !important;

    font-size:
        clamp(14px,2vw,18px);

    line-height:1.68;
}


/* ============================================================
   STATUS STRIP
   ============================================================ */

.stv-ops-status{
    width:min(
        calc(100% - 28px),
        930px
    );

    margin:
        0 auto
        26px;

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:9px;
}

.stv-ops-status-card{
    padding:
        14px 12px;

    text-align:center;

    border:
        1px solid rgba(255,108,23,.20);

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(25,16,10,.95),
            rgba(8,7,6,.98)
        );
}

.stv-ops-status-card span{
    display:block;

    color:#806d5b;

    font-size:8px;

    font-weight:900;

    letter-spacing:.10em;

    text-transform:uppercase;
}

.stv-ops-status-card strong{
    display:block;

    margin-top:5px;

    color:#fff0dd;

    font-size:12px;
}


/* ============================================================
   MAIN SHELL
   ============================================================ */

.stv-ops-shell{
    width:min(
        calc(100% - 28px),
        1050px
    );

    margin:
        0 auto
        48px;

    padding:5px;

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            rgba(255,114,27,.50),
            rgba(103,25,7,.11) 47%,
            rgba(255,139,41,.43)
        );

    box-shadow:
        0 24px 75px rgba(0,0,0,.31);
}

.stv-ops-shell-inner{
    padding:
        30px;

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            rgba(22,14,9,.99),
            rgba(7,6,5,.99)
        );
}

.stv-ops-content{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    box-shadow:none !important;
}


/* ============================================================
   EXISTING HEADINGS
   ============================================================ */

body.stv-operations-page
.stv-ops-content > h1:first-of-type{
    display:none !important;
}

body.stv-operations-page
.stv-ops-content h2{
    margin:
        38px 0
        15px !important;

    padding:
        16px 0
        9px !important;

    border-top:
        1px solid rgba(255,108,23,.14);

    color:#fff0dd !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;
}

body.stv-operations-page
.stv-ops-content h2::before{
    content:"ᚱ ᛏ";

    display:block !important;

    margin-bottom:6px;

    color:#cc4b16;

    font-family:Georgia,serif;

    font-size:9px !important;

    letter-spacing:.38em;
}

body.stv-operations-page
.stv-ops-content h3{
    color:#ffd2a5 !important;
}

body.stv-operations-page
.stv-ops-content p,
body.stv-operations-page
.stv-ops-content li{
    color:#bea993 !important;

    line-height:1.7 !important;
}


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

body.stv-operations-page
.stv-ops-content .card,
body.stv-operations-page
.stv-ops-content .result,
body.stv-operations-page
.stv-ops-content [class*="card"],
body.stv-operations-page
.stv-ops-content [class*="result"]{
    border:
        1px solid rgba(255,108,24,.20) !important;

    border-radius:17px !important;

    background:
        linear-gradient(
            145deg,
            rgba(27,17,10,.96),
            rgba(8,7,6,.98)
        ) !important;

    box-shadow:
        0 13px 40px rgba(0,0,0,.20) !important;
}


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

body.stv-operations-page
.stv-ops-content button,
body.stv-operations-page
.stv-ops-content .btn,
body.stv-operations-page
.stv-ops-content .button,
body.stv-operations-page
.stv-ops-content input[type="submit"]{
    border:
        1px solid rgba(255,195,113,.60) !important;

    border-radius:11px !important;

    color:#1b0802 !important;

    background:
        linear-gradient(
            180deg,
            #ffa447,
            #ff6819 56%,
            #da400b
        ) !important;

    font-weight:950 !important;

    box-shadow:
        0 8px 23px rgba(255,65,5,.16) !important;
}


/* ============================================================
   INPUTS
   ============================================================ */

body.stv-operations-page
.stv-ops-content input,
body.stv-operations-page
.stv-ops-content select,
body.stv-operations-page
.stv-ops-content textarea{
    color:#fff0de !important;

    background:
        rgba(4,4,3,.82) !important;

    border:
        1px solid rgba(255,109,24,.25) !important;

    border-radius:11px !important;
}


/* ============================================================
   TABLES
   ============================================================ */

body.stv-operations-page
.stv-ops-content table{
    width:100%;

    display:block;

    overflow-x:auto;

    border:
        1px solid rgba(255,107,23,.19);

    border-radius:14px;
}

body.stv-operations-page
.stv-ops-content th{
    color:#ffb25f !important;

    background:
        rgba(255,94,14,.07) !important;
}

body.stv-operations-page
.stv-ops-content td{
    color:#b9a38d !important;
}


/* ============================================================
   BUY PAGE
   ============================================================ */

body.stv-buy-page
.stv-ops-content a[href*="amazon"],
body.stv-buy-page
.stv-ops-content a[href*="walmart"],
body.stv-buy-page
.stv-ops-content a[href*="ebay"],
body.stv-buy-page
.stv-ops-content a[href*="alibaba"]{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:39px;

    margin:
        4px 4px
        4px 0;

    padding:
        0 13px;

    border:
        1px solid rgba(255,111,25,.23);

    border-radius:10px;

    text-decoration:none !important;

    color:#d8c0a7 !important;

    background:
        rgba(255,91,13,.035);

    font-size:11px;
    font-weight:850;
}

body.stv-buy-page
.stv-ops-content a[href*="amazon"]:hover,
body.stv-buy-page
.stv-ops-content a[href*="walmart"]:hover,
body.stv-buy-page
.stv-ops-content a[href*="ebay"]:hover,
body.stv-buy-page
.stv-ops-content a[href*="alibaba"]:hover{
    border-color:
        rgba(255,132,39,.55);

    color:#ffaf60 !important;
}


/* ============================================================
   EQUIPMENT RESULT PAGE
   ============================================================ */

body.stv-equipment-page
.stv-ops-content a[href*="manual"],
body.stv-equipment-page
.stv-ops-content a[href*="firmware"],
body.stv-equipment-page
.stv-ops-content a[href*="driver"]{
    display:inline-flex;

    margin:
        4px 4px
        4px 0;

    padding:
        9px 12px;

    border:
        1px solid rgba(255,109,24,.20);

    border-radius:10px;

    text-decoration:none !important;

    color:#ffc17c !important;

    background:
        rgba(255,91,13,.035);
}


/* ============================================================
   SERVICE INTELLIGENCE
   ============================================================ */

body.stv-intelligence-page
.stv-ops-content blockquote{
    margin:
        20px 0;

    padding:
        17px 20px;

    border-left:
        3px solid #e95b18;

    background:
        rgba(255,91,13,.035);

    color:#c4ae97;
}


/* ============================================================
   OPERATIONS FOOTER STRIP
   ============================================================ */

#stv-ops-links{
    width:min(
        calc(100% - 28px),
        930px
    );

    margin:
        0 auto
        70px;

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:10px;
}

#stv-ops-links a{
    display:block;

    padding:
        16px 13px;

    text-align:center;

    text-decoration:none !important;

    border:
        1px solid rgba(255,107,23,.18);

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            rgba(25,16,10,.94),
            rgba(8,7,6,.98)
        );

    color:#d6bea5 !important;

    font-size:11px;
    font-weight:850;
}

#stv-ops-links a:hover{
    border-color:
        rgba(255,130,38,.50);

    color:#ffab57 !important;
}


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

@media(max-width:720px){

    .stv-ops-status{
        grid-template-columns:1fr;
    }

    .stv-ops-shell-inner{
        padding:
            23px 15px;
    }

    #stv-ops-links{
        grid-template-columns:
            repeat(2,1fr);
    }

}

@media(max-width:430px){

    #stv-ops-links{
        grid-template-columns:1fr;
    }

}

@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
    }

}