:root{
    --safety12-blue:#0057D9;
    --safety12-dark:#002171;
    --safety12-red:#E11D48;
    --safety12-bg:#F4F7FC;
    --safety12-text:#10213A;
    --safety12-muted:#64748B;
}

.jeeko-home6-quick .jeeko-safety12-quick{
    color:#fff;
}

.jeeko-safety12-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:18px 14px 0;
    padding:18px;
    border-radius:23px;
    background:
        radial-gradient(circle at 95% 0%,rgba(255,255,255,.18),transparent 35%),
        linear-gradient(135deg,#0A66FF,#002171);
    color:#fff;
    box-shadow:0 12px 28px rgba(0,33,113,.20);
    cursor:pointer;
}

.jeeko-safety12-card>div{
    display:flex;
    flex-direction:column;
}

.jeeko-safety12-card small{
    color:#BFDBFE;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}

.jeeko-safety12-card strong{
    margin-top:4px;
    font-size:17px;
}

.jeeko-safety12-card span{
    margin-top:4px;
    color:#DBEAFE;
    font-size:11px;
}

.jeeko-safety12-card>b{
    display:grid;
    place-items:center;
    flex:0 0 51px;
    width:51px;
    height:51px;
    border-radius:18px;
    background:rgba(255,255,255,.16);
    font-size:27px;
}

.jeeko-safety12-track-button{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:46px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:999px;
    background:rgba(255,255,255,.96);
    color:#002171;
    box-shadow:0 9px 25px rgba(15,35,70,.18);
}

.jeeko-safety12-track-button span{
    font-size:16px;
}

.jeeko-safety12-track-button b{
    font-size:9px;
}

body.jeeko-safety12-open{
    overflow:hidden!important;
}

.jeeko-safety12-center{
    position:fixed;
    inset:0;
    z-index:100080;
    background:rgba(2,6,23,.54);
    backdrop-filter:blur(6px);
}

.jeeko-safety12-center[hidden]{
    display:none!important;
}

.jeeko-safety12-center>section{
    position:absolute;
    inset:0;
    left:50%;
    width:min(760px,100%);
    background:var(--safety12-bg);
    transform:translateX(-50%);
    overflow:auto;
}

.jeeko-safety12-center>section>header{
    position:sticky;
    top:0;
    z-index:10;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 48px;
    align-items:center;
    gap:10px;
    min-height:85px;
    padding:calc(10px + env(safe-area-inset-top)) 12px 10px;
    background:
        radial-gradient(circle at 95% 0%,rgba(255,255,255,.18),transparent 35%),
        linear-gradient(145deg,#0A66FF,var(--safety12-blue) 52%,var(--safety12-dark));
    color:#fff;
    box-shadow:0 12px 28px rgba(0,33,113,.20);
}

.jeeko-safety12-center>section>header>button{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:14px;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:22px;
}

.jeeko-safety12-center>section>header small{
    color:#BFDBFE;
    font-size:8px;
    font-weight:900;
    letter-spacing:.13em;
}

.jeeko-safety12-center>section>header h1{
    margin:3px 0 0;
    color:#fff;
    font-size:20px;
}

.jeeko-safety12-center>section>header p{
    margin:3px 0 0;
    color:#DBEAFE;
    font-size:9px;
}

.jeeko-safety12-center>section>header>span{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:16px;
    background:rgba(255,255,255,.16);
    font-size:24px;
}

.jeeko-safety12-center>section>main{
    display:grid;
    gap:14px;
    padding:14px 12px calc(28px + env(safe-area-inset-bottom));
}

.jeeko-safety12-sos,
.jeeko-safety12-block{
    padding:18px;
    border:1px solid #E2E8F0;
    border-radius:23px;
    background:#fff;
    box-shadow:0 9px 24px rgba(15,35,70,.07);
}

.jeeko-safety12-sos{
    background:
        radial-gradient(circle at 95% 0%,rgba(255,255,255,.18),transparent 35%),
        linear-gradient(145deg,#F43F5E,#BE123C);
    color:#fff;
}

.jeeko-safety12-sos>small{
    color:#FFE4E6;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}

.jeeko-safety12-sos h2{
    margin:5px 0;
    color:#fff;
    font-size:23px;
}

.jeeko-safety12-sos p{
    margin:0 0 15px;
    color:#FFE4E6;
    font-size:11px;
    line-height:1.5;
}

.jeeko-safety12-sos button,
.jeeko-safety12-sos a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:49px;
    margin-top:8px;
    border:1px solid rgba(255,255,255,.34);
    border-radius:15px;
    background:#fff;
    color:#9F1239;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
}

.jeeko-safety12-sos a{
    background:rgba(255,255,255,.14);
    color:#fff;
}

.jeeko-safety12-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}

.jeeko-safety12-title small{
    color:#0057D9;
    font-size:9px;
    font-weight:900;
    letter-spacing:.11em;
}

.jeeko-safety12-title h2{
    margin:4px 0 0;
    font-size:17px;
}

.jeeko-safety12-title>button{
    padding:8px 11px;
    border:0;
    border-radius:999px;
    background:#EAF2FF;
    color:#002171;
    font-size:9px;
    font-weight:900;
}

.jeeko-safety12-contact{
    display:grid;
    grid-template-columns:45px minmax(0,1fr) 39px 39px 27px;
    align-items:center;
    gap:8px;
    margin-top:10px;
    padding:10px;
    border:1px solid #E2E8F0;
    border-radius:16px;
    background:#F8FAFC;
}

.jeeko-safety12-contact>span{
    display:grid;
    place-items:center;
    width:45px;
    height:45px;
    border-radius:15px;
    background:linear-gradient(145deg,#0057D9,#002171);
    color:#fff;
    font-size:18px;
    font-weight:900;
}

.jeeko-safety12-contact>div{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.jeeko-safety12-contact strong{
    overflow:hidden;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.jeeko-safety12-contact small{
    margin-top:3px;
    color:#64748B;
    font-size:9px;
}

.jeeko-safety12-contact>a,
.jeeko-safety12-contact>button{
    display:grid;
    place-items:center;
    width:39px;
    height:39px;
    padding:0;
    border:0;
    border-radius:13px;
    background:#EAF2FF;
    color:#002171;
    text-decoration:none;
}

.jeeko-safety12-contact>button:last-child{
    width:27px;
    height:27px;
    border-radius:50%;
    background:#FEE2E2;
    color:#B91C1C;
}

.jeeko-safety12-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:25px 15px;
    text-align:center;
}

.jeeko-safety12-empty>span{
    font-size:35px;
}

.jeeko-safety12-empty strong{
    margin-top:8px;
    font-size:13px;
}

.jeeko-safety12-empty p{
    margin:5px 0 0;
    color:#64748B;
    font-size:10px;
}

.jeeko-safety12-timer{
    display:grid;
    grid-template-columns:1fr auto;
    gap:9px;
    margin-top:14px;
}

.jeeko-safety12-timer select{
    min-height:46px;
    padding:0 12px;
    border:1px solid #CBD5E1;
    border-radius:13px;
    background:#fff;
}

.jeeko-safety12-timer button{
    padding:0 14px;
    border:0;
    border-radius:13px;
    background:linear-gradient(135deg,#0057D9,#002171);
    color:#fff;
    font-size:10px;
    font-weight:900;
}

.jeeko-safety12-countdown{
    margin-top:14px;
    padding:16px;
    border-radius:18px;
    background:linear-gradient(145deg,#EAF2FF,#DDEBFF);
    text-align:center;
}

.jeeko-safety12-countdown[hidden]{
    display:none!important;
}

.jeeko-safety12-countdown>small{
    color:#0057D9;
    font-size:9px;
    font-weight:900;
    letter-spacing:.11em;
}

.jeeko-safety12-countdown>strong{
    display:block;
    margin-top:4px;
    color:#002171;
    font-size:32px;
}

.jeeko-safety12-countdown>div{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:11px;
}

.jeeko-safety12-countdown button{
    min-height:43px;
    border:0;
    border-radius:12px;
    background:#0057D9;
    color:#fff;
    font-size:10px;
    font-weight:900;
}

.jeeko-safety12-countdown button:last-child{
    background:#fff;
    color:#475569;
}

.jeeko-safety12-share{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:49px;
    margin-top:14px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#0057D9,#002171);
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.jeeko-safety12-contact-modal,
.jeeko-safety12-expired{
    position:fixed;
    inset:0;
    z-index:100090;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background:rgba(2,6,23,.62);
    backdrop-filter:blur(6px);
}

.jeeko-safety12-contact-modal[hidden],
.jeeko-safety12-expired[hidden]{
    display:none!important;
}

.jeeko-safety12-contact-modal>section,
.jeeko-safety12-expired>section{
    position:relative;
    width:min(620px,100%);
    padding:25px 20px calc(25px + env(safe-area-inset-bottom));
    border-radius:28px 28px 0 0;
    background:#fff;
    text-align:center;
    box-shadow:0 -20px 50px rgba(2,6,23,.30);
}

.jeeko-safety12-contact-modal section>span,
.jeeko-safety12-expired section>span{
    display:grid;
    place-items:center;
    width:62px;
    height:62px;
    margin:0 auto;
    border-radius:21px;
    background:#EAF2FF;
    font-size:31px;
}

.jeeko-safety12-contact-modal h2,
.jeeko-safety12-expired h2{
    margin:14px 0 5px;
    font-size:22px;
}

.jeeko-safety12-contact-modal p,
.jeeko-safety12-expired p{
    max-width:430px;
    margin:0 auto 14px;
    color:#64748B;
    font-size:12px;
    line-height:1.5;
}

.jeeko-safety12-contact-modal input{
    width:100%;
    min-height:51px;
    margin-top:10px;
    padding:0 13px;
    border:1px solid #CBD5E1;
    border-radius:14px;
    font:inherit;
}

.jeeko-safety12-contact-modal section>button:not(:first-child),
.jeeko-safety12-expired button{
    width:100%;
    min-height:50px;
    margin-top:10px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#0057D9,#002171);
    color:#fff;
    font-weight:900;
}

.jeeko-safety12-contact-modal section>button:first-child{
    position:absolute;
    top:14px;
    right:15px;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#F1F5F9;
    color:#334155;
    font-size:27px;
}

.jeeko-safety12-contact-modal section>small{
    display:block;
    min-height:18px;
    margin-top:9px;
    color:#B91C1C;
}

.jeeko-safety12-expired button:last-child{
    background:#E11D48;
}

@media(max-width:560px){
    .jeeko-track6-controls{
        flex-wrap:wrap;
    }

    .jeeko-safety12-track-button{
        min-height:44px;
        padding:0 10px;
    }

    .jeeko-safety12-center>section>main{
        padding-left:9px;
        padding-right:9px;
    }
}
