:root { --panel-ink: #182d46; --panel-blue: #245bd7; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--panel-ink); }
.main-sidebar { background: #13243a; }
.brand-link { display: flex; align-items: center; gap: 12px; padding: 18px 16px; }
.brand-text { font-size: 18px; font-weight: 600; }
.brand-mark { width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 8px; background: #3975ef; color: white; font-weight: 800; }
.workspace-label { font-size: 10px; letter-spacing: 1.5px; color: #91a4bf; padding: 25px 12px 12px; }
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active { background-color: #245bd7; }
.nav-sidebar .nav-link { padding: 10px 12px; font-size: 14px; }
.main-header { min-height: 66px; gap: 12px; }
.organization-switch { flex-wrap: nowrap; max-width: 55%; }
.organization-switch select { min-width: 100px; max-width: 240px; }
.content-wrapper { background: #f3f5f9; }
.content-header { padding: 28px 22px 18px; }
.content-header h1 { font-size: 25px; font-weight: 650; }
.content-wrapper > .content { padding: 0 22px 24px; }
.card { border: 1px solid #e4e9f1; border-radius: 9px; box-shadow: 0 2px 4px #192c4810; }
.card-header { padding: 18px 20px; background: white; border-radius: 9px 9px 0 0; }
.card-title { font-weight: 600; font-size: 16px; }
.small-box { border-radius: 9px; box-shadow: 0 2px 4px #192c4810; border: 1px solid #e4e9f1; }
.small-box .inner { padding: 20px; }.small-box .inner h3 { font-size: 30px; }
.small-box .icon > i { font-size: 34px !important; top: 27px !important; right: 16px; opacity: .5; }
.bg-primary,.btn-primary { background-color: #245bd7 !important; border-color: #245bd7 !important; }
.btn { border-radius: 6px; }.operation-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.table td, .table th { vertical-align: middle; padding: 14px 20px; }.table th { color: #61718b; font-size: 12px; text-transform: uppercase; letter-spacing: .4px; border-top: 0; }
.table-responsive, .inline-group { position: relative; max-width: 100%; overflow-x: auto; }
.card-body { min-width: 0; }
.sidebar details summary { cursor: pointer; color: #b9c6d8; font-size: 12px; padding: 18px 12px; }
.sidebar details > ul { padding: 0; }
.empty-state { padding: 40px !important; text-align: center; color: #65758b; }
.inbox-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; }.inbox-filters > div:first-child { flex: 1; min-width: 180px; }
.conversation-history { padding: 20px; display: flex; flex-direction: column; gap: 16px; max-height: 54vh; overflow-y: auto; }
.message-bubble { padding: 13px 16px; border-radius: 0 12px 12px; background: #f0f3f8; max-width: 88%; align-self: flex-start; overflow-wrap: anywhere; }
.message-bubble.outbound { background: #e7f0ff; align-self: flex-end; border-radius: 12px 0 12px 12px; }.message-bubble p { white-space: pre-wrap; margin: 8px 0; }
.login-panel { max-width: 460px; margin: 30px auto; }.login-panel .card-body { padding: 30px; }
.panel-no-sidebar .main-header,.panel-no-sidebar .content-wrapper,.panel-no-sidebar .main-footer { margin-left: 0 !important; }
.popup .content-wrapper { padding-top: 20px; }
.main-footer { font-size: 12px; }
input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible { outline: 3px solid #81aaff; outline-offset: 3px; }
@media(max-width:767px) {
  .content-header { padding: 20px 8px 12px; }.content-wrapper > .content { padding: 0 8px 16px; }
  .organization-switch { max-width: 65%; }.organization-switch select { width: 100%; min-width: 80px; }
  .organization-switch button { padding-left: 6px; padding-right: 6px; }.main-header { gap: 2px; padding: 8px; }
  .main-footer .float-right { display: none; }.inbox-filters > div { width: 100%; }.small-box .icon { display: none; }
}