.oi-page{flex-direction:column;gap:16px;min-width:0;display:flex}.oi-source{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.oi-source>span:not(.badge){color:#475569;flex:1}.oi-warning{color:#92400e;background:#fffbeb;border-radius:8px;padding:12px;font-size:14px}.oi-shell{grid-template-columns:320px minmax(0,1fr);min-height:600px;display:grid;overflow:hidden}.oi-list{border-right:1px solid #e2e8f0;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.oi-list footer{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.oi-thread{text-align:left;color:#1f2937;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:9px;flex-direction:column;gap:7px;width:100%;padding:14px;display:flex}.oi-thread:hover{background:#f8fafc}.oi-thread.active{background:#f5f3ff;border-color:#c4b5fd}.oi-thread>div{align-items:center;gap:7px;width:100%;display:flex}.oi-thread time{color:#475569;white-space:nowrap;margin-left:auto;font-size:12px}.oi-thread>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.oi-thread small{color:#475569;font-size:12px}.oi-dot{background:#6d28d9;border-radius:50%;flex-shrink:0;width:7px;height:7px}.oi-detail{flex-direction:column;min-width:0;display:flex}.oi-detail>header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}.oi-detail>header>div{flex:1;min-width:150px}.oi-detail h2{margin:0 0 5px;font-size:17px}.oi-detail header p{color:#475569;margin:0;font-size:13px}.oi-messages{background:#fafbfc;flex-direction:column;flex:1;gap:16px;max-height:520px;padding:24px;display:flex;overflow:auto}.oi-message{overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-self:flex-start;min-width:180px;max-width:85%;padding:14px 16px}.oi-message.outbound{background:#f5f3ff;border-color:#ddd6fe;align-self:flex-end}.oi-meta{color:#475569;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.oi-message p{white-space:pre-wrap;margin:8px 0;font-size:14px;line-height:1.6}.oi-message>small{color:#475569;font-size:12px}.oi-attachment{background:#f1f5f9;border-radius:6px;flex-wrap:wrap;gap:6px;padding:8px;font-size:13px;display:flex}.oi-attachment small{color:#475569;width:100%}.oi-compose{border-top:1px solid #e2e8f0;padding:18px}.oi-compose>label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.oi-compose textarea{resize:vertical;width:100%;min-height:95px;font:inherit;color:#1f2937;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:14px}.oi-compose-actions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.oi-compose-actions>.primary{margin-left:auto}.oi-compose-actions input{opacity:0;width:1px;height:1px;position:absolute}.oi-compose>small{color:#475569;font-size:12px}.oi-connect{flex-direction:column;align-items:flex-start;gap:14px;max-width:760px;padding:38px;display:flex}.oi-connect>svg{color:#6d28d9}.oi-connect h2{margin:0;font-size:21px}.oi-connect p,.oi-connect li{color:#475569;font-size:14px;line-height:1.7}.oi-connect ol{margin:0;padding-left:20px}.oi-connect small{color:#475569;font-size:13px}@media (max-width:1000px){.oi-shell{grid-template-columns:250px minmax(0,1fr)}.oi-messages{padding:14px}.oi-message{max-width:95%}}@media (max-width:700px){.oi-shell{flex-direction:column;display:flex}.oi-list{border-bottom:1px solid #e2e8f0;border-right:0;max-height:290px;overflow:auto}.oi-source{flex-wrap:wrap}.oi-connect{padding:22px}.oi-compose-actions>.primary{margin-left:0}.oi-detail>header{padding:14px}.oi-message{min-width:0;max-width:100%}}