/* ======================================================================== */
/* Chat Session Expipred the show popup  */
/* Fade-in animation file upload chat*/
.bot-msg,.user-msg{padding:8px 12px;border-radius:12px;display:inline-block;animation:.3s fadeIn}#chat-toggle-btn,#session-expired-overlay{z-index:999;text-align:center;color:#fff}#chat-box,#session-expired-overlay{position:fixed;width:100%;display:none}#chat-box,.bot-msg,.user-msg{animation:.3s fadeIn}.chat-header p,.sidebar h4{font-weight:600;font-size:16px}.bot-msg,.bot-msg pre,.msg{box-shadow:0 1px 3px rgba(0,0,0,.1)}.bot-msg pre,.msg.bot{max-width:633px;padding-left:30px;padding-right:30px}.user-msg{background-color:#337ab7;color:#fff;max-width:70%}#attachBtn,.bot-msg{background-color:#fff}.bot-msg{color:#333;max-width:80%;font-family:inherit}.bot-msg pre{background:#fff;color:#000;align-self:flex-start;border-bottom-left-radius:4px}#attachBtn{color:#000;border-radius:40px;box-shadow: 0 3px 2px 1px #ddd;height:34px;width:35px;border:1px solid #ddd}#attachBtn:hover{box-shadow:1px 1px 2px 2px #ddd;border:1px solid #0b5ed7}#session-expired-overlay{top:0;left:0;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);font-size:18px;padding-top:20%}#login-again-btn{margin-top:20px;padding:10px 20px;font-size:16px;cursor:pointer}.chat-pane{flex:1;display:flex;flex-direction:column;position:relative;height:595px;max-height:585vh}#chat-box,.sidebar{background:#fff;max-height:95vh}#chat-toggle-btn{position:fixed;bottom:25px;right:25px;width:70px;height:70px;border-radius:50%;font-size:28px;background-color:#ffffff;line-height:60px;cursor:pointer;    box-shadow: -2px 2px 7px 5px rgba(0, 0, 0, .2);}#chat-box{top:50%;left:50%;transform:translate(-50%,-50%);max-width:85%;border:1px solid #ccc;border-radius:6px;z-index:9998;margin:0 auto;box-shadow:0 6px 20px rgba(0,0,0,.3);flex-direction:column}.sidebar{display:flex;flex-direction:column;overflow-y:auto;transition:.3s;z-index:1000;margin-left:-14px!important;margin-right:-14px!important}.chat-header,.sidebar h4{background:#fff;display:flex;border-bottom:1px solid #ddd;top:0;z-index:999}.sidebar.show{margin-left:0}.sidebar h4{padding:20px 37px 15px 29px;margin:0;color:#000;justify-content:space-between;align-items:center;position:sticky;box-shadow:0 -2px 4px 1px #ddd}.sidebar h4 button{background:#fff;color:#0b5ed7;border:none;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:14px}.chat-session{padding:9px 0 8px 10px;cursor:pointer;transition:.2s;position:relative;text-transform:capitalize}.chat-session:hover{background:#f0f0f0}.chat-session.active{background:#e5e5ea;font-weight:700}.chat-header{color:#3b3b3b;padding:18px 20px;font-weight:700;font-size:18px;align-items:center;justify-content:space-between;position:sticky}.chat-header p{margin:0}.chat-header .toggle-sidebar{cursor:pointer;margin-right:10px;font-size:20px}.live-dot{display:inline-block;width:10px;height:10px;background:#28a745;border-radius:50%;margin-left:8px;animation:1.5s infinite blinkLive;vertical-align:middle}.chat-box,
.chat-input{display:flex;max-height:75vh}@keyframes blinkLive{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.chat-box{flex:1;padding:14px 20px;overflow-y:auto;background:0 0/contain #f4f6f8;flex-direction:column;background-image:url(../chat/assets/img/chat-back.jpg)!important; background-size: contain !important;}.msg{margin-bottom:14px;max-width:75%;padding:10px 14px;border-radius:20px;line-height:1.5;word-wrap:break-word;position:relative}.msg.user{background:#0a64a8;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.msg.bot{background:#fff;color:#000;align-self:flex-start;border-bottom-left-radius:4px}.msg-time{font-size:10px;color:#666;margin-top:4px;text-align:right}
.chat-input{ bottom: 10px;
    /* left: 294px; */
    width: 100%;
    background: #fff;
    border-top: 1px solid #ccc;
    padding: 10px;
    align-items: center;
    /* position: fixed;*/
}
.chat-input input{flex:1;flex:1;border:none;padding:10px 14px;font-size:14px;border-radius:20px;outline:0;background:#f1f3f5;margin-right:6px}#micBtn,.chat-input button,.voiceToggleBtn{align-items:center;cursor:pointer;display:flex}.chat-input button{border:none;background:#0b5ed7;color:#000;padding:15px 16px;border-radius:20px;font-size:16px;justify-content:center}.chat-input #micBtn{background:#fff;margin-right:6px}.typing-indicator span{display:inline-block;width:6px;height:6px;background:#999;border-radius:50%;margin-right:3px;animation:1.4s infinite both blink}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,100%,80%{opacity:0}40%{opacity:1}}@media (max-width:768px){.sidebar{position:fixed;left:-280px;height:100%;box-shadow:2px 0 5px rgba(0,0,0,.2)}.sidebar.show{left:0}.chat-pane{flex:1}.chat-header .toggle-sidebar{display:inline-block}.chat-box{padding:10px}.chat-input input{font-size:13px}}.chat-box::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.chat-box::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.bg-white{background-color:#fff!important}.mt-7{margin-top:-7px!important}.fs-9{font-size:9px!important}.fs-12{font-size:12px!important}.bg-danger-chat{background-color:#fff;box-shadow:1px 0 4px 0 #ddd;border-radius:5px}#micBtn,.voiceToggleBtn{background:#f5f5f5;border:none;border-radius:50%;width:23px;height:23px;justify-content:center;margin-left:5px;transition:.3s}#micBtn,.voiceToggleBtn:hover{box-shadow:0 3px 2px 1px #ddd;border:1px solid #6f6f6f}#micBtn.active{background:#e74c3c;color:#fff}.voiceToggleBtn.active{background:#2ecc71;color:#fff}#micBtn i,.voiceToggleBtn i{font-size:11px}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:1s ease-in-out forwards fadeIn}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 60px)}.modal.fade .modal-dialog{transform:translate(0,-25%);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate(0,0)}
/* =========================================================================================== */
#chat-icon-iHRMS{
    border-radius: 50%;
    height: 60px;
    width: 60px;
    margin-top: -35px;
    position: absolute;
    left: 5px;
    top: 40px;
    z-index: 99; 
}
#cross-chat-toggle-btn{
       position: absolute;
    right: -11px;
    top: -11px;
    border: 4px solid #ff0000;
    border-radius: 50px;
    height: 22px;
    width: 21px;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    background-color: red;
    cursor:pointer;
}
.ihrms-chat-logo{
        font-size: 17px;
    padding: 18px 0px 17px 29px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
}
/* Animated gradient border */
/* #chat-toggle-btn::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    background: conic-gradient(
        #ff00cc,
        #3333ff,
        #00ffff,
        #00ff99,
        #ff9900,
        #ff00cc
    );
    animation: spinBorder 2.5s linear infinite;
    z-index: 0;
}
*/
/* Mask center to create visible circular border */
/* #chat-toggle-btn::after {
    content: "💬"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    font-size: 26px;
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
} */

/* Keep icon/text on top */
#chat-toggle-btn span,
#chat-toggle-btn i,
#chat-toggle-btn svg {
    position: relative;
    z-index: 2;
}

