
/* v0.1.1: WordPress themes can override the browser's native [hidden] rule. */
#mdni-liberty-panel[hidden],
#mdni-liberty-launcher[hidden]{
    display:none !important;
}

#mdni-liberty-root{--navy:#082d58;--blue:#0586b8;--gold:#eda72b;--light:#f6fbff;--line:#dbe8f2;font-family:Inter,Segoe UI,Arial,sans-serif}
#mdni-liberty-launcher{position:fixed;right:22px;bottom:72px;z-index:99998;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;background:linear-gradient(135deg,#0a3e74,#078eb8);color:white;padding:8px 17px 8px 8px;font-weight:800;box-shadow:0 10px 35px rgba(0,0,0,.22);cursor:pointer}
#mdni-liberty-launcher img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #f4bc4c}
#mdni-liberty-panel{position:fixed;right:22px;bottom:138px;width:min(390px,calc(100vw - 24px));height:min(610px,calc(100vh - 120px));z-index:99999;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.28);overflow:hidden;color:#142436}
.mdni-liberty-header{height:76px;padding:10px 14px;background:linear-gradient(135deg,#082d58,#087ea8);display:flex;align-items:center;justify-content:space-between;color:white}.mdni-liberty-id{display:flex;align-items:center;gap:10px}.mdni-liberty-id img{width:50px;height:50px;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}.mdni-liberty-id strong{display:block;font-size:1rem}.mdni-liberty-id small{display:block;opacity:.84;font-size:.75rem}.mdni-liberty-header button{border:0;background:transparent;color:white;font-size:28px;cursor:pointer}
.mdni-liberty-messages{height:calc(100% - 158px);overflow:auto;padding:16px;background:#f7fbfe}.mdni-msg{max-width:85%;padding:11px 13px;border-radius:15px;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.94rem;line-height:1.42}.mdni-msg.bot{background:white;border:1px solid var(--line);border-bottom-left-radius:5px}.mdni-msg.user{background:#0a6f9e;color:white;margin-left:auto;border-bottom-right-radius:5px}.mdni-msg.wait{opacity:.65;font-style:italic}
.mdni-liberty-form{height:58px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:8px;background:white}.mdni-liberty-form textarea{flex:1;resize:none;max-height:90px;border:1px solid #cbdbe7;border-radius:12px;padding:9px 10px;font:inherit;outline:none}.mdni-liberty-form button{border:0;background:var(--gold);color:#082d58;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.mdni-liberty-note{text-align:center;height:24px;font-size:.69rem;color:#718297;background:white;padding-top:2px}
@media(max-width:520px){#mdni-liberty-launcher{right:12px;bottom:70px}#mdni-liberty-panel{right:12px;bottom:132px;width:calc(100vw - 24px);height:calc(100vh - 96px)}}


.mdni-liberty-action-card{margin:10px 4px 14px;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.mdni-liberty-action-card.done{opacity:.72}
.mdni-liberty-action-prompt{font-weight:700;margin-bottom:10px;color:#1f2937}
.mdni-liberty-action-buttons{display:flex;gap:8px;flex-wrap:wrap}
.mdni-liberty-action-buttons button{border:0;border-radius:9px;padding:9px 12px;font-weight:700;cursor:pointer}
.mdni-liberty-action-buttons button:disabled{opacity:.55;cursor:not-allowed}
.mdni-liberty-confirm{background:#1473e6;color:#fff}
.mdni-liberty-action-card.stop .mdni-liberty-confirm{background:#b42318;color:#fff}
.mdni-liberty-cancel{background:#eef1f5;color:#1f2937}

/* v0.3.1 automatic action verification */
#mdni-liberty-messages .mdni-msg{white-space:pre-line}


/* ======================================================
   MyDogNI Ask Liberty - Glass / Neon Theme
   ====================================================== */

#mdni-liberty-panel{
    overflow:hidden !important;

    border:1px solid rgba(63,193,245,.55) !important;
    border-radius:22px !important;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(30,151,235,.18),
            transparent 30%
        ),
        linear-gradient(
            160deg,
            #0d2133 0%,
            #071522 55%,
            #040c15 100%
        ) !important;

    box-shadow:
        0 0 26px rgba(36,177,239,.20),
        0 24px 55px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    backdrop-filter:blur(14px);
}


/* HEADER */

#mdni-liberty-panel .mdni-liberty-header{
    position:relative;

    border-bottom:1px solid rgba(69,164,211,.34) !important;

    background:
        linear-gradient(
            180deg,
            rgba(20,57,84,.97),
            rgba(8,29,45,.98)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09) !important;
}

#mdni-liberty-panel .mdni-liberty-header::after{
    content:"";

    position:absolute;
    left:8%;
    right:8%;
    top:1px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(101,218,255,.60),
            transparent
        );
}


/* LIBERTY NAME / ID */

#mdni-liberty-panel .mdni-liberty-id{
    color:#f4fbff !important;

    font-weight:900 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.35);
}

#mdni-liberty-panel .mdni-liberty-id strong{
    color:#ffffff !important;
    font-weight:950 !important;
}

#mdni-liberty-panel .mdni-liberty-id span{
    color:#84dfff !important;
}


/* AVATAR */

#mdni-liberty-panel img{
    filter:
        drop-shadow(0 0 7px rgba(53,194,255,.24));
}


