/* DESTPEKA ASSISTANT CHAT UIX v3.0.0 */
:root{
    --dc-green:#0a664e;
    --dc-green-2:#0d795a;
    --dc-green-3:#1aa377;
    --dc-ink:#1d2723;
    --dc-muted:#7b8781;
    --dc-line:rgba(21,83,64,.11);
    --dc-soft:#f6f9f7;
    --dc-soft-2:#eef7f3;
    --dc-white:#fff;
}

.dc-page,
.dc-page *{
    box-sizing:border-box;
}

.dc-page{
    min-height:calc(100vh - 70px);
    padding:24px 0 42px;
    color:var(--dc-ink);
    background:
        radial-gradient(circle at 0% 18%,rgba(44,184,132,.08),transparent 28rem),
        radial-gradient(circle at 100% 82%,rgba(44,184,132,.06),transparent 26rem),
        #f8fbf9;
}

.dc-page button,
.dc-page textarea{
    font:inherit;
}

.dc-shell{
    display:grid;
    width:min(1260px,calc(100% - 32px));
    min-height:calc(100vh - 138px);
    grid-template-columns:260px minmax(0,1fr);
    margin:0 auto;
    overflow:hidden;
    border:1px solid var(--dc-line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 28px 80px rgba(29,73,58,.10);
}

.dc-sidebar{
    position:relative;
    z-index:20;
    display:flex;
    min-width:0;
    flex-direction:column;
    padding:16px;
    border-right:1px solid var(--dc-line);
    background:linear-gradient(180deg,#f9fcfa,#f5f9f7);
}

.dc-sidebar__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:16px;
}

.dc-sidebar__brand{
    display:flex;
    min-width:0;
    align-items:center;
    gap:10px;
}

.dc-sidebar__brand-icon{
    display:grid;
    place-items:center;
    flex:0 0 36px;
    height:36px;
    border:1px solid rgba(13,122,89,.13);
    border-radius:12px;
    color:var(--dc-green);
    background:linear-gradient(145deg,#fff,#e9f8f1);
    font-size:9px;
    font-weight:900;
    box-shadow:0 7px 20px rgba(20,122,89,.08);
}

.dc-sidebar__brand strong,
.dc-sidebar__brand span{
    display:block;
}

.dc-sidebar__brand strong{
    overflow:hidden;
    color:#25312c;
    font-size:11px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dc-sidebar__brand span{
    margin-top:2px;
    color:#929c97;
    font-size:7.5px;
}

.dc-sidebar__close{
    display:none;
    width:34px;
    height:34px;
    place-items:center;
    border:0;
    border-radius:10px;
    color:#65716c;
    background:transparent;
    cursor:pointer;
}

.dc-sidebar__close svg,
.dc-menu svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}

.dc-new-chat{
    display:flex;
    width:100%;
    min-height:42px;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-bottom:18px;
    padding:0 13px;
    border:1px solid rgba(11,104,78,.14);
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#117457,#075d45);
    box-shadow:0 9px 22px rgba(8,95,70,.15);
    cursor:pointer;
    font-size:9.5px;
    font-weight:800;
}

.dc-new-chat svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}

.dc-sidebar__section{
    margin-bottom:18px;
}

.dc-sidebar__section--grow{
    flex:1 1 auto;
}

.dc-sidebar__label{
    display:block;
    margin:0 4px 8px;
    color:#99a39e;
    font-size:7px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.dc-sidebar__item{
    display:flex;
    width:100%;
    min-height:39px;
    align-items:center;
    gap:9px;
    margin-bottom:4px;
    padding:0 10px;
    border:0;
    border-radius:10px;
    color:#55615c;
    background:transparent;
    text-align:left;
    cursor:pointer;
    font-size:9px;
    font-weight:700;
    transition:.16s ease;
}

.dc-sidebar__item:hover{
    color:var(--dc-green);
    background:#ecf7f2;
}

.dc-sidebar__item svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.dc-mini-card{
    display:block;
    width:100%;
    margin-bottom:7px;
    padding:11px;
    border:1px solid rgba(20,83,64,.08);
    border-radius:12px;
    color:#4d5954;
    background:rgba(255,255,255,.68);
    text-align:left;
    cursor:pointer;
}

.dc-mini-card strong,
.dc-mini-card small{
    display:block;
}

.dc-mini-card strong{
    font-size:8.5px;
}

.dc-mini-card small{
    margin-top:3px;
    color:#9ba49f;
    font-size:7px;
}

.dc-sidebar__foot{
    padding-top:12px;
    border-top:1px solid rgba(20,83,64,.08);
}

.dc-security{
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px;
    border-radius:12px;
    background:#eef8f3;
}

.dc-security__icon{
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border-radius:9px;
    color:#178e68;
    background:#fff;
}

.dc-security__icon svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.dc-security strong,
.dc-security span{
    display:block;
}

.dc-security strong{
    color:#3d4a45;
    font-size:8px;
}

.dc-security span{
    margin-top:2px;
    color:#91a09a;
    font-size:6.8px;
}

.dc-sidebar-backdrop{
    display:none;
}

.dc-main{
    display:flex;
    min-width:0;
    min-height:0;
    flex-direction:column;
    background:#fff;
}

.dc-header{
    display:flex;
    min-height:74px;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:13px 18px;
    border-bottom:1px solid var(--dc-line);
    background:rgba(255,255,255,.97);
}

.dc-header__left{
    display:flex;
    min-width:0;
    align-items:center;
    gap:11px;
}

.dc-menu{
    display:none;
    width:34px;
    height:34px;
    place-items:center;
    border:1px solid var(--dc-line);
    border-radius:10px;
    color:#5f6b66;
    background:#fff;
    cursor:pointer;
}

.dc-header__avatar{
    position:relative;
    display:grid;
    place-items:center;
    flex:0 0 40px;
    height:40px;
    border:1px solid rgba(13,123,88,.13);
    border-radius:13px;
    color:var(--dc-green);
    background:linear-gradient(145deg,#fff,#e7f8f0);
    box-shadow:0 6px 17px rgba(20,122,89,.08);
}

.dc-header__avatar span{
    font-size:9px;
    font-weight:900;
}

.dc-header__avatar>i{
    position:absolute;
    right:-2px;
    bottom:-2px;
    width:10px;
    height:10px;
    border:2px solid #fff;
    border-radius:50%;
    background:#21a878;
}

.dc-header__identity{
    min-width:0;
}

.dc-header__title{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.dc-header__title h1{
    margin:0;
    color:#202b26;
    font-size:13px;
    font-weight:800;
    letter-spacing:-.025em;
}

.dc-header__identity p{
    margin:3px 0 0;
    overflow:hidden;
    color:#929b96;
    font-size:8px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dc-status{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:3px 7px;
    border-radius:999px;
    color:#16815f;
    background:#edf8f3;
    font-size:7px;
    font-weight:800;
}

.dc-status i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#22a978;
}

.dc-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 9px;
    border:1px solid var(--dc-line);
    border-radius:999px;
    color:#74817b;
    background:#fbfdfc;
    font-size:7.5px;
    font-weight:750;
}

.dc-chip svg{
    width:12px;
    height:12px;
    fill:none;
    stroke:var(--dc-green-2);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.dc-messages{
    position:relative;
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    padding:28px clamp(18px,4vw,52px) 24px;
    background:
        radial-gradient(circle at 0 0,rgba(32,167,119,.04),transparent 220px),
        #fff;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:rgba(11,103,79,.14) transparent;
}

.dc-messages::-webkit-scrollbar{width:7px}
.dc-messages::-webkit-scrollbar-track{background:transparent}
.dc-messages::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(11,103,79,.14);
}

.dc-welcome{
    display:flex;
    max-width:760px;
    min-height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    padding:36px 0 54px;
    text-align:center;
}

.dc-welcome.is-hidden{
    display:none;
}

.dc-welcome__icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    margin-bottom:14px;
    border-radius:14px;
    color:#16966c;
    background:#eaf8f2;
    box-shadow:0 9px 24px rgba(20,142,101,.08);
    font-size:18px;
}

.dc-welcome h2{
    margin:0;
    color:#202a26;
    font-size:24px;
    font-weight:800;
    letter-spacing:-.04em;
}

.dc-welcome>p{
    max-width:500px;
    margin:10px auto 23px;
    color:#838e89;
    font-size:10.5px;
    line-height:1.6;
}

.dc-welcome__grid{
    display:grid;
    width:100%;
    max-width:680px;
    grid-template-columns:1fr 1fr;
    gap:9px;
}

.dc-welcome__grid button{
    display:flex;
    min-width:0;
    min-height:65px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border:1px solid var(--dc-line);
    border-radius:14px;
    color:#46524d;
    background:#fff;
    text-align:left;
    cursor:pointer;
    transition:.16s ease;
}

.dc-welcome__grid button:hover{
    border-color:rgba(12,116,83,.22);
    background:#fbfefc;
    box-shadow:0 10px 24px rgba(24,74,57,.06);
    transform:translateY(-1px);
}

.dc-welcome__grid button span{
    min-width:0;
}

.dc-welcome__grid strong,
.dc-welcome__grid small{
    display:block;
}

.dc-welcome__grid strong{
    color:#35413c;
    font-size:9px;
}

.dc-welcome__grid small{
    margin-top:3px;
    color:#99a39e;
    font-size:7px;
}

.dc-welcome__grid i{
    color:#81908a;
    font-style:normal;
}

.dc-message{
    display:flex;
    width:100%;
    max-width:820px;
    align-items:flex-end;
    gap:10px;
    margin:0 auto 20px;
}

.dc-message--user{
    flex-direction:row-reverse;
}

.dc-message__avatar{
    display:grid;
    place-items:center;
    flex:0 0 31px;
    height:31px;
    margin-bottom:2px;
    border-radius:10px;
}

.dc-message__avatar--assistant{
    border:1px solid rgba(13,123,88,.13);
    color:var(--dc-green);
    background:linear-gradient(145deg,#fff,#e8f8f1);
}

.dc-message__avatar--assistant span{
    font-size:7.5px;
    font-weight:900;
}

.dc-message__avatar--user{
    color:#fff;
    background:linear-gradient(145deg,#15795b,#075f47);
    box-shadow:0 7px 18px rgba(7,94,69,.15);
}

.dc-message__avatar--user svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.dc-message__body{
    display:flex;
    max-width:min(640px,76%);
    flex-direction:column;
}

.dc-message--user .dc-message__body{
    align-items:flex-end;
}

.dc-message__name{
    margin:0 0 4px 2px;
    color:#8c9792;
    font-size:7px;
    font-weight:800;
}

.dc-message--user .dc-message__name{
    margin-right:2px;
}

.dc-bubble{
    padding:12px 14px;
    border:1px solid rgba(20,79,61,.07);
    border-radius:7px 16px 16px 16px;
    color:#37433e;
    background:#f4f7f6;
    box-shadow:0 7px 18px rgba(22,63,50,.035);
}

.dc-message--user .dc-bubble{
    border-color:transparent;
    border-radius:16px 7px 16px 16px;
    color:#fff;
    background:linear-gradient(135deg,#117457,#075d45);
    box-shadow:0 9px 22px rgba(9,95,70,.16);
}

.dc-bubble p{
    margin:0 0 8px;
    font-size:10.7px;
    line-height:1.58;
}

.dc-bubble p:last-child{
    margin-bottom:0;
}

.dc-bubble strong{
    color:#1d2823;
}

.dc-message--user .dc-bubble strong{
    color:#fff;
}

.dc-message__time{
    margin:5px 2px 0;
    color:#a5aea9;
    font-size:6.8px;
}

.dc-typing .dc-bubble{
    display:flex;
    min-width:54px;
    align-items:center;
    gap:5px;
}

.dc-typing .dc-bubble i{
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#718179;
    animation:dcTyping 1s infinite ease-in-out;
}

.dc-typing .dc-bubble i:nth-child(2){animation-delay:.12s}
.dc-typing .dc-bubble i:nth-child(3){animation-delay:.24s}

@keyframes dcTyping{
    0%,60%,100%{transform:translateY(0);opacity:.35}
    30%{transform:translateY(-3px);opacity:1}
}

.dc-error{
    margin:0 18px 8px;
    padding:9px 11px;
    border:1px solid rgba(190,65,65,.13);
    border-radius:11px;
    color:#98504b;
    background:#fff7f6;
    font-size:8px;
}

.dc-composer{
    padding:0 18px 12px;
    border-top:1px solid rgba(20,83,64,.06);
    background:#fff;
}

.dc-composer__inner{
    margin-top:12px;
    border:1px solid rgba(14,91,68,.14);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(22,70,55,.07);
    transition:.16s ease;
}

.dc-composer__inner:focus-within{
    border-color:rgba(12,119,85,.30);
    box-shadow:0 12px 30px rgba(22,78,59,.09),0 0 0 3px rgba(219,245,235,.55);
}

.dc-composer textarea{
    display:block;
    width:100%;
    min-height:54px;
    max-height:140px;
    resize:none;
    overflow-y:auto;
    padding:13px 14px 5px;
    outline:0;
    border:0;
    color:#2c3833;
    background:transparent;
    font-size:10.5px;
    line-height:1.5;
}

.dc-composer textarea::placeholder{
    color:#9ca6a1;
}

.dc-composer__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:4px 6px 6px 13px;
}

.dc-composer__hint{
    color:#a1aaa5;
    font-size:6.8px;
}

.dc-composer button{
    display:inline-flex;
    min-width:80px;
    min-height:36px;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 11px;
    border:0;
    border-radius:11px;
    color:#fff;
    background:linear-gradient(135deg,#117457,#075d45);
    box-shadow:0 8px 18px rgba(7,94,68,.18);
    cursor:pointer;
    font-size:8.5px;
    font-weight:800;
}

.dc-composer button:disabled{
    cursor:wait;
    opacity:.55;
}

.dc-composer button svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.dc-composer__meta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding-top:7px;
    color:#a0aaa5;
    font-size:6.4px;
}

.dc-composer__meta span{
    display:inline-flex;
    align-items:center;
    gap:4px;
}

.dc-composer__meta i{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#20a878;
}

@media(max-width:920px){
    .dc-page{
        padding:14px 0 24px;
    }

    .dc-shell{
        width:calc(100% - 18px);
        min-height:calc(100vh - 108px);
        grid-template-columns:1fr;
        border-radius:20px;
    }

    .dc-sidebar{
        position:fixed;
        inset:0 auto 0 0;
        z-index:70;
        width:min(300px,86vw);
        transform:translateX(-102%);
        box-shadow:20px 0 60px rgba(17,60,46,.18);
        transition:transform .22s ease;
    }

    .dc-sidebar.is-open{
        transform:translateX(0);
    }

    .dc-sidebar__close{
        display:grid;
    }

    .dc-sidebar-backdrop{
        position:fixed;
        inset:0;
        z-index:60;
        display:block;
        pointer-events:none;
        opacity:0;
        background:rgba(19,39,32,.28);
        backdrop-filter:blur(2px);
        transition:opacity .22s ease;
    }

    .dc-sidebar-backdrop.is-open{
        pointer-events:auto;
        opacity:1;
    }

    .dc-menu{
        display:grid;
    }
}

@media(max-width:560px){
    .dc-page{
        padding:0;
        background:#fff;
    }

    .dc-shell{
        width:100%;
        min-height:calc(100dvh - 70px);
        border:0;
        border-radius:0;
        box-shadow:none;
    }

    .dc-header{
        min-height:66px;
        padding:11px 12px;
    }

    .dc-header__avatar{
        flex-basis:36px;
        height:36px;
        border-radius:11px;
    }

    .dc-header__title h1{
        font-size:11.5px;
    }

    .dc-header__identity p{
        max-width:190px;
        font-size:7px;
    }

    .dc-chip{
        display:none;
    }

    .dc-messages{
        padding:18px 10px 15px;
    }

    .dc-welcome{
        justify-content:flex-start;
        padding:38px 4px 26px;
    }

    .dc-welcome__icon{
        width:40px;
        height:40px;
        margin-bottom:12px;
    }

    .dc-welcome h2{
        font-size:21px;
    }

    .dc-welcome>p{
        max-width:330px;
        margin:8px auto 18px;
        font-size:9.5px;
    }

    .dc-welcome__grid{
        grid-template-columns:1fr;
        max-width:360px;
    }

    .dc-welcome__grid button{
        min-height:56px;
        padding:10px 12px;
    }

    .dc-message{
        gap:7px;
        margin-bottom:16px;
    }

    .dc-message__avatar{
        flex-basis:28px;
        height:28px;
        border-radius:9px;
    }

    .dc-message__body{
        max-width:calc(100% - 38px);
    }

    .dc-bubble{
        padding:11px 12px;
    }

    .dc-bubble p{
        font-size:10px;
        line-height:1.55;
    }

    .dc-composer{
        position:sticky;
        z-index:20;
        bottom:0;
        padding:0 7px max(7px,env(safe-area-inset-bottom));
        background:linear-gradient(180deg,rgba(255,255,255,.85),#fff 16px);
    }

    .dc-composer__inner{
        margin-top:8px;
        border-radius:14px;
        box-shadow:0 8px 22px rgba(22,70,55,.08);
    }

    .dc-composer textarea{
        min-height:50px;
        padding:12px 11px 4px;
        font-size:10px;
    }

    .dc-composer__hint{
        display:none;
    }

    .dc-composer button{
        min-width:41px;
        width:41px;
        min-height:36px;
        padding:0;
    }

    .dc-composer button span{
        display:none;
    }

    .dc-composer button svg{
        width:16px;
        height:16px;
    }

    .dc-composer__meta{
        padding-top:6px;
        font-size:5.8px;
    }
}

@media(prefers-reduced-motion:reduce){
    .dc-page *{
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}


/* DESTPEKA ASSISTANT CHAT UIX v3.1.0 — viewport locked chat app */
html.dc-chat-locked,
body.dc-chat-locked{
    overflow:hidden !important;
    overscroll-behavior:none;
}

body.dc-chat-locked{
    height:100dvh;
}

body.dc-chat-locked .dc-page{
    position:fixed;
    left:0;
    right:0;
    top:var(--dc-site-header-height, 72px);
    bottom:0;
    z-index:18;
    min-height:0;
    height:auto;
    padding:10px 0 10px;
    overflow:hidden;
    background:#f6faf8;
}

body.dc-chat-locked .dc-shell{
    width:min(1380px,calc(100% - 20px));
    height:100%;
    min-height:0;
    margin:0 auto;
    border-radius:18px;
}

body.dc-chat-locked .dc-sidebar{
    min-height:0;
    overflow:hidden;
}

body.dc-chat-locked .dc-sidebar__section--grow{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
}

body.dc-chat-locked .dc-main{
    height:100%;
    min-height:0;
    overflow:hidden;
}

body.dc-chat-locked .dc-header{
    flex:0 0 68px;
    min-height:68px;
}

body.dc-chat-locked .dc-messages{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
}

body.dc-chat-locked .dc-composer{
    flex:0 0 auto;
    position:relative;
    bottom:auto;
}

body.dc-chat-locked .dc-welcome{
    min-height:100%;
    padding:24px 0 28px;
}

body.dc-chat-locked .dc-sidebar__foot{
    flex:0 0 auto;
}

body.dc-chat-locked footer,
body.dc-chat-locked .site-footer,
body.dc-chat-locked .footer,
body.dc-chat-locked [data-site-footer]{
    display:none !important;
}

.dc-current-chat{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:9px 10px;
    border:1px solid rgba(13,113,82,.10);
    border-radius:11px;
    background:#edf8f3;
}

.dc-current-chat__dot{
    flex:0 0 7px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#1da475;
    box-shadow:0 0 0 5px rgba(29,164,117,.08);
}

.dc-current-chat strong,
.dc-current-chat small{
    display:block;
}

.dc-current-chat strong{
    color:#34413c;
    font-size:8.5px;
}

.dc-current-chat small{
    margin-top:2px;
    color:#91a09a;
    font-size:6.8px;
}

@media(max-width:920px){
    body.dc-chat-locked .dc-page{
        padding:0;
    }

    body.dc-chat-locked .dc-shell{
        width:100%;
        border:0;
        border-radius:0;
        box-shadow:none;
    }

    body.dc-chat-locked .dc-header{
        flex-basis:64px;
        min-height:64px;
    }

    body.dc-chat-locked .dc-sidebar{
        height:100dvh;
        overflow-y:auto;
    }
}

@media(max-width:560px){
    html.dc-chat-locked,
    body.dc-chat-locked{
        height:100dvh;
        width:100%;
        overflow:hidden !important;
    }

    body.dc-chat-locked .dc-page{
        top:var(--dc-site-header-height, 64px);
        height:auto;
    }

    body.dc-chat-locked .dc-shell{
        height:100%;
        min-height:0;
    }

    body.dc-chat-locked .dc-main{
        height:100%;
    }

    body.dc-chat-locked .dc-header{
        flex:0 0 58px;
        min-height:58px;
        padding:8px 10px;
    }

    body.dc-chat-locked .dc-messages{
        flex:1 1 auto;
        min-height:0;
        padding:14px 9px 10px;
    }

    body.dc-chat-locked .dc-welcome{
        min-height:100%;
        justify-content:center;
        padding:14px 4px 18px;
    }

    body.dc-chat-locked .dc-composer{
        position:relative;
        z-index:20;
        flex:0 0 auto;
        bottom:auto;
        padding:0 6px max(6px,env(safe-area-inset-bottom));
        border-top:1px solid rgba(20,83,64,.07);
        background:#fff;
    }

    body.dc-chat-locked .dc-composer__inner{
        margin-top:6px;
    }

    body.dc-chat-locked .dc-composer__meta{
        padding-top:4px;
        padding-bottom:1px;
    }

    body.dc-chat-locked .dc-sidebar{
        top:0;
        bottom:0;
        height:100dvh;
    }
}


/* v3.1.1 — reserve mobile bottom navigation space */
:root{
    --dc-bottom-nav-height:0px;
}

body.dc-chat-locked .dc-page{
    bottom:var(--dc-bottom-nav-height,0px);
}

@media(max-width:920px){
    body.dc-chat-locked .dc-page{
        bottom:var(--dc-bottom-nav-height,0px);
    }

    body.dc-chat-locked .dc-sidebar{
        bottom:var(--dc-bottom-nav-height,0px);
        height:auto;
    }
}

@media(max-width:560px){
    body.dc-chat-locked .dc-page{
        bottom:var(--dc-bottom-nav-height,0px);
    }

    body.dc-chat-locked .dc-shell,
    body.dc-chat-locked .dc-main{
        height:100%;
        min-height:0;
    }

    body.dc-chat-locked .dc-composer{
        padding-bottom:max(6px,env(safe-area-inset-bottom));
    }

    body.dc-chat-locked .dc-sidebar{
        bottom:var(--dc-bottom-nav-height,0px);
        height:auto;
    }
}


/* v3.1.2 — robust mobile bottom-nav clearance + compact composer */
:root{
    --dc-bottom-nav-inset:0px;
}

body.dc-chat-locked .dc-page{
    bottom:var(--dc-bottom-nav-inset,0px);
}

@media(max-width:920px){
    body.dc-chat-locked .dc-page{
        bottom:var(--dc-bottom-nav-inset,0px);
    }

    body.dc-chat-locked .dc-sidebar{
        bottom:var(--dc-bottom-nav-inset,0px);
        height:auto;
    }
}

@media(max-width:560px){
    body.dc-chat-locked .dc-page{
        bottom:var(--dc-bottom-nav-inset,0px);
    }

    body.dc-chat-locked .dc-composer{
        flex:0 0 auto;
        padding:5px 6px 6px;
        border-top:1px solid rgba(20,83,64,.07);
        background:#fff;
    }

    body.dc-chat-locked .dc-composer__inner{
        display:grid;
        grid-template-columns:minmax(0,1fr) 42px;
        align-items:center;
        gap:5px;
        margin:0;
        padding:4px;
        border-radius:14px;
    }

    body.dc-chat-locked .dc-composer textarea{
        grid-column:1;
        min-height:42px;
        max-height:88px;
        padding:10px 8px;
        font-size:10px;
        line-height:1.45;
    }

    body.dc-chat-locked .dc-composer__bottom{
        grid-column:2;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        padding:0;
    }

    body.dc-chat-locked .dc-composer__hint{
        display:none;
    }

    body.dc-chat-locked .dc-composer button{
        min-width:40px;
        width:40px;
        min-height:40px;
        height:40px;
        padding:0;
        border-radius:11px;
    }

    body.dc-chat-locked .dc-composer button span{
        display:none;
    }

    body.dc-chat-locked .dc-composer button svg{
        width:17px;
        height:17px;
    }

    body.dc-chat-locked .dc-composer__meta{
        display:none;
    }

    body.dc-chat-locked .dc-messages{
        padding-bottom:12px;
    }

    body.dc-chat-locked .dc-sidebar{
        bottom:var(--dc-bottom-nav-inset,0px);
        height:auto;
    }
}


/* v3.1.3 — readability scale */
.dc-header__title h1{font-size:15px}
.dc-header__identity p{font-size:9px}
.dc-status{font-size:8px}
.dc-chip{font-size:8.5px}

.dc-sidebar__brand strong{font-size:12px}
.dc-sidebar__brand span{font-size:8.5px}
.dc-new-chat{font-size:11px}
.dc-sidebar__label{font-size:8px}
.dc-sidebar__item{font-size:10.5px}
.dc-mini-card strong{font-size:10px}
.dc-mini-card small{font-size:8px}
.dc-security strong{font-size:9.5px}
.dc-security span{font-size:8px}
.dc-current-chat strong{font-size:10px}
.dc-current-chat small{font-size:8px}

.dc-welcome h2{font-size:28px}
.dc-welcome>p{font-size:12px}
.dc-welcome__grid strong{font-size:10.5px}
.dc-welcome__grid small{font-size:8.5px}

.dc-message__name{font-size:8px}
.dc-bubble p{font-size:12.5px;line-height:1.62}
.dc-message__time{font-size:7.5px}

.dc-composer textarea{font-size:12px}
.dc-composer__hint{font-size:7.5px}
.dc-composer button{font-size:9.5px}
.dc-composer__meta{font-size:7.2px}

@media(max-width:560px){
    .dc-header__title h1{font-size:13px}
    .dc-header__identity p{font-size:8px}
    .dc-status{font-size:7.5px}
    .dc-welcome h2{font-size:23px}
    .dc-welcome>p{font-size:10.5px}
    .dc-welcome__grid strong{font-size:10px}
    .dc-welcome__grid small{font-size:8px}
    .dc-message__name{font-size:7.5px}
    .dc-bubble p{font-size:11.5px;line-height:1.58}
    body.dc-chat-locked .dc-composer textarea{font-size:11.5px}
}


/* STEP 11 — structured conversational presentation */
.dc-bubble .dc-answer__lead{
    margin-bottom:10px;
    color:#2d3934;
    font-weight:650;
}

.dc-message--user .dc-bubble .dc-answer__lead{
    color:#fff;
}

.dc-answer__heading{
    margin:13px 0 6px;
    color:#1d2c26;
    font-size:11px;
    font-weight:850;
    letter-spacing:-.01em;
}

.dc-answer__list{
    display:grid;
    gap:5px;
    margin:0 0 8px;
    padding-left:18px;
    color:#46534d;
}

.dc-answer__list li{
    padding-left:2px;
    font-size:12px;
    line-height:1.5;
}

.dc-answer__list li::marker{
    color:#168b66;
    font-weight:800;
}

.dc-answer__next{
    display:flex;
    align-items:flex-start;
    gap:7px;
    margin-top:13px;
    padding:9px 10px;
    border:1px solid rgba(10,102,78,.10);
    border-radius:10px;
    background:#eaf6f1;
    color:#405048;
    font-size:10.5px;
    line-height:1.45;
}

.dc-answer__next strong{
    flex:0 0 auto;
    color:#0b7154;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.dc-new-chat:disabled{
    cursor:wait;
    opacity:.62;
}

@media(max-width:560px){
    .dc-answer__heading{font-size:10.5px}
    .dc-answer__list{gap:4px;padding-left:17px}
    .dc-answer__list li{font-size:11px;line-height:1.5}
    .dc-answer__next{font-size:10px;padding:8px 9px}
}