@keyframes spinBorder {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.badge-query {
    background-color: #3c9ae4;
    color: #fff;
    font-size: 12px;
    padding: 5px 6px;
    border-radius: 12px;
    margin: 3px;
}
/* =============================[ End chat css Here]=========================================== */
.form-group.col-lg-3.select-companies {
    width: 20%;
}

table#table_id thead tr th input{
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 1.2142em;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    padding: 0.67861429em 1em;
    background: #FFF;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: 0.28571429rem;
    -webkit-transition: box-shadow .1s ease,border-color .1s ease;
    transition: box-shadow .1s ease,border-color .1s ease;
    box-shadow: none;
}

.version-logs .panel-body ol li span{
    float: right;
}

#header-cdropdown .bs-searchbox {
    display: none;
}

.indo-pointer{
    cursor: pointer;
  }
  .autocomplete-items {
  position: absolute;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 15px;
  right: 0;
  width: 96%
}

.indo-table-nowrap thead tr th, .indo-table-nowrap tbody tr td {
    white-space: nowrap;
}

.indo-label{
    display: block;
}

.bootstrap-select.btn-group .dropdown-menu li {
    padding: 0px 5px !important;
    margin: 0 2px !important;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
    background: #7ba9d0;
    padding: 5px 10px;
}

form li span {
    margin: 0 0px 0 0 !important;
    padding: 0 0 0px !important;
    float: none
}