/* CLOSE BUTTON */

#mdni-liberty-close{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:34px !important;
    height:34px !important;

    border-radius:10px !important;

    color:#dff7ff !important;

    border:1px solid rgba(79,180,225,.45) !important;

    background:
        linear-gradient(
            180deg,
            #173d59,
            #0a2437
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 5px 12px rgba(0,0,0,.24) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

#mdni-liberty-close:hover{
    transform:scale(1.06);

    border-color:#56d5ff !important;

    box-shadow:
        0 0 12px rgba(58,195,245,.24) !important;
}


/* MESSAGE AREA */

#mdni-liberty-messages,
#mdni-liberty-panel .mdni-liberty-messages{
    background:
        radial-gradient(
            circle at 20% 10%,
            rgba(31,132,202,.08),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #071421,
            #050e18
        ) !important;

    scrollbar-color:#52718d #071421;
}


/* BOT MESSAGE */

#mdni-liberty-messages .mdni-msg.bot{
    color:#dcecf7 !important;

    background:
        linear-gradient(
            145deg,
            #142d42,
            #0b1e2e
        ) !important;

    border:1px solid rgba(57,121,159,.65) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 6px 15px rgba(0,0,0,.20) !important;

    border-bottom-left-radius:6px !important;
}


/* USER MESSAGE */

#mdni-liberty-messages .mdni-msg.user{
    color:#ffffff !important;

    background:
        linear-gradient(
            180deg,
            #26b9f3,
            #0879c7 52%,
            #07559d
        ) !important;

    border:1px solid #62d9ff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        0 0 12px rgba(31,164,229,.20),
        0 7px 16px rgba(0,0,0,.25) !important;

    border-bottom-right-radius:6px !important;
}


/* THINKING */

#mdni-liberty-messages .mdni-msg.wait{
    opacity:.80 !important;

    color:#8cdfff !important;

    border-color:rgba(66,177,225,.45) !important;

    background:
        linear-gradient(
            145deg,
            #112a3f,
            #081a29
        ) !important;
}


/* INPUT AREA */

#mdni-liberty-panel .mdni-liberty-form{
    border-top:1px solid rgba(57,124,164,.35) !important;

    background:
        linear-gradient(
            180deg,
            #0b1c2b,
            #07131f
        ) !important;
}


/* TEXTAREA */

