.xh-inbox{color:#0f172a;font-variant-numeric:tabular-nums}
.xh-inbox *{box-sizing:border-box}
.xh-inbox .ib-frame{box-shadow:0 2px 8px #0f172a06}
.xh-inbox .ib-left{min-height:0;min-width:0}
.xh-inbox .ib-profile,.xh-inbox .ib-chat-header{background:#f8fafb!important;border-bottom:1px solid #e2e8f0;min-height:64px}
.xh-inbox .ib-profile{padding:12px 16px}
.xh-inbox input,.xh-inbox select,.xh-inbox textarea,.xh-inbox button{font-family:inherit}
.xh-inbox .ib-left select{min-height:36px;background:#f8fafc!important;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;padding:5px 8px}
.xh-inbox .ib-search{height:38px;background:#f8fafc!important;border:1px solid #e2e8f0;border-radius:9px!important;font-size:13px!important;padding:0 12px!important}
.xh-inbox :is(input,select,textarea,button):focus-visible{outline:2px solid #0f766e;outline-offset:2px}
.xh-inbox .ib-list{min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.xh-inbox .ib-row{padding:12px!important;gap:11px!important;border-bottom-color:#f1f5f9!important;min-height:88px}
.xh-inbox .ib-row [class*="text-[15px]"]{font-size:14px!important;font-weight:600!important}
.xh-inbox .ib-row [class*="text-[13px]"]{font-size:12.5px!important;line-height:1.5}
.xh-inbox .ib-right{min-height:0}
.xh-inbox .ib-chat-header{padding:10px 14px!important;gap:10px!important}
.xh-inbox .ib-messages{min-height:0;scrollbar-width:thin;scrollbar-color:#bccbc7 transparent}
.xh-inbox .ib-bubble{padding:10px 12px 8px!important;line-height:1.55!important;border-radius:11px!important;box-shadow:0 1px 2px #0b141a0d!important;min-width:0;overflow-wrap:anywhere}
.xh-inbox .ib-composer{background:#f8fafb!important;border-top:1px solid #e2e8f0;gap:6px!important;padding:10px 12px!important}
.xh-inbox #_wa_ketik{min-width:0;min-height:42px;border:1px solid #dde5e9;border-radius:10px!important;font-size:15px!important;line-height:22px;padding:9px 12px!important}
.xh-inbox .ib-empty{padding:24px;text-align:center}
.xh-inbox .ib-empty>div{max-width:100%;overflow-wrap:anywhere}
.xh-inbox .ib-left input[type=date]{min-width:0;max-width:130px}
@media(hover:hover){.xh-inbox .ib-row:hover{filter:brightness(.985)}.xh-inbox button:not(:disabled):hover{box-shadow:inset 0 0 0 1px #0f766e12}}
@media(min-width:768px) and (max-width:1100px){.xh-inbox .ib-left{width:300px!important}.xh-inbox .ib-bubble{max-width:85%!important}}
@media(min-width:768px) and (max-width:950px){
 .xh-inbox .ib-left{width:260px!important}
 .xh-inbox .ib-composer{display:grid!important;grid-template-columns:repeat(3,36px) minmax(40px,1fr);gap:5px!important}
 .xh-inbox #_wa_ketik{grid-row:1;grid-column:1/-1;width:100%}
 .xh-inbox .ib-composer button[title="Kirim (Enter)"]{justify-self:end}
}
@media(max-width:767px){
 .xh-inbox .ib-frame{box-shadow:none}
 .xh-inbox .ib-profile{min-height:58px;padding:9px 14px}
 .xh-inbox .ib-chat-header{min-height:60px;padding:8px 10px!important;gap:7px!important}
 .xh-inbox .ib-composer{padding:8px!important;gap:4px!important}
 .xh-inbox .ib-composer button{width:34px!important;height:38px!important}
 .xh-inbox .ib-composer button[title="Kirim (Enter)"]{width:38px!important}
 .xh-inbox #_wa_ketik{font-size:16px!important;padding:9px 10px!important}
 .xh-inbox .ib-bubble{font-size:14px!important;max-width:88%!important}
 .xh-inbox .ib-empty{padding:16px}
}