/* Screen-only controls: document/PDF styles stay independent. */
@media screen{
 .shell>header.platform-header{display:flex!important;position:sticky!important;top:0;left:auto;width:auto;height:auto;min-height:64px;z-index:20;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 24px;background:#010822;border-bottom:3px solid #00b0f0;color:#b9c7df}
 .platform-header a[hidden]{display:none!important}.platform-header #breadcrumb{flex:1;min-width:0}.platform-header .demo{margin-left:auto}
 .platform-back,.quote-nav>.events-return{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #2382a2;border-radius:8px;background:#103c54;color:#9ee9ff!important;text-decoration:none;font-weight:600;font-size:14px;white-space:normal}
 .platform-header #menu{position:static;min-height:44px;color:white;background:#17213c}
 dialog.catalog-dialog>.panel-head,.pdf-review-head,.quote-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:5;background:#f8faff;padding-top:12px;padding-bottom:12px}
 dialog.catalog-dialog>.panel-head h2{flex:1;min-width:0;overflow-wrap:anywhere}
 dialog.catalog-dialog>.panel-head [data-close],.pdf-review-head>button,.quote-search-head>button{margin-left:auto;min-width:44px;min-height:44px;flex-shrink:0;order:10}
 dialog:has(.wo-workspace)>.panel-head [data-return-event]{order:-1;margin:0;background:#103c54;color:#9ee9ff;border-color:#2382a2}
 dialog:has(.wo-workspace)>.panel-head h2{order:0;flex:1}
 .actions,.wo-editor-actions,#actions,.pdf-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
 .actions>button,.wo-editor-actions>button,#actions>button,.pdf-review-actions>button{min-height:44px}
 .actions>.primary,.wo-editor-actions>button[type=submit],.wo-editor-actions>button:not([type]),#actions>#save,#actions>#next{order:5;margin-left:auto}
 #actions>#back,.actions>[data-cancel]{order:-1;margin-right:auto}
 .pagehead{gap:16px;flex-wrap:wrap}.pagehead>button,.pagehead>a{min-height:44px}
 nav.quote-nav{grid-template-columns:auto minmax(180px,1fr) auto;align-items:center}
 nav.quote-nav>.events-return{grid-column:1;grid-row:1/3}
 nav.quote-nav>.quote-brand{grid-column:2;grid-row:1/3}
 nav.quote-nav>.quote-nav-actions,nav.quote-nav>.quote-storage{grid-column:3}
 .quote-nav-actions button{min-height:44px}
 @media(max-width:760px){
  .shell>header.platform-header{padding:8px 12px;gap:8px}.platform-header .demo{display:none}.platform-header #breadcrumb:empty{display:none}
  nav.quote-nav{grid-template-columns:auto minmax(0,1fr);padding:10px 12px}
  nav.quote-nav>.events-return{grid-row:1;grid-column:1}nav.quote-nav>.quote-brand{grid-row:1;grid-column:2}nav.quote-nav>.quote-brand img{display:none}
  nav.quote-nav>.quote-nav-actions,nav.quote-nav>.quote-storage{grid-column:1/-1}
  dialog:has(.wo-workspace)>.panel-head h2{flex-basis:auto;font-size:17px}
  .actions>button,.wo-editor-actions>button,#actions>button{flex:1 1 130px;margin-left:0;margin-right:0}
 }
}
@media screen{.pending-expanded>.pending-open-event{display:block;width:100%;min-height:44px;margin:10px 0 16px;background:#c90087;color:white;border:0;border-radius:8px;font-weight:700;text-align:center}}
@media screen{
 .platform-event-header .platform-event-context{flex:1 1 400px;display:flex;align-items:center;gap:8px 18px;margin:0;padding:0;min-width:0}
 .platform-event-header .platform-event-context>div:first-child{flex:1 1 240px;min-width:0}
 .platform-event-header .platform-event-context h1{font-size:20px;line-height:1.2;color:white;margin:3px 0;overflow-wrap:anywhere}
 .platform-event-header .platform-event-context p{font-size:12px;line-height:1.4;color:#b9c7df;margin:0;overflow-wrap:anywhere}
 .platform-event-header .platform-event-context .eyebrow{font-size:10px;letter-spacing:.5px}
 .platform-event-header .platform-event-context>a,.platform-event-header .platform-event-context>button{font-size:12px;min-height:44px;padding:8px 12px;white-space:normal;margin:0;background:#17213c;border:1px solid #40506e;color:white}
 .platform-event-header .demo{font-size:10px;padding:4px 8px}
 .platform-event-header #breadcrumb[hidden]{display:none}
 @media(max-width:760px){.platform-event-header .platform-event-context{flex-basis:100%;gap:8px}.platform-event-header .platform-event-context>div:first-child{flex-basis:100%}.platform-event-header .platform-event-context h1{font-size:18px}.platform-event-header .platform-event-context>a,.platform-event-header .platform-event-context>button{flex:1}}
}
/* Event header: navigation, identity and one aligned action group. */
@media screen{
 .shell>header.platform-event-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:14px 24px;align-items:center}
 .platform-event-header>.platform-back{grid-column:1;grid-row:1}
 .platform-event-header>.platform-event-context{grid-column:2;grid-row:1;display:block;margin:0;min-width:0}
 .platform-event-context>div:first-child{display:flex;flex-direction:column;gap:3px}
 .platform-event-header .platform-event-context h1{order:-1;font-size:21px;line-height:1.25;margin:0;font-weight:700}
 .platform-event-header .platform-event-context .eyebrow{font-size:11px;letter-spacing:0;font-weight:400;color:#b9c7df}
 .platform-event-header .platform-event-context p{font-size:12px}
 .platform-event-actions{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}
 .platform-event-header .platform-event-actions .demo{display:block;margin:0;padding:0;background:none;color:#9dacbf;text-align:right;font-size:10px;white-space:normal}
 .platform-action-menu{position:relative}
 .platform-action-menu>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #40506e;border-radius:8px;background:#17213c;color:white;cursor:pointer;font-size:13px;font-weight:600;list-style:none}
 .platform-action-menu>summary:after{content:'⌄'}.platform-action-menu>summary::-webkit-details-marker{display:none}
 .platform-action-options{position:absolute;right:0;top:calc(100% + 6px);width:220px;padding:8px;display:flex;flex-direction:column;gap:6px;background:white;box-shadow:0 8px 24px #01082230;border:1px solid #d8e2f0;border-radius:10px;z-index:40}
 .platform-action-options>a,.platform-action-options>button{display:flex!important;align-items:center;min-height:44px;padding:10px 12px;width:100%;margin:0;background:#f3f7fc;color:#17213c;border:0;border-radius:6px;font-size:13px;text-decoration:none;text-align:left;white-space:normal}
 .platform-action-menu summary:focus-visible,.platform-action-options>:focus-visible{outline:3px solid #00b0f0;outline-offset:2px}
 @media(max-width:900px){.shell>header.platform-event-header{grid-template-columns:auto minmax(0,1fr);padding:12px 16px;gap:10px}.platform-event-header>.platform-event-context{grid-column:1/-1;grid-row:2}.platform-event-actions{grid-column:2;grid-row:1;justify-self:end}.platform-event-header .platform-event-context h1{font-size:20px}.platform-event-header #menu{grid-column:1;grid-row:1}.platform-event-header:has(#menu:not([hidden]))>.platform-back{margin-left:38px}.platform-event-header .platform-event-actions .demo{font-size:9px}}
 @media(min-width:761px) and (max-width:900px){.platform-event-header:has(#menu:not([hidden]))>.platform-back{margin-left:0}}
 @media(max-width:400px){.platform-action-menu>summary{font-size:12px;padding:8px}.platform-event-header>.platform-back{padding:8px;font-size:12px}.platform-event-header .platform-event-context h1{font-size:18px}}
}
@media screen and (max-width:760px){body .shell>header.platform-event-header>.platform-back:not([hidden]){display:inline-flex!important}body .shell>header.platform-event-header>.platform-event-context{display:block!important}body .shell>header.platform-event-header>.platform-event-actions{display:flex!important}}
@media screen and (max-width:760px){.shell>header.platform-event-header{grid-template-columns:32px auto minmax(0,1fr);gap:8px}.platform-event-header #menu{grid-column:1;grid-row:1;width:32px;min-width:32px;padding:0;z-index:1}.platform-event-header:has(#menu:not([hidden]))>.platform-back{grid-column:2;grid-row:1;margin-left:0}.platform-event-header>.platform-event-actions{grid-column:3;grid-row:1}.platform-event-header>.platform-event-context{grid-column:1/-1;grid-row:2}.platform-action-menu>summary{font-size:12px}.platform-event-actions .demo{max-width:150px}}
/* Actions stay visible: no disclosure menu for navigation or commands. */
@media screen{
 .platform-event-actions .platform-action-options{position:static;display:flex;flex-direction:row;gap:8px;width:auto;padding:0;background:none;box-shadow:none;border:0;border-radius:0}
 .platform-event-actions .platform-action-options>a,.platform-event-actions .platform-action-options>button{width:auto;justify-content:center;background:#17213c;border:1px solid #40506e;color:white;padding:8px 12px;min-height:44px;font-size:12px}
 @media(max-width:1100px){.platform-event-actions .platform-action-options{flex-direction:column}.platform-event-actions .platform-action-options>*{width:100%}}
 @media(max-width:900px){.platform-event-header>.platform-event-context{grid-column:2;grid-row:1}.platform-event-header>.platform-event-actions{grid-column:1/-1;grid-row:2;justify-self:stretch}.platform-event-actions .platform-action-options{flex-direction:row}.platform-event-actions .platform-action-options>*{flex:1}.platform-event-header .platform-event-actions .demo{max-width:none;text-align:right}}
 @media(max-width:760px){.platform-event-header>.platform-event-context{grid-column:1/-1;grid-row:2}.platform-event-header>.platform-event-actions{grid-column:1/-1;grid-row:3}.platform-event-header:has(#menu:not([hidden]))>.platform-back{justify-self:start}.platform-event-actions .platform-action-options>*{min-width:0;overflow-wrap:anywhere}}
}