/* Host: only the Ticketing route gets a fixed viewport. */
body[data-iqos-surface="host"]:has(#iqticketing-frame){overflow:hidden}
body[data-iqos-surface="host"] main:has(#iqticketing-frame){min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important}
/* Keep Overview, ticket tabs, queue navigation, New ticket and Refresh. */
html:has(body[data-iqos-surface="ticketing"]),body[data-iqos-surface="ticketing"]{height:100%;overflow:hidden}
body[data-iqos-surface="ticketing"] #root{height:100%;min-height:0}
body[data-iqos-surface="ticketing"] .app{position:relative;display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
body[data-iqos-surface="ticketing"] .masthead{position:absolute;top:0;right:0;height:46px;padding:6px 12px;gap:0;z-index:2;border-bottom:1px solid var(--line)}
body[data-iqos-surface="ticketing"] .masthead .brand,
body[data-iqos-surface="ticketing"] .masthead .connection{display:none}
body[data-iqos-surface="ticketing"] .header-actions{gap:7px}
body[data-iqos-surface="ticketing"] .header-actions button{height:32px;padding:6px 10px;font-size:12px}
body[data-iqos-surface="ticketing"] .workspace-tabs{flex:0 0 46px;min-height:46px;margin-right:166px;padding:6px 10px 0;overflow-x:auto}
body[data-iqos-surface="ticketing"] .view-nav{flex:none;min-height:42px;padding:0 12px;overflow-x:auto}
body[data-iqos-surface="ticketing"] .view-nav button{padding:10px 12px}
body[data-iqos-surface="ticketing"] .app>div:not([class]){flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
body[data-iqos-surface="ticketing"] .app>.banner{flex:none;margin:7px 12px;padding:8px 12px;max-height:25vh;overflow:auto}
body[data-iqos-surface="ticketing"] .queue,
body[data-iqos-surface="ticketing"] .settings-page{padding:16px 20px}
body[data-iqos-surface="ticketing"] .section-heading{margin-bottom:14px;gap:12px}
body[data-iqos-surface="ticketing"] .section-heading h2{font-size:22px}
body[data-iqos-surface="ticketing"] .section-heading .eyebrow{display:none}
body[data-iqos-surface="ticketing"] .section-heading p{margin-top:3px;font-size:12px}
body[data-iqos-surface="ticketing"] .metrics{gap:10px;margin-bottom:16px}
body[data-iqos-surface="ticketing"] .metric{min-height:118px;padding:12px}
body[data-iqos-surface="ticketing"] .metric:after{padding-top:12px}
body[data-iqos-surface="ticketing"] .ticket-columns{min-height:0}
body[data-iqos-surface="ticketing"] .messages{min-height:120px;max-height:none;padding:16px}
body[data-iqos-surface="ticketing"] .ticket-heading{padding:12px 16px}
body[data-iqos-surface="ticketing"] .composer>textarea{min-height:100px}
body[data-iqos-surface="ticketing"] button.primary,
body[data-iqos-surface="ticketing"] button.primary:disabled{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
body[data-iqos-surface="ticketing"] button.primary:not(:disabled):hover{background:#353537;color:#fff;border-color:#353537}
body[data-iqos-surface="ticketing"] button.primary svg{color:inherit;stroke:currentColor}
@media(max-width:600px){
 body[data-iqos-surface="ticketing"] .queue,body[data-iqos-surface="ticketing"] .settings-page{padding:12px}
 body[data-iqos-surface="ticketing"] .workspace-tabs{margin-right:156px;padding-left:6px}
 body[data-iqos-surface="ticketing"] .masthead{padding-inline:7px}
 body[data-iqos-surface="ticketing"] .view-nav{padding-inline:4px}
 body[data-iqos-surface="ticketing"] .view-nav button{padding:9px 10px}
}