/* Keep the existing frame, surfaces and action hierarchy. */
.device{grid-template-rows:auto auto minmax(0,1fr) auto auto}
.device>.brand{grid-row:1;position:relative}
.device>#top-menu{grid-row:2}.device>#screen-content{grid-row:3}.device>#ticket-actions{grid-row:4}.device>#main-nav{grid-row:5}
.device[data-entry="landing"]>#screen-content,.device[data-entry="access"]>#screen-content{grid-row:1}
.device[data-entry="landing"]>#top-menu,.device[data-entry="access"]>#top-menu{display:none!important}
.top-menu-toggle{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;min-width:120px;min-height:44px;padding:8px 14px;border:1px solid #77693c;border-radius:10px;background:#101817;color:#e7cf7b;font-size:14px}
.menu-chevron{display:inline-block;flex-shrink:0;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0}
[aria-expanded="true"]>.menu-chevron{transform:rotate(225deg);margin:4px 2px 0}
.top-navigation{position:relative;z-index:8;margin:0 4px 12px;min-width:0}
.top-navigation[hidden],.top-submenu[hidden]{display:none}
.top-menu-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.top-menu-group{min-width:0}
.top-menu-trigger{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;height:100%;padding:10px 9px;border:1px solid #46534f;border-radius:10px;background:linear-gradient(135deg,#16201e,#0b1211);color:#ecf1ed;font:650 17px/1.2 Arial,sans-serif;text-align:center;text-decoration:none;overflow-wrap:normal}
.top-menu-primary{background:linear-gradient(135deg,#295a42,#183c2c);border-color:#7fac90}
.top-menu-trigger[aria-expanded="true"]{border-color:#ead05f;background:#1b231c;color:#f1dd88}
.top-submenu{position:absolute;top:calc(100% + 8px);left:0;width:min(340px,100%);padding:8px;border:1px solid #a18950;border-radius:13px;background:#101817;box-shadow:0 16px 36px #000a;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.top-submenu>:is(a,button[data-yard]){width:100%;background:none;font-family:inherit;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px;border:1px solid transparent;border-radius:8px;color:#e9eeeb;font-size:16px;line-height:1.35;text-decoration:none}
.top-submenu>:is(a,button[data-yard])+:is(a,button[data-yard]){border-top-color:#344039}.top-submenu>:is(a,button[data-yard]):hover,.top-submenu>:is(a,button[data-yard]):focus-visible{background:#1d3327;border-color:#82966f}#top-submenu-create>:is(a,button){font-weight:650;color:#e8f4eb}
.top-menu-toggle:focus-visible,.top-menu-trigger:focus-visible{outline:2px solid #f0d278;outline-offset:3px}
@media(min-width:1080px){.top-menu-trigger{font-size:17px;min-height:54px}.top-submenu>:is(a,button[data-yard]){min-height:58px}}
@media(max-width:767px){.top-menu-toggle{position:static;transform:none;min-width:44px;width:44px;padding:10px;margin-left:auto}.top-menu-toggle .top-menu-label{display:none}.brand-context{min-width:0}.brand-context>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand .header-actions{margin-left:0;gap:6px}.top-navigation{margin:0 0 8px}.top-menu-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.top-menu-trigger{min-height:48px;font-size:15px;padding:8px 6px}.top-submenu{width:min(340px,100%)}.top-submenu>:is(a,button[data-yard]){min-height:48px;font-size:15px}}
@media print{#top-menu,.top-menu-toggle{display:none!important}}

.top-submenu>button:disabled{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px;border:1px solid transparent;border-radius:8px;background:none;color:#a6b3b1;font:inherit;text-align:left;cursor:not-allowed}.top-submenu>button:disabled small{font-size:12px}.top-submenu>button:disabled+*{border-top:1px solid #344039}
html[data-view-mode=desktop] #top-menu .top-submenu>button:disabled{color:var(--desk-muted)}