.management-nav{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;background:white;border:1px solid #e1e7ef;border-radius:12px}
.management-nav-group{flex:1 1 175px;align-self:flex-start;min-width:0;border:1px solid #e1e7ef;border-radius:8px;background:#f8fafc}
.management-nav-group summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#475569}
.management-nav-group[open]{background:#f3f7ff;border-color:#9dbbea}
.management-nav-links{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:6px;padding:0 10px 10px}
.management-nav-links a{padding:7px 10px;border-radius:6px;color:#475569;text-decoration:none}
.management-nav-links a,.management-nav-links .nav-link{font-size:1rem}
.management-nav-links a:hover{background:#e4ecf7}
.management-nav-links a[aria-current=page]{background:#2456a6;color:white;font-weight:600}
.management-nav :focus-visible{outline:3px solid #5290e8;outline-offset:3px}
@media(max-width:575px){.management-nav{padding:10px;gap:8px}.management-nav-group{flex-basis:100%}}

/* Keep mock-paper actions visible while long details scroll. */
body[data-page="mock-paper"] #editor[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
body[data-page="mock-paper"] #form{display:flex;flex-direction:column;min-height:0;overflow:hidden;width:100%}
body[data-page="mock-paper"] #title{flex-shrink:0}
body[data-page="mock-paper"] #fields{flex:1 1 auto;min-height:0;overflow:auto}
body[data-page="mock-paper"] #error{flex-shrink:0;margin-bottom:0}
body[data-page="mock-paper"] #form > .d-flex{flex-shrink:0;background:#fff;padding-top:12px;border-top:1px solid #e1e7ef}
/* Compact inline filters on management pages. */
body[data-page] #filter-form{align-items:center}
body[data-page] #filter-form > .col-md-3{display:flex;align-items:center;gap:10px;flex:0 0 auto;width:auto;max-width:100%}
body[data-page] #filter-form .form-label{flex:0 0 auto;margin-bottom:0;white-space:nowrap}
body[data-page] #filter-form .form-control,
body[data-page] #filter-form .form-select{flex:0 1 200px;width:200px;min-width:0}
@media(max-width:575px){body[data-page] #filter-form > .col-md-3{width:100%}body[data-page] #filter-form .form-label{width:90px}body[data-page] #filter-form .form-control,body[data-page] #filter-form .form-select{flex:1 1 auto;width:auto}}
/* Use the same compact search layout on resource and question pages. */
#filter-form{align-items:center}
#filter-form > [class*="col-md-"]{display:flex;align-items:center;gap:10px;flex:0 0 auto;width:auto;max-width:100%}
#filter-form .form-label{flex:0 0 auto;margin-bottom:0;white-space:nowrap}
#filter-form .form-control,#filter-form .form-select{flex:0 1 200px;width:200px;min-width:0}
#filter-form .clearable-filter{flex:0 1 200px;width:200px;min-width:0}
#filter-form .clearable-filter .form-select{width:100%}
@media(max-width:575px){#filter-form > [class*="col-md-"]{width:100%}#filter-form .form-label{width:90px}#filter-form .form-control,#filter-form .form-select,#filter-form .clearable-filter{flex:1 1 auto;width:auto}#filter-form .clearable-filter .form-select{width:100%}}
.management-nav-links form{margin:0}.management-nav-links .nav-link{border:0;background:transparent;padding:7px 10px;color:#475569}.management-nav-links .nav-link:hover{background:#e4ecf7}
#editor[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}#form{display:flex;flex-direction:column;min-height:0;overflow:hidden;width:100%}#fields{min-height:0;overflow:auto;flex:1}#form>.d-flex{flex-shrink:0;background:white;padding-top:12px;border-top:1px solid #e1e7ef}

.management-nav-links .nav-link.active{background:#2456a6;color:white;font-weight:600}