#mdni-liberty-form textarea{
    color:#f5fbff !important;

    background:
        linear-gradient(
            180deg,
            #12293d,
            #0b1d2c
        ) !important;

    border:1px solid #345c78 !important;

    border-radius:13px !important;

    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    outline:none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

#mdni-liberty-form textarea::placeholder{
    color:#7895aa !important;
}

#mdni-liberty-form textarea:focus{
    border-color:#43c9f7 !important;

    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.20),
        0 0 12px rgba(47,190,242,.18) !important;
}


/* SEND BUTTON */

#mdni-liberty-form button{
    position:relative;
    overflow:hidden;

    color:#ffffff !important;

    border:1px solid #6cddff !important;

    border-radius:13px !important;

    background:
        linear-gradient(
            180deg,
            #3ccaff,
            #168ce8 48%,
            #075eb7
        ) !important;

    font-weight:900 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.38),
        inset 0 -2px 0 rgba(0,62,125,.30),
        0 0 13px rgba(41,176,244,.22),
        0 7px 16px rgba(0,0,0,.26) !important;

    transition:
        transform .18s ease,
        filter .18s ease;
}

#mdni-liberty-form button:hover{
    transform:translateY(-1px);

    filter:brightness(1.12);
}


/* SAFETY NOTE */

#mdni-liberty-panel .mdni-liberty-note{
    color:#7693a8 !important;

    background:#06111c !important;

    border-top:1px solid rgba(49,102,136,.28) !important;

    font-size:.72rem !important;
}


/* ANY ACTION / CONFIRMATION CARDS */

#mdni-liberty-panel .mdni-liberty-action,
#mdni-liberty-panel .mdni-action-card{
    border:1px solid #315d79 !important;

    border-radius:14px !important;

    background:
        linear-gradient(
            145deg,
            #122c42,
            #081a29
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 18px rgba(0,0,0,.23) !important;
}


/* MOBILE */

@media(max-width:600px){

    #mdni-liberty-panel{
        border-radius:17px !important;
    }

    #mdni-liberty-messages .mdni-msg{
        max-width:90% !important;
    }
}



/* ======================================================
   MyDogNI Premium Liberty Launcher Theme
   ====================================================== */


#mdni-liberty-launcher.mdni-liberty-launcher-pro{

    position:fixed !important;

    right:24px !important;
    bottom:24px !important;

    z-index:99998 !important;

    display:flex !important;

    align-items:center !important;

    gap:12px !important;

    min-width:315px !important;
    min-height:66px !important;

    padding:10px 14px !important;

    border-radius:19px !important;

    color:#ffffff !important;

    border:1px solid #48caf8 !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(60,204,255,.20),
            transparent 38%
        ),
        linear-gradient(
            155deg,
            #153b58 0%,
            #0b2235 48%,
            #06131f 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -2px 0 rgba(0,43,76,.35),
        0 0 18px rgba(45,190,247,.25),
        0 14px 32px rgba(0,0,0,.38) !important;

    cursor:pointer !important;

    overflow:hidden !important;

    transition:
        transform .18s ease,
        filter .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


#mdni-liberty-launcher.mdni-liberty-launcher-pro::before{

    content:"";

    position:absolute;

    left:7%;
    right:7%;

    top:3px;

    height:42%;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.22),
            transparent
        );

    pointer-events:none;
}


#mdni-liberty-launcher.mdni-liberty-launcher-pro:hover{

    transform:
        translateY(-3px)
        scale(1.015);

    filter:brightness(1.08);

    border-color:#75ddff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 0 24px rgba(50,201,255,.36),
        0 17px 36px rgba(0,0,0,.42) !important;
}


/* paw */

.mdni-liberty-launcher-paw{

    position:relative;

    z-index:2;

    display:flex;

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

    flex:0 0 44px;

    width:44px;
    height:44px;

    border-radius:14px;

    font-size:22px;

    background:
        linear-gradient(
            180deg,
            #188cc9,
            #08517e
        );

    border:1px solid #62d9ff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        0 0 13px rgba(46,191,244,.22);
}