.dropdown-menu>li>a {
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #bdbdbd;
    }

.tk-img-circle{
    width: 30px !important;
    border: 1px solid #000;
    padding: 2px;
    border-radius: 50%;
}

.tk-bg{
    background: #337ab742 !important;
    width: 90%
}

.indo-border{
    display: block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.indo-hide select#companyName option[value="all"] {
    display: none;
}

.indo-overflow-y{
        max-height: 200px;
        overflow-y: scroll;
}

.ui.pagination.menu .active.item {
     background-color: #00BCD4 !important;
}

@media print { 
@page{margin:0px auto;} 
/*For webkit browsers (Chrome and Safari): */
.print {
  -webkit-print-color-adjust:exact;
}

table, th, td {
    border: 1px solid black;
}
   
}

 hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

.salary-slip{
    font-size: 13px
}

.salary-slip p {
    margin-bottom: 2px;
}

.salary-slip,.salary-slip .table-bordered,.salary-slip .table-bordered>tbody>tr>td,.salary-slip .table-bordered>tbody>tr>th{
border:2px solid #000 !important;
font-weight: bold;
}

.salary-slip .table-bordered>tbody>tr>td{
    padding: 5px !important;
}

.indo-times-new-roman{
font-family: Time New Roman;
}


.print-container{
    border: 2px solid #000;
    padding: 20px;
}
.indo-calibri{
    font-family: Calibri;
}

.font-size-20{ /* 20pt in excel */
    font-size: 26.6px;
}

.font-size-16{/* 16pt in excel */
    font-size: 21.3px;
}

.font-size-12{ /* 12pt in excel */
    font-size: 16px;
    font-weight: bold;
}


.font-size-11{ /* 11pt in excel */
    font-size: 14.6px;
    font-weight: bold;
}

.font-size-10{ /* 10pt in excel */
    font-size: 13.3px;
}

@page { size: auto;  margin: 0mm; }

.indo-menus .panel-collapse{
    padding: 0px 15px 15px;
}
.indo-overflow{
    overflow-x: scroll;
}
.icard{
    width: 50%;
    box-shadow: 0px 0px 5px 0px #777;
    height: 500px;
}

.padding8{
    padding: 8px;
}

.indo-btn{
    margin: 20px;
}

body {
    overflow-x: initial !important;
}

.back ol {
    padding-left: 20px;
}

.icard .terms ol li {
    padding: 3px;
}

.icard .terms{
    margin-top: -11px;
}

.address {
    padding: 17px 9px;
}

