/* J11d Administration pages: additions on top of the shell styles (style.css, base.css, shell.css). Normal Hisense teal, original logo, red DEV badge. */
.as h1{margin:0;font-size:30px}
.as .ph{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.as .ph p{margin:6px 0 0;font-size:13px;max-width:820px}.as .ph .acts{display:flex;gap:8px}
.as .summary{grid-template-columns:repeat(5,1fr);margin:0 0 16px}
.as table.grid{min-width:0}.as tr.link{cursor:pointer}.as .toolbar{gap:10px;flex-wrap:wrap}.as .toolbar input[type=search]{min-width:300px}
.as .toolbar input,.as .toolbar select{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff;color:var(--ink)}
.sub2{display:block;font-size:11px;color:var(--muted);margin-top:2px}.hint,.hint2{font-size:12px;color:var(--muted)}.hint{margin:12px 0 16px}.hint2{display:block;margin-top:4px}
.as .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 20px 14px;margin-bottom:14px;display:block}.as .cardhead{display:flex;justify-content:space-between;align-items:center}.as .card h2{font-size:15px;margin:16px 0 8px}
.kvt td{padding:10px 8px;vertical-align:top}.kvt td:first-child{width:62%}.kvt .num{white-space:nowrap}
.as .detail{font-size:12px;color:var(--muted);max-width:340px}
.as .pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px;font-size:12px;color:var(--muted)}
.errsum{background:var(--bad-bg);border-left:3px solid var(--bad);border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:12px;color:#7a1a14}.errsum ul{margin:6px 0 0;padding-left:18px}
.drawer .foot{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
.drawer textarea,.drawer input[type=text],.drawer select{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%;background:#fff}
.drawer .chk{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:8px 0}.drawer .chk input{width:auto;margin-top:3px}
.perms{max-height:48vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px 14px 10px}.perm{border:0;border-top:1px solid #eef2f2;padding:8px 0 2px;margin:0}.perm:first-child{border-top:0}.perm legend{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;padding:0}
.permline{font-size:12px;padding:3px 0}code{font-size:11px;background:#eef2f2;border-radius:4px;padding:1px 5px}
.kv{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 24px;margin:8px 0}.kv.two{grid-template-columns:1fr 1fr}.kv div b{display:block;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.kv div span{font-size:14px}.h3{font-size:14px;margin:18px 0 6px}

:root{--muted:#55696f}
.rv-h{margin:24px 0 12px}

/* j122: two tiles per row on a tablet or phone (the five-column rule above is wider than the frame at 375 px) */
@media(max-width:1000px){.as .summary{grid-template-columns:repeat(2,1fr)}}
.ro{display:block;padding:8px 0;font-weight:600}