/* wording */

.mdni-liberty-launcher-copy{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    flex:1;

    line-height:1.05;
}


.mdni-liberty-launcher-copy strong{

    color:#ffffff !important;

    font-size:14px !important;

    font-weight:950 !important;

    letter-spacing:.04em !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.40);
}


.mdni-liberty-launcher-copy small{

    margin-top:5px;

    color:#78dbff !important;

    font-size:10px !important;

    font-weight:900 !important;

    letter-spacing:.10em !important;
}


/* online area */

.mdni-liberty-launcher-status{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    gap:6px;

    padding:6px 8px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(33,172,101,.24),
            rgba(11,87,48,.22)
        );

    border:
        1px solid rgba(55,221,132,.50);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 10px rgba(40,217,124,.12);
}


.mdni-liberty-online-text{

    color:#8cffbc;

    font-size:9px;

    font-weight:950;

    letter-spacing:.08em;
}


/* glowing dot */

.mdni-liberty-online-dot{

    display:inline-block;

    width:9px;
    height:9px;

    border-radius:50%;

    background:#3df28a;

    box-shadow:
        0 0 5px #35ed83,
        0 0 12px rgba(53,237,131,.70);

    animation:
        mdni-liberty-pulse
        1.8s ease-in-out infinite;
}


@keyframes mdni-liberty-pulse{

    0%,
    100%{

        transform:scale(.90);

        opacity:.80;

        box-shadow:
            0 0 4px #35ed83,
            0 0 8px rgba(53,237,131,.50);
    }

    50%{

        transform:scale(1.18);

        opacity:1;

        box-shadow:
            0 0 7px #4aff98,
            0 0 17px rgba(53,237,131,.90);
    }
}


/* chip inside opened chat */

.mdni-liberty-ai-chip{

    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-left:10px;

    padding:5px 8px;

    border-radius:999px;

    color:#83e6ff !important;

    background:
        rgba(24,116,158,.17);

    border:
        1px solid rgba(62,191,237,.36);

    font-size:9px !important;

    font-weight:950 !important;

    letter-spacing:.08em;
}


/* slightly larger glow when chat is open */

#mdni-liberty-panel:not([hidden])
+ #mdni-liberty-launcher{

    box-shadow:
        0 0 25px rgba(48,196,247,.30),
        0 14px 32px rgba(0,0,0,.38) !important;
}


/* MOBILE */

@media(max-width:600px){

    #mdni-liberty-launcher.mdni-liberty-launcher-pro{

        right:12px !important;
        bottom:12px !important;

        min-width:0 !important;

        width:auto !important;

        min-height:58px !important;

        padding:8px 10px !important;

        border-radius:17px !important;
    }


    .mdni-liberty-launcher-paw{

        width:40px;
        height:40px;

        flex-basis:40px;
    }


    .mdni-liberty-launcher-copy strong{

        font-size:12px !important;
    }


    .mdni-liberty-launcher-copy small{

        font-size:8px !important;
    }


    .mdni-liberty-online-text{

        display:none;
    }


    .mdni-liberty-launcher-status{

        padding:6px;
    }
}


/* MYDOGNI MOBILE PORTAL FIX 20260918 */
@media(max-width:600px){
  #mdni-liberty-launcher.mdni-liberty-launcher-pro{
    right:12px !important;
    bottom:12px !important;
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    height:58px !important;
    min-height:58px !important;
    padding:8px !important;
    border-radius:50% !important;
    gap:0 !important;
  }
  #mdni-liberty-launcher .mdni-liberty-launcher-copy,
  #mdni-liberty-launcher .mdni-liberty-launcher-status{
    display:none !important;
  }
  #mdni-liberty-launcher .mdni-liberty-launcher-paw{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
    margin:0 !important;
  }
}
