/* DEC-WIKI-030: creation actions beside the existing tabs or title. */
.app-shell .action-near-tabs{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;margin-bottom:12px}
.app-shell .action-near-tabs:has(>nav.section-navigation){margin-top:-.25rem}
.app-shell .action-near-tabs>nav{display:flex;flex:0 1 auto;min-width:70px;max-width:100%;margin:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-padding-inline:3px}
.app-shell .action-near-tabs>nav::-webkit-scrollbar{display:none}
.app-shell .action-near-tabs>nav>a{flex:0 0 auto;white-space:nowrap}
.app-shell .action-near-tabs>nav>a:focus-visible{outline-offset:-3px}
.app-shell .inline-action-group,.app-shell .inline-action-group>div{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;max-width:100%}
.app-shell .inline-action-group a{white-space:nowrap}
.app-shell .heading-actions,.app-shell .section-heading-actions{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
.app-shell .heading-actions>h1,.app-shell .section-heading-actions>h2{flex:0 1 auto;min-width:0}
.app-shell .heading-actions>.primary-action{flex:0 0 auto;min-height:28px;padding:4px 10px}
.app-shell .section-heading-actions>.primary-action,.app-shell .content-panel__heading.action-near-heading>.primary-action{flex:0 0 auto;min-height:22px;padding:1px 8px}
.app-shell .content-panel__heading.action-near-heading,.app-shell .wp-rule-heading.action-near-heading{justify-content:flex-start;align-items:center;gap:12px}
.app-shell .action-near-heading>.status-label{margin-inline-start:auto}
@media(max-width:600px){
 .app-shell .action-near-tabs{align-items:flex-start}
 .app-shell .inline-action-group,.app-shell .inline-action-group>div{flex:0 1 auto;flex-wrap:wrap;max-width:calc(100% - 82px)}
 .app-shell .inline-action-group>div{max-width:100%}
 .app-shell .inline-action-group a{white-space:normal;max-width:100%}
 .app-shell .heading-actions,.app-shell .section-heading-actions{flex-wrap:wrap}
 .app-shell .heading-actions>.primary-action,.app-shell .section-heading-actions>.primary-action{max-width:100%;flex:0 1 auto}
}
@media(pointer:coarse),(max-width:600px){
 .app-shell .heading-actions>.primary-action,.app-shell .section-heading-actions>.primary-action,.app-shell .content-panel__heading.action-near-heading>.primary-action{min-height:44px}
}
/* Existing tabs and their creation action remain fully discoverable on phones. */
@media(max-width:600px){
 .app-shell .action-near-tabs{flex-wrap:wrap}
 .app-shell .action-near-tabs>nav{flex:1 0 100%;width:100%;flex-wrap:wrap;overflow:visible;gap:6px}
 .app-shell .action-near-tabs>nav>a{flex:1 1 calc(50% - 6px);min-width:0;white-space:normal;overflow-wrap:anywhere}
 .app-shell .action-near-tabs>.inline-action-group{flex:1 0 100%;max-width:100%}
 .app-shell .action-near-tabs>.inline-action-group .primary-action{width:100%}
}