/* Keep the compact workspace; increase type without scaling panels or controls. */
.inbox-page #messages p,
.inbox-page #reply {
  font-size: 16px;
  line-height: 1.7;
}
.inbox-page .conversation strong { font-size: 15px; }
.inbox-page .conversation p { font-size: 14px; }
.inbox-page .conversation small {
  font-size: 12px;
  max-width: none;
  white-space: normal;
}
.inbox-page .conversation .waiting {
  font-size: 12px;
  line-height: 1.5;
  max-width: 100%;
}
.inbox-page .case-owner { font-size: 12px; }
.inbox-page .channel-tag { font-size: 12px; }
.inbox-page .channel-tag.web { background: #087cce; color: #fff; }
.inbox-page #messages small,
.inbox-page #messages .message-responder { font-size: 13px; }
.inbox-page .thread-header h2,
.inbox-page #profile-name { font-size: 17px; }
.inbox-page .thread-header p,
.inbox-page #thread-state,
.inbox-page #profile-state,
.inbox-page #connection,
.inbox-page #sound-status,
.inbox-page .image-controls small,
.inbox-page .reply-controls small,
.inbox-page #name-help,
.inbox-page .customer-panel dd[id$='-id'] { font-size: 12px; }
.inbox-page #admin-email,
.inbox-page #logout,
.inbox-page .list-controls label,
.inbox-page .list-controls select,
.inbox-page .inbox-tools button,
.inbox-page #edit-name,
.inbox-page #toggle-state,
.inbox-page #profile-toggle,
.inbox-page #reply-form label,
.inbox-page .image-controls button,
.inbox-page #send,
.inbox-page #change-icon,
.inbox-page #profile-email,
.inbox-page .customer-panel dt,
.inbox-page .profile-tip,
.inbox-page .assignment-bar,
.inbox-page .assignment-bar button,
.inbox-page .assignment-bar select,
.inbox-page .assignment-bar p,
.inbox-page #line-health,
.inbox-page .line-retry,
.inbox-page .identity-panel button { font-size: 13px; }
.inbox-page .customer-panel dd,
.inbox-page .profile-heading h2,
.inbox-page .identity-panel strong,
.inbox-page #quick-dialog p,
.inbox-page #quick-fields label,
.inbox-page #quick-list button { font-size: 14px; }
.inbox-page .assignment-bar select { min-width: 0; }
.inbox-page .side-rail a:not(.rail-brand) { font-size: 12px; }
@media (max-width: 760px) {
  .inbox-page .thread-actions { flex-shrink: 0; }
  .inbox-page .reply-controls { flex-wrap: wrap; gap: 8px; }
}
.customer-details{padding:16px 18px;border-top:1px solid #e1e9e4}.customer-details h3{font-size:15px;margin:0 0 10px}.customer-details p{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.customer-details button{font-size:13px;width:100%}.details-dialog{width:min(550px,92vw);max-height:85dvh;overflow:auto;border:1px solid #d4e2d9;border-radius:14px;padding:22px;color:#173f37}.details-dialog::backdrop{background:#112b2b88}.details-dialog label{display:block;font-size:16px;font-weight:600;margin-bottom:12px}.details-dialog textarea{width:100%;padding:12px;border:1px solid #b9cec3;border-radius:8px;font-size:16px;line-height:1.7;resize:vertical}.details-dialog p{font-size:13px;line-height:1.7}.details-dialog button{margin-right:8px;font-size:14px}
.customer-tags{padding:10px 18px 16px;text-align:left}.customer-tags h3{font-size:14px;margin:0 0 8px}.customer-tags>div{display:flex;flex-wrap:wrap;gap:5px}.customer-tags>div button{font-size:12px;border-radius:20px;background:#e9f3ed;padding:4px 8px;max-width:100%;overflow-wrap:anywhere}.customer-tags form{display:flex;gap:5px;margin:10px 0}.customer-tags input{min-width:0;width:100%;padding:7px;border:1px solid #c9dacf;border-radius:6px;font-size:13px}.customer-tags form button{font-size:12px;white-space:nowrap;padding:5px 8px}.customer-tags small,.customer-tags p{font-size:12px;line-height:1.6}.customer-tags p:empty{display:none}
.draft-image-preview{display:block;max-width:100%;width:160px;height:100px;object-fit:contain;border:1px solid #ccded5;border-radius:8px;background:#f4f8f5;margin:6px 0}
.slip-check{padding:8px;border:1px solid #d5e3db;border-radius:8px;margin-top:7px;background:#f6faf7}.slip-check p{font-size:13px!important;line-height:1.6!important;padding:0!important;background:transparent!important;border:0!important}.slip-check button{font-size:13px;margin-top:6px}
.slip-check{padding:14px 16px;background:#fff}.slip-amount{display:block;font-size:18px;line-height:1.5;margin-bottom:10px}.slip-check p{font-size:15px!important;margin:6px 0!important}.slip-account{font-weight:700}.slip-check[data-account="match"] .slip-account{color:#137047}.slip-check[data-account="mismatch"] .slip-account{color:#ae2323}.slip-check[data-account="unknown"] .slip-account{color:#956000}.slip-details{display:grid;grid-template-columns:80px minmax(0,1fr);gap:7px 12px;border-top:1px solid #e2e9e6;padding-top:12px;margin:12px 0 0;font-size:14px;line-height:1.6}.slip-details dt{color:#60756d}.slip-details dd{margin:0;overflow-wrap:anywhere}

/* Give the transcript the remaining height; keep header and composer compact. */
.inbox-page #thread{background:#edf2f0}
.inbox-page .thread-header{background:#214e45;border-bottom:1px solid #183d35}
.inbox-page .thread-header h2{color:#fff}
.inbox-page .thread-header #customer-info,.inbox-page .thread-header #thread-state{color:#d5e6df}
.inbox-page .thread-header #edit-name{color:#e3f1ea}
.inbox-page .thread-header #toggle-state,.inbox-page .thread-header #profile-toggle{background:#f5faf7;color:#214e45;border-color:#c4d8ce}
.inbox-page .assignment-bar{background:#e4ece8;border-bottom:1px solid #cbd9d2;color:#294e43}
.inbox-page #transcript{background:#f2f5f3}
.inbox-page #messages .customer>p{background:#fff;border:1px solid #d9e3dd;color:#233f35}
.inbox-page #reply-form{background:#fff;border-color:#bfcec5;box-shadow:0 1px 4px #193b3010}
.inbox-page #reply{background:#fff;color:#233f35}
.inbox-page #reply::placeholder{color:#6e8177}
.inbox-page .thread-header{min-height:0;padding:9px 16px;gap:10px}
.inbox-page .thread-header>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px}
.inbox-page .thread-header h2{line-height:1.4}
.inbox-page #edit-name{margin:0;padding:3px 0;white-space:nowrap;justify-self:start}
.inbox-page .thread-header #customer-info{margin:0;line-height:1.5}
.inbox-page #thread-state{line-height:1.5}
.inbox-page .assignment-bar{padding:5px 16px;gap:5px 7px}
.inbox-page #transcript{flex:1 1 0;min-height:120px;padding:14px 18px}
.inbox-page #reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;margin:0 12px 10px;padding:9px 12px;max-height:40dvh;overflow:auto}
.inbox-page #reply-form>label,.inbox-page #reply,.inbox-page #image-selection{grid-column:1/-1}
.inbox-page #reply-form>label{margin:0;line-height:1.4}
.inbox-page #reply{height:56px;min-height:56px;max-height:110px;line-height:1.5;padding:3px 0;resize:vertical}
.inbox-page .image-controls{margin:0;align-self:center;flex-wrap:wrap}
.inbox-page .reply-controls{margin:0;align-self:end;gap:8px}
.inbox-page .reply-controls small{display:none}
.inbox-page #image-selection:empty{display:none}
.inbox-page #image-selection{margin:0;max-height:120px;overflow:auto;grid-row:3}
.inbox-page .draft-image-preview{height:72px;width:120px;margin:4px 0}
.inbox-page #send{padding:7px 12px;min-height:36px}
@media(max-width:1100px){.inbox-page .image-controls>small{display:none}}
@media(max-width:760px){
  .inbox-page .thread-header{padding:8px 12px;align-items:flex-start}
  .inbox-page .thread-header>div:first-child{column-gap:7px}
  .inbox-page .thread-header #customer-info{grid-column:1/-1}
  .inbox-page #thread-state{grid-column:1/-1}
  .inbox-page .thread-actions{flex-wrap:wrap;justify-content:flex-end;max-width:145px}
  .inbox-page #reply-form{margin:0 8px 8px;padding:8px;column-gap:6px;max-height:45dvh}
  .inbox-page #transcript{padding:12px}
  .inbox-page .assignment-bar{padding:5px 12px}
  .inbox-page .assignment-bar strong{flex-basis:100%}
  .inbox-page .image-controls{gap:4px}
  .inbox-page #send{min-width:76px;padding:7px 9px}
}
.inbox-page #messages .slip-check .slip-duplicate{color:#b42318;background:#fff0ee!important;border:1px solid #f2b8b2!important;border-radius:7px;padding:8px 10px!important;font-weight:700}
.inbox-page #messages .slip-check .slip-not-duplicate{color:#137047;background:#edf9f0!important;border:1px solid #a9d8b6!important;border-radius:7px;padding:8px 10px!important;font-weight:700}
.line-video video{display:block;width:320px;max-width:100%;max-height:360px;background:#16251f;border-radius:9px;margin-top:8px}.inbox-page #messages .line-video p{background:transparent;color:#5d7165;padding:4px 0;font-size:14px}.line-video p:empty{display:none}