/*
 * PKKMB_AI_GUIDE_UNIFIED_UI_C53A3
 * Public AI Guide follows Dashboard AI model.
 */

.pkkmb-ai-unified-overlay{
 position:fixed;
 inset:0;
 display:none;
 justify-content:flex-end;
 align-items:flex-end;
 padding:18px;
 background:rgba(7,31,36,.26);
 backdrop-filter:blur(2px);
 z-index:999999;
}

.pkkmb-ai-unified-overlay.open{
 display:flex;
}

.pkkmb-ai-unified-panel{
 width:min(390px,calc(100vw - 20px));
 height:min(650px,calc(100vh - 30px));
 display:flex;
 flex-direction:column;
 overflow:hidden;
 background:#f8fafb;
 border:1px solid #dce5e8;
 border-radius:19px;
 box-shadow:0 28px 80px rgba(16,24,40,.28);
}

.pkkmb-ai-unified-head{
 flex:0 0 auto;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:12px 14px;
 background:#fff;
 border-bottom:1px solid #e7edef;
}

.pkkmb-ai-unified-brand{
 display:flex;
 align-items:center;
 gap:10px;
}

.pkkmb-ai-unified-icon{
 width:36px;
 height:36px;
 display:grid;
 place-items:center;
 border-radius:12px;
 background:#e7f4fb;
 color:#1478b8;
 font-size:18px;
}

.pkkmb-ai-unified-brand strong{
 display:block;
 color:#17313a;
 font-size:13px;
}

.pkkmb-ai-unified-brand small{
 display:block;
 margin-top:2px;
 color:#667085;
 font-size:9px;
}

.pkkmb-ai-unified-close{
 width:34px;
 height:34px;
 display:grid;
 place-items:center;
 border:0;
 border-radius:9px;
 background:transparent;
 color:#64748b;
 font-size:23px;
 cursor:pointer;
}

.pkkmb-ai-unified-messages{
 flex:1 1 auto;
 min-height:0;
 overflow-y:auto;
 display:flex;
 flex-direction:column;
 gap:11px;
 padding:13px;
}

.pkkmb-ai-unified-msg{
 display:flex;
 flex:0 0 auto;
}

.pkkmb-ai-unified-msg.user{
 justify-content:flex-end;
}

.pkkmb-ai-unified-msg.assistant{
 justify-content:flex-start;
}

.pkkmb-ai-unified-bubble{
 max-width:88%;
 padding:10px 12px;
 border-radius:14px;
 font-size:11px;
 line-height:1.55;
 overflow-wrap:anywhere;
}

.pkkmb-ai-unified-msg.assistant .pkkmb-ai-unified-bubble{
 background:#fff;
 border:1px solid #dce5e8;
 border-bottom-left-radius:5px;
 color:#334155;
}

.pkkmb-ai-unified-msg.user .pkkmb-ai-unified-bubble{
 background:#087c7d;
 color:#fff;
 border-bottom-right-radius:5px;
 box-shadow:0 5px 15px rgba(8,124,125,.14);
}

.pkkmb-ai-unified-bubble strong{
 display:block;
 margin-bottom:4px;
 color:#075f67;
}

.pkkmb-ai-unified-msg.user strong{
 color:#fff;
}

.pkkmb-ai-unified-bubble p{
 margin:0;
}

.pkkmb-ai-unified-meta{
 display:inline-flex;
 margin-top:7px;
 padding:3px 6px;
 border-radius:999px;
 background:#edf8f7;
 color:#087c7d;
 font-size:9px;
 font-weight:600;
}

.pkkmb-ai-unified-actions{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 margin-top:8px;
}

.pkkmb-ai-unified-actions a{
 padding:6px 8px;
 border:1px solid #c9dfdf;
 border-radius:8px;
 background:#f0f8f7;
 color:#075f67;
 text-decoration:none;
 font-size:10px;
 font-weight:600;
}

.pkkmb-ai-unified-feedback{
 display:flex;
 gap:5px;
 align-items:center;
 margin-top:9px;
 padding-top:7px;
 border-top:1px solid #edf1f3;
}

.pkkmb-ai-unified-feedback small{
 margin-right:3px;
 color:#98a2b3;
}

.pkkmb-ai-unified-feedback button{
 min-height:27px;
 padding:3px 7px;
 border:1px solid #dde5e7;
 border-radius:8px;
 background:#fff;
 color:#667085;
 font-size:10px;
 cursor:pointer;
}

