/* Outlook-inspired workspace, scoped to the ticket inbox. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inbox-shell{grid-template-columns:230px minmax(0,1fr)}
.inbox-shell .sidebar{padding:22px 14px;overflow-y:auto}.inbox-shell .workspace{margin:20px 4px 14px}.inbox-shell .help{display:none}.inbox-shell .nav{padding:10px 12px}.inbox-shell .topbar{height:60px;padding:0 24px}.inbox-content{max-width:none;padding:0}.inbox-toolbar{height:86px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.inbox-toolbar h1{font-size:22px;margin:0 0 5px;letter-spacing:-.6px}.inbox-toolbar .muted{font-size:11px}.inbox-actions{display:flex;gap:8px}.inbox-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 178px);min-height:520px}.inbox-master{background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inbox-search{padding:16px;border-bottom:1px solid var(--line)}.inbox-search input[type=search]{background:#f7f8fa;font-size:12px}.inbox-list-options{display:flex;align-items:center;gap:12px;margin-top:12px}.inbox-list-options label{display:flex;gap:7px;align-items:center;font-size:12px;margin:0}.inbox-list-options input{width:15px;height:15px;accent-color:#0E1116}.inbox-list-options select{margin-left:auto;width:auto;font-size:11px;padding:6px;border:0;background:#f7f8fa}#inbox-list{overflow-y:auto;flex:1}.inbox-item{display:block;text-align:left;background:white;width:100%;padding:18px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.inbox-item:hover{background:#f7f8fc}.inbox-item.selected{background:#eef2fa;border-left-color:#f85918}.inbox-item-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:9px;color:#626d80}.inbox-item-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item time{flex-shrink:0;font-size:10px}.inbox-item>strong{font-size:13px;line-height:1.55;font-weight:550;display:block;overflow-wrap:anywhere}.inbox-item.unread>strong{font-weight:750}.unread-dot{display:inline-block;width:7px;height:7px;background:#f85918;border-radius:50%;margin-right:7px}.inbox-item-meta{display:block;font-size:10px;color:#687386;margin:8px 0 12px}.inbox-item-bottom{display:flex;justify-content:space-between;align-items:center}.inbox-assignee{display:flex;align-items:center;gap:6px;font-size:10px;color:#687386;margin-top:10px}.inbox-assignee .icon{width:12px;height:12px}#inbox-pagination{display:flex;align-items:center;gap:6px;padding:10px 15px;border-top:1px solid var(--line);font-size:11px}#inbox-pagination>span{margin-right:auto}#inbox-pagination button{padding:5px 10px}.inbox-limit{font-size:9px;line-height:1.5;color:#687386;padding:0 15px 12px}.inbox-reading{overflow:auto;min-width:0;padding:24px;background:#f7f8fa}.inbox-welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#687386}.inbox-welcome>.icon{width:44px;height:44px;color:#0E1116;margin-bottom:12px}.inbox-welcome h2{font-size:19px;color:#0E1116}.inbox-welcome p{font-size:13px;line-height:1.8}.inbox-reading .heading{align-items:flex-start;gap:15px;margin-top:18px!important;margin-bottom:22px}.inbox-reading .heading h1{font-size:22px;line-height:1.4;overflow-wrap:anywhere}.inbox-reading .heading p{font-size:11px}.inbox-reading .detail{display:flex;flex-direction:column;gap:18px}.inbox-properties{order:-1;border:1px solid var(--line);border-radius:9px;background:#fff}.inbox-properties>summary{cursor:pointer;padding:15px;font-size:12px;font-weight:650}.inbox-properties>.panel{border:0;border-top:1px solid var(--line);border-radius:0;margin:0!important}.inbox-reading .conversation{padding:20px}.inbox-reading .bubble{margin-left:0;background:#fafbfd}.inbox-reading .message.internal .bubble{background:#fff7e8}.inbox-reading .reply{padding:20px}.inbox-reading .messagehead{flex-wrap:wrap}.inbox-reading .messagehead strong{overflow-wrap:anywhere}.inbox-filters{padding:12px;margin-bottom:14px;background:#f7f8fa;border:1px solid var(--line);border-radius:9px}.inbox-filters summary{font-size:12px;font-weight:650;cursor:pointer;margin-bottom:12px}.inbox-filters label{font-size:10px;margin-bottom:10px}.inbox-filters select{padding:8px;font-size:11px}.inbox-filters button{font-size:10px;padding:7px 10px}.inbox-empty{text-align:center;color:#687386;padding:45px 20px;font-size:12px;line-height:1.8}
@media(min-width:1600px){.inbox-workspace{grid-template-columns:380px minmax(0,1fr)}.inbox-reading{padding:28px 40px}}
@media(max-width:1150px){.inbox-shell{grid-template-columns:190px minmax(0,1fr)}.inbox-workspace{grid-template-columns:290px minmax(0,1fr)}.inbox-reading{padding:16px}.inbox-reading .reply .row{flex-wrap:wrap}.inbox-reading .reply .row>*{flex-basis:100%}}
@media(max-width:900px){.inbox-shell{display:block}.inbox-shell .sidebar{position:relative;height:auto;padding:12px;display:block}.inbox-shell .sidebar .brand,.inbox-shell .sidebar .bottom,.inbox-shell .navtitle{display:none}.inbox-shell .workspace{margin:0 0 8px}.inbox-shell .sidebar nav{display:flex;overflow-x:auto;align-items:center;gap:5px;flex-wrap:wrap}.inbox-shell .nav{width:auto;font-size:11px;white-space:nowrap}.inbox-filters{width:100%;margin:0}.inbox-filters[open]{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.inbox-filters summary{margin:0}.inbox-filters label{margin:0;flex:1;min-width:100px}.inbox-shell .topbar{display:none}.inbox-toolbar{height:auto;min-height:78px;padding:15px}.inbox-toolbar h1{font-size:19px}.inbox-workspace{display:block;height:auto;min-height:65vh}.inbox-master{min-height:65vh;border:0}#inbox-list{max-height:65vh}.inbox-reading{display:none}.inbox-workspace.has-ticket .inbox-master{display:none}.inbox-workspace.has-ticket .inbox-reading{display:block}.inbox-filters:not([open]) summary{margin:0}.inbox-reading .heading h1{font-size:21px}.inbox-shell .sidebar nav .inbox-filters{order:99}.inbox-limit{padding-bottom:15px}}
@media(max-width:480px){.inbox-toolbar h1{font-size:17px}.inbox-actions .primary,.inbox-actions .secondary{padding:9px;font-size:10px}.inbox-reading{padding:12px}.inbox-reading .conversation,.inbox-reading .reply{padding:14px}.inbox-reading .heading{display:block}.inbox-reading .heading>.badge{margin-top:10px}}