/* Inbox skin based on the supplied Manrope reference. Other dashboard pages keep their theme. */
@font-face { font-family: "Inbox Manrope"; src: url('/fonts/manrope-latin.woff2') format('woff2'); font-style: normal; font-weight: 200 800; font-display: swap; }
.workspace:has(.iw-page) { --text:#101828; --muted:#667085; --line:#e4e7ec; --blue:#0a6fb0; --blue-soft:#eef6fc; font-family:"Inbox Manrope",system-ui,sans-serif; background:#f4f5f7; color:var(--text); }
.workspace:has(.iw-page) button,.workspace:has(.iw-page) input,.workspace:has(.iw-page) textarea,.workspace:has(.iw-page) select { font-family:inherit; }
.main:has(.iw-page) > .topbar { background:#fff; border-color:#e4e7ec; height:68px; padding-inline:24px; }
.main:has(.iw-page) > .wrap { padding:20px 24px 24px; max-width:1700px; }
.iw-page .btn { border-color:#d0d5dd; background:#fff; color:#344054; border-radius:8px; box-shadow:none; font-size:12px; font-weight:700; line-height:1.4; }
.iw-page .btn:hover { background:#f9fafb; border-color:#98a2b3; }
.iw-page .btn.primary,.iw-heading .iw-next { color:#fff; background:#0a6fb0; border-color:#0a6fb0; }
.iw-page .btn.primary:hover,.iw-heading .iw-next:hover { background:#075689; border-color:#075689; }
.iw-page :is(button,input,textarea,select,summary):focus-visible { outline:2px solid #0a6fb0; outline-offset:-2px; }
.iw-page input,.iw-page textarea,.iw-page select,.iw-page .select-trigger { border-color:#d0d5dd; color:#344054; background:#fff; box-shadow:none; border-radius:8px; }
.iw-heading { gap:16px; margin:0 0 18px; }
.iw-heading h1 { font-size:26px; font-weight:800; letter-spacing:-.7px; margin:0; }
.inbox-summary { font-size:13px; line-height:1.5; color:#667085; margin:5px 0 0; }
.iw-heading > .row { gap:8px; }
.iw-heading > .row > .btn { min-height:38px; padding:8px 12px; }
.iw-heading .iw-next { order:5; max-width:235px; }
.iw-heading [data-a="iwEndShift"] { color:#b42318; border-color:transparent; background:transparent; }
.iw-page .chat-grid { grid-template-columns:280px minmax(0,1fr) 260px; grid-template-rows:minmax(0,1fr); gap:16px; }
.iw-page .inbox,.iw-page .conv { border:1px solid #e4e7ec; border-radius:16px; background:#fff; box-shadow:none; overflow:hidden; min-width:0; }
.iw-page .inbox { grid-column:1; grid-row:1; padding:0; }
.iw-page .conv,.iw-page .chat-grid:has(#tool:not(:empty)) .conv { grid-column:2; grid-row:1; }
.iw-page .inbox-heading { padding:16px 14px 14px; font-size:14px; gap:8px; }
.iw-page #iw-total { margin-right:auto; min-width:23px; padding:2px 7px; background:#f2f4f7; color:#475467; border-radius:20px; font-size:11px; text-align:center; }
.iw-page .inbox-heading .btn { font-size:11px; min-height:30px; padding:5px 9px; }
.iw-page .iw-queue { flex-wrap:wrap; overflow:visible; gap:6px; padding:0 12px 12px; flex-shrink:0; }
.iw-page .iw-queue button { white-space:nowrap; border-radius:20px; border:1px solid #e4e7ec; background:#fff; color:#475467; font-size:11px; padding:7px 10px; }
.iw-page .iw-queue button.on { color:#fff; background:#101828; border-color:#101828; }
.iw-page .inbox-search-filters { display:grid; grid-template-columns:minmax(0,1fr) 102px; gap:8px; padding:0 12px 12px; border-bottom:1px solid #eaecf0; }
.inbox-search-filters input,.inbox-search-filters select,.inbox-search-filters .select-wrap,.inbox-search-filters .select-trigger { width:100%; min-width:0; max-width:100%; font-size:12px; }
.inbox-search-filters input,.inbox-search-filters .select-trigger { height:38px; min-height:38px; padding-inline:9px; }
.iw-page .inbox-search-filters .select-trigger { padding-right:34px; }
.iw-page .inbox-list { padding:6px; margin:0; }
.iw-page .ci { grid-template-columns:38px minmax(0,1fr); padding:12px 9px; gap:5px 9px; margin-bottom:3px; border:1px solid transparent; border-radius:12px; }
.iw-page .ci:hover { background:#f9fafb; }
.iw-page .ci.on { background:#eef6fc; box-shadow:none; border-color:#b9daf0; }
.iw-page .ci > .contact-avatar { width:38px; height:38px; align-self:start; grid-row:1 / span 3; border-radius:50%; background:#e4e7ec; color:#475467; object-fit:cover; font-size:13px; font-weight:800; }
.iw-page .iw-chat-name { gap:5px; }
.iw-page .iw-chat-name b { font-size:14px; font-weight:800; }
.iw-page .iw-handle { display:none; }
.iw-page .iw-card-meta { display:flex; flex-wrap:wrap; gap:5px; }
.iw-page .iw-preview { flex:1 0 100%; font-size:13px; color:#667085; line-height:1.5; }
.iw-page .iw-owner { font-size:11px; max-width:100%; margin-left:auto; color:#667085; flex-shrink:1; }
.iw-page .iw-owner-handling { color:#0a5f96; font-weight:600; }
.iw-page .iw-card-alerts { grid-column:2; margin-top:1px; gap:5px; }
.iw-page .iw-vip,.iw-page .conversation-vip.on { display:inline-flex; align-items:center; gap:3px; padding:2px 6px; color:#7a4a00; background:#fef0c7; border:1px solid #f9dfa0; border-radius:6px; font-size:10px; font-weight:800; line-height:16px; letter-spacing:0; }
.iw-page .iw-vip svg { width:11px; height:11px; }
.iw-page .iw-wait { font-size:10px; border-radius:5px; background:#fff6e5; color:#8a4b08; }
.iw-page .iw-wait.is-overdue { color:#b42318; background:#fee4e2; }
.iw-page .iw-pages { background:#fff; color:#667085; font-size:11px; border-color:#eaecf0; }
.iw-page .conv-head { padding:14px 16px; gap:10px; background:#fff; border-color:#eaecf0; }
.conversation-identity { display:flex; align-items:center; gap:10px; min-width:0; flex:1; }
.conversation-avatar { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:50%; background:#e4e7ec; color:#475467; font-size:16px; font-weight:800; object-fit:cover; }
.conversation-identity-copy { min-width:0; flex:1; }
.conversation-name { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.conversation-name h2 { margin:0; min-width:0; overflow-wrap:anywhere; font-size:16px; line-height:1.4; font-weight:800; letter-spacing:-.2px; }
.conversation-subtitle { color:#667085; font-size:11px; line-height:1.5; margin-top:3px; overflow-wrap:anywhere; }
.conversation-name .chat-rename { opacity:1; color:#667085; margin:0; background:transparent; border:0; padding:3px 5px; }
.iw-page .conversation-vip { display:inline-flex; align-items:center; gap:3px; font-size:10px; padding:2px 6px; height:auto; min-height:22px; border-radius:6px; color:#667085; background:#f9fafb; border:1px solid #e4e7ec; }
.iw-page .conversation-vip svg { width:12px; height:12px; }
.composer-modes{display:flex;flex-wrap:wrap;gap:6px;padding:7px 0}
.conversation-compose>.composer-modes{padding:8px 12px 0}
.composer-modes .chip[aria-pressed="true"]{background:#e1f1ff;border-color:#71b9ec;color:#075785;font-weight:700}
.saved-voice{display:flex;flex-direction:column;gap:9px;padding:14px 0;border-bottom:1px solid var(--line)}
.saved-voice>b{overflow-wrap:anywhere}.saved-voice audio{width:100%;height:38px}
.message-delivery{font-size:10px;margin-right:4px}
.iw-page .conversation-interest { display:inline-flex; align-items:center; padding:2px 6px; min-height:22px; border-radius:6px; border:1px solid #e4e7ec; background:#f9fafb; color:#667085; font-size:10px; line-height:16px; white-space:nowrap; }
.iw-page .conversation-interest.on { color:#92400e; background:#fff3d6; border-color:#f5cd87; }
.iw-page .conversation-details > summary { background:#fff; border-color:#e4e7ec; border-radius:8px; font-size:11px; padding:7px 9px; }
.iw-page .conversation-details-body { background:#f9fafb; border-radius:8px; max-height:150px; }
.iw-page .conv-controls { flex-basis:100%; }
.iw-page .iw-coordination { padding:9px 16px; gap:8px; background:#fff; border-color:#eaecf0; }
.iw-page .iw-assignees { gap:12px; flex-basis:100%; }
.iw-page .conversation-identity .iw-assignees { margin-top:4px; gap:5px 10px; }
.conversation-subtitle:empty,.iw-page .iw-coordination:empty { display:none; }
.iw-page .iw-person { gap:5px; }
.iw-page .iw-person .avatar-sm { display:none; }
.iw-page .iw-person > span { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.iw-page .iw-person b { font-size:11px; max-width:125px; }
.iw-page .iw-person small { font-size:10px; margin:0; color:#667085; }
.iw-page .iw-coordination-actions { gap:6px; }
.iw-page .iw-coordination-actions .btn { font-size:10px; padding:5px 7px; min-height:28px; }
.iw-page .conversation-handling { margin-left:auto; padding:0; border:0; background:none; gap:6px; flex:0 1 auto; }
.iw-page .conversation-handling-state { font-size:10px; }
.iw-page .conversation-handle { min-height:30px; padding:6px 9px; font-size:11px; box-shadow:none; }
.conversation-waiting { display:flex; flex-basis:100%; align-items:center; justify-content:space-between; gap:8px; border:1px solid #f5d9a8; background:#fff6e5; border-radius:8px; padding:7px 10px; font-size:11px; color:#8a4b08; }
.conversation-waiting.is-overdue { color:#b42318; border-color:#fecdca; background:#fef3f2; }
.iw-page .conversation-waiting .iw-wait { color:inherit; background:none; font-size:11px; padding:0; }
.iw-page .conversation-waiting .btn { color:inherit; border:0; padding:3px; min-height:24px; background:transparent; font-size:10px; }
.iw-coordination:has(.conversation-waiting) .iw-coordination-actions [data-a="iwFollowup"] { display:none; }
.iw-page .notes-bar { background:#fff0a8; padding:7px 16px; font-size:11px; border-color:#e5ad16; }
.iw-page .notes-bar>summary,.iw-page .notes-bar .notes-preview,.iw-page .notes-bar .notes-text { color:#594200; }
.conversation-history { position:relative; display:flex; flex-direction:column; flex:1; min-height:0; }
.iw-page .conversation-history .latest { bottom:10px; right:14px; font-size:10px; opacity:.9; }
.iw-page .msgs { flex:1; min-height:0; height:auto; padding:20px; gap:14px; background:#fcfcfd; overscroll-behavior:contain; }
.iw-page .msg { max-width:85%; padding:10px 14px; background:#fff; border:1px solid #e4e7ec; border-radius:16px 16px 16px 4px; box-shadow:none; font-size:14px; line-height:1.6; }
.iw-page .msg.out { color:#fff; background:#0a6fb0; border-color:#0a6fb0; border-radius:16px 16px 4px 16px; }
.iw-page .msg .meta { color:#667085; font-size:10px; line-height:1.5; margin-bottom:5px; }
.msg .message-author { display:flex; align-items:center; gap:5px; }
.msg .message-author > .avatar-xs { flex:0 0 16px; margin:0; vertical-align:initial; align-self:center; object-fit:cover; }
.msg .message-author > span:not(.avatar) { min-width:0; overflow-wrap:anywhere; }
.iw-page .msg.out .meta,.iw-page .msg.out .ticks,.iw-page .msg.out .iw-attribution,.iw-page .msg.out .quote { color:#e0eff9; border-color:#ffffff40; }
.iw-page .msg.out a { color:#fff; text-decoration:underline; }
.iw-page .msg.out .iw-attribution { font-size:10px; }
.iw-page .msg .acts { z-index:1; color:#344054; box-shadow:0 2px 8px #10182815; }
.iw-page .msg .acts button { color:#344054; }
.iw-page .msg img,.iw-page .msg video,.iw-page .msg audio { max-width:100%; }
.iw-page .conversation-compose { background:#fff; flex-shrink:0; }
.iw-page .composer { display:flex; flex-direction:column; align-items:stretch; gap:10px; padding:12px 16px; border-color:#eaecf0; }
.iw-page .composer textarea { width:100%; min-height:72px; height:72px; max-height:min(150px,20dvh); padding:10px 12px; resize:vertical; background:#fff; border:1px solid #d0d5dd; border-radius:12px; font-size:13px; line-height:1.5; }
.iw-page .composer textarea:focus { border-color:#0a6fb0; outline:2px solid #0a6fb0; outline-offset:-2px; box-shadow:none; }
.composer-footer { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.composer-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.composer-storylines { display:inline-flex; align-items:center; gap:5px; }
.composer-storylines svg { width:14px; height:14px; flex-shrink:0; }
.iw-page .composer-shortcut { width:32px; height:34px; padding:7px; border-color:transparent; }
.composer-shortcut svg { width:18px; height:18px; }
.iw-page .qr-composer-button,.iw-page .composer-storylines { padding:6px 9px; font-size:11px; height:34px; min-height:34px; }
.iw-page #chat-send { display:flex; align-items:center; justify-content:center; gap:12px; min-height:38px; height:38px; padding:8px 14px; }
.iw-page .draft-save-status { padding:0 16px 8px; font-size:10px; }
.iw-page .draft-save-status:empty { display:none; }
.iw-page .rail { grid-column:3; grid-row:1; width:auto; min-width:0; padding:0; display:flex; flex-direction:column; gap:14px; background:transparent; border:0; border-radius:0; }
.iw-page .client-card,.iw-page .action-group { flex-shrink:0; padding:16px; margin:0; background:#fff; border:1px solid #e4e7ec; border-radius:16px; }
.iw-page .rail .action-group { display:block; }
.client-card h2,.iw-page .action-group h3 { display:block; margin:0 0 14px; color:#667085; font-size:11px; line-height:1.5; text-transform:uppercase; font-weight:800; letter-spacing:.7px; }
.client-facts { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:13px 8px; margin:0 0 18px; font-size:12px; line-height:1.5; }
.client-facts dt { color:#667085; }
.client-facts dd { margin:0; text-align:right; color:#101828; font-weight:600; overflow-wrap:anywhere; }
.client-facts .client-revenue { font-size:14px; font-weight:800; }
.client-actions { display:flex; flex-wrap:wrap; gap:6px; }
.iw-page .client-actions .btn { display:flex; flex:1; flex-direction:row; justify-content:center; align-items:center; padding:7px 6px; border:1px solid #d0d5dd; border-radius:8px; font-size:10px; color:#344054; white-space:nowrap; min-height:33px; }
.client-actions svg { width:13px; height:13px; flex-shrink:0; }
.iw-page .rail .action-item { display:flex; flex-direction:row; align-items:center; gap:9px; width:100%; padding:10px; margin-top:8px; min-height:64px; border:1px solid #e4e7ec; border-radius:10px; background:#fff; color:#344054; text-align:left; }
.iw-page .rail .action-item:hover { background:#f9fafb; border-color:#b9daf0; }
.iw-page .rail .action-primary { background:#eef6fc; border-color:#b9daf0; }
.iw-page .action-icon { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border:0; border-radius:9px; background:#f2f4f7; color:#475467; }
.iw-page .action-icon svg { width:18px; height:18px; }
.iw-page .action-primary .action-icon { color:#fff; background:#0a6fb0; }
.iw-page .action-copy { min-width:0; flex:1; }
.iw-page .action-copy strong { color:#101828; font-size:13px; font-weight:800; line-height:1.5; }
.iw-page .action-copy small { display:block; margin-top:3px; color:#667085; font-size:11px; line-height:1.5; }
.iw-page .action-arrow { display:none; }
.iw-page .action-group:last-child .action-item { min-height:44px; padding:7px 0; border:0; background:transparent; }
.iw-page #tool:not(:empty) { grid-column:3; grid-row:1; position:static; width:auto; max-height:none; min-width:0; z-index:auto; }
.iw-page #tool:empty { display:none; }
.iw-page #tool .tool { width:100%; height:100%; max-height:none; border:1px solid #e4e7ec; border-radius:16px; box-shadow:none; }
.iw-page #tool .tool:not(.full) { width:100%; box-shadow:none; }
.iw-page .chat-grid:has(#tool:not(:empty)) { grid-template-columns:250px minmax(0,1fr) 340px; }
.iw-page .chat-grid:has(#tool:not(:empty)) > .rail { display:none; }
.iw-page #tool .tool.full { position:fixed; inset:20px; width:auto; height:calc(100dvh - 40px)!important; z-index:60; }
@media (min-width:1001px) and (max-height:800px) {
  .iw-page .composer textarea { min-height:60px; height:60px; }
  .iw-page .composer { gap:8px; padding-block:10px; }
  .iw-page .conv-head { padding-block:12px; }
}
@media (min-width:1001px) and (max-width:1350px) {
  .main:has(.iw-page) > .wrap { padding:18px 18px 20px; }
  .iw-page .chat-grid { grid-template-columns:240px minmax(0,1fr) 232px; gap:12px; }
  .iw-page .client-card,.iw-page .action-group { padding:13px; }
  .iw-page .chat-grid:has(#tool:not(:empty)) { grid-template-columns:220px minmax(0,1fr) 300px; }
  .iw-heading .btn { font-size:11px; }
  .iw-heading .iw-next { max-width:185px; }
}
@media (max-width:1000px) {
  .workspace:has(.iw-page),.main:has(.iw-page) { height:auto; min-height:100dvh; }
  .main:has(.iw-page) > .wrap { display:block; padding:16px; }
  .iw-heading { align-items:flex-start; flex-wrap:wrap; }
  .iw-heading > .row { justify-content:flex-start; }
  .iw-page .chat-grid,.iw-page .chat-grid:has(#tool:not(:empty)) { display:grid; grid-template-columns:1fr; grid-template-rows:auto; height:auto; gap:14px; }
  .iw-page .inbox { grid-column:1; grid-row:1; max-height:300px; }
  .iw-page .inbox-list { max-height:150px; }
  .iw-page .conv,.iw-page .chat-grid:has(#tool:not(:empty)) .conv { grid-column:1; grid-row:2; height:calc(100dvh - 32px); min-height:500px; }
  .iw-page .rail { grid-column:1; grid-row:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
  .iw-page .client-card { grid-column:1 / -1; }
  .iw-page #tool:not(:empty) { position:fixed; inset:12px; width:auto; max-height:calc(100dvh - 24px); z-index:60; }
  .iw-page #tool .tool { box-shadow:0 18px 80px #10182833; }
  .iw-page .chat-grid:has(#tool:not(:empty)) > .rail { display:grid; }
}
@media (max-width:480px) {
  .iw-heading h1 { font-size:24px; }
  .main:has(.iw-page) > .wrap { padding:12px; }
  .iw-page .rail { grid-template-columns:1fr; }
  .iw-page .conv-head { padding:12px; }
  .iw-page .iw-coordination { padding:8px 12px; }
  .iw-page .msgs { padding:14px; }
  .iw-page .composer { padding:10px 12px; }
  .iw-page .conversation-handling { margin-left:0; }
  .iw-page .conversation-waiting { flex-wrap:wrap; }
  .iw-page .qr-composer-button { max-width:120px; height:auto; min-height:34px; white-space:normal; }
  .iw-page #chat-send { gap:6px; padding-inline:10px; }
}

/* An unassigned conversation is previewed before an explicit, separate claim. */
.iw-claim-preview { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:32px 24px; text-align:center; overflow:auto; }
.iw-claim-preview .conversation-avatar { width:64px; height:64px; font-size:25px; flex-shrink:0; }
.iw-claim-preview h2 { margin:0; font-size:24px; overflow-wrap:anywhere; }
.iw-claim-preview p { max-width:400px; margin:0; line-height:1.6; }
.iw-claim-preview .iw-unread-preview { font-weight:600; color:#075985; }
.iw-claim-preview .btn { min-height:44px; white-space:normal; }
.iw-claim-preview small { max-width:370px; line-height:1.5; }

/* Preview and selection are separate controls: looking never selects or sends. */
.ppv-preview-card { position:relative; min-width:0; }
.ppv-preview-card > .thumb { width:100%; }
.ppv-preview-eye { position:absolute; top:8px; left:8px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid #ffffffaa; border-radius:50%; background:#172638dc; color:#fff; cursor:pointer; box-shadow:0 2px 8px #0003; }
.ppv-preview-eye:hover { background:#087db2; }
.ppv-preview-eye:focus-visible { outline:2px solid #fff; outline-offset:-4px; }

.paid-pass-badge { display:inline-flex; align-items:center; gap:4px; flex-shrink:0; width:fit-content; padding:3px 6px; border:1px solid #91d7b2; border-radius:6px; background:#e7f8ee; color:#116b3c; font-size:10px; font-weight:700; line-height:1.3; white-space:nowrap; }
.paid-pass-badge[hidden] { display:none; }

.ppv-hide-purchased { padding:12px; margin:12px 0; background:#f4f8fc; border:1px solid #dbe5ee; border-radius:10px; align-items:flex-start; flex-wrap:nowrap; }

.media-read-status,.payment-link-status { display:table; margin-top:7px; padding:4px 8px; border:1px solid #d1dce6; border-radius:8px; background:#f4f7fa; color:#45566b; font-size:11px; line-height:1.4; }
.media-read-status.is-read,.payment-link-status.is-open { background:#e7f8ee; color:#116b3c; border-color:#91d7b2; }

/* Read receipts stand out against outgoing blue bubbles. */
#conv .msg .ticks.is-read, #conv .ticks.is-read { color: #8ee3ff; opacity: 1; font-weight: 700; }

.low-interest { color:#92400e; background:#fff3d6; border:1px solid #f5cd87; white-space:nowrap; }
.msg.message-deleted { opacity:.8; font-style:italic; }

.saved-voice-search{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.saved-voice-search>.f{width:100%;margin:0}