/* Applied after the shared IQOS theme. Keep scrolling inside the workspace. */
body[data-iqos-surface="host"]:has(#iqticketing-frame) #root header{display:none!important}
body[data-iqos-surface="host"] *{scrollbar-width:thin;scrollbar-color:#c6c6cc transparent}
body[data-iqos-surface="host"] *::-webkit-scrollbar{width:5px;height:5px}
body[data-iqos-surface="host"] *::-webkit-scrollbar-thumb{background:#c6c6cc;border-radius:10px}
body[data-iqos-surface="ticketing"] *{scrollbar-width:thin;scrollbar-color:#c6c6cc transparent}
body[data-iqos-surface="ticketing"] *::-webkit-scrollbar{width:5px;height:5px}
body[data-iqos-surface="ticketing"] *::-webkit-scrollbar-thumb{background:#c6c6cc;border-radius:10px}
body[data-iqos-surface="ticketing"] .queue-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
body[data-iqos-surface="ticketing"] .ticket-panel{flex:1;min-height:0;overflow:hidden}
body[data-iqos-surface="ticketing"] .ticket-workspace{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}
body[data-iqos-surface="ticketing"] .ticket-heading{flex:none;padding:9px 16px;gap:12px}
body[data-iqos-surface="ticketing"] .ticket-heading h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65vw}
body[data-iqos-surface="ticketing"] .ticket-kicker{margin-bottom:3px}
body[data-iqos-surface="ticketing"] .ticket-heading p{margin-top:3px}
body[data-iqos-surface="ticketing"] .ticket-columns{position:relative;flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr) 245px}
body[data-iqos-surface="ticketing"] .ticket-columns.no-fields{grid-template-columns:minmax(0,1fr) 245px}
body[data-iqos-surface="ticketing"] .ticket-columns.no-profile{grid-template-columns:190px minmax(0,1fr)}
body[data-iqos-surface="ticketing"] .ticket-columns.no-fields.no-profile{grid-template-columns:1fr}
body[data-iqos-surface="ticketing"] .conversation{min-height:0;overflow:hidden;min-width:0}
body[data-iqos-surface="ticketing"] .conversation-tabs{flex:none;padding-inline:15px}
body[data-iqos-surface="ticketing"] .conversation-tabs button{padding:8px 0}
body[data-iqos-surface="ticketing"] .messages{flex:1;min-height:50px;max-height:none;overflow:auto;overscroll-behavior:contain;padding:14px 16px}
body[data-iqos-surface="ticketing"] .ticket-fields,body[data-iqos-surface="ticketing"] .requester-profile{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:13px 14px;display:block;width:auto}
body[data-iqos-surface="ticketing"] .ticket-fields h3{margin-bottom:9px}
body[data-iqos-surface="ticketing"] .ticket-fields>label,body[data-iqos-surface="ticketing"] .requester-profile>label{margin-top:10px}
body[data-iqos-surface="ticketing"] .ticket-fields .field-divider{margin:12px 0}
body[data-iqos-surface="ticketing"] .ticket-fields .two-fields{margin-top:10px}
body[data-iqos-surface="ticketing"] .composer{flex:none;margin:0 12px 10px;box-shadow:none}
body[data-iqos-surface="ticketing"] .composer-top{padding:6px 10px}
body[data-iqos-surface="ticketing"] .composer-recipients{padding:5px 10px;flex-direction:row}
body[data-iqos-surface="ticketing"] .composer-footer{padding:7px 10px;gap:6px}
body[data-iqos-surface="ticketing"] .composer-footer>span{max-width:180px}
.send-actions{display:flex;align-items:center;gap:6px}.send-actions select{font-size:11px;padding:6px}
.format-toolbar{position:relative;display:flex;flex-wrap:wrap;gap:2px;padding:4px 7px;border-bottom:1px solid #ececef;background:#fafafb}
body[data-iqos-surface="ticketing"] .format-toolbar button{border:0;box-shadow:none;background:transparent;padding:3px 7px;font-size:11px;min-height:25px;border-radius:5px}
.format-toolbar button[aria-label="Bold"]{font-weight:800}.format-toolbar button[aria-label="Italic"]{font-style:italic}
.rich-input{height:clamp(75px,12vh,155px);min-height:60px;overflow:auto;padding:10px 13px;outline:none;font-size:13px;line-height:1.6;overflow-wrap:anywhere;background:#fff}
.rich-input:focus{box-shadow:inset 0 0 0 2px #dbeafe}.rich-input[contenteditable=false]{opacity:.6}
.rich-input p,.formatted-message p,.signature-preview p{margin:0 0 7px}.rich-input ul,.rich-input ol,.formatted-message ul,.formatted-message ol{padding-left:22px}
.rich-input img,.formatted-message img,.signature-preview img{max-width:100%;max-height:170px;object-fit:contain}
.emoji-picker{position:absolute;bottom:100%;right:0;display:flex;padding:6px;background:#fff;border:1px solid #ddd;border-radius:9px;box-shadow:0 5px 15px #0001}
body[data-iqos-surface="ticketing"] .composer .reply-attachments{padding:4px 10px;max-height:44px;overflow:auto}
body[data-iqos-surface="ticketing"] .message{margin-bottom:16px}
body[data-iqos-surface="ticketing"] .message.inbound .message-body{background:#fff2f3;border-color:#f5dfe3;color:#4a3338}
body[data-iqos-surface="ticketing"] .message.outbound .message-body{background:#edf5ff;border-color:#d9e8fc;color:#283e59}
body[data-iqos-surface="ticketing"] .message.note .message-body{background:#fff8e8;border-color:#f5e7bd}
.formatted-message{white-space:normal}.message-body blockquote{margin:8px 0;padding-left:12px;border-left:2px solid #ccd2dc}
.ticket-row{cursor:pointer}.ticket-row:focus-visible{outline:2px solid #8daee0;outline-offset:-2px}
.status.solved{background:#e8f7ed!important;color:#287447!important}.history-dot.solved{background:#51a973}
.assignee-queues{display:flex;gap:8px;overflow-x:auto;margin:0 0 12px;padding-bottom:3px}
body[data-iqos-surface="ticketing"] .assignee-queues button{flex:none;padding:7px 10px;font-size:11px;border-radius:9px}
.assignee-queues button.active{background:#f0f0f3!important;border-color:#a9a9b0!important;color:#1d1d1f!important}
.queue-avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#ecf2ff;color:#42618d}.assignee-queues b{font-size:10px;background:#f2f2f5;padding:1px 5px;border-radius:4px}
.settings-tabs{display:flex;gap:6px;padding:12px 20px 0;overflow:auto}.settings-tabs button{font-size:12px}.settings-tabs button.active{background:#1d1d1f!important;color:white!important;border-color:#1d1d1f!important}
.settings-card{padding:20px;background:white;border:1px solid #e8e8ed;border-radius:14px;max-width:1100px}
.settings-card>label{display:block;margin:15px 0}.settings-card>label.checkbox{display:flex}.settings-card>button{margin-top:15px}
.team-form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.team-form label{flex:1;min-width:140px}
.team-list{margin-top:18px;display:grid;gap:8px}.team-list button{justify-content:flex-start;white-space:normal;text-align:left;flex-wrap:wrap}.team-list span{color:#6e6e73}.team-list small{margin-left:auto;color:#73737b}
.signature-tools{display:flex;align-items:center;gap:12px;margin:15px 0}.signature-source{width:100%;height:220px;font-family:monospace}
.settings-card .rich-editor{border:1px solid #ddd;border-radius:9px;overflow:hidden;margin-bottom:18px}.settings-card .rich-input{height:200px}
.signature-preview{padding:18px;margin-top:8px;border:1px dashed #ddd;border-radius:9px;overflow-wrap:anywhere}
.testing-badge{display:inline-block;background:#fff6dc;color:#906100;padding:7px 12px;border-radius:7px;font-size:12px}
@media(max-width:1050px){body[data-iqos-surface="ticketing"] .ticket-columns{grid-template-columns:165px minmax(0,1fr) 210px}body[data-iqos-surface="ticketing"] .ticket-columns.no-fields{grid-template-columns:minmax(0,1fr) 210px}body[data-iqos-surface="ticketing"] .ticket-columns.no-profile{grid-template-columns:165px minmax(0,1fr)}.composer-footer>span{display:none}}
@media(max-width:760px){body[data-iqos-surface="ticketing"] .ticket-columns{display:flex;flex-wrap:nowrap}body[data-iqos-surface="ticketing"] .conversation{width:100%;flex:1}body[data-iqos-surface="ticketing"] .ticket-fields,body[data-iqos-surface="ticketing"] .requester-profile{position:absolute;inset:0 auto 0 0;width:230px;z-index:5;background:#fff;box-shadow:3px 0 16px #0002}body[data-iqos-surface="ticketing"] .requester-profile{inset:0 0 0 auto}body[data-iqos-surface="ticketing"] .ticket-heading-actions{display:flex;flex-direction:row}.ticket-heading p{display:none}.ticket-heading-actions button{font-size:9px!important;padding:4px!important}.ticket-heading h2{max-width:45vw!important}.format-toolbar button{padding-inline:5px!important}.settings-tabs{padding:10px}.send-actions{flex-wrap:wrap}.send-actions button{font-size:10px!important}}
@media(max-height:680px){body[data-iqos-surface="ticketing"] .ticket-heading p{display:none}.rich-input{height:65px}body[data-iqos-surface="ticketing"] .ticket-heading{padding-block:5px}body[data-iqos-surface="ticketing"] .ticket-heading h2{font-size:15px}.composer-footer>span{display:none}}
/* Retain the host navigation toggle where the sidebar becomes a mobile drawer. */
@media(max-width:1023px){body[data-iqos-surface="host"]:has(#iqticketing-frame) #root header{display:flex!important;height:34px!important;min-height:34px!important;padding-block:0!important}body[data-iqos-surface="host"]:has(#iqticketing-frame) #root header>div{display:none!important}}