/* Display the supplied full wordmark on a light plate over dark surfaces. */
.sinokap-product-lockup .sinokap-logo-crop{display:block;flex:none;width:96px;height:33px;overflow:hidden}
.sinokap-product-lockup .sinokap-logo-crop img{display:block;width:auto;max-width:none;height:100%;object-fit:initial}
.brand .sidebar-logo-stack .sidebar-lockup .sinokap-logo-crop img{width:auto;height:100%}
.sinokap-product-lockup .sinokap-logo-name{display:none}
.sinokap-product-lockup.on-dark .sinokap-logo-crop{width:96px;height:33px;padding:5px 8px;background:#fff;border-radius:7px;box-sizing:content-box}
.login-brand .sinokap-product-lockup .sinokap-logo-crop{width:108px;height:37px}
.confidential .sinokap-product-lockup .sinokap-logo-crop{width:74px;height:25px;padding:4px 6px}
.sinokap-product-lockup.on-light .sinokap-logo-crop{width:91px;height:31px}

/* Keep the status switch close to the Ticket title instead of giving it a full row. */
#workspace.linked-ticket-page .ticket-overview-panel{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:18px}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading{grid-column:1;grid-row:1;margin:0;min-width:0}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle{grid-column:2;grid-row:1;display:block;width:max-content;max-width:100%;margin:0;padding:0;border:0;background:transparent}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-context{grid-column:1/-1;grid-row:2}
#workspace.linked-ticket-page .ticket-overview-panel .sla-ticket-summary{grid-column:1/-1;grid-row:3}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options{display:inline-flex;align-items:center;gap:4px;width:auto;max-width:100%;padding:3px;border:1px solid #d8e5df;border-radius:10px;background:#f5f8f6}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:75px;min-height:32px;padding:6px 10px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:#46655c;font-size:11px;white-space:nowrap}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options>button>span{flex:none;width:11px;height:11px;border:1.5px solid currentColor;border-radius:50%;background:transparent;box-shadow:none}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options>button.active{border-color:#9fcbbb;background:#e7f4ed;color:#12634d;box-shadow:0 1px 3px #194a3212}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options>button.active>span{border:3px solid #fff;background:currentColor;box-shadow:0 0 0 1px currentColor}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options>button:focus-visible{outline:2px solid #247f66;outline-offset:2px}
#workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options>button:disabled{opacity:.65}

@media(max-width:1020px){
 #workspace.linked-ticket-page .ticket-overview-panel{grid-template-columns:minmax(0,1fr);row-gap:8px}
 #workspace.linked-ticket-page .ticket-overview-panel .page-heading{grid-column:1;grid-row:1}
 #workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle{grid-column:1;grid-row:2;margin:0 0 4px;padding:0}
 #workspace.linked-ticket-page .ticket-overview-panel .ticket-context{grid-column:1;grid-row:3}
 #workspace.linked-ticket-page .ticket-overview-panel .sla-ticket-summary{grid-column:1;grid-row:4}
}
@media(max-width:720px){
 .sinokap-product-lockup.on-light .sinokap-logo-crop{width:88px;height:30px}
 #workspace.linked-ticket-page .ticket-overview-panel .ticket-lifecycle-options>button{min-width:70px;min-height:34px;padding:6px 8px}
}


/* The status control is a child of the heading, not a separate panel row. */
#workspace.linked-ticket-page .ticket-overview-panel{display:block}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;width:100%;margin:0}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading>div:first-child{flex:1 1 220px;min-width:0;margin-right:0}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading>.ticket-lifecycle{flex:0 0 auto;align-self:center;width:auto;max-width:100%;margin:0;padding:0;border:0;background:none}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading>.ticket-lifecycle .ticket-lifecycle-options{display:inline-flex;flex:none;width:auto;gap:4px}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading>.ticket-lifecycle .ticket-lifecycle-options>button{flex:0 0 auto;gap:4px;min-width:60px;min-height:34px;padding:5px 7px}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading>.ticket-lifecycle .ticket-lifecycle-options>button>span{width:8px;height:8px}
#workspace.linked-ticket-page .ticket-overview-panel .page-heading>.ticket-lifecycle .ticket-lifecycle-options strong{font-size:10px}
@media(max-width:720px){
 #workspace.linked-ticket-page .ticket-overview-panel .page-heading{align-items:flex-start;gap:8px}
 #workspace.linked-ticket-page .ticket-overview-panel .page-heading>div:first-child{flex:1 1 100%}
 #workspace.linked-ticket-page .ticket-overview-panel .page-heading>.ticket-lifecycle{align-self:flex-start}
 #workspace.linked-ticket-page .ticket-overview-panel .page-heading>.ticket-lifecycle .ticket-lifecycle-options>button{min-width:60px;min-height:38px}
}
