body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.Ecg7PG_spectrum-Dialog-typeIcon {
  margin-top: 4px; 
}


.conversation-view-grid .chat-panel-closed-container section{height:calc(100vh - 160px);max-height:calc(100vh - 160px)}.chat-panel-closed-container section{height:calc(100vh - 100px);max-height:calc(100vh - 100px)}.voice-panel-closed-container section{height:calc(100vh - 210px);max-height:calc(100vh - 210px)}.chat-panel-container section+div{bottom:0px !important;position:absolute}.no-conv-container{height:100%;display:flex;justify-content:center}.no-conversations{color:#6e6e6e;text-align:center;letter-spacing:0px;margin-top:calc(50vh - 120px)}.no-conversations p{margin:0px;height:33px;width:200px}.transfer-in-progress section+div{pointer-events:none}.transfer-in-progress section+div:hover{cursor:not-allowed}
.flyout-panel-container{display:flex;text-align:center;justify-content:center;flex-direction:column}.flyout-panel-child{border:1px solid;border-radius:5px;margin:10px;display:flex;overflow:hidden;flex-direction:column}
.POa4B {
    height: 60px;
    padding: 0px 20px;
    position: relative;
}

.q948H {
    background: #2c2c2c;
}

.Hqrgj {
    background: #000000;
}

._3PU7Z {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    /* margin-right: 30px; */
    background: inherit;
}

.GutUO {
    position: absolute;
    left: 212px;
    visibility: hidden;
}

.BUz4Q {
    margin-left: 20px;
    padding: 0;
    padding-top: 15px;
    margin-top: 0px;
}

.Qf3eC {
    min-width: 405px;
}

.Qf3eC div:first-child {
    grid-template-columns: 30px auto 1fr auto minmax(0, auto) 30px;
    grid-template-rows: auto 30px auto auto 1fr auto 0px;
}

.iC0Ia {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 20px;
    float: right;
}

._9BSKB {
    border: none;
}

._4G6nm {
    background: none;
}

._0m74f {
    background-color: #1473e6;
}

.N3lhN:hover {
    background-color: #6e6e6e;
}

.qzsmV {
    font-size: 12px;
    font-weight: 400;
    padding: 0px 6px;
    text-align: center;
}

.JC2Oe {
    color: #b3b3b3;
    font-size: 12px;
    font-weight: 400;
}

.MDwwT {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
}

.q948H:disabled {
    background: #2c2c2c;
}

.Hqrgj:disabled {
    background: #000000;
}

.POa4B button,
.hWyyy button {
    cursor: pointer;
}

.V97tS,
.V97tS:hover {
    background-color: #ff8700;
    color: #fff;
}

.bxzhg,
.bxzhg:hover {
    background-color: #e34850;
    color: #fff;
}

._7gGEO {
    margin-left: auto
}

.wOiux svg {
    fill: #b3b3b3 !important;
    width: 18px !important;
    height: 18px !important;
}

._2EyjK {
    pointer-events: none;
}
.OWttE {
    top: 0px;
    left: 0px;
    width: 406px;
    height: 515px;
}

.OWttE button {
    cursor: pointer;
}

.reiYc {
    background-color: #323232;
}

.FU7-0 {
    position: fixed;
    top: 0px;
    right: 0;
}

._3qiNr {
    height: 40px;
}

.fUqsw {
    width: 120px;
    height: 32px;
}

.h7U\+N {
    font-size: 18px;
}


.fXlOX,
.fXlOX:hover {
    width: 152px;
    height: 32px;
    margin-top: 22px;
    column-gap: 5px;
    background: #1473E6;
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 16px;
}

call-button:hover:disabled,
.fXlOX:disabled {
    background-color: #E1E1E1;
    color: #ffffff;
}

.qfIjt {
    color: #b3b3b3;
    text-align: center;
    font: normal normal bold 10px/12px adobe-clean;
    letter-spacing: 0px;
    color: #B3B3B3;
    opacity: 1;
}

.WcQgJ {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.Y-RnJ label {
    text-align: left;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
}

.Y-RnJ .ea0Aa {
    width: 205px;
    resize: none;
    padding: 3px 30px 5px 11px;
    text-indent: 0;
    vertical-align: top;
    font-family: adobe-clean, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-overflow: ellipsis;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #B1B1B1;
    border-radius: 4px;
    margin-top: 3px;
}

.ea0Aa:placeholder-shown {
    font-style: italic;
}

.gm-ef {
    border-color: #D31510;
}

.Y\+J0b {
    background-color: #B40000;
}

.Y-RnJ ._2EJG2 {
    position: absolute;
    padding-right: 40px;
}

.Pp\+rz {
    position: absolute;
    border: none;
    width: fit-content;
}

.Pp\+rz:hover {
    cursor: pointer;
}

._2EJG2 {
    width: 18px;
    height: 16px;
    color: #B40000;
    padding-top: 10px;
    position: absolute;
    border: none;
}

.dJqU2 {
    overflow: hidden;
}

.Y-RnJ {
    position: relative;
}

._6FFKe {
    position: absolute;
    right: 0;
    border: none;
    background: transparent;
    margin-top: 3px;
}

._6FFKe:hover {
    background: transparent;
}

.VuwNp {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}
.UT8Ap {
  font-family: 'adobe-clean';
  margin-top: 10px;
  margin-bottom: 5px;
  align-self: center;
}

.pZsC8 {
  border-radius: 50%;
  background-color: #b90000;
}

.pZsC8:hover {
  background-color: #b90000;
  cursor: pointer;
}

.MaDlY,
._1VFGe,
.f\+Pex {
  border-radius: 50%;
  border: 2px solid #6e6e6e;
  color: #6e6e6e;
}

.MaDlY:hover {
  border: 2px solid #6d4211;
}

.V0npQ {
  border-radius: 50%;
  background-color: #ff8700;
  color: #fff;
  cursor: pointer;
}

.V0npQ:hover {
  border-radius: 50%;
  /* background-color: #5d2d00; */
  border: 2px solid #5d2d00;
  cursor: pointer;
}

._1VFGe:hover {
  /* background-color: #4c7dbd; */
  border: 2px solid #0676ff;
}

.gSaZE {
  border-radius: 50%;
  background-color: #0676ff;
  color: #fff;
  cursor: pointer;
  border: none;
}

.gSaZE:hover {
  border-radius: 50%;
  /* background-color: #0b3970; */
  /* color: #fff; */
  cursor: pointer;
  border: 2px solid #0676ff;
}

.ZN-8G,
.f\+Pex:hover,
.ZN-8G:hover {
  border-radius: 50%;
  background-color: #1473e6;
  color: #fff;
  border: none;
}

.c9VLa {
  border-radius: 50%;
  color: #b3b3b3;
  background-color: #e1e1e1;
}

.PIA\+x {
  flex-direction: row;
  gap: 8.5px;
}

.QzG-\+ {
  flex-direction: column;
  margin-bottom: 15px;
}

.QzG-\+ button {
  width: 38px;
  height: 38px;
}

.QzG-\+ button:disabled {
  border-radius: 50%;
  color: #b3b3b3;
  background-color: #e1e1e1;
}

/* transfer call popup */
._2vPh3 {
    margin-top: 13px;
    opacity: 1;
}

.DoK2a {
    text-align: left;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    padding-top: 12px;
    font-size: 12px;
    font-weight: 400;
}

.l8Moa {
    text-align: left;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: 17px;
    font-size: 12px;
    font-weight: 400;
}

.iiMIG {
    width: 345px;
    opacity: 1;
    margin-top: 5px;
}

.Jsd6L {
    height: 160px
}

._6sZ71 {
    height: 128px;
}

.oA1ca {
    height: 110px;
}

.SNwU\+ {
    height: 69px;
}

.\+84Af {
    width: 353px;
    resize: none;
    padding: 3px 12px 5px 11px;
    text-indent: 0;
    vertical-align: top;
    font-family: adobe-clean, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-overflow: ellipsis;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 4px;
}

._8Z4-u {
    width: 327px;
    resize: none;
    padding: 3px 12px 5px 11px;
    text-indent: 0;
    vertical-align: top;
    font-family: adobe-clean, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-overflow: ellipsis;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 4px;

}

.cU2NI {
    border-color: #cacaca;
    color: #4b4b4b;
}

.cU2NI:hover {
    border-color: #b3b3b3;
}

.cU2NI:hover::placeholder {
    color: #000;
    font-weight: 400;
}

.cU2NI:focus {
    border-color: #1473e6;
    color: #4b4b4b;
}

.Bm2ly {
    border-color: #5a5a5a;
    color: #e3e3e3;
    background-color: #252525;
}

.Bm2ly:hover {
    border-color: #6e6e6e;
    color: #fff;
    font-weight: 400;
}

.Bm2ly:hover::placeholder {
    color: #fff;
    font-weight: 400;
}

.Bm2ly:focus {
    border-color: #1473e6;
    color: #e3e3e3;
}

.\+84Af::placeholder {
    font-style: italic;
}

.j10u6 {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 30px;
    margin: 0 0;
    margin-bottom: 10px;
}

div[class^='spectrum-Menu-item'],
div[class*=' spectrum-Menu-item'] {
    height: auto !important;
    border: 0 !important;
}

.CoBhA div:first-child {
    grid-template-columns: 0px auto 1fr auto minmax(0, auto) 0px;
    grid-template-rows: auto 30px auto auto 1fr auto 0px;
}

.vw\+si {
    background-color: #323232;
}

.oIJIe,
.QjuX0 {
    margin-top: 13px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.oIJIe input {
    background-color: #fafafa;
}

.QjuX0 input {
    background-color: #303030;
}

.QjuX0 button,
.oIJIe button {
    border-left: none;
}

.CoBhA button {
    cursor: pointer;
}

/* combobox styles */
.oIJIe,
.QjuX0 {
    margin-top: 13px;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.oIJIe input {
    background-color: #fafafa;
}

.QjuX0 input {
    background-color: #303030;
}

.QjuX0 button,
.oIJIe button {
    border-left: none;
}

.SZw4V {
    color: rgb(75, 75, 75);
    padding-top: 5px;
    text-align: left;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
}

._6LKCx {
    color: rgb(227, 227, 227);
}

.JqAV7 {
    height: 355px;
    overflow-y: auto;
    overflow-x: hidden;
}

.JqAV7 div>span {
    line-height: 15px;
}

._9Sk9g {
    margin-top: 10px;
    padding: 15px 0px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #12805C;
}

.ONV15 {
    background-color: #868686;
}

.g-uNs {
    width: 50px;
    color: #fff;
    margin-left: 15px;
    display: flex;
    align-items: center;
}

.InnRY {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    color: #fff;
}

.ojpFm {
    width: 337px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: adobe-clean;
}

.dMGDB {
    font-weight: bold;
}

.DRg\+f {
    font-weight: bold !important;
    line-height: 17px;
}

.FsBPQ {
    font-size: 12px;
    background: transparent;
    height: 10px;
    line-height: 10px;
    border: none;
    color: #0000009e;
}

.oJ9UK {
    color: #e1e1e1cf;
}

.FsBPQ:disabled {
    cursor: not-allowed;
}

.kgmVI {
    color: #0d66d0;
}

.FsBPQ:hover {
    text-decoration: none;
}

.GQsX0 {
    font-size: 18px;
}

._9liyu {
    padding: 0;
}

.ScNdj {
    margin: 0 30px;
    flex-direction: column;
}

.ojDW9 {
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 10px;
}

.BEx9w {
    display: flex;
    color: #0d66d0;
    margin-left: -5px;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
}

._7UbgW {
    display: inline-flex;
    align-items: center;
}

.W7a5d {
    display: flex;
    justify-content: right;
}

.D6ZIx {
    font-size: 12px;
    line-height: 10px;
}

.dDVvS {
    font-weight: bold !important;
}

._4pgKu ._2vPh3 {
    margin-top: 5px;
}

._4pgKu .l8Moa {
    margin-top: 10px;
}

.rzA3g {
    width: 100% !important;
    display: block !important;
}

.rzA3g label,
.rzA3g div {
    width: 100%;
}

._1KMcR {
    height: 36px;
    width: 100%;
    border-bottom: 2px solid #E1E1E1;
}

._1KMcR .zMuZy,
._1KMcR ._7GsVN {
    width: 50%;
    cursor: pointer;
}

._1KMcR ._7GsVN {
    margin-left: 15px;
}

._1KMcR .uSx\+q,
._1KMcR ._9\+zcC {
    border-bottom: 2px solid #2c2c2c;
    margin-bottom: -2px;
}

._1KMcR .nfWQi {
    pointer-events: none;
    opacity: 0.5;
}

.XJIuI {
    border-bottom: 2px solid rgb(62, 62, 62);
}

.XJIuI .uSx\+q,
.XJIuI ._9\+zcC {
    border-bottom: 2px solid #E1E1E1;
    margin-bottom: -2px;
}

.aXxsf .ojDW9 {
    padding-bottom: 0px;
}

.aXxsf .rzA3g {
    margin-top: 0px;
}

._9i5Hh {
    width: 100%;
}

._9i5Hh .\+84Af {
    height: 56px;
    width: 100%;
}

.O724Y {
    margin-top: 8px;
}

.FsBPQ:disabled {
    opacity: 0.5;
}

.PLYn- {
    width: 100%;
}

.PLYn- label {
    text-align: left;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
}

.PLYn- .Edxbi {
    width: 100%;
    resize: none;
    padding: 3px 12px 5px 11px;
    text-indent: 0;
    vertical-align: top;
    font-family: adobe-clean, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-overflow: ellipsis;
    transition: border-color .13s ease-in-out, box-shadow .13s ease-in-out;
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    border-radius: 4px;
    margin-top: 3px;
}

.QBcZI {
    justify-content: space-between;
    margin: 0px 30px;
}

.RlLPM {
    text-align: left;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 18px;
    font-weight: 800;
}

._3kupo {
    display: flex;
    flex-direction: column;
}

.\+t\+EK .QBcZI {
    padding-top: 5px;
    margin: 0px 0px;
}

.\+t\+EK .ScNdj {
    margin: 0px 0px;
}

.\+t\+EK ._1KMcR {
    height: 30px;
}

.\+t\+EK .JqAV7 {
    height: 275px;
    padding-bottom: 10px;
}

.\+t\+EK .j10u6 {
    right: 40px;
}

.\+t\+EK .j10u6 ._2kuYi {
    flex-direction: row;
    margin-bottom: 10px;
}

.\+t\+EK .j10u6 ._2kuYi .e4GQ8 {
    margin-right: 10px;
    background: #C8000000 0% 0% no-repeat padding-box;
    border: 2px solid #505050;
    border-radius: 16px;
    opacity: 1;
    color: #505050;
}

.\+t\+EK .j10u6 .kmUii {
    justify-content: right;
    padding: 0 5px;
}

._2kuYi ._58Bbk {
    background: #505050 0% 0% no-repeat padding-box;
    border-radius: 16px;
    text-align: left;
    font: normal normal bold 14px adobe-clean;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.kvo0r {
    font-size: 12px;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: normal;
    color: #B90000;
    padding: 5px 0;
}

.G2dWL {
    flex-direction: column;
    height: 355px;
    overflow-y: auto;
    overflow-x: hidden;
}

.G2dWL ._2vPh3 {
    width: 100%;
}

.G2dWL .iiMIG {
    width: 100%;
}

.G2dWL .iiMIG .\+84Af {
    width: 100%;
}

.nyDxC {
    display: flex;
    align-items: center;
    margin-top: 11px;
    background: #B900000D 0% 0% no-repeat padding-box;
    border: 2px solid #B90000;
    border-radius: 4px;
}

._8gJMM,
.HnUwH  {
    padding-left: 13px;
}

._3GPWs {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    font-family: adobe-clean, sans-serif;
    letter-spacing: 0px;
    width: 220px;
}

.BTtP1 {
    font-size: 12px;
    font-weight: 400;
    padding: 0px 6px;
    text-align: center;
}

.sentimentGraph{width:100%;height:100%}.tooltip{position:absolute;background:#fff;border:1px solid #ccc;padding:10px;display:none;pointer-events:none}.widget-container{display:flex;flex-direction:row;height:calc(100% - 10px);width:calc(100% - 21px);padding-top:10px;padding-right:20px;overflow-x:auto;overflow-y:hidden}.widget-container>*{margin-left:10px;flex-shrink:0}.view-widget-container{margin-top:2px;background-color:#f5f5f5;width:100%;height:calc(100vh - 82px) !important;overflow-x:auto;overflow-y:hidden}.view-widget-container-dark{margin-top:2px;background-color:#323232;width:100%;height:calc(100vh - 82px) !important;overflow-x:auto;overflow-y:hidden}.widget-container-light{border-left:1px solid #e1e1e1;background:#f5f5f5}.widget-container-light .widget-items{border:1px solid #e1e1e1;background-color:#fff}.widget-container-dark{border-left:1px solid #4a4a4a;background:#323232}.widget-container-dark .widget-items{border:1px solid #5a5a5a;background-color:#2f2f2f}.widget-items{height:calc(100% - 35px);border-radius:5px;padding-bottom:20px}.toolbar,.nav-menu{color:#fff}.Flyout-panel{word-break:break-word}.basic-dark{background:#323232}.basic-light{background:#f5f5f5}.flyout-dark{background:#252525}.flyout-light{background:#eaeaea}.chat-container{margin-top:2px;position:relative}.email-container{margin-top:2px;position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;min-height:0}.email-container-dark{margin-top:2px;position:relative;background-color:gray}.no-widget-container{height:100%;display:flex;align-items:center;justify-content:center}.no-widget{color:#6e6e6e;text-align:center;letter-spacing:0px}.no-widget p{margin:0px}.icon-text-center{display:flex;justify-content:flex-end;margin-top:.8rem}.text-center{margin-right:auto}.icon-button{display:flex;justify-content:center;align-items:center;font-size:small;overflow:hidden;border-radius:50%;cursor:pointer;width:35px;height:35px;margin:.5rem;color:#6e6e6e;background-color:#f5f5f5;border:3px solid #6e6e6e}.icon-button-active{display:flex;justify-content:center;align-items:center;font-size:small;overflow:hidden;border-radius:50%;cursor:pointer;width:35px;height:35px;margin:.5rem;color:#f5f5f5;background-color:#1473e6;border:3px solid #1473e6}.icon-button:hover{color:#f5f5f5;background-color:#6e6e6e;border:3px solid #6e6e6e}.icon-button-active:hover{color:#f5f5f5;background-color:#6e6e6e;border:3px solid #6e6e6e}.header-topbar>section,.header-topbar>div>section{display:flex;flex-direction:column}.hide-toolbar{display:none}.navbar-cus-dark-scroll-container>.ps__rail-x:hover,.navbar-cus-dark-scroll-container>.ps__rail-y:hover,.navbar-cus-dark-scroll-container>.ps__rail-x:focus,.navbar-cus-dark-scroll-container>.ps__rail-y:focus,.navbar-cus-dark-scroll-container>.ps__rail-x.ps--clicking,.navbar-cus-dark-scroll-container>.ps__rail-y.ps--clicking{background-color:#252525 !important;width:6px !important}.navbar-cus-dark-scroll-container .ps__thumb-y{background-color:#000 !important;width:6px !important}.oc-con-dark-custom-scrollbar>.ps__rail-x:hover,.oc-con-dark-custom-scrollbar>.ps__rail-y:hover,.oc-con-dark-custom-scrollbar>.ps__rail-x:focus,.oc-con-dark-custom-scrollbar>.ps__rail-y:focus,.oc-con-dark-custom-scrollbar>.ps__rail-x.ps--clicking,.oc-con-dark-custom-scrollbar>.ps__rail-y.ps--clicking{background-color:#323232 !important;width:6px !important}.oc-con-dark-custom-scrollbar .ps__thumb-y{background-color:#000 !important;width:6px !important}#icon_-_first_time_customer{vertical-align:middle !important}.conversation-view-grid .chat-container .chat-panel-container section{height:calc(100vh - 340px);min-height:calc(100vh - 340px)}.conversation-view-grid .chat-container .no-conv-container .no-conversations{align-items:center;margin:0;display:flex;justify-content:center;flex-direction:column;margin-top:60px}.conversation-view-grid .header-topbar .chat-topbar section:first-child{height:4px !important;min-height:43px !important;padding-top:15px}.conversation-view-grid .header-topbar .chat-topbar section:first-child div:nth-of-type(1){padding:0 20px}.conversation-view-grid .hide-toolbar{display:block}.conversation-view-grid .view-widget-container,.conversation-view-grid .view-widget-container-dark{height:calc(100vh - 142px) !important}.list-view-grid .header-topbar .chat-topbar{width:0;height:0}.list-view-grid .flyout-light,.list-view-grid .flyout-dark,.list-view-grid .basic-light,.list-view-grid .basic-dark,.list-view-grid .view-widget-container,.list-view-grid .view-widget-container-dark{width:0;height:0}
.styles_adobe-clean-bold__2KXBm {
  font-weight: 700;
  padding-bottom: 4px;
  font-size: 14px;
  color: #4b4b4b;
}

.styles_center-content__2gMLx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.styles_adobe-clean-bold-search__1xFeS {
  font-size: 14px;
  color: #4b4b4b;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 4px;
}
.styles_adobe-clean-regular__2Eedu {
  font-weight: 400;
  font-size: 12px;
  color: #4b4b4b;
}
.styles_adobe-clean-regular-non-genuine__pPMlY {
  font-weight: 400;
  font-size: 12px;
  color: #ff001a;
  display: inline-block;
}

.styles_adobe-clean-regular-or__2BlXH {
  color: #4b4b4b;
  padding: 8px;
}

.styles_customer-info-panel__LwVQF {
  font-family: adobe-clean, sans-serif;
  font-style: normal;
  height: 95% !important;
  background-color: #fff;
  border-radius: 5px;
  scrollbar-color: #cacaca;
}

.styles_widget-icon__1IBdM {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: adobe-clean, sans-serif;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  border-radius: 50%;
  border: 0;
  width: 20px;
  height: 20px;
  margin: 7px;
  color: #fff;
  background-color: #6e6e6e;
}

.styles_cip-widget-header__A3a2A {
  height: 39px;
  z-index: 10;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding-left: 15px;
  border-bottom: 1px solid #e1e1e1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #4b4b4b;
}

.styles_scip-accordion-content__3URS4 {
  padding: 16px;
}

.styles_scip-customer-search-with-genuine__YDZ3g {
  margin: 16px 0;
}

.styles_scip-customer-search__2yISQ {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  gap: 12px;
}

.styles_scip-customer-search-or-no-but__3tYOC {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.styles_scip-customer-search-or-no-but-fr__3yZ5M {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.styles_spectrum-text-field__3Svmz {
  width: 100%;
}

.styles_scip-customer-not-found__-6pJo {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background-color: #fafafa;
}

.styles_scip-customer-not-found-alret__36ET9 {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 8px;
}

.styles_scip-add-customer__7TU28 {
  color: #378ef0;
  text-decoration: none;
  font-size: 12px;
}

.styles_scip-add-customer__7TU28:hover {
  text-decoration: underline;
}

/* Dark Theme */
.styles_adobe-clean-bold-dark__5s-t6 {
  color: #ffffff;
}
.styles_adobe-clean-regular-dark__AaAmm {
  color: #b9b9b9;
}
.styles_adobe-clean-regular-or-dark__2qMky {
  color: #b9b9b9;
}
.styles_customer-info-panel-dark__2Yi3z {
  background-color: #2f2f2f;
  color: #b3b3b3;
  scrollbar-color: #000000;
}
.styles_accordion-content-fields-values-dark__egf5d {
  color: #e3e3e3;
}
.styles_customer-info-panel-dark-border__3dQgG {
  border-bottom: 1px solid #5a5a5a;
}
.styles_accordion-title-dark__2l6mO {
  color: #ffffff;
}
.styles_a-dark__2NC7j {
  color: #4b9cf5 !important;
}

.styles_cip-widget-header-dark__22kza {
  background-color: #2f2f2f;
  border-bottom: 1px solid #5a5a5a;
  color: #ffffff;
}

.styles_scip-customer-not-found-dark__1fmqu {
  border-color: #5a5a5a;
  background-color: #3a3a3a;
}

/* Employee Info styles */
.styles_accordion-content-fields__2bZB2 {
  display: grid;
  grid-column-gap: 4px;
  column-gap: 4px;
  padding: 8px 5px;
  grid-template-columns: 0.4fr 0.6fr;
  line-height: 1.2;
}

.styles_accordion-content-fields-keys-cip__11aUw {
  grid-row: 1 / 15;
  word-break: break-words;
}

.styles_accordion-content-fields-values-isnota__bbddn {
  text-decoration: none;
  word-break: break-all;
  color: #2c2c2c;
  font-weight: 600;
}

.styles_accordion-content-fields-values-isnota-dark__3-3ts {
  color: #e3e3e3 !important;
}

.styles_accordion-content-fields-values-phone__39Og0 {
  background: none;
  border: none;
  color: #378ef0;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  padding: 0;
  text-align: left;
}

.styles_accordion-content-fields-values-phone__39Og0:hover {
  color: #2c5aa0;
}

.styles_flag-container__3THbc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

/* Dark mode variations for employee info */
.styles_accordion-content-fields-keys-cip-dark__2fv5I {
  color: #ffffff;
}

.styles_accordion-content-fields-values-isnota-dark__3-3ts {
  color: #e3e3e3;
}

/* Director star indicator */
.styles_director-star__3BUsi {
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
  margin-left: auto;
}

.styles_full-name-label-container__9kAhX {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
} 

.conversation-history{flex:1 1;background-color:#fff;overflow:hidden;padding-bottom:20px;border:1px solid #e1e1e1;border-radius:5px;height:100%}.conversation-history>div,.conversation-history-dark>div{border:none}.conversation-history>div>hr:last-of-type{box-shadow:0px 2px 4px #aaa !important}.conversation-history-dark{flex:1 1;overflow:hidden;background-color:#2f2f2f;padding-bottom:20px;border:1px solid #5a5a5a;border-radius:5px;height:100%}.conversation-history-dark>div>hr:last-of-type{box-shadow:none !important}.conversation-history-dark>div>div:last-of-type{height:auto}.conversation-history>div>div:last-of-type{height:auto}.conversation-history .scrollbar-container .ps__rail-y,.conversation-history-dark .scrollbar-container .ps__rail-y{z-index:3 !important}.conversation-history .scrollbar-container .ps__thumb-y,.conversation-history-dark .scrollbar-container .ps__thumb-y{z-index:4 !important}
/* Quill Editor Dark Mode Styles */

/* Dark mode support for Quill editor */
[data-color-scheme="dark"] .ql-toolbar,
.spectrum--dark .ql-toolbar {
    background-color: var(--spectrum-global-color-gray-200, #323232);
    border-color: var(--spectrum-global-color-gray-400, #6e6e6e);
}

[data-color-scheme="dark"] .ql-container,
.spectrum--dark .ql-container {
    background-color: var(--spectrum-global-color-gray-100, #252525);
    border-color: var(--spectrum-global-color-gray-400, #6e6e6e);
}

[data-color-scheme="dark"] .ql-editor,
.spectrum--dark .ql-editor {
    color: var(--spectrum-global-color-gray-900, #ffffff);
    background-color: var(--spectrum-global-color-gray-100, #252525);
}

[data-color-scheme="dark"] .ql-editor.ql-blank::before,
.spectrum--dark .ql-editor.ql-blank::before {
    color: var(--spectrum-global-color-gray-700, #afafaf);
}

[data-color-scheme="dark"] .ql-stroke,
.spectrum--dark .ql-stroke {
    stroke: var(--spectrum-global-color-gray-800, #e1e1e1);
}

[data-color-scheme="dark"] .ql-fill,
.spectrum--dark .ql-fill {
    fill: var(--spectrum-global-color-gray-800, #e1e1e1);
}

[data-color-scheme="dark"] .ql-picker,
.spectrum--dark .ql-picker {
    color: var(--spectrum-global-color-gray-900, #ffffff);
}

[data-color-scheme="dark"] .ql-picker-options,
.spectrum--dark .ql-picker-options {
    background-color: var(--spectrum-global-color-gray-200, #323232);
    border-color: var(--spectrum-global-color-gray-400, #6e6e6e);
}

[data-color-scheme="dark"] .ql-picker-label,
.spectrum--dark .ql-picker-label {
    color: var(--spectrum-global-color-gray-900, #ffffff);
}

[data-color-scheme="dark"] .ql-picker-label:hover,
.spectrum--dark .ql-picker-label:hover {
    color: var(--spectrum-global-color-gray-900, #ffffff);
}

[data-color-scheme="dark"] .ql-picker-item,
.spectrum--dark .ql-picker-item {
    color: var(--spectrum-global-color-gray-900, #ffffff);
}

[data-color-scheme="dark"] .ql-toolbar button:hover,
[data-color-scheme="dark"] .ql-toolbar button:focus,
[data-color-scheme="dark"] .ql-toolbar button.ql-active,
.spectrum--dark .ql-toolbar button:hover,
.spectrum--dark .ql-toolbar button:focus,
.spectrum--dark .ql-toolbar button.ql-active {
    color: var(--spectrum-global-color-gray-900, #ffffff);
}

[data-color-scheme="dark"] .ql-toolbar button:hover .ql-stroke,
[data-color-scheme="dark"] .ql-toolbar button:focus .ql-stroke,
[data-color-scheme="dark"] .ql-toolbar button.ql-active .ql-stroke,
.spectrum--dark .ql-toolbar button:hover .ql-stroke,
.spectrum--dark .ql-toolbar button:focus .ql-stroke,
.spectrum--dark .ql-toolbar button.ql-active .ql-stroke {
    stroke: var(--spectrum-global-color-blue-600, #4046ca);
}

[data-color-scheme="dark"] .ql-toolbar button:hover .ql-fill,
[data-color-scheme="dark"] .ql-toolbar button:focus .ql-fill,
[data-color-scheme="dark"] .ql-toolbar button.ql-active .ql-fill,
.spectrum--dark .ql-toolbar button:hover .ql-fill,
.spectrum--dark .ql-toolbar button:focus .ql-fill,
.spectrum--dark .ql-toolbar button.ql-active .ql-fill {
    fill: var(--spectrum-global-color-blue-600, #4046ca);
}

/* Dark mode for email thread content */
[data-color-scheme="dark"] .spectrum-Accordion,
.spectrum--dark .spectrum-Accordion {
    background-color: transparent;
}

[data-color-scheme="dark"] .spectrum-Disclosure,
.spectrum--dark .spectrum-Disclosure {
    background-color: var(--spectrum-global-color-gray-100, #252525);
    border-color: var(--spectrum-global-color-gray-400, #6e6e6e);
}

[data-color-scheme="dark"] .spectrum-Heading,
.spectrum--dark .spectrum-Heading {
    color: var(--spectrum-global-color-gray-900, #ffffff) !important;
}

[data-color-scheme="dark"] .spectrum-Disclosure-title,
.spectrum--dark .spectrum-Disclosure-title {
    color: var(--spectrum-global-color-gray-900, #ffffff) !important;
}

/* Email body content in disclosure panel */
[data-color-scheme="dark"] .spectrum-DisclosurePanel div,
[data-color-scheme="dark"] .spectrum-DisclosurePanel p,
[data-color-scheme="dark"] .spectrum-DisclosurePanel span,
[data-color-scheme="dark"] .spectrum-DisclosurePanel strong,
.spectrum--dark .spectrum-DisclosurePanel div,
.spectrum--dark .spectrum-DisclosurePanel p,
.spectrum--dark .spectrum-DisclosurePanel span,
.spectrum--dark .spectrum-DisclosurePanel strong {
    color: var(--spectrum-global-color-gray-900, #ffffff) !important;
}

/* Ensure Quill font classes can win over global app font rules. */
.agent-desktop .ql-editor .ql-font-sans-serif,
.agent-desktop .ccp-email-content-container .ql-font-sans-serif {
    font-family: sans-serif !important;
}

.agent-desktop .ql-editor .ql-font-serif,
.agent-desktop .ccp-email-content-container .ql-font-serif {
    font-family: serif !important;
}

.agent-desktop .ql-editor .ql-font-monospace,
.agent-desktop .ccp-email-content-container .ql-font-monospace {
    font-family: monospace !important;
}

.agent-desktop .ql-container {
    overflow-x: hidden;
    overflow-y: visible;
}

.agent-desktop .ql-snow .ql-tooltip {
    left: 8px !important;
    right: auto !important;
    transform: none !important;
}
.styles_ccp-email-container__35645 {
    padding-top: 38px;
    padding-left: 22px;
    /* padding-right: 2px; */
    background-color: var(--spectrum-global-color-gray-50);
    height: 100%;
    max-height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    width: 97.5%;
}

/* Dark mode support — :global() prevents CSS Module hashing of parent theme class */
[data-color-scheme="dark"] .styles_ccp-email-container__35645,
.spectrum--dark .styles_ccp-email-container__35645 {
    background-color: var(--spectrum-global-color-gray-100);
}

.styles_ccp-email-content-container__2wgSF {
    position: relative;
}
.styles_ccp-email-reply-button__1f6eb {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.styles_ccp-email-loader-wrapper__2Bnsp {
    width: 100%;
    height: 100%;
    min-height: 300px;
    justify-content: center;
    align-items: center;
}

.styles_ccp-email-loader-text__2Xpj0 {
    margin-top: 8px;
    font-size: 12px;
    color: #6e6e6e;
}

.styles_ccp-email-divider__1Ujua {
    margin-top: 10px;
    margin-bottom: 10px;
}

.styles_email-container-draft-form__cawvt {
    width: 98%;
    overflow-x: hidden;
}

/* Side-positioned labels: fixed width so fields align, slightly larger font */
.styles_email-container-draft-form__cawvt .spectrum-Field--positionSide > .spectrum-FieldLabel--positionSide,
.styles_email-container-draft-form__cawvt [class*='spectrum-FieldLabel--positionSide'] {
    min-width: 70px;
    max-width: 70px;
    font-size: 13px;
    padding-right: 8px;
}

/* Slightly larger font for the input fields */
.styles_email-container-draft-form__cawvt .spectrum-Textfield-input,
.styles_email-container-draft-form__cawvt input {
    font-size: 13px;
}

.styles_email-button-group__REt35 {
    margin-top: 55px;
}

.styles_email-editor__2tbB7 {
    position: relative;
}

.styles_email-editor__2tbB7 .ql-container {
    max-height: 240px;
    overflow-y: auto;
}

.styles_email-editor__2tbB7 .ql-editor {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Constrain pasted/inserted images to editor width */
.styles_email-editor__2tbB7 .ql-editor img {
    max-width: 100%;
    height: auto;
}

/* Blue outline on the image being resized */
.styles_email-editor__2tbB7 .ql-editor img.ql-image-resizing {
    outline: 2px solid #1473e6;
    outline-offset: 2px;
    cursor: pointer;
}

/*
 * Reply thread separators must look identical. Quill may wrap the line in <strong> after bold text;
 * reset CSS uses strong { font-weight: bolder } — override for our dividers only.
 */
.styles_email-editor__2tbB7 .ql-editor .styles_ccp-reply-thread-divider__WGrkO,
.styles_email-editor__2tbB7 .ql-editor .styles_ccp-reply-thread-divider__WGrkO *,
.styles_email-editor__2tbB7 .ql-editor .styles_ccp-reply-thread-divider__WGrkO strong,
.styles_email-editor__2tbB7 .ql-editor p[data-reply-divider="true"],
.styles_email-editor__2tbB7 .ql-editor p[data-reply-divider="true"] *,
.styles_email-editor__2tbB7 .ql-editor p[data-reply-divider="true"] strong {
    font-weight: 400 !important;
    font-style: normal !important;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

.styles_email-editor-toolbar__hiUoK {
    border-radius: 4px 4px 0 0;
}

.styles_email-editor-toolbar-button__6OyxW {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Dark mode for email content — :global() prevents CSS Module hashing */
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF,
.spectrum--dark .styles_ccp-email-content-container__2wgSF {
    color: var(--spectrum-global-color-gray-900, #ffffff);
}

/* Dark mode text for email body — !important needed to override inherited gray text */
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF p,
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF div,
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF span,
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF td,
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF li,
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF strong,
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF em,
.spectrum--dark .styles_ccp-email-content-container__2wgSF p,
.spectrum--dark .styles_ccp-email-content-container__2wgSF div,
.spectrum--dark .styles_ccp-email-content-container__2wgSF span,
.spectrum--dark .styles_ccp-email-content-container__2wgSF td,
.spectrum--dark .styles_ccp-email-content-container__2wgSF li,
.spectrum--dark .styles_ccp-email-content-container__2wgSF strong,
.spectrum--dark .styles_ccp-email-content-container__2wgSF em {
    color: var(--spectrum-global-color-gray-900, #ffffff) !important;
}

/* Preserve link colors in dark mode */
[data-color-scheme="dark"] .styles_ccp-email-content-container__2wgSF a,
.spectrum--dark .styles_ccp-email-content-container__2wgSF a {
    color: var(--spectrum-global-color-blue-500, #4b9cf5) !important;
}

/* Resizable attachment image preview */
.styles_attachment-image-wrapper__2tlTd {
    width: 100%;
    max-width: 100%;
    height: 200px;
    min-height: 80px;
    max-height: 500px;
    resize: vertical;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid var(--spectrum-global-color-gray-300, #e1e1e1);
    cursor: ns-resize;
}

[data-color-scheme="dark"] .styles_attachment-image-wrapper__2tlTd,
.spectrum--dark .styles_attachment-image-wrapper__2tlTd {
    border-color: var(--spectrum-global-color-gray-500, #5a5a5a);
}

/* Sticky Send/Discard buttons — always visible at bottom of email panel */
.styles_email-action-buttons__38srD {
    position: sticky;
    bottom: 0;
    background: var(--spectrum-global-color-gray-50);
    padding: 12px 0;
    display: flex;
    justify-content: flex-end;
    z-index: 1;
}

[data-color-scheme="dark"] .styles_email-action-buttons__38srD,
.spectrum--dark .styles_email-action-buttons__38srD {
    background: var(--spectrum-global-color-gray-100);
}

.spectrum--light .spectrum-Popover{background-color:#fff;border-color:#cacaca;box-shadow:"0 1px 4px rgb(0 0 0 / 15%)"}.spectrum--light .spectrum-ActionButton--quiet{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.spectrum--light .spectrum-Textfield{background-color:#fff;border-color:#e1e1e1;color:#4b4b4b}.spectrum--light .spectrum-Calendar-prevMonth{color:#6e6e6e}.spectrum--light .spectrum-Calendar-nextMonth{color:#6e6e6e}.spectrum--light .spectrum-Calendar-dayOfWeek{color:#6e6e6e}.spectrum--light .spectrum-Calendar-date:hover{color:#2c2c2c}.spectrum--light .spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before{background:rgba(44,44,44,.06)}.spectrum--light .spectrum-Calendar-date:hover.is-selected{color:#2c2c2c}.spectrum--light .spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before{background:rgba(20,115,230,.2)}.spectrum--light .spectrum-Calendar-date:hover.is-range-selection:before{background:rgba(20,115,230,.2)}.spectrum--light .spectrum-Calendar-date:active{background-color:rgba(44,44,44,.1)}.spectrum--light .spectrum-Calendar-date.is-selected{color:#2c2c2c;background:rgba(20,115,230,.1)}.spectrum--light .spectrum-Calendar-date.is-selected:not(.is-range-selection){background:rgba(20,115,230,.2)}.spectrum--light .spectrum-Calendar-date.is-today{color:#4b4b4b;border-color:#4b4b4b}.spectrum--light .spectrum-Calendar-date.is-today:before{border-color:#4b4b4b}.spectrum--light .spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before{background:rgba(20,115,230,.2)}.spectrum--light .spectrum-Calendar-date.is-today.is-disabled{color:#b3b3b3;border-color:#cacaca}.spectrum--light .spectrum-Calendar-date.is-today.is-disabled:before{border-color:#cacaca}.spectrum--light .spectrum-Calendar-date.is-focused:not(.is-range-selection){background:rgba(44,44,44,.06);border-color:#2680eb;color:#2c2c2c}.spectrum--light .spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today{border-color:#2680eb}.spectrum--light .spectrum-Calendar-date.is-focused:not(.is-range-selection):active,.spectrum--light .spectrum-Calendar-date.is-focused:not(.is-range-selection).is-selected{color:#2c2c2c;background:rgba(20,115,230,.2);border-color:#2680eb}.spectrum--light .spectrum-Calendar-date.is-focused.is-selected:before{background:rgba(20,115,230,.2)}.spectrum--light .spectrum-Calendar-date.is-focused.is-range-selection:before{background:rgba(20,115,230,.2)}.spectrum--light .spectrum-Calendar-date.is-disabled{color:#b3b3b3}.spectrum--light .spectrum-Calendar-date.is-selection-start,.spectrum--light .spectrum-Calendar-date.is-selection-end{color:#2c2c2c}.spectrum--light .spectrum-Calendar-date.is-selection-start:after,.spectrum--light .spectrum-Calendar-date.is-selection-end:after{background-color:rgba(20,115,230,.1)}.spectrum--light .spectrum-Calendar-date.is-selection-start.is-disabled,.spectrum--light .spectrum-Calendar-date.is-selection-end.is-disabled{color:#b3b3b3}.spectrum--light .spectrum-FieldButton{color:#4b4b4b;background-color:#fafafa;border-color:#e1e1e1}.spectrum--dark .spectrum-Popover{background-color:#252525;border-color:#5a5a5a}.spectrum--dark .spectrum-FieldButton{color:#e3e3e3;background-color:#2f2f2f;border-color:#4a4a4a}.spectrum--dark .spectrum-Textfield{background-color:#252525;border-color:#4a4a4a;color:#e3e3e3}.spectrum--dark .spectrum-Calendar-prevMonth{color:#b9b9b9}.spectrum--dark .spectrum-Calendar-nextMonth{color:#b9b9b9}.spectrum--dark .spectrum-Calendar-dayOfWeek{color:#b9b9b9}.spectrum--dark .spectrum-Calendar-date:hover{color:#fff}.spectrum--dark .spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before{background:hsla(0,0%,100%,.07)}.spectrum--dark .spectrum-Calendar-date:hover.is-selected{color:#fff}.spectrum--dark .spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before{background:rgba(55,142,240,.25)}.spectrum--dark .spectrum-Calendar-date:hover.is-range-selection:before{background:rgba(55,142,240,.25)}.spectrum--dark .spectrum-Calendar-date:active{background-color:hsla(0,0%,100%,.1)}.spectrum--dark .spectrum-Calendar-date.is-selected{color:#fff;background:rgba(55,142,240,.15)}.spectrum--dark .spectrum-Calendar-date.is-selected:not(.is-range-selection){background:rgba(55,142,240,.25)}.spectrum--dark .spectrum-Calendar-date.is-today{color:#e3e3e3;border-color:#e3e3e3}.spectrum--dark .spectrum-Calendar-date.is-today:before{border-color:#e3e3e3}.spectrum--dark .spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before{background:rgba(55,142,240,.25)}.spectrum--dark .spectrum-Calendar-date.is-today.is-disabled{color:#6e6e6e;border-color:#5a5a5a}.spectrum--dark .spectrum-Calendar-date.is-today.is-disabled:before{border-color:#5a5a5a}.spectrum--dark .spectrum-Calendar-date.is-focused:not(.is-range-selection){background:hsla(0,0%,100%,.07);border-color:#2680eb;color:#fff}.spectrum--dark .spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today{border-color:#2680eb}.spectrum--dark .spectrum-Calendar-date.is-focused:not(.is-range-selection):active,.spectrum--dark .spectrum-Calendar-date.is-focused:not(.is-range-selection).is-selected{color:#fff;background:rgba(55,142,240,.25);border-color:#2680eb}.spectrum--dark .spectrum-Calendar-date.is-focused.is-selected:before{background:rgba(55,142,240,.25)}.spectrum--dark .spectrum-Calendar-date.is-focused.is-range-selection:before{background:rgba(55,142,240,.25)}.spectrum--dark .spectrum-Calendar-date.is-disabled{color:#6e6e6e}.spectrum--dark .spectrum-Calendar-date.is-selection-start,.spectrum--dark .spectrum-Calendar-date.is-selection-end{color:#fff}.spectrum--dark .spectrum-Calendar-date.is-selection-start:after,.spectrum--dark .spectrum-Calendar-date.is-selection-end:after{background-color:rgba(55,142,240,.15)}.spectrum--dark .spectrum-Calendar-date.is-selection-start.is-disabled,.spectrum--dark .spectrum-Calendar-date.is-selection-end.is-disabled{color:#6e6e6e}.all-conversation-page{overflow:hidden}.all-conversation-page .agent-desktop{overflow-x:hidden}div[aria-label="All conversations table"] div:nth-child(2){overflow-x:hidden !important}.agent-desktop *{font-family:adobe-clean !important}
.header{pointer-events:none;position:absolute;padding:20px}.login-group{display:flex;justify-content:center;align-items:center;height:80vh}.image-container{margin-bottom:20px;pointer-events:none;margin-top:50px;justify-content:center;align-items:center;margin-left:75px;width:90px;height:60px}a:link{text-decoration:none}.text-container-welcome{margin-top:.5rem;display:flex;letter-spacing:0;font-family:adobe-clean,sans-serif;justify-content:center;align-items:center}.text-container-agent{margin-top:1.5rem;display:flex;letter-spacing:0;opacity:1;font-family:adobe-clean,sans-serif;font-size:24px;font-weight:800;font-style:normal}p{line-height:normal}.login-btn{margin-top:3rem;display:flex;justify-content:center}Button:hover{cursor:pointer}.light-mode-text-color{color:#2c2c2c}.light-mode-text-color-white{color:#fff}.light-mode-welcome-text-color{color:#4b4b4b}
.header{pointer-events:none;position:absolute;padding:20px}.login-group{display:flex;justify-content:center;align-items:center;height:80vh}.logout-image-container{margin-bottom:20px;pointer-events:none;margin-top:50px;justify-content:center;align-items:center;margin-left:158px;width:90px;height:60px}a:link{text-decoration:none}.text-container-welcome{margin-top:.5rem;display:flex;letter-spacing:0;font-family:adobe-clean,sans-serif;justify-content:center;align-items:center}.text-container-agent{margin-top:1.5rem;display:flex;letter-spacing:0;opacity:1;font-family:adobe-clean,sans-serif;font-size:24px;font-weight:800;font-style:normal;justify-content:center}p{line-height:normal}Button:hover{cursor:pointer}.light-mode-text-color{color:#2c2c2c}.light-mode-text-color-white{color:#fff}.light-mode-welcome-text-color{color:#4b4b4b}
.nav-menu{width:4rem;height:100vh;background-color:#2c2c2c;position:fixed}
.styles_nav-container__2_LFx {
  display: flex;
  height: 100vh;
}

.styles_nav-side-bar__1V0jh {
  top: 0px;
  left: 0px;
  width: 60px;
  height: 100%;
  background: var(--unnamed-color-2c2c2c) 0% 0% no-repeat padding-box;
  background: #2c2c2c 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  flex-direction: column;
}

.styles_company-logo__2trc8 {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 10px;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  background: transparent;
}

.styles_panel-bar__3vpVA {
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100%;
  background: var(--unnamed-color-2c2c2c) 0% 0% no-repeat padding-box;
  background: #eaeaea 0% 0% no-repeat padding-box;
  opacity: 1;
}

.styles_nav-divider__3nOCM {
  background-color: #4b4b4b;
}

.styles_nav-link__79-Wy {
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
  width: 30px;
  height: 30px;
}

.styles_nav-button__1RmZ3 {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  min-height: 0px;
  min-width: 0px;
  padding: 3px;
}

.styles_nav-button-no-pad__eRF0s,
.styles_nav-button-no-pad-no-hover__3Hmez {
  position: relative;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  min-height: 0px;
  min-width: 0px;
  cursor: pointer;
}

.styles_nav-button-no-pad__eRF0s:hover {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  min-height: 0px;
  min-width: 0px;
  background-color: #6E6E6E;
}

.styles_nav-button-no-pad__eRF0s>svg>.styles_fillC__2SLPL,
.styles_nav-button-no-pad__eRF0s>svg>g>.styles_fillC__2SLPL,
.styles_nav-button-no-pad__eRF0s>svg>g>g .styles_fillC__2SLPL {
  fill: #b3b3b3;
}

.styles_nav-button-no-pad__eRF0s:hover>svg>.styles_fillC__2SLPL,
.styles_nav-button-no-pad__eRF0s:hover>svg>g>.styles_fillC__2SLPL,
.styles_nav-button-no-pad__eRF0s:hover>svg>g>g .styles_fillC__2SLPL {
  fill: #ffff;
}

.styles_nav-button-no-pad__eRF0s[aria-pressed='true']>svg>.styles_fillC__2SLPL,
.styles_nav-button-no-pad__eRF0s[aria-pressed='true']>svg>g>.styles_fillC__2SLPL {
  fill: #ffff !important;
}

.styles_nav-button__1RmZ3 svg {
  padding: 2px;
}

.styles_nav-link-group-bottom__o8SpS {
  margin-top: auto;
  margin-bottom: 20px;
}

.styles_history__1SRqs {
  width: 100%;
  height: 100%;
  background-color: #eaeaea;
}

.styles_nav-container__2_LFx .styles_nav-link-background__e_h2Q {
  background-color: inherit;
}

.styles_pop-over-content__26BRa {
  width: 300px;
  min-height: 550px;
  max-height: 680px;
  padding: 0;
}

/* .navContainer .navLink:hover{
    background: var(--unnamed-color-1473e6) 0% 0% no-repeat padding-box;
background: #1473E6 0% 0% no-repeat padding-box;
opacity: 1;
} */
.styles_light-mode-background__2go-G {
  background: #2c2c2c 0% 0% no-repeat padding-box;
}

.styles_dark-mode-background__1RknH {
  background: #000000 0% 0% no-repeat padding-box;
}


.styles_vertical-align-middle__2eQfi>label {
  display: flex;
  align-self: center;
}

.styles_status-item__2qCrx {
  border-bottom: solid 1px #e1e1e1;
  padding-bottom: 5px;
}

.styles_scroll-bar-container__4MkXD {
  height: 167px;
}

.styles_status-list-item-style__3_q4u {
  font-style: normal;
  color: inherit;
  font-weight: 400;
}

.styles_settings-min__2uUnY {
  margin-top: 0px;
}

.styles_status-list-item-style__3_q4u::before {
  margin-left: 3px;
}

.styles_away-label__1pViN {
  margin-left: -10px;
}

.styles_nav-mod-popover-container__3wgra {
  display: flex;
}

.styles_nav-mod-popover-container__3wgra>div:first-child {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.styles_popover-scroll-container__2gmTq {
  height: 150px;
}

.styles_font11__1q4__ {
  font-size: 11px;
}

.styles_list-container__2zdQD>div>div>div>div[role='option'] {
  height: 100%;
  border: 0;
}

.styles_nav-mod-dialog-content__190oD {
  display: flex;
  min-height: 490px;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 240px;
  padding: 0;
}

.styles_csat-text__2fn9P {
  margin-left: 10px;
  margin-right: 10px;
  font: normal normal bold 14px adobe-clean;
  cursor: default;
}

.styles_agent-text__YSmaN {
  text-align: center;
  font: normal normal normal 12px adobe-clean;
  letter-spacing: 0px;
  height: 15px;
  top: 26px
}

.styles_logout-Divider__2mOoT {
  margin-bottom: 6px;
}

.styles_logout-Heading__1glfa {
  color: var(--unnamed-color-2c2c2c);
  text-align: left;
  font-size: 18px;
  letter-spacing: 0px;
  opacity: 1;
  display: flex;
  justify-content: space-between;
}

.styles_logout-Text__3fJEy {
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1;
  margin-top: 0px !important;
}

.styles_logout-content__2UeVM {
  overflow-y: hidden;
  margin-top: -6px;
  min-height: 25px;
}

.styles_alert-Icon__3H0JK {
  display: flex;
  align-self: center;
}

.styles_nav-mod-logout-button__GklCQ {
  font: normal normal bold 12px/15px adobe-clean;
  letter-spacing: 0px;
  padding: 0px;
  color: #1473E6 !important;
}

.styles_nav-mod-logout-button__GklCQ:hover {
  background-color: transparent !important;
  outline: none !important;
  border-color: transparent !important;
}

.styles_tooltip__1cKLE {
  font-size: 12px;
  font-weight: 400;
  padding: 3px 3px;
  text-align: center;
  justify-content: center;
}

.styles_nav-profile-status__25dZJ {
  position: absolute;
  top: -8px;
}

.styles_nav-profile-status-noti-badge__2Vi7D::before {
  background-color: #C90014 !important;
}

.styles_nav-csat-btn__3jSqL {
  width: 40px;
  height: 18px;
  color: #FFFFFF;
  background: #1364DD 0% 0% no-repeat padding-box;
  border-radius: 20px;
  border-color: #1364DD;
}

.styles_nav-csat-btn__3jSqL:hover,
.styles_nav-csat-btn__3jSqL:focus-visible {
  color: #FFFFFF !important;
  background: #1364DD 0% 0% no-repeat padding-box !important;
  border-color: #1364DD !important;
}

.styles_nav-csat-btn__3jSqL span {
  padding: 0 !important;
}

.styles_away-container__2RV1A {
  height: 130px;
}

.styles_away-list__1dYpT {
  position: relative;
  height: 180px;
  padding-bottom: 10px;
  overflow: auto;
}

.styles_logout-footer__24wQa {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.styles_logout-footer-dark__1--lp {
  background: transparent;
}

.styles_logout-footer-light__3_PDi {
  background: #fff;
}

.styles_nav-csat-score-empty__1UHN7 span {
  margin-top: -3px;
}

.styles_nav-button-no-pad__eRF0s:after {
  border-radius: 50% !important;
}

.styles_vertical-align-middle__2eQfi>label>svg:first-child {
  margin-top: 2px;
}

.styles_nav-mod-dialog-top-sec__1-esE {
  position: relative;
}

.styles_nav-mod-dialog-loader__2tqH1 {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  background: #fff;
}

.styles_dark-nav-mod-popover-container__2Klrm .styles_nav-mod-dialog-loader__2tqH1 {
  background: #252525;
}

.styles_away-container__2RV1A div[role='option'] {
  height: 100%;
  border: 0;
}

.styles_away-container__2RV1A div[role='listbox'] {
  overflow: auto !important;
  height: 100%;
}

.styles_list-container__2zdQD div[role='presentation']:first-child {
  pointer-events: none;
  cursor: not-allowed !important;
}


.styles_mydetails-sec__1Kf2p{
  margin-top: 10px;
}

.styles_transfer-dropdown__I2J62 {
  margin-left: 10px;
  opacity: 1;
}

.styles_nav-link-features__3hO1M {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
  width: 30px;
  height: 30px;
}

.styles_ccp-download-action-button__3Y1ev {
  cursor: pointer;
}

.styles_agentStatusTimerClock__30n3s {
  padding-left: 10px;
  width: 41px;
  height: 15px;
  color: var(--unnamed-color-ffffff);
  text-align: center;
  font: normal normal normal 12px/15px Adobe Clean;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.styles_twoColoredCircle__Di-R6 {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 5px;
  border-right-color: #2D9D78;
  border-top-color: #FF8700;
  border-bottom-color: #2D9D78;
  border-left-color: #FF8700;
  border-width: 5px;
  border-style: solid;
  height: 0px;
  width: 0px;
  transform: rotate(135deg);
}

.styles_pc-recovery-blocking__2boYs {
  cursor: not-allowed !important;
}

.styles_pc-recovery-blocking__2boYs>label {
  display: flex;
  align-self: center;
}

.styles_navbar-footer-settings-sec__3VzUi {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 290px;
}

.styles_mydetails-sec__1Kf2p .styles_transfer-dropdown__I2J62 {
  margin: 0;
  width: 100%;
}

.styles_mydetails-sec__1Kf2p .styles_font11__1q4__ {
  margin-bottom: 3px;
  display: inline-flex;
}

.styles_mydetails-sec__1Kf2p .styles_transfer-dropdown__I2J62 button span {
  border-right: 1px solid rgb(211, 211, 211);
}

.styles_mydetails-sec-dark__3Veqs .styles_transfer-dropdown__I2J62 button span {
  border-right: 1px solid rgb(90, 90, 90);
}

.styles_navbar-away-label__WMBf0 {
  display: flex;
  align-items: center;
}

.styles_releaseNoteVersion__24khV {
  margin-left: -5px;
  margin-top: -5px;
  width: 41px;
  height: 15px;
  color: var(--unnamed-color-d5d5d5);
  text-align: center;
  text-decoration: underline;
  font: normal normal normal 10px/12px Adobe Clean;
  letter-spacing: 0px;
  color: #D5D5D5;
  opacity: 1;
  cursor : pointer
}
.notification{position:fixed;right:20px;bottom:20px;width:426px;height:66px;cursor:pointer}.notification.notification-nw-mode{left:0;right:0;margin:0 auto;width:280px}.notification.notification-nw-mode .notification-icon{width:40px}.notification.notification-nw-mode .notification-text{width:205px}.notification.notification-nw-mode .notification-content{position:absolute;top:0;left:0;right:0;bottom:0;justify-content:center}.notification-icon{width:57px;color:#fff;margin-left:8px;display:flex;align-items:center}.new-background,.closed-background,.closedCustomer-background{background-color:#0d66d0 !important}.transfer-background,.success-background,.connection-gain-background{background-color:#12805c !important}.warning-background,.error-background,.connection-lost-background{background-color:#dc3545 !important}.notification-content{display:flex;flex-direction:row;flex-shrink:0;color:#fff}.notification-text{width:337px;font-size:14px;display:flex;flex-direction:column;justify-content:center;font-family:adobe-clean}.notification-title{font-weight:400;line-height:17px}.notification-subtitle{font-style:italic;font-weight:400;line-height:17px}.remove-participant{position:fixed;bottom:20px;width:271px;height:48px;cursor:pointer;z-index:999999}.remove-participant.remove-participant-nw-mode{left:700;right:20px;margin:0 auto;width:auto}.remove-participant.remove-participant-nw-mode .remove-participant-text{display:inline}.remove-participant.remove-participant-nw-mode .remove-participant-title{width:161px;text-align:left;font:normal normal normal 14px/17px Adobe Clean;letter-spacing:0px}.remove-participant.remove-participant-nw-mode .remove-participant-close{margin-left:20px;padding-left:24px;height:48px;background:none;color:#fff;border:none;border-left:.5px solid hsla(0,0%,100%,.2)}.remove-participant-icon{width:12px;color:#fff}
.agent-desktop-scroll-light *::-webkit-scrollbar{width:.5rem}.agent-desktop-scroll-light *::-webkit-scrollbar-thumb{background:#cacaca;border-radius:15px}.agent-desktop-scroll-dark *::-webkit-scrollbar{width:.5rem}.agent-desktop-scroll-dark *::-webkit-scrollbar-thumb{background:#000 !important;border-radius:15px}:root{--light-primary-text: #4b4b4b;--light-secondary-text: #cacaca;--light-primary-bg: #ffffff;--light-secondary-bg: #f5f5f5;--dark-primary-bg: #323232;--dark-secondary-bg: #252525;--dark-primary-text: #ffffff;--dark-secondary-text: #b3b3b3;--bold-font-weight: 700;--Regular-font-weight: 300}main{flex-grow:1;min-width:0;overflow:hidden}.agent-desktop{display:flex;height:100vh;box-sizing:border-box;overflow:hidden}.ccp-loader{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;z-index:9999;background-color:rgba(60,60,60,.5)}body ::selection{background-color:#00d694}.agent-desktop-scroll-dark [data-testid=popover] select{background-color:#303030;color:#e3e3e3;border-color:#5a5a5a}.agent-desktop-scroll-dark [data-testid=popover] input{background-color:#303030;color:#e3e3e3;border-color:#5a5a5a}.agent-desktop-scroll-light [data-testid=popover] select{background-color:#fafafa;color:#4b4b4b;border-color:#cacaca}.agent-desktop-scroll-light [data-testid=popover] input{background-color:#fafafa;color:#4b4b4b;border-color:#cacaca}[data-testid=popover] [class*=spectrum-FieldLabel--positionSide]{min-width:-moz-fit-content !important;min-width:fit-content !important;padding-right:8px;white-space:nowrap}.agent-desktop select{min-width:120px}[class*=spectrum-Dropdown-trigger]{contain:layout style !important}
.offline-heading{color:#2c2c2c;text-align:left;font-size:14px;letter-spacing:0px;opacity:1;display:flex;justify-content:space-between}.offline-popover{top:333px;left:480px;border-radius:4px;opacity:1}.offline-button-group{display:flex;justify-content:flex-end;align-items:center;margin-top:25px}.dark-text{color:#fff;font:normal normal normal 14px/17px Adobe Clean}.incoming-call-text{text-align:left;font:normal normal normal 14px/20px Adobe Clean;letter-spacing:0px;opacity:1}.incoming-call-text-key{color:var(--unnamed-color-4b4b4b);color:#4b4b4b}.incoming-call-text-value{color:var(--unnamed-color-2c2c2c);color:#2c2c2c}.incoming-call-subhead{color:var(--unnamed-color-4b4b4b);color:#4b4b4b;font:normal normal normal 14px/17px Adobe Clean}.incoming-call-content{overflow:visible}.incoming-call-button-group{display:flex;justify-content:flex-end;align-items:center;margin:0;padding:0;margin-top:-20px}.call-fail-button-close{margin-top:-20px}.incoming-call-button-group>Button{background:var(--unnamed-color-1473e6) 0% 0% no-repeat padding-box;background:#1473e6 0% 0% no-repeat padding-box;border-radius:16px;opacity:1;width:98px;grid-column-gap:5px;column-gap:5px}.telephony-call,.telephony-call:hover{border-radius:50%;background-color:#1473e6}.missed-call{border-radius:50%;background-color:#b90000}
.vpn-required-styles_container__JDlZ0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
    text-align: center;
  }
  
  .vpn-required-styles_imageContainer__3ujQe {
    margin-bottom: 2rem;
  }
  
  .vpn-required-styles_header__2hLsk {
    font-size: 2rem;
    font-weight: bold;
    color: #e34850;
    margin-bottom: 1rem;
  }
  
  .vpn-required-styles_text__304s- {
    font-size: 1.2rem;
    color: #505050;
    max-width: 600px;
    line-height: 1.5;
    font-style: italic;
  }
.vpn-verify-styles_loadingContainer__2pgKX {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #666;
}

.vpn-verify-styles_ellipsis___G6H6 {
  display: inline-block;
  width: 1.5em;
  text-align: left;
}

.vpn-verify-styles_ellipsis___G6H6::after {
  content: '';
  display: inline-block;
  animation: vpn-verify-styles_typing__1Z_kF 1.5s steps(4, end) infinite;
}

@keyframes vpn-verify-styles_typing__1Z_kF {
  0% { content: ''; }
  25% { content: '.'; }
  50% { content: '..'; }
  75% { content: '...'; }
  100% { content: ''; }
} 
.incoming-email-text-key{font-weight:bold;flex-shrink:0}.incoming-email-content{min-width:0;overflow-x:hidden}.incoming-email-row{min-width:0;align-items:flex-start}.incoming-email-text-value{min-width:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere}

/*# sourceMappingURL=main.38c1156a.chunk.css.map*/