/* O eyebrow da referência participa da tipografia do parágrafo do page-head. */
body.admin #adminSessionHeading .eyebrow{font-size:13px}
body.admin #adminPage:has(>.review-group-title)>.eyebrow{font:13px/1.7 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#c19e8e;margin:0 0 12px}
body.admin #adminPage:has(>.review-group-title)>h1{font:500 36px Figtree,sans-serif;letter-spacing:-.025em;margin:0 0 12px}
body.admin #adminPage:has(>.review-group-title)>p:not(.notice){font:13px/1.7 Inter,sans-serif;margin:0 0 28px}
body.admin .review-group-title{font:500 21px Figtree,sans-serif;letter-spacing:-.025em;margin:0 0 24px}
body.admin .review-card{padding:24px;border-color:#524335;border-radius:12px;margin:0 0 16px}
body.admin .review-card>.review-kind{font-size:10px}
body.admin .review-card>p{font:13px/1.7 Inter,sans-serif;margin:0 0 16px}
body.admin .review-card>p:first-of-type{font-size:12px;margin:0}
body.admin .review-card>h3{font:500 17px Figtree,sans-serif;letter-spacing:-.025em;margin:6px 0}
body.admin .review-card>small{display:block;font:11px/1.7 Inter,sans-serif}
body.admin .review-card>.review-request{margin:18px 0 16px}
body.admin .review-card+.review-group-title{margin-top:26px}
body.admin .review-group-title+.notice{padding:13px 16px;border-color:#414146;background:#232326;color:#c9c9cc;font:12px/1.7 Inter,sans-serif;margin:0 0 18px}
body.admin .review-empty{padding:42px 20px;border-color:#424247;border-radius:12px}
body.admin .review-empty>strong{display:block;font:500 18px Figtree,sans-serif;letter-spacing:-.025em;margin-bottom:10px}
body.admin .review-empty>p{font:13px/1.7 Inter,sans-serif;max-width:500px;margin:0 auto}
body.admin #sidebar{padding-top:max(30px,env(safe-area-inset-top));padding-bottom:12px}
body.admin .sidebar-brand{height:37px;min-height:37px;padding:0;margin:0 14px 30px;gap:16px}
body.admin .sidebar-brand .brand-lockup{transform:none;display:flex;align-items:center;flex:none;width:auto;height:37px;gap:16px}
body.admin .sidebar-brand .opsia-wordmark{width:101px;height:37px;object-fit:contain}
body.admin .sidebar-brand .brand-lockup:after{position:static;display:block;font:9px 'IBM Plex Mono',monospace;letter-spacing:.12em;border-left:1px solid #444;padding-left:14px}
body.admin #adminNav{gap:5px}
body.admin #adminNav [data-page]{min-height:45px;padding:10px 14px}
body.admin #adminNav #newAdminSide{padding:10px 16px;margin-bottom:21px}
body.admin{--admin-inset:42px}
body.admin main{padding-inline:var(--admin-inset)}
body.admin .mode-bar{margin-inline:calc(-1 * var(--admin-inset));padding-inline:var(--admin-inset);width:auto;border-bottom-color:#29292c}
body.admin #modeLabel:before{left:var(--admin-inset)}
@media(min-width:1600px){body.admin{--admin-inset:58px}}
@media(max-width:1150px) and (min-width:801px){body.admin{--admin-inset:25px}}
@media(max-width:800px){
 body.admin{--admin-inset:20px}
 body.admin .mode-bar{padding-inline:16px;gap:12px}
 body.admin #modeLabel:before{left:68px}
 body.admin #menu{border:0;min-width:40px;padding:6px;background:transparent}
 body.admin #sidebar{width:min(290px,86vw);padding-bottom:max(16px,env(safe-area-inset-bottom))}
 body.admin #backdrop{background:#0009;backdrop-filter:none}
 body.admin #adminSessionHeading .eyebrow{font-size:12px}
}
@media(max-width:480px){
 body.admin{--admin-inset:15px}
 body.admin .mode-bar{padding-inline:10px;gap:5px}
 body.admin #modeLabel:before{left:55px}
 body.admin #adminPage:has(>.review-group-title)>h1{font-size:29px}
 body.admin #adminPage:has(>.review-group-title)>.eyebrow,body.admin #adminPage:has(>.review-group-title)>p:not(.notice){font-size:12px}
 body.admin .review-card{padding:18px}
}