.pkkmb-ai-unified-feedback button.active{
 background:#edf8f7;
 border-color:#9dc8c8;
 color:#087c7d;
}

.pkkmb-ai-unified-quick{
 flex:0 0 auto;
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 padding:9px 12px;
 background:#fff;
 border-top:1px solid #edf1f3;
}

.pkkmb-ai-unified-quick button{
 padding:5px 8px;
 border:1px solid #d5e0e3;
 border-radius:999px;
 background:#fff;
 color:#52646c;
 font-size:9px;
 cursor:pointer;
}

.pkkmb-ai-unified-form{
 flex:0 0 auto;
 display:flex;
 gap:7px;
 padding:9px;
 background:#fff;
 border-top:1px solid #e5ecee;
}

.pkkmb-ai-unified-form textarea{
 flex:1;
 min-height:44px;
 max-height:100px;
 resize:none;
 border:1px solid #99c5ca;
 border-radius:11px;
 padding:10px;
 outline:none;
 font:inherit;
 font-size:11px;
}

.pkkmb-ai-unified-send{
 width:45px;
 flex:0 0 45px;
 border:0;
 border-radius:11px;
 background:#087c7d;
 color:#fff;
 cursor:pointer;
}

.pkkmb-ai-unified-thinking .pkkmb-ai-unified-bubble{
 display:flex;
 gap:4px;
}

.pkkmb-ai-unified-thinking i{
 width:6px;
 height:6px;
 border-radius:50%;
 background:#8aa4a8;
 animation:pkkmbUnifiedDot 1.1s infinite;
}

.pkkmb-ai-unified-thinking i:nth-child(2){animation-delay:.15s}
.pkkmb-ai-unified-thinking i:nth-child(3){animation-delay:.30s}

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

/* Hide old public C5.1/C5.2 presentation */
body.pkkmb-ai-unified-ready
#pkkmbAiGuidePanel{
 display:none !important;
}

body.pkkmb-ai-unified-open{
 overflow:hidden;
}

@media(max-width:640px){

 .pkkmb-ai-unified-overlay{
  padding:0;
  align-items:stretch;
 }

 .pkkmb-ai-unified-panel{
  width:100%;
  height:100%;
  max-height:none;
  border-radius:0;
 }

 .pkkmb-ai-unified-bubble{
  max-width:91%;
 }

}

/*
 * PKKMB_AI_GUIDE_DASHBOARD_UNIFIED_UI_C53A4
 */

/*
 * Completely suppress old Dashboard conversation popup.
 * Sidebar & floating triggers remain available.
 */

body.pkkmb-dashboard-unified-ai
#dashAiOverlay{
    display:none !important;
}


/*
 * Dashboard Unified popup position.
 */

body.pkkmb-dashboard-unified-ai
.pkkmb-ai-unified-overlay{
    z-index:100000 !important;
}


/*
 * Desktop keeps elegant floating assistant panel.
 */

body.pkkmb-dashboard-unified-ai
.pkkmb-ai-unified-panel{
    width:min(390px,calc(100vw - 24px));
    height:min(650px,calc(100vh - 32px));
}


/*
 * Ensure user message uses modern appearance.
 */

body.pkkmb-dashboard-unified-ai
.pkkmb-ai-unified-msg.user
.pkkmb-ai-unified-bubble{
    background:linear-gradient(
        135deg,
        #087c7d,
        #086a73
    );
    box-shadow:
        0 5px 15px rgba(8,124,125,.16);
}


/*
 * Internal Dashboard assistant gets slightly stronger card.
 */

body.pkkmb-dashboard-unified-ai
.pkkmb-ai-unified-msg.assistant
.pkkmb-ai-unified-bubble{
    box-shadow:
        0 4px 14px rgba(16,24,40,.045);
}


/*
 * Mobile Dashboard:
 * Unified assistant becomes full-screen.
 */

@media(max-width:640px){

    body.pkkmb-dashboard-unified-ai
    .pkkmb-ai-unified-overlay{
        padding:0 !important;
    }

    body.pkkmb-dashboard-unified-ai
    .pkkmb-ai-unified-panel{
        width:100% !important;
        height:100% !important;
        max-height:none !important;
        border-radius:0 !important;
    }

}