/* Main navigation has three distinct groups and a true page-centered axis. */
#app>.top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:auto;min-height:74px;gap:16px}
#app>.top .home-logo{justify-self:start}
#app>.top .account-menu{justify-self:end;margin-left:0}
#app>.top .top-actions{display:flex;justify-self:center;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:0;overflow:visible}
#app>.top .display-toolbar{display:contents}
#app>.top .primary-nav,#app>.top .density-controls,#app>.top .language-controls{display:flex;align-items:center;gap:2px;width:auto;margin:0;padding:3px;border:1px solid;border-radius:11px;flex:none}
#app>.top .primary-nav{border-color:#c9dbcf;background:#f0f6f2}
#app>.top .density-controls{border-color:#cbdbe8;background:#f0f5fa}
#app>.top .language-controls{border-color:#e5d9ba;background:#fffaf0}
#app>.top .top-actions button{display:flex;align-items:center;justify-content:center;flex:none;min-width:44px;height:40px;min-height:40px;margin:0;padding:5px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#3f6050;font-size:12px;line-height:1.2;white-space:nowrap}
#app>.top .primary-nav button.selected{background:#365f4c;border-color:#365f4c;color:white}
#app>.top .density-controls button{color:#395c78}
#app>.top .density-controls button.selected{background:#dcebf6;border-color:#a9c8de;color:#214b6a}
#app>.top .language-controls button{color:#765d26}
#app>.top .language-controls button.selected{background:#f1e5c4;border-color:#d5bf85;color:#654b12}
#app>.top .top-actions button:hover{box-shadow:inset 0 0 0 1px #a9bcb0}
@media(max-width:1000px){
 #app>.top{grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:6px 12px}
 #app>.top .home-logo{display:flex;grid-column:1;grid-row:1;min-height:30px;padding:0;border:0;font-size:12px}
 #app>.top .home-logo .logo-mark{width:24px;height:24px;font-size:16px}
 #app>.top .home-title small{display:none}
 #app>.top .account-menu{grid-column:2;grid-row:1}
 #app>.top .account-menu>summary{min-height:30px;padding:2px 6px}
 #app>.top .top-actions{grid-column:1/-1;grid-row:2;gap:7px}
 #app>.top .top-actions button{padding:5px 6px;font-size:12px}
}
@media(max-width:700px){#app>.top .primary-nav button{max-width:54px;white-space:normal}}
@media(max-width:380px){
 #app>.top .top-actions{gap:5px}
 #app>.top .primary-nav,#app>.top .density-controls,#app>.top .language-controls{padding:2px;gap:0}
 #app>.top .top-actions button{font-size:11px;min-width:34px;padding:5px 4px}
 #app>.top .primary-nav button{max-width:48px;white-space:normal}
}
html[data-mobile-fit="1"][data-narrow-stock="1"] #app>.top .top-actions{gap:5px}
html[data-mobile-fit="1"][data-narrow-stock="1"] #app>.top .top-actions button{padding-inline:4px;font-size:11px}

/* One compact composer in both list modes; failures keep their recovery controls. */
#notices.memo-shell{max-width:1600px;margin:6px auto 0;padding:0 28px}
#notices .memo-board{display:grid;grid-template-columns:94px minmax(44px,1fr) auto 96px;align-items:stretch;gap:6px;padding:4px 6px;border:1px solid #ddceaa;border-radius:9px;background:#fffdf6;box-shadow:none}
#notices .memo-heading,#notices .memo-body,#notices .memo-compose{display:contents!important}
#notices #memo-title{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:12px;font-weight:650;line-height:15px;white-space:normal;letter-spacing:0}
#notices #memo-title>span{display:block}
#notices #memo-title .vi{font-size:10px;line-height:12px}
#notices #memo-content{grid-column:2;grid-row:1;display:block;width:100%;height:100%;min-height:44px;max-height:160px;resize:vertical;margin:0;padding:5px 8px;border-radius:6px;font-size:14px;line-height:16px;box-sizing:border-box}
#notices [data-notice-act=receive],#notices .memo-history-toggle{grid-row:1;display:block;align-self:stretch;min-width:0;min-height:44px;height:auto;margin:0;padding:4px 10px;border-radius:6px;font-size:12px;line-height:16px;white-space:normal}
#notices [data-notice-act=receive]{grid-column:3}
#notices .memo-history-toggle{grid-column:4;background:#f8f3e7;border-color:#ded0ac;color:#715c2b;white-space:nowrap}
#notices .memo-history-toggle .vi{display:block;font-size:10px;line-height:12px;white-space:normal}
#notices .memo-actions{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;margin:0}
#notices.memo-problem .memo-actions{position:static;clip-path:none;width:auto;height:auto;grid-column:1/-1;display:flex;flex-wrap:wrap;overflow:visible;gap:6px;margin:0;padding:2px 0}
#notices .memo-actions [data-notice-status]{min-width:0;flex:1 1 160px}
#notices .memo-history{display:none;grid-column:1/-1;min-width:0;margin:3px 0 0;padding:8px 0 0}
#notices .memo-history[open]{display:block}
#notices .memo-history>summary{display:none}
@media(max-width:700px){
 #notices.memo-shell{padding:0 12px;margin-top:4px}
 #notices .memo-board{grid-template-columns:61px minmax(44px,1fr) 50px 55px;gap:4px;padding:3px 5px}
 #notices #memo-title{font-size:10px;line-height:14px}
 #notices #memo-content{padding:5px;font-size:13px}
 #notices [data-notice-act=receive],#notices .memo-history-toggle{padding:3px;font-size:11px;line-height:14px;overflow-wrap:anywhere;white-space:normal}
}

/* Keep one clear search prompt, with no overlapping decorative magnifier. */
.catalog-browse-tools .search:before{content:none;display:none}
#main.shell{padding-top:10px}
html[data-inventory-view=compact] #main.shell{padding-top:4px}