.inboundNavCount{float:right;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900}.inboundHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.inboundHead h1{margin:2px 0 5px;font-size:28px}.inboundHead p{margin:0;color:#667085}.inboundEyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;color:#087d7a}.inboundStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.inboundStat{padding:15px}.inboundStat small{display:block;color:#667085;font-size:9px;font-weight:850;letter-spacing:.08em}.inboundStat b{display:block;margin-top:4px;color:#082d63;font-size:24px}.inboundToolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;margin-bottom:14px}.inboundToolbar input{width:min(390px,45%);border:1px solid #d0d5dd;border-radius:9px;padding:9px 11px;font:inherit}.inboundFilters{display:flex;gap:6px;flex-wrap:wrap}.inboundFilters button{padding:8px 10px;background:#eef2f7;color:#475467;font-size:11px}.inboundFilters button.active{background:#082d63;color:#fff}.inboundWorkspace{--inbound-list-width:420px;display:grid;grid-template-columns:var(--inbound-list-width) 10px minmax(0,1fr);height:calc(100vh - 275px);min-height:520px;overflow:hidden}.inboundList{overflow:auto;border-right:1px solid #e5e7eb;background:#f8fafc}.inboundResize{position:relative;cursor:ew-resize;background:#f8fafc;border-right:1px solid #e5e7eb;touch-action:none}.inboundResize:after{content:'';position:absolute;left:3px;top:50%;width:3px;height:54px;border-radius:99px;background:#c7d5e5;transform:translateY(-50%)}.inboundResize:hover:after,body.inboundDragging .inboundResize:after{background:#10b7b4;width:4px}.inboundRow{display:block;width:100%;padding:15px 16px;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;background:#fff;text-align:left}.inboundRow:hover{background:#f5fbfb}.inboundRow.active{background:#eafafa;box-shadow:inset 4px 0 #10b7b4}.inboundRowTop{display:flex;justify-content:space-between;gap:8px;align-items:center}.inboundRowTop b{font-size:11px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inboundRowTop time{flex:0 0 auto;color:#98a2b3;font-size:9px}.inboundRow>strong{display:block;margin-top:7px;color:#082d63;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inboundRow>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;color:#667085;font-size:10px;line-height:1.4}.inboundRowMeta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:9px}.inboundRowMeta i{font-style:normal;padding:3px 6px;border-radius:999px;background:#eef2f7;color:#667085;font-size:8px;font-weight:800}.inboundRowMeta .inboundStatus.review{background:#fff1d6;color:#9a6700}.inboundRowMeta .inboundStatus.matched{background:#dcfce7;color:#166534}.inboundRowMeta .inboundStatus.ignored{background:#f1f5f9;color:#475569}.inboundDetail{min-width:0;overflow:auto;padding:21px 23px;background:#fff}.inboundDetailHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.inboundDetailHead h2{margin:4px 0 5px;color:#082d63;font-size:21px}.inboundDetailHead p{margin:0;color:#667085;font-size:11px}.inboundMobileClose{display:none}.inboundMatch{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px;padding:14px;border:1px solid #e4e9ef;border-radius:12px;background:#f8fafc}.inboundMatch.hasMatch{border-color:#bfe9e6;background:#effafa}.inboundMatch small{display:block;color:#087d7a;font-size:8px;font-weight:900;letter-spacing:.08em}.inboundMatch b{display:block;margin-top:4px;color:#082d63;font-size:13px}.inboundMatch span{display:block;margin-top:4px;color:#667085;font-size:10px}.inboundConfidence{text-align:center;flex:0 0 auto}.inboundConfidence b{font-size:20px}.inboundConfidence span{font-size:8px}.inboundAssign{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:14px}.inboundAssign label{display:block;color:#475467;font-size:10px;font-weight:850}.inboundAssign select{display:block;width:100%;margin-top:5px;border:1px solid #cfd8e3;border-radius:9px;padding:10px;font:inherit;background:#fff}.inboundActions{display:flex;gap:6px;flex-wrap:wrap}.inboundActions button{font-size:10px;padding:10px}.inboundMessage{margin-top:17px;border:1px solid #e4e9ef;border-radius:12px;overflow:hidden}.inboundMessageMeta{display:flex;flex-direction:column;gap:4px;padding:11px 14px;background:#f8fafc;color:#667085;font-size:10px;border-bottom:1px solid #e4e9ef}.inboundMessage pre{margin:0;padding:18px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 Inter,ui-sans-serif,system-ui;color:#334155}.inboundFiles{margin-top:17px}.inboundFiles h3{font-size:13px;color:#082d63}.inboundFiles button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #dce5ed;background:#fff;text-align:left}.inboundFiles button:hover{background:#f5fbfb}.inboundFiles b,.inboundFiles small{display:block}.inboundFiles b{font-size:11px}.inboundFiles small{margin-top:3px;color:#667085;font-size:9px}.inboundFiles strong{color:#087d7a;font-size:10px}.inboundOriginal{margin-top:14px;background:transparent;color:#087d7a;border:1px solid #bfe9e6;font-size:10px}.inboundEmpty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#667085}.inboundEmpty b{color:#082d63;font-size:14px}.inboundEmpty span{margin-top:5px;font-size:11px}.inboundEmpty.inboundError b{color:#b42318}
@media(max-width:980px){.inboundWorkspace{grid-template-columns:350px 8px minmax(0,1fr)}.inboundAssign{grid-template-columns:1fr}.inboundActions button{flex:1}.inboundStats{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.inboundHead{align-items:center}.inboundHead h1{font-size:23px}.inboundStats{grid-template-columns:1fr 1fr}.inboundToolbar{display:block}.inboundToolbar input{width:100%;margin-top:9px}.inboundWorkspace{display:block;height:auto;min-height:500px;overflow:visible}.inboundList{border:0;max-height:none}.inboundResize{display:none}.inboundDetail{display:none;position:fixed;inset:0;z-index:3700;padding:18px;overflow:auto}.inboundDetail.open{display:block}.inboundMobileClose{display:block}.inboundRowTop{align-items:flex-start}.inboundRowTop time{white-space:nowrap}}
.inboundActions .inboundDelete{background:#fff;color:#b42318;border:1px solid #f3b7b2}.inboundActions .inboundDelete:hover{background:#fff1f0}.inboundFilters [data-mailbox-sent-tab]{background:#eef2f7;color:#475467}
.inboundFilesHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.inboundFilesHead h3{margin:0}.inboundFilesHead p{margin:4px 0 0;color:#667085;font-size:9px}.inboundFileRow{display:flex;align-items:center;gap:8px;margin-top:7px;padding:10px 12px;border:1px solid #dce5ed;border-radius:9px;background:#fff}.inboundFileRow label{display:flex;align-items:center;gap:10px;min-width:0;flex:1;cursor:pointer}.inboundFileRow input{width:17px;height:17px;accent-color:#10b7b4}.inboundFileRow span{min-width:0}.inboundFileRow b,.inboundFileRow small{display:block}.inboundFileRow b{font-size:11px}.inboundFileRow small{margin-top:3px;color:#667085;font-size:9px}.inboundFileActions{display:flex;gap:6px}.inboundFileOpen,.inboundFileRemove{flex:0 0 auto;padding:7px 10px;font-size:10px}.inboundFileOpen{background:#f0fbfa;color:#087d7a;border:1px solid #bfe9e6}.inboundFileRemove{background:#fff;color:#b42318;border:1px solid #f3b7b2}
@media(max-width:760px){.inboundFilesHead{align-items:flex-start;flex-direction:column}.inboundFilesHead button{width:100%}}

/* Build 284: the old ".inboundFiles button{width:100%}" also stretched Open and Remove, pushing Remove off
   the pane. The row now keeps its buttons at their own size, side by side; a long file name shortens
   with "…" instead. On phone width the buttons wrap under the name. */
.inboundFileRow{min-width:0}
.inboundFileRow label{flex:1 1 auto;min-width:0}
.inboundFileRow label>span{flex:1 1 auto;min-width:0;overflow:hidden}
.inboundFileRow b,.inboundFileRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inboundFileRow input{flex:0 0 auto}
.inboundFileActions{flex:0 0 auto}
.inboundFiles .inboundFileActions button{display:inline-flex;justify-content:center;width:auto;margin-top:0;text-align:center;white-space:nowrap}
.inboundFiles .inboundFileOpen.active{background:#087d7a;color:#fff;border-color:#087d7a}
@media(max-width:760px){.inboundFileRow{flex-wrap:wrap}.inboundFileActions{flex:1 1 100%;padding-left:27px}.inboundFiles .inboundFileActions button{flex:1 1 0}}

/* Build 284: Open on a PDF or picture previews it under its row. */
.inboundPreview{margin-top:6px;border:1px solid #bfe9e6;border-radius:9px;background:#f3f6f9;overflow:hidden}
.inboundPreviewBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#fff;border-bottom:1px solid #dce5ed}
.inboundPreviewBar b{flex:1 1 160px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#082d63}
.inboundPreviewNew{color:#087d7a;font-size:10px;font-weight:700;white-space:nowrap}
.inboundFiles .inboundPreviewClose{display:inline-flex;justify-content:center;width:auto;margin-top:0;padding:6px 10px;font-size:10px;text-align:center;white-space:nowrap}
.inboundPreviewBody{display:flex;min-height:120px}
.inboundPreviewFrame{flex:1;width:100%;height:70vh;min-height:420px;border:0;background:#fff}
.inboundPreviewImg{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:12px;overflow:auto;max-height:70vh}
.inboundPreviewImg img{max-width:100%;height:auto;background:#fff;box-shadow:0 2px 10px rgba(8,45,99,.12)}
.inboundPreviewMsg{margin:auto;padding:20px;text-align:center;color:#334155;font-size:11px}

.inboundPortalTag{display:inline-block;margin-left:7px;padding:2px 8px;border-radius:999px;background:#e6f8f7;color:#087d7a;font-size:10px;font-weight:900;letter-spacing:.03em;vertical-align:middle}

/* Imported showing feedback, marked on the email it came from. Three states, because "not imported"
   is as useful to see as "imported": it is how Mike knows the button already ran and said no. */
.inboundFeedbackMark{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;
 flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;
 background:#fff;border-left:4px solid #b6c2ce}
.inboundFeedbackMark.ok{border-left-color:#0a6f6c;background:#f2fbfa}
.inboundFeedbackMark.dup{border-left-color:#e3b341;background:#fff8e6}
.inboundFeedbackMark.no{border-left-color:#b6c2ce}
.inboundFeedbackMark>div{display:grid;gap:3px;min-width:0;flex:1 1 260px}
.inboundFeedbackMark small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#5b6b7d}
.inboundFeedbackMark b{font-size:14px;color:#102a4c}
.inboundFeedbackMark span{font-size:13px;line-height:1.5;color:#5b6b7d}
@media(max-width:430px){.inboundFeedbackMark button{width:100%}}