.icard #indoLogo{
    margin: 8px;
    width: 120px;
}

#samsungLogo{
    width: 100px;
    margin-right: 45px;
}

.icard #empPhoto{
width:125px;
border: 2px solid rgb(52, 72, 144) !important; 
border-radius: 15px !important;
}

.indo-d-required{
    color:red
}

.print tr td, .print tr th {
    border: 2px solid #000 !important;
}

.printbg{
    background-color: rgba(119, 119, 119, 0.59) !important;
}


.print{
    font-family: initial;
}

.print tr td:nth-child(2){
    /*width: 450px;*/
    font-size: 17px;
}

.table tr td input.form-control{
    text-align: center; width: 100% !important;
    padding: 6px 3px !important;
}

.underline{
    text-decoration: underline;
}

.cust-group{
margin-bottom: 0 !important;
}

.table tr th{
    text-align: center;
}

.margin-top{
margin-top: 20px
}

.doc-download{
    z-index: 9;
    top: 5px;
    position: absolute;
    right: 20px;
}
.doc-preview{
    z-index: 9;
    top: 5px;
    position: absolute;
    left: 20px;
}
#frmLogin { 
    padding: 20px 60px;
    background: #55acc0;
    color: #555;
    display: block;
    margin: auto; 
    border-radius: 4px;
    width: 50% !important 
}
.logo{
        margin: 30px auto;
}

th.thwidth.sorting {
    width: 60px !important;
}

.huge{
    font-size: 45px;
}

.indo-d-reportCont .panel-collapse{
    padding-left: 20px;
    padding-right : 20px;
}
.collapse.in {
    margin-top: 20px;
}

.indo-d-download{
    margin-left: 30px
}

.form-submit-button {
    background: #65C370;
    border: 0;
    padding: 8px 20px;
    border-radius: 4px;
    color: #FFF;
    text-transform: uppercase; 
}
.member-dashboard {
    padding: 40px;
    background: #D2EDD5;
    color: #555;
    border-radius: 4px;
    display: inline-block;
    text-align:center; 
}
.logout-button {
    color: #09F;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0px;
    cursor: pointer;
}
.error-message {
    text-align:center;
    color:#FF0000;
}
.demo-content label{
    width:auto;
}

/* Icon when the collapsible content is shown */
  .indo-d-icon:after {
    font-family: "Glyphicons glyphicon-plus";
    content: "\2212";
    float: right;
    margin-left: 15px;
  }
  /* Icon when the collapsible content is hidden */
  .indo-d-icon.collapsed:after {
    content: "\002b";
  }

  a.indo-d-icon{
    display: block;
  }

  .panel-heading{
    padding: 0px !important
  }

  .indo-dasbhoard-panel{
    padding: 10px 15px !important;
}

  .panel-heading>.panel-title>a{
    padding: 10px 15px;
  }

.summary:hover {
    background: rgb(60, 118, 61);
    padding: 10px;
    border-radius: 4px;
    color: white;
}


/*admin - dashboard */
    
    .buttonp:before {
    content: " ";
    width: 0; height: 0;
    border-bottom: 30px solid #ff99aa;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    position: absolute;
    top: -30px;
    left: 0;
}

.buttonp{
    margin-top: 40px;
    width: 104px;
    height: 60px;
    background-color: #ff99aa;
    position: relative;
    text-align: center;
}

.buttonp:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -30px;
    left: 0px;
    border-top: 30px solid #ff99aa;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}
.buttonr:before {
    content: " ";
    width: 0; height: 0;
    border-bottom: 30px solid #ff3333;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    position: absolute;
    top: -30px;
    left: 0;
}

.buttonr{
    margin-top: 40px;
    width: 104px;
    height: 60px;
    background-color: #ff3333;
    position: relative;
    text-align: center;
}

.buttonr:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -30px;
    left: 0px;
    border-top: 30px solid #ff3333;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}
