/* v0.1.27: mobile-first internal staff UI; deliberately excludes Creator Portal. */
@media(max-width:820px){
 body:not(.creator-body){max-width:100%;overflow-x:hidden}
 body:not(.creator-body) .top{position:sticky;top:0;z-index:80;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;background:#10213d;box-shadow:0 3px 12px #111c3030}
 body:not(.creator-body) .brand{font-size:15px;line-height:1.25;max-width:calc(100% - 70px)}
 body:not(.creator-body) .staff-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;border:1px solid #6a7994;background:#182d4d;color:#fff;font-size:21px;margin:0;cursor:pointer}
 body:not(.creator-body) .top nav{display:none;flex-direction:column;align-items:stretch;gap:2px;width:100%;max-height:calc(100dvh - 80px);overflow-y:auto;overflow-x:hidden;padding:8px 0 10px;scrollbar-width:thin}
 body:not(.creator-body) .top nav.staff-menu-open{display:flex}
 body:not(.creator-body) .top nav a{display:block;white-space:normal;font-size:14px;line-height:1.4;margin:0;padding:13px 14px;min-height:44px;border-radius:8px}
 body:not(.creator-body) .top nav a[aria-current="page"]{background:#334766;color:#ffce42;font-weight:700}
 body:not(.creator-body) .wrap,body:not(.creator-body) main.v124{width:100%;max-width:100%;margin:0;padding:16px 12px 90px}
 body:not(.creator-body) h1{font-size:clamp(22px,5.8vw,27px);line-height:1.18;overflow-wrap:anywhere}
 body:not(.creator-body) h2{font-size:18px;line-height:1.3}
 body:not(.creator-body) p,body:not(.creator-body) .notice{overflow-wrap:anywhere}
 body:not(.creator-body) .card,body:not(.creator-body) .v124 .card{min-width:0;padding:15px 12px;border-radius:12px;overflow:visible}
 body:not(.creator-body) .grid{grid-template-columns:minmax(0,1fr);gap:10px}
 body:not(.creator-body) form{max-width:100%;min-width:0}
 body:not(.creator-body) form[style*="inline-block"]{display:block!important;width:100%}
 body:not(.creator-body) input,body:not(.creator-body) select,body:not(.creator-body) textarea{max-width:100%;min-width:0;font-size:16px;min-height:44px}
 body:not(.creator-body) input[type="file"]{height:auto;white-space:normal}
 body:not(.creator-body) button,body:not(.creator-body) .btn{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 body:not(.creator-body) .tablewrap{border:0;overflow:visible;width:100%}
 body:not(.creator-body) table.staff-card-table{display:block;min-width:0!important;max-width:100%;width:100%;border:0;background:transparent}
 body:not(.creator-body) .staff-card-table tbody{display:block;width:100%}
 body:not(.creator-body) .staff-card-table thead{display:none}
 body:not(.creator-body) .staff-card-table tr{display:block;background:white;border:1px solid #dce3ed;border-radius:12px;margin:0 0 12px;padding:7px 11px;box-shadow:0 2px 9px #11223b0d;overflow-wrap:anywhere}
 body:not(.creator-body) .staff-card-table tr.staff-empty{display:none}
 body:not(.creator-body) .staff-card-table td{display:grid;grid-template-columns:minmax(88px,36%) minmax(0,1fr);gap:10px;align-items:start;width:100%;min-width:0;max-width:100%;border-bottom:1px solid #eef1f5;padding:11px 2px;font-size:13px;overflow-wrap:anywhere;word-break:break-word}
 body:not(.creator-body) .staff-card-table td:last-child{border-bottom:0}
 body:not(.creator-body) .staff-card-table td::before{content:attr(data-label);color:#5b6980;font-size:11px;font-weight:700;line-height:1.4;text-transform:none}
 body:not(.creator-body) .staff-card-table td form,body:not(.creator-body) .staff-card-table td input,body:not(.creator-body) .staff-card-table td select{width:100%;min-width:0;max-width:100%}
 body:not(.creator-body) .staff-card-table td:has(form){display:block}
 body:not(.creator-body) .staff-card-table td:has(form)::before{display:block;margin-bottom:8px}
 body:not(.creator-body) .staff-card-table td .btn,body:not(.creator-body) .staff-card-table td button{max-width:100%}
}
@media(min-width:821px){body:not(.creator-body) .staff-menu-toggle{display:none!important}}
@media(max-width:390px){body:not(.creator-body) .staff-card-table td{grid-template-columns:1fr;gap:4px}body:not(.creator-body) .brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}