#view-inbox{min-width:0;--inbox-line:#e2e7df;--inbox-forest:#315540;--inbox-soft:#f5f8f3}
#view-inbox h1,#view-inbox h2,#view-inbox h3{font-family:Inter,"Segoe UI",Arial,sans-serif}
#view-inbox h1{font-size:30px;font-weight:650}
#view-inbox .inbox-demo-banner{background:#fff8e9;border:1px solid #e9d6ac;border-radius:8px;color:#695637;padding:12px 15px;font-size:12px;line-height:1.6;margin:0 0 14px}
#view-inbox .inbox-status{font-size:12px;color:#536657;min-height:20px;margin:0 0 10px}
#view-inbox .inbox-status.error,#view-inbox .inbox-draft-status.error{color:#a13f36}
#view-inbox .inbox-layout{display:grid;grid-template-columns:minmax(205px,250px) minmax(300px,1fr) minmax(205px,255px);background:#fff;border:1px solid var(--inbox-line);border-radius:12px;overflow:hidden;min-height:600px;margin-bottom:28px}
#view-inbox .inbox-layout>section,#view-inbox .inbox-layout>aside{min-width:0}
#view-inbox .inbox-queue{border-right:1px solid var(--inbox-line)}
#view-inbox .inbox-queue>h2,#view-inbox .inbox-context>h2{margin:0;padding:20px 17px 15px;font-size:14px;font-weight:650}
#view-inbox .inbox-item{display:block;width:100%;text-align:left;border:0;border-top:1px solid #f0f2ed;background:#fff;padding:16px 14px;color:#27382b}
#view-inbox .inbox-item:hover{background:#f8faf7}
#view-inbox .inbox-item.active{background:#eef4ed;box-shadow:inset 3px 0 var(--inbox-forest)}
#view-inbox .inbox-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#view-inbox .inbox-item-top strong{font-size:12px;font-weight:650}
#view-inbox .inbox-test-tag{display:inline-block;background:#fbefd8;color:#765a2f;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:700;white-space:nowrap}
#view-inbox .inbox-item-preview{display:block;margin:9px 0 7px;color:#657167;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
#view-inbox .inbox-item small{color:#7d887d;font-size:10px}
#view-inbox .inbox-thread{display:flex;flex-direction:column;border-right:1px solid var(--inbox-line)}
#view-inbox .inbox-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid var(--inbox-line)}
#view-inbox .inbox-thread-head h2{font-size:16px;font-weight:650;margin:0 0 5px}
#view-inbox .inbox-thread-head p{font-size:11px;color:#788278;margin:0}
#view-inbox .inbox-timeline{flex:1;min-height:250px;display:flex;flex-direction:column;gap:15px;background:#fdfefc;padding:23px 20px}
#view-inbox .inbox-bubble{max-width:86%;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
#view-inbox .inbox-bubble.inbound{background:#eef2ec;align-self:flex-start}
#view-inbox .inbox-bubble.simulated{background:#eff7ef;border:1px dashed #80a789;align-self:flex-end}
#view-inbox .inbox-bubble.technical{background:#fcf8ed;border:1px dashed #e5d9bd;align-self:stretch;max-width:100%}
#view-inbox .inbox-bubble strong{display:block;font-size:10px;color:#536856;margin-bottom:6px}
#view-inbox .inbox-bubble p{margin:0 0 6px;white-space:pre-wrap}
#view-inbox .inbox-bubble small{font-size:10px;color:#7e8a7f}
#view-inbox .inbox-composer{border-top:1px solid var(--inbox-line);padding:18px 20px;background:#fff}
#view-inbox .inbox-composer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
#view-inbox .inbox-composer-head h3{font-size:13px;margin:0;font-weight:650}
#view-inbox .inbox-composer-head span{font-size:10px;color:#78867a}
#view-inbox .inbox-composer textarea{font-size:13px;line-height:1.55;min-height:95px}
#view-inbox .inbox-draft-status{font-size:11px;min-height:17px;color:#576c5b;margin:9px 0 0}
#view-inbox .inbox-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
#view-inbox .inbox-actions .primary{background:var(--inbox-forest)}
#view-inbox .inbox-actions .primary:hover{background:#244432}
#view-inbox .inbox-context{padding:0 16px 20px}
#view-inbox .inbox-context>h2{padding-left:0;padding-right:0}
#view-inbox .inbox-next{background:#f0f5ee;border-radius:8px;padding:13px;margin-bottom:17px}
#view-inbox .inbox-next span{display:block;color:#597862;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:8px}
#view-inbox .inbox-next strong{display:block;font-size:12px;line-height:1.5}
#view-inbox .inbox-context dl{margin:0}
#view-inbox .inbox-context dt{font-size:10px;font-weight:700;color:#879187;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 5px}
#view-inbox .inbox-context dd{font-size:12px;color:#384c3c;line-height:1.5;margin:0;padding-bottom:13px;border-bottom:1px solid var(--inbox-line)}
#view-inbox .inbox-empty{padding:14px;color:#788479;font-size:12px;line-height:1.6}
#view-inbox .inbox-conflict{margin:13px 0 0;padding:14px;border:1px solid #d5ab92;border-radius:8px;background:#fff8f3;color:#684c3e;font-size:11px;line-height:1.6}
#view-inbox .inbox-conflict>strong{display:block;font-size:12px}
#view-inbox .inbox-conflict p{margin:6px 0}
#view-inbox .inbox-conflict pre{font:12px/1.6 Inter,"Segoe UI",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #ead8cc;border-radius:5px;padding:10px;max-height:180px;overflow:auto}
#view-inbox .inbox-versions{margin-top:16px;border-top:1px solid var(--inbox-line);padding-top:12px;font-size:11px;color:#56665a}
#view-inbox .inbox-versions summary{cursor:pointer;font-weight:650}
#view-inbox .inbox-versions article{border-top:1px solid var(--inbox-line);padding:10px 0}
#view-inbox .inbox-versions article:first-child{margin-top:10px}
#view-inbox .inbox-versions article strong{font-size:10px}
#view-inbox .inbox-versions article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;color:#3b4c3e}
#view-inbox #inbox-mobile-context{display:none}
@media(max-width:1200px){#view-inbox .inbox-layout{grid-template-columns:230px minmax(0,1fr)}#view-inbox .inbox-thread{border-right:0}#view-inbox .inbox-context{grid-column:1/-1;border-top:1px solid var(--inbox-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}#view-inbox .inbox-context>h2,#view-inbox .inbox-next,#view-inbox .inbox-context dl,#view-inbox .inbox-context>p{grid-column:1/-1}}
@media(max-width:1050px){#view-inbox .inbox-layout{grid-template-columns:minmax(0,1fr)}#view-inbox .inbox-queue{border-right:0;border-bottom:1px solid var(--inbox-line)}#view-inbox .inbox-list{display:flex;overflow-x:auto}#view-inbox .inbox-item{flex:0 0 clamp(205px,35%,260px);border-right:1px solid var(--inbox-line)}#view-inbox .inbox-context{grid-column:auto;display:block}#view-inbox #inbox-mobile-context:not(:empty){display:block;padding:12px 14px;background:var(--inbox-soft);border:1px solid var(--inbox-line);border-radius:7px;color:#344b39;font-size:11px;line-height:1.5;margin:0 0 13px}}
@media(max-width:700px){#view-inbox .inbox-layout{display:block;min-height:0}#view-inbox .inbox-item{min-width:210px}#view-inbox .inbox-timeline{min-height:220px}#view-inbox #inbox-mobile-context:not(:empty){display:block;padding:15px 16px;background:var(--inbox-soft);border-top:1px solid var(--inbox-line);color:#344b39;font-size:12px;line-height:1.5}#view-inbox #inbox-mobile-context h3{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;color:#53705b}#view-inbox #inbox-mobile-context p{margin:0 0 8px}#view-inbox #inbox-mobile-context p:last-child{margin-bottom:0}#view-inbox #inbox-mobile-context dl{margin:0}#view-inbox #inbox-mobile-context dt{font-size:10px;font-weight:700;color:#607c66;margin:9px 0 3px}#view-inbox #inbox-mobile-context dd{margin:0;overflow-wrap:anywhere}#view-inbox .inbox-actions .button{flex:1}}