.buttonb:before {
    content: " ";
    width: 0; height: 0;
    border-bottom: 30px solid #6666ff;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    position: absolute;
    top: -30px;
    left: 0;
}

.buttonb{
    margin-top: 40px;
    width: 104px;
    height: 60px;
    background-color: #6666ff;
    position: relative;
    text-align: center;
}

.buttonb:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -30px;
    left: 0px;
    border-top: 30px solid #6666ff;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}
.buttonlb:before {
    content: " ";
    width: 0; height: 0;
    border-bottom: 30px solid #5bc0de;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    position: absolute;
    top: -30px;
    left: 0;
}

.buttonlb{
    margin-top: 40px;
    width: 104px;
    height: 60px;
    background-color: #5bc0de;
    position: relative;
    text-align: center;
}

.buttonlb:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -30px;
    left: 0px;
    border-top: 30px solid #5bc0de;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}
.buttongr:before {
    content: " ";
    width: 0; height: 0;
    border-bottom: 30px solid #808080;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    position: absolute;
    top: -30px;
    left: 0;
}

.buttongr{
    margin-top: 40px;
    width: 104px;
    height: 60px;
    background-color: #808080;
    position: relative;
    text-align: center;
}

.buttongr:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -30px;
    left: 0px;
    border-top: 30px solid #808080;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}
.buttongn:before {
    content: " ";
    width: 0; height: 0;
    border-bottom: 30px solid #66ff66;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    position: absolute;
    top: -30px;
    left: 0;
}

.buttongn{
    margin-top: 40px;
    width: 104px;
    height: 60px;
    background-color: #66ff66;
    position: relative;
    text-align: center;
}

.buttongn:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -30px;
    left: 0px;
    border-top: 30px solid #66ff66;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
}
  .border{
    border-left: 5px solid #cccccc;
  }
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}
.bcolour{
  background-color:#ffffff; 
}
.btnsty{
    color:#ffffff; 
    font-size:25px;
    font-weight: bold;
}
.margin{
    margin-left:10px; 
}
.background-image-birthday {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;

  display: block;
  background-image: url('/inc/birthday.jpg');
  width: 400px;
  height: 300px;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
/* ================= Sidebar Responsive ================= */

/* Default sidebar styles (desktop) */
#sidebar {
    width: 260px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #ffffff;
    border-right: 1px solid #ddd;
    /* padding: 20px; */
    transition: transform 0.3s ease;
    z-index: 999;
}

#sidebar.closed {
    transform: translateX(-260px);
}

/* Sidebar header */
.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Menu list */
.menu-list {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.menu-list li {
    margin-bottom: 8px;
    font-size: 10px;
}

.menu-list a {
    color: #333;
    font-size: 16px;
    text-decoration: none;
    font-size: 13px;
}

.menu-list a:hover {
    color: #007bff;
}

/* Right panel */
#content-wrapper {
    margin-left: 260px;
    transition: margin-left 0.3s ease;
}

#content-wrapper.full {
    margin-left: 0;
}

/* Chat header */
.chat-header {
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 15px;
}

.open-sidebar {
    font-size: 24px;
    cursor: pointer;
    display: none; /* hidden by default on desktop */
}

.user-photo {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    object-fit: cover;
}

/* Chat box */
.chat-box {
    background: #f7f7f7;
    padding: 20px;
    overflow-y: auto;
    max-height: 400px;
}

/* Chat input */
.chat-input {
    padding: 15px;
    background: #fff;
    border-top: 1px solid #ddd;
    display: flex;
    gap: 10px;
}

/* ================= Mobile / Tablet ================= */
@media (max-width: 768px) {

    /* Hide desktop sidebar */
    #sidebar {
        transform: translateX(-260px);
        position: fixed;
        height: 100%;
        z-index: 9999;
        left: -36px;
    }

    /* Show sidebar when toggled */
    #sidebar.mobile-open {
        transform: translateX(0);
    }

    /* Content wrapper full width when sidebar hidden */
    #content-wrapper {
        margin-left: 0 !important;
    }

    /* Chat box smaller on mobile */
    .chat-box {
        height: 421px !important;
    }

    /* Hamburger visible on mobile */
    .open-sidebar {
        display: inline-block;
    }
    #typeText1{
        font-size: 15px;
    }
    #typeText2{
        font-size: 13px;
    }
    .chat-box{
        background-size: cover !important;
    }
    .menu-list{
        margin-top: 10px;
        overflow-y: scroll;
        height: 231px;
    }
}

/* Optional overlay when sidebar is open on mobile */
#sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 9998;
}

#sidebar-overlay.active {
    display: block;
}

/* ===== Sticky table thead sticky and from left side td1, td2, th3  stickey @6-3-2026 @AKN ===== */
#table_id thead th{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
}


/* Ticket Dashboard Stats 10-3-2026 */
   .padding10{
    padding: 10px !important;
   }
   .stat-box{
   padding:20px;
   color:#fff;
   border-radius:4px;
   margin-bottom:20px;
   text-align:center;
   }
   .stat-box h3{
   margin:0;
   font-size:28px;
   font-weight:bold;
   }
   .stat-box p{
   margin:0;
   font-size:14px;
   }
   .bg-blue{background:#3498db;}
   .bg-orange{background:#f39c12;}
   .bg-green{background:#27ae60;}
   .bg-dark{background:#34495e;}
   .bg-purple{background:#8e44ad;}
   /* End Ticket Dashboard Stats 10-3-2026 */
   .mt-10{
    margin-top: 10px !important;
   }

/* ===================================================================
   Chat assistant additions @AKN  (loaded via inc/style.css)
   =================================================================== */

/* LLM-usage status badge beside the title */
.llm-status{
    font-size:11px;font-weight:600;background:#eef2ff;color:#3b5bdb;
    border:1px solid #c7d2fe;border-radius:12px;padding:2px 8px;margin-left:6px;
    vertical-align:middle;white-space:nowrap;display:inline-block;
}
.llm-status small{font-weight:400;}

/* Chat session actions dropdown + delete item */
.chat-actions-menu{
    min-width:150px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);
    border:none;padding:6px;
}
.delete-chat{
    display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;
    color:#e03131;font-weight:500;
}
.delete-chat:hover,.delete-chat:focus{background:#fff0f0;color:#c92a2a;text-decoration:none;}

/* Delete-chat confirmation — self-contained overlay INSIDE #chat-box */
.chat-confirm-overlay{
    position:absolute;top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,.45);
    display:none;align-items:center;justify-content:center;
    z-index:999900;border-radius:6px;
    
}
.chat-confirm-overlay.show{display:flex;}
.chat-confirm-card{
    background:#fff;width:320px;max-width:88%;border-radius:14px;overflow:hidden;
    box-shadow:0 14px 44px rgba(0,0,0,.30);
    margin:0 auto;display:flex;flex-direction:column;align-items:center;
        margin-top: 100px;
}
.chat-confirm-body{padding:28px 22px 16px;}
.chat-confirm-icon{
    width:62px;height:62px;margin:0 auto 16px;border-radius:50%;background:#fff0f0;
    display:flex;align-items:center;justify-content:center;
}
.chat-confirm-icon i{font-size:26px;color:#e03131;}
.chat-confirm-title{margin:0 0 6px;font-weight:700;color:#222;}
.chat-confirm-text{margin:0;color:#777;font-size:13.5px;line-height:1.5;}
.chat-confirm-footer{border-top:1px solid #f1f1f1;padding:12px;display:flex;gap:10px;}
.chat-confirm-footer .btn{flex:1;border-radius:9px;font-weight:600;}

/* Voice read/mute toggle in the chat header */
.voice-toggle-right{margin-left